.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 0.75rem 1rem;
  font-weight: 700;
}

.btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: white;
}

.btn-secondary {
  background: #94A3B8;
  color: white;
}

.tab-button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

.tab-button:hover {
  background: rgba(92,64,51,0.07);
}

.tab-button.active {
  background: rgba(92,64,51,0.1);
  color: var(--primary);
}

.tab-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(92,64,51,0.08);
  border-radius: 8px;
}

.icon-menu {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: currentColor;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M3 6h18M3 12h18M3 18h18"/></svg>') no-repeat center / contain;
}

.icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  background: currentColor;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.icon-chart-line { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M4 19h16v2H2V5h2v14zM18 10l-4 4-3-3-4 5h12l-1-6z"/></svg>'); }
.icon-shopping-cart { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zm10 0c-1.1 0-1.99.9-1.99 2S15.9 22 17 22s2-.9 2-2-.9-2-2-2zM7.16 10l.84 4h8l1.6-8H5.21L4.27 4H1v2h2l3.6 7.59-1.35 2.44C5.09 16.37 5 16.68 5 17c0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03L21.82 8H7.16z"/></svg>'); }
.icon-boxes { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M3 7.5L12 3l9 4.5v9L12 21l-9-4.5v-9zM12 5.19L5 8l7 3 7-3-7-2.81zM5 10.55v5.9L12 19l7-2.55v-5.9L12 13l-7-2.45z"/></svg>'); }
.icon-book { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12V2zm-2 16H8V4h8v14z"/></svg>'); }
.icon-industry { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M2 22h20V2L14 8v5l-4-3-4 3V22z"/></svg>'); }
.icon-candy-cane { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M11 5V3h2v2c0 1.66 1.34 3 3 3h1v2h-1c-2.76 0-5-2.24-5-5zM17.66 6.34l-1.42 1.42C15.76 8.24 16 8.59 16 9c0 1.1-.9 2-2 2H8v2h6c2.21 0 4-1.79 4-4 0-.41-.09-.79-.24-1.14l1.9-1.9-1.72-1.72zM4.21 6.21l1.42 1.42C4.63 9.41 4 10.65 4 12c0 4.42 3.58 8 8 8 1.35 0 2.59-.63 3.37-1.63l1.42 1.42C16.25 20.7 14.2 22 12 22 6.48 22 2 17.52 2 12c0-2.2 1.3-4.25 3.21-5.79z"/></svg>'); }
.icon-box { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M21 16V8l-9-5-9 5v8l9 5 9-5zm-9-4.3L5.34 8 12 4.08 18.66 8 12 11.7z"/></svg>'); }
.icon-users { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C13 14.17 8.33 13 6 13zm10 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>'); }
.icon-handshake { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M2 12l4-4 3 3-3 3-4-4zm20 0l-4 4-3-3 3-3 4 4zM8.5 10.5l1.11-1.11 2.09 2.09-1.11 1.11-2.09-2.09zm5.79 5.79l-1.11-1.11 2.09-2.09 1.11 1.11-2.09 2.09z"/></svg>'); }
.icon-chart-bar { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M4 22h16v-2H4v2zm3-6h2v6H7v-6zm4-4h2v10h-2V12zm4-6h2v16h-2V6z"/></svg>'); }
.icon-dollar-sign { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M12 1C9.24 1 7 3.24 7 6h2c0-1.66 1.34-3 3-3s3 1.34 3 3c0 1.59-1.16 2.9-2.72 2.99L11 10h2c2.21 0 4 1.79 4 4s-1.79 4-4 4c-1.64 0-3.06-.99-3.64-2.39L6.16 14.5C6.6 16.57 8.53 18 11 18c2.76 0 5-2.24 5-5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3c0-1.59 1.16-2.9 2.72-2.99L13 10H11c-2.21 0-4-1.79-4-4s1.79-4 4-4c1.64 0 3.06.99 3.64 2.39L17.84 5.5C17.4 3.43 15.47 2 13 2c-2.76 0-5 2.24-5 5h2c0-1.66 1.34-3 3-3s3 1.34 3 3c0 1.59-1.16 2.9-2.72 2.99L11 10h2c2.21 0 4 1.79 4 4s-1.79 4-4 4c-1.64 0-3.06-.99-3.64-2.39L6.16 14.5C6.6 16.57 8.53 18 11 18c2.76 0 5-2.24 5-5h-2c0 1.66-1.34 3-3 3s-3-1.34-3-3c0-1.59 1.16-2.9 2.72-2.99L13 10H11c-2.21 0-4-1.79-4-4s1.79-4 4-4z"/></svg>'); }
.icon-utensils { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M10 2H8v10h2V2zm4 0h-2v10h2V2zm-4 14H8v6h2v-6zm4 0h-2v6h2v-6z"/></svg>'); }
.icon-truck { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm4 4h2v-2H7v2zm10-8h3l1 3h-4v-3zM5 6h11v5H5z"/></svg>'); }
.icon-credit-card { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M2 6h20v12H2V6zm2 8h4v2H4v-2zm0-4h4v2H4V10z"/></svg>'); }
.icon-save { mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M17 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zM12 19c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm3-10H9V5h6v4z"/></svg>'); }

@media (max-width: 900px) {
  .app-header {
    flex-wrap: wrap;
  }

  .app-content {
    padding: 1rem;
  }
}