:root{font-family:"Avenir Next",Avenir,Inter,system-ui,sans-serif;color:#17352a;background:#f4f4ed;font-synthesis:none;--green:#073d28;--green2:#0d5938;--orange:#ef731c;--lime:#9ad829;--paper:#fffefa;--muted:#728078;--line:#e3e8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}.app-shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:34px 24px 24px;background:var(--green);color:#fff;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.brand strong{font-size:28px;font-weight:950;letter-spacing:-.07em}.brand strong span{display:inline-block;width:8px;height:8px;margin:0 0 14px 3px;border-radius:50%;background:var(--orange)}.brand small{margin-top:3px;color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.2em}.sidebar nav{display:grid;gap:6px;margin-top:48px}.sidebar nav a{height:46px;padding:0 13px;border-radius:12px;color:#b9cec1;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:750}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}.sidebar nav i{width:20px;color:var(--lime);font-style:normal;font-size:18px;text-align:center}.sidebar nav b{min-width:20px;height:20px;margin-left:auto;border-radius:99px;background:var(--orange);display:grid;place-items:center;font-size:10px}.sidebar-card{margin-top:auto;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.065)}.sidebar-card span{color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.15em}.sidebar-card strong{display:block;margin-top:7px;font-size:13px}.sidebar-card p{margin:6px 0 0;color:#b9cec1;font-size:10px;line-height:1.5}.store-link{margin-top:20px;color:#fff;text-decoration:none;display:flex;justify-content:space-between;font-size:12px;font-weight:800}main{min-width:0;padding:0 46px 54px}.topbar{height:94px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.topbar>div:first-of-type p{margin:0 0 4px;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.14em}.topbar h1{margin:0;font-family:Georgia,serif;font-size:25px;font-weight:500;color:var(--green)}.menu-button{display:none}.top-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.status i{width:8px;height:8px;border-radius:50%;background:#b3bdb7}.profile{border:0;background:transparent;display:flex;align-items:center;gap:10px;color:var(--green);cursor:default}.profile>span:first-child{width:39px;height:39px;border-radius:50%;background:#e6efdc;display:grid;place-items:center;font-size:12px;font-weight:900}.profile>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start}.profile strong{font-size:12px}.profile small{color:var(--muted);font-size:9px}.profile i{font-style:normal;color:var(--muted)}.demo-notice{min-height:54px;margin-top:26px;padding:12px 16px;border:1px solid #f0d2ba;border-radius:14px;background:#fff8f0;display:flex;align-items:center;justify-content:space-between;gap:18px}.demo-notice>div{display:flex;align-items:center;gap:10px}.demo-notice>div>span{color:var(--orange);font-size:18px}.demo-notice p{margin:0;color:#705b4b;font-size:11px}.demo-notice strong{color:#4b382a}.secure{flex:none;padding:7px 10px;border-radius:99px;background:#f2e4d5;color:#875e3d;font-size:9px;font-weight:850}.welcome{padding:42px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.14em}.welcome h2{margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(32px,3.4vw,48px);line-height:1.02;font-weight:500;letter-spacing:-.04em;color:var(--green)}button{font:inherit}.primary,.panel-heading button{border:0;border-radius:11px;background:var(--green);color:#fff;padding:13px 17px;font-size:11px;font-weight:800}.primary:disabled,.panel-heading button:disabled{opacity:.48;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics article{min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);display:flex;gap:14px;box-shadow:0 8px 28px rgba(20,57,43,.045)}.metric-icon{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:900}.metric-icon.orange{background:#fff0e5;color:var(--orange)}.metric-icon.green{background:#e1eee6;color:var(--green2)}.metric-icon.lime{background:#edf6d5;color:#56830c}.metric-icon.cream{background:#eeeade;color:#7a6b50}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{display:block;margin:4px 0 3px;color:var(--green);font-size:21px}.metrics p{margin:0;color:#8a9690;font-size:9px}.metrics p b{color:var(--orange)}.content-grid{display:grid;grid-template-columns:1.55fr .8fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 8px 30px rgba(20,57,43,.04)}.orders,.categories{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h3{margin:5px 0 0;color:var(--green);font-size:18px}.panel-heading button{padding:9px 12px;background:#edf2ea;color:var(--green)}.order-row{min-height:67px;display:grid;grid-template-columns:57px 1fr 82px 125px;align-items:center;gap:10px;border-top:1px solid #edf0eb}.order-id{color:var(--orange);font-size:11px;font-weight:900}.order-row div{display:flex;flex-direction:column;gap:3px}.order-row strong{font-size:11px}.order-row small{color:var(--muted);font-size:9px}.order-value{font-size:11px;font-weight:800}.tag{justify-self:end;padding:7px 9px;border-radius:99px;font-size:8px;font-weight:850}.tag.preparing{background:#fff0e3;color:#c65c12}.tag.confirmed{background:#e6f2e8;color:#277244}.tag.route{background:#e9eef8;color:#49628e}.sample-note{margin:13px 0 0;color:#98a29d;font-size:8px}.category{min-height:59px;display:flex;align-items:center;gap:11px;border-top:1px solid #edf0eb}.category>span{width:34px;height:34px;border-radius:10px;background:#f3f5ee;display:grid;place-items:center}.category div{display:flex;flex-direction:column;gap:2px}.category strong{font-size:11px}.category small{color:var(--muted);font-size:9px}.category i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#42a964}.hint{margin:13px 0 0;padding:12px;border-radius:11px;background:#f1f5ec;color:#69776f;font-size:9px;line-height:1.55}.setup{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;padding:24px}.setup>div{display:flex;gap:13px;padding:5px 24px;border-right:1px solid var(--line)}.setup>div:first-child{padding-left:0}.setup>div:last-child{padding-right:0;border:0}.setup-number{color:var(--orange);font-family:Georgia,serif;font-size:25px;font-style:italic}.setup strong{font-size:11px}.setup p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.55}@media(max-width:1000px){.app-shell{grid-template-columns:88px 1fr}.sidebar{padding-inline:15px}.brand small,.sidebar nav span,.sidebar-card,.store-link,.sidebar nav b{display:none}.brand strong{font-size:21px}.sidebar nav a{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.setup{grid-template-columns:1fr}.setup>div,.setup>div:first-child,.setup>div:last-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.setup>div:last-child{border:0}}@media(max-width:680px){.app-shell{display:block}.sidebar{display:none}main{padding:0 16px 35px}.topbar{height:72px}.menu-button{display:block;margin-right:12px;border:0;background:transparent;color:var(--green);font-size:20px}.topbar h1{font-size:20px}.topbar>div:first-of-type p,.profile>span:nth-child(2),.profile i,.status{display:none}.top-actions{gap:8px}.profile>span:first-child{width:35px;height:35px}.demo-notice{align-items:flex-start}.secure{display:none}.welcome{padding-top:31px}.welcome h2{font-size:34px}.primary{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:15px}.metric-icon{width:34px;height:34px}.metrics strong{font-size:17px}.order-row{grid-template-columns:49px 1fr auto}.order-value{display:none}.tag{grid-column:2/4;justify-self:start;margin-top:-11px}.orders,.categories{padding:18px}.setup{padding:18px}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.content-grid{margin-top:14px}}