:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf0f1;background:#101416;font-synthesis:none;color-scheme:dark;font-size:16px;--muted: #96a4a9;--accent: #68dfdc;--line: #2b3337;--surface: #191f22}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:#20282c;color:inherit;border-radius:11px;min-height:44px;padding:10px 15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:hover{background:#2b363a}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{border:1px solid var(--line);background:#13191c;color:inherit;border-radius:10px;min-height:46px;padding:11px 13px;width:100%;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin-bottom:0;font-weight:650}h2{font-size:19px;font-weight:600}h3{font-size:22px;letter-spacing:-.5px}p{line-height:1.6}small,.muted{color:var(--muted);font-size:14px}.accent{color:var(--accent)}.app-shell{display:flex;min-height:100dvh}.sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:38px 22px 24px;background:#14191c}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f3f7f7;font-weight:650;font-size:18px}.brand-mark{display:flex;background:var(--accent);color:#112326;border-radius:12px;padding:9px}.brand small{display:block;font-size:10px;letter-spacing:1.15px;margin-top:8px;font-weight:500}.sidebar nav{display:grid;gap:9px;margin-top:56px}.sidebar nav button{justify-content:flex-start;background:none;border:0;color:var(--muted);padding:15px 13px}.sidebar nav button.active{background:#223c3d;color:var(--accent)}.sidebar nav small{font-size:11px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:11px;font-size:14px}.sidebar-bottom small{display:block;font-size:12px;margin-top:5px}.restaurant-monogram{background:#2a3235;border-radius:50%;padding:12px;font-family:Georgia,serif}.workspace{margin-left:250px;width:calc(100% - 250px)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;color:var(--muted);font-size:13px}.save-status{display:flex;align-items:center;gap:6px}.save-status svg{color:var(--accent)}main{max-width:1140px;margin:auto;padding:45px 46px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin-bottom:13px}.primary{background:var(--accent);color:#102729;border-color:var(--accent);font-weight:650}.primary:hover{background:#96eeeb}.overview{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(105deg,#213737,#1a292c);border:1px solid #345251;border-radius:18px;padding:29px 32px;margin-bottom:38px}.overview .eyebrow{color:#acc1c0}.big-number{font-size:62px;line-height:1.2;letter-spacing:-3px;margin:12px 0;display:flex;align-items:baseline;gap:16px;color:#c6faf1}.big-number span{font-size:17px;letter-spacing:0;color:#e0ebea}.overview p{font-size:14px;color:#a4b6b8;margin-bottom:0}.round-link{border-radius:50%;width:49px;height:49px;background:#335254;color:var(--accent);border:1px solid #4a6968}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{margin:0}.count{font-size:13px;background:#252e31;padding:4px 8px;border-radius:7px;margin-left:7px;color:#aebbbf}.text-button{background:none;border:0;color:var(--muted);padding:8px}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.supplier-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden;padding:23px}.supplier-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.supplier-top button{background:none;border:0;color:var(--muted)}.supplier-icon{font-size:25px;background:#293e36;border:1px solid #3a5248;padding:12px;border-radius:14px}.supplier-icon.amber{background:#3b3424;border-color:#50462e}.supplier-main{display:block;text-align:left;width:100%;background:none!important;border:0;padding:0}.supplier-main h3{line-height:1.35;margin-bottom:7px;max-width:270px}.supplier-main p{font-size:14px;color:var(--muted);margin-bottom:24px}.supplier-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.pill{display:inline-flex;font-size:12px;padding:7px 11px;background:#262e31;border-radius:7px;color:#a8b5b9}.pill.active{color:var(--accent);background:#243e3f}.last-sent{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;color:#86959a;font-size:12px}.add-supplier{border:1px dashed #39464b;background:none;border-radius:15px;min-height:76px;color:var(--muted);grid-column:1/-1}.archive-toggle{margin-top:15px;font-size:13px}.hint{margin-top:37px;display:flex;gap:12px;color:#adc2c3;font-size:14px}.hint svg{flex-shrink:0;margin-top:4px;color:var(--accent)}.hint span{color:#7f9097;font-size:13px}.bottom-nav{display:none}.back{background:none;border:0;color:var(--muted);padding:0;justify-content:flex-start;margin-bottom:10px}.toolbar{display:flex;gap:12px}.search{display:flex;align-items:center;gap:8px;background:#1b2327;border:1px solid var(--line);border-radius:11px;padding:0 14px;flex:1;color:var(--muted)}.search input{border:0;background:none;padding-left:3px}.tabs{display:flex;gap:6px;padding:7px;background:#191f22;border-radius:12px;margin:23px 0}.tabs button{flex:1;border:0;background:none;color:var(--muted)}.tabs button.active{background:#2d3b3f;color:var(--accent)}.category-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 3px 12px}.category-heading h2{font-size:14px;margin:0;letter-spacing:.7px;text-transform:uppercase;color:#a7b8bd}.category-heading span{font-size:13px;color:var(--muted)}.product-group{border:1px solid var(--line);border-radius:14px;overflow:hidden}.product-row{display:flex;align-items:center;padding:14px 16px;gap:12px;background:#191f22;border-bottom:1px solid var(--line)}.product-row:last-child{border-bottom:0}.product-row.selected{background:#1b2b2d}.check{min-height:44px;min-width:44px;width:44px;padding:10px;border:0;background:none;position:relative}.check:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1.5px solid #5a6e75;border-radius:8px}.selected .check:before{border-color:var(--accent);background:var(--accent)}.check svg{position:relative;z-index:1;color:#0c2828}.product-name{flex:1;display:block;padding:5px 0;border:0;background:none!important;min-width:0;text-align:left}.product-name strong{font-size:16px;font-weight:550;line-height:1.4;display:block;overflow-wrap:anywhere}.product-name span{font-size:12px;color:var(--muted);display:block;margin-top:4px;line-height:1.4}.favorite{background:none;border:0;padding:7px;color:#63757b}.favorite.on{color:#d6b777}.quantity{text-align:center;flex-shrink:0}.quantity>div{display:flex;align-items:center}.quantity button{padding:4px;width:35px;min-height:44px;border:0;background:none}.quantity input{width:55px;text-align:center;padding:7px 1px;font-weight:650;background:#111b1e;min-height:36px}.quantity span{font-size:11px;color:var(--muted)}.order-footer{margin:25px 0;padding:20px;background:#22383a;border:1px solid #33585a;border-radius:13px;display:flex;justify-content:space-between;gap:12px;align-items:center}.order-footer span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.order-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.order-actions details{width:100%;font-size:14px;color:var(--muted)}summary{cursor:pointer;padding:12px 0}.order-actions textarea{height:260px;margin-top:10px;line-height:1.6;-webkit-user-select:text;user-select:text}.order-section{margin-bottom:40px}.empty{border:1px dashed var(--line);padding:36px 24px;border-radius:13px;color:var(--muted);line-height:1.6;margin:25px 0}.form-panel{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:15px;max-width:800px}.form-panel>button{margin:8px 8px 0 0}.field{display:block;color:#acb9bd;font-size:14px;margin-bottom:20px}.field input,.field select{margin-top:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.save-note{font-size:13px;color:#8cadad;margin-bottom:26px}.toggle{display:flex;align-items:center;gap:10px;margin:16px 0}.toggle input{width:22px;min-height:22px;accent-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.danger{color:#f0a29a}.category-edit{display:flex;gap:8px;align-items:center}.category-edit .field:first-child{width:64px;flex-shrink:0}.category-edit .field:nth-child(2){flex:1;min-width:0}.category-edit button{padding:8px;min-width:38px}.inline-form{display:flex;gap:10px;margin-top:20px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.filters select{width:auto;max-width:100%;flex:1;min-width:150px}.filters .active{color:var(--accent);background:#223c3d}.history-card{border:1px solid var(--line);border-radius:12px;padding:16px 23px;background:var(--surface);margin:15px 0}.history-card summary span{display:block;color:var(--muted);font-size:14px;margin-top:9px}.history-card pre{white-space:pre-wrap;font-family:inherit;line-height:1.7;font-size:15px;-webkit-user-select:text;user-select:text}.settings-grid{display:grid;gap:20px}.settings-grid p,.settings-grid li{font-size:15px;color:#a4b4ba}.settings-grid li{margin:12px 0;line-height:1.5}.settings-grid h2{margin:17px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:16px 22px;background:#d6f5f0;color:#163330;border-radius:12px;box-shadow:0 12px 40px #0008;z-index:100;max-width:90vw;min-width:280px;font-size:14px;line-height:1.5}@media(min-width:1400px){main{padding-top:55px}.supplier-grid{gap:24px}.supplier-card{padding:28px}}@media(max-width:1000px){.sidebar{width:210px;padding:28px 15px}.brand{font-size:16px}.brand small{font-size:9px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:32px 25px 65px}.topbar{padding:0 25px}.supplier-grid{gap:13px}.supplier-card{padding:20px}h1{font-size:28px}.supplier-main h3{font-size:20px}.favorite{display:none}}@media(max-width:700px){.sidebar{display:none}.workspace{width:100%;margin:0}.topbar{padding:calc(env(safe-area-inset-top) + 14px) 20px 10px;height:auto;min-height:48px;border:0}.topbar>span:first-child{display:none}.save-status{font-size:11px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#171e21f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}.bottom-nav button{flex:1;flex-direction:column;gap:5px;background:none;border:0;padding:7px 2px;color:#8c9fa6;border-radius:9px;min-height:54px}.bottom-nav span{font-size:10px}.bottom-nav .active{color:var(--accent)}main{padding:22px 18px calc(110px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:25px;align-items:flex-end;gap:12px}.page-heading h1{font-size:28px;letter-spacing:-.7px}.page-heading .eyebrow{font-size:10px}.desktop-add{display:none}.overview{padding:24px 21px;border-radius:15px;margin-bottom:28px}.overview .eyebrow{font-size:10px}.big-number{font-size:53px;gap:10px}.big-number span{font-size:13px;max-width:115px;line-height:1.5}.overview p{font-size:12px;max-width:210px}.round-link{width:43px;height:43px;flex-shrink:0}.supplier-grid{grid-template-columns:1fr;gap:15px}.supplier-card{padding:22px}.supplier-top{margin-bottom:15px}.supplier-main h3{font-size:22px;max-width:none}.supplier-main p{margin-bottom:21px}.hint{margin-top:20px}.product-row{padding:11px 7px;gap:4px}.product-name strong{font-size:15px}.product-name span{font-size:11px}.quantity button{width:32px;min-height:44px;padding:4px}.quantity input{width:45px;font-size:16px}.quantity span{font-size:10px}.check{min-width:40px;width:40px}.check:before{top:9px;right:7px;bottom:9px;left:7px}.tabs button{padding:10px 7px;font-size:14px}.form-panel{padding:20px 16px}.form-grid{gap:0 12px}.category-edit{flex-wrap:wrap;padding-bottom:13px}.category-edit .field{margin-bottom:4px}.category-edit .field:nth-child(2){flex-basis:60%}.category-edit button{margin-top:0}.order-footer{padding:16px 12px}.order-footer .primary{font-size:13px}.order-actions>button{flex-grow:1}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}.filters select{min-width:120px;font-size:14px}.history-card{padding:13px 16px}.toolbar .primary{padding:10px}.search{padding:0 10px}.search input{font-size:16px}.settings-grid p{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}.supplier-notes{background:#24312e;border:1px solid #374b43;border-radius:12px;padding:3px 16px;margin:-10px 0 22px;color:#bfcec6;font-size:14px}.supplier-notes p{white-space:pre-wrap;padding-top:7px;margin-bottom:14px}.product-row{-webkit-user-select:none;user-select:none}.product-row input{-webkit-user-select:text;user-select:text}