:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #252538;--border: #2d2d44;--border2: #3d3d5c;--text: #e2e8f0;--muted: #94a3b8;--indigo: #6366f1;--green: #22c55e;--red: #ef4444}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;min-height:100dvh;font-size:15px;margin:0}a{color:inherit}.nav{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2px;padding:0 10px;height:52px}.nav-brand{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;white-space:nowrap;margin-right:6px;flex-shrink:0;text-decoration:none;color:var(--text)}.nav-links{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.nav-link{padding:6px 10px;border-radius:8px;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.82rem;transition:background .15s,color .15s;text-decoration:none}.nav-link:hover,.nav-link.active{background:var(--border);color:var(--text)}.nav-hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:6px 8px;border-radius:8px;font-size:1.3rem;line-height:1;margin-left:auto}.nav-hamburger:hover{background:var(--border)}.nav-drawer{display:none;position:fixed;top:52px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);z-index:49;flex-direction:column;padding:8px;gap:4px}.nav-drawer.open{display:flex}.nav-drawer .nav-link{display:block;padding:10px 14px;font-size:.9rem}@media(max-width:600px){.nav-links{display:none}.nav-hamburger{display:block}}.page{padding:16px 16px 80px;max-width:900px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px}.card-pad{padding:16px}input[type=number],input[type=text],input[type=date],input[type=datetime-local],select,textarea{background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:8px 10px;color:var(--text);width:100%;font-size:15px;min-height:40px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--indigo);outline-offset:1px}input[type=range]{accent-color:var(--indigo);width:100%}label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:10px 18px;font-weight:700;font-size:.9rem;cursor:pointer;transition:filter .15s,transform .1s;border:none;white-space:nowrap;min-height:42px;font-family:inherit}.btn:active{transform:scale(.97)}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{filter:brightness(1.15)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{background:var(--border)}.btn-sm{padding:6px 12px;font-size:.8rem;min-height:34px;border-radius:8px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge-spirit{background:#7c2d12;color:#fb923c;border:1px solid #c2410c}.badge-beer{background:#713f12;color:#fde047;border:1px solid #a16207}.badge-wine{background:#4a044e;color:#e879f9;border:1px solid #a21caf}.badge-mixer{background:#0c4a6e;color:#38bdf8;border:1px solid #0369a1}.badge-snack{background:#14532d;color:#86efac;border:1px solid #16a34a}.badge-extra{background:#1e293b;color:#94a3b8;border:1px solid #475569}.ok{color:#4ade80;font-weight:700}.err{color:#f87171;font-weight:700}.warn{color:#fbbf24;font-weight:700}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}@media(min-width:480px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:720px){.kpi-grid{grid-template-columns:repeat(5,1fr)}}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.collapsible-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;color:var(--text);cursor:pointer;padding:14px 16px;font-size:1rem;font-weight:700;text-align:left}.collapsible-btn .chevron{transition:transform .2s;color:var(--muted);flex-shrink:0}.collapsible-btn.open .chevron{transform:rotate(180deg)}.shop-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:.875rem}.shop-row:last-child{border-bottom:none}.shop-row:hover{background:#ffffff05}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media(max-width:500px){.grid-2,.grid-3{grid-template-columns:1fr}}.save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border2);padding:10px 16px;display:flex;align-items:center;gap:10px;z-index:40;backdrop-filter:blur(8px)}.save-bar-inner{max-width:900px;margin:0 auto;width:100%;display:flex;align-items:center;gap:10px}.hero{text-align:center;padding:60px 16px 40px}.hero h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;margin:0 0 12px}.hero p{color:var(--muted);font-size:1.1rem;max-width:560px;margin:0 auto 28px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:32px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:left}.feature-card h3{margin:8px 0 6px;font-size:1rem}.feature-card p{color:var(--muted);font-size:.875rem;margin:0}