:root{--bg: #f6f4ef;--surface: #fffdf8;--surface-2: #ebe7dc;--ink: #141511;--muted: #6f7168;--line: rgba(20, 21, 17, .1);--accent: #1f7a4b;--accent-2: #145233;--positive: #1f7a4b;--warning: #b87814;--danger: #b83c2d;--info: #2f6bd6;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Schibsted Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui)}button,input,select{font:inherit}button{border:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:68px minmax(0,1fr)}.app-header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#fffdf8eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font:700 13px var(--font-display);letter-spacing:.08em}.brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em}.brand-mark{display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fffdf8}.header-cart{height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:8px}.sidebar{border-right:1px solid var(--line);padding:18px 14px;background:#f0ede5;display:flex;flex-direction:column;gap:18px}.sidebar nav{display:grid;gap:6px}.sidebar button{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--muted);background:transparent;border-radius:8px;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:var(--surface);color:var(--ink)}.sidebar-note{margin-top:auto;display:flex;align-items:center;gap:8px;padding:12px;color:var(--muted);background:#ffffff73;border:1px solid var(--line);border-radius:8px;font-size:12px}.main{min-width:0;overflow:auto}.page{max-width:1480px;margin:0 auto;padding:24px}.page-header,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title{margin:0;font:700 22px/1.1 var(--font-display)}.crumb,.eyebrow{margin:0 0 6px;color:var(--muted);font:600 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.page-title{margin:0;font:700 32px/1.05 var(--font-display);letter-spacing:0}.page-sub{color:var(--muted);margin:8px 0 0}.hero{min-height:340px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;align-items:end;padding:38px;margin-bottom:18px;color:#fff;background:linear-gradient(90deg,#0b0f0de6,#0b0f0d52),url(https://images.unsplash.com/photo-1543353071-873f17a7a088?w=1600&h=900&fit=crop&q=80&auto=format) center/cover;border-radius:8px}.hero h1{max-width:760px;margin:0;font:700 48px/1.02 var(--font-display)}.hero p{max-width:660px;color:#ffffffc7;line-height:1.7}.hero-panel{padding:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:8px}.hero-panel strong,.hero-panel span{display:block}.hero-panel span{color:#ffffffc2;margin-top:6px;font-size:13px;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:700;white-space:nowrap}.btn-sm{height:32px;padding:0 10px;font-size:12px}.btn-md{height:38px;padding:0 14px}.btn-lg{height:46px;padding:0 18px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-secondary{background:var(--surface);color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.category-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px}.category-strip button{height:36px;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:0 14px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;cursor:pointer}.category-strip button.active{background:var(--ink);color:#fff}.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.filters{position:sticky;top:92px;align-self:start;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.filter-group{display:grid;gap:8px;margin-bottom:16px}.filter-group label,.field-label{color:var(--muted);font:700 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.search-field{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.search-field input,.filter-group select,.input{width:100%;min-width:0;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 12px}.search-field input{height:auto;border:0;padding:0;outline:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px}.product-card{overflow:hidden}.product-media{height:160px;display:grid;place-items:center;position:relative;background:var(--surface-2);color:var(--muted);font:700 48px var(--font-display)}.product-media img{width:100%;height:100%;object-fit:cover}.product-media .chip{position:absolute;left:10px;top:10px}.product-body{padding:14px}.product-sku{color:var(--muted);font:600 11px var(--font-mono);letter-spacing:.06em}.product-body h3{margin:6px 0;font:700 16px/1.25 var(--font-display)}.product-body p{min-height:58px;color:var(--muted);font-size:13px;line-height:1.5}.product-tags{display:flex;gap:6px;flex-wrap:wrap}.product-foot{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:14px}.product-foot span,.product-foot strong{display:block}.product-foot span{color:var(--muted);font:500 11px var(--font-mono);text-decoration:line-through}.product-foot strong{margin-top:3px;font:700 16px var(--font-mono)}.chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:#eee9dd;color:var(--muted);font-size:11px;font-weight:700}.chip-positive{background:#1f7a4b1f;color:var(--positive)}.chip-warning{background:#b878141f;color:var(--warning)}.chip-info{background:#2f6bd61f;color:var(--info)}.chip-danger{background:#b83c2d1f;color:var(--danger)}.empty-state{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--muted);text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.stat-card p{margin:0;color:var(--muted);font-size:12px}.stat-card strong{display:block;margin-top:8px;font:700 28px var(--font-display)}.stat-card span{display:block;margin-top:10px;color:var(--accent);font-size:12px;font-weight:700}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);display:grid;gap:14px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.auth-card h1{margin:0 0 8px;font:700 34px var(--font-display)}.field{display:grid;gap:7px}.field-error{color:var(--danger);font-size:12px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:13px}.data-table th{color:var(--muted);font:700 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.data-table .right{text-align:right}.split-page{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.invoice-preview{position:sticky;top:92px;padding:18px}.invoice-preview h2{margin:0 0 16px;font:700 24px var(--font-display)}.summary-lines{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:baseline}.summary-lines span{color:var(--muted);font-size:12px}.summary-lines strong{text-align:right;font-size:13px}.invoice-items{display:grid;gap:10px;margin-top:18px}.invoice-items div{display:grid;gap:3px;padding:10px;background:#f7f2e7;border:1px solid var(--line);border-radius:8px}.invoice-items span,.invoice-items em{color:var(--muted);font:600 11px var(--font-mono)}.invoice-items em{font-style:normal}.drawer-backdrop{position:fixed;inset:0;z-index:40;background:#14151157}.cart-drawer{position:fixed;top:0;right:0;z-index:41;width:min(460px,100vw);height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface);border-left:1px solid var(--line);box-shadow:-24px 0 60px #1415112e}.drawer-head{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font:700 24px var(--font-display)}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:#f4efe5;border:1px solid var(--line);border-radius:8px;cursor:pointer}.drawer-body{overflow:auto;padding:12px}.cart-line{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffaf0;margin-bottom:10px}.cart-line strong,.cart-line span{display:block}.cart-line span{margin-top:4px;color:var(--muted);font-size:12px}.qty-control{width:132px;display:grid;grid-template-columns:32px 1fr 32px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.qty-control button,.qty-control input{height:32px;border:0;background:#fff;text-align:center}.cart-line-foot,.drawer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.cart-line-foot button{color:var(--danger);background:transparent;cursor:pointer;font-weight:700}.drawer-foot{padding:18px 20px;border-top:1px solid var(--line);background:#f7f2e7}.drawer-actions{margin-top:16px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.hero,.catalog-layout,.stat-grid,.split-page{grid-template-columns:1fr}.hero h1{font-size:36px}}