@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif; color-scheme:light; --bg:#f6f7f9;--panel:#fff;--sub:#f1f3f6;--text:#142033;--muted:#748093;--line:#e5e8ee;--nav:#111827;--accent:#e16e46;--blue:#334cc2;--shadow:0 12px 45px rgba(26,36,66,.048);--good:#28775a;--bad:#be523f;--r:18px}
[data-theme="dark"]{color-scheme:dark;--bg:#0d111a;--panel:#171d29;--sub:#202735;--text:#eaf0f8;--muted:#a0aabb;--line:#2c3545;--nav:#090d15;--accent:#f18760;--blue:#8197ff;--shadow:0 14px 44px rgba(0,0,0,.12);--good:#69caa0;--bad:#fa8b7c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.47}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7f91ee;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.045em}p{line-height:1.65}small{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{background:var(--nav);color:#f0f3fa;width:246px;flex:0 0 246px;position:sticky;top:0;height:100vh;padding:30px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin-bottom:45px;padding:0 10px}.brand-icon{width:37px;height:37px;background:#29354e;border:1px solid #44506a;display:grid;place-items:center;border-radius:12px;font-weight:800;font-family:Manrope;letter-spacing:-3px;font-size:19px;padding-right:3px}.brand-icon span{color:#f18a60}.brand-name{font-size:18px;font-family:Manrope;font-weight:800;letter-spacing:-1.1px}.brand-tag{font-size:9px;letter-spacing:1.5px;color:#8894ad;font-weight:800}.nav-label{font-size:10px;color:#7e8ca7;letter-spacing:1.45px;font-weight:800;padding:0 14px;margin:22px 0 10px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:3px 0;border-radius:11px;font-size:13px;color:#aebad0;border:1px solid transparent}.nav-link:hover{background:#202a3d;color:#fff}.nav-link.active{background:#273248;color:#fff;border-color:#35445f}.nav-ic{width:19px;text-align:center;display:inline-flex}.nav-foot{margin-top:auto;border:1px solid #2b364b;background:#1b2536;padding:15px;border-radius:15px}.nav-foot strong{display:block;font-size:12px}.nav-foot p{color:#9cacc5;font-size:11px;line-height:1.6;margin:7px 0 12px}.nav-foot a{font-size:11px;color:#fac1a5;font-weight:700}.main{flex:1;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;padding:21px clamp(20px,4.2vw,70px);border-bottom:1px solid var(--line);background:var(--panel);gap:15px}.crumb{font-size:12px;color:var(--muted)}.crumb strong{color:var(--text);font-weight:700}.top-actions{display:flex;align-items:center;gap:10px}.mini-status,.badge{border-radius:99px;padding:7px 11px;background:var(--sub);color:var(--muted);font-size:10px;font-weight:800;white-space:nowrap}.badge.good{background:rgba(40,119,90,.11);color:var(--good)}.badge.orange{background:rgba(225,110,70,.13);color:var(--accent)}.badge.blue{background:rgba(74,96,190,.12);color:var(--blue)}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;display:grid;place-items:center;border-radius:11px}.icon{display:inline-block;width:17px;height:17px;vertical-align:middle;flex-shrink:0}.content{max-width:1320px;margin:auto;padding:42px clamp(20px,4.2vw,70px) 100px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:800;text-transform:uppercase;margin-bottom:13px}.page-heading{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-heading h1{font-size:clamp(26px,4vw,39px);line-height:1.14;margin-bottom:9px}.lede{color:var(--muted);max-width:640px;margin:0;font-size:14px}.btn{border:1px solid transparent;border-radius:12px;padding:12px 18px;background:#18263d;color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.orange{background:var(--accent);color:#fff}.btn.secondary{background:var(--sub);color:var(--text);border-color:var(--line)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn.small{padding:9px 12px;font-size:11px}.btn.block{width:100%}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.hero{background:#141d2e;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.2fr .92fr;min-height:340px;color:#f8faff;margin-bottom:28px;position:relative}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 30%,rgba(201,104,74,.24),transparent 43%),radial-gradient(ellipse at 45% 85%,rgba(67,82,167,.24),transparent 40%);pointer-events:none}.hero-text{z-index:1;position:relative;padding:53px 48px}.hero-text h2{font-size:clamp(30px,4vw,48px);line-height:1.13;margin:0 0 18px;letter-spacing:-2px;max-width:580px}.hero-text p{color:#b7c2d7;font-size:13px;max-width:435px;margin-bottom:25px}.hero-mark{position:relative;display:grid;place-items:center;overflow:hidden}.mock-window{position:relative;width:85%;min-height:230px;border-radius:18px;background:#f9f9f7;box-shadow:0 25px 90px #090e1999;color:#192139;transform:rotate(-7deg) translate(20px,30px);padding:16px}.mock-toolbar{display:flex;gap:5px;border-bottom:1px solid #e5e8ed;padding-bottom:10px}.mock-dot{width:7px;height:7px;background:#d7dbe5;border-radius:50%}.mock-banner{background:#eaf0e8;border-radius:12px;margin-top:16px;padding:17px}.mock-banner strong{display:block;font-size:15px;margin-bottom:6px}.mock-banner small{font-size:10px}.mock-list{display:grid;gap:8px;margin-top:13px}.mock-list>div{display:flex;justify-content:space-between;background:#fff;border:1px solid #e7e8e4;border-radius:8px;padding:10px;color:#5c6871;font-size:10px}.section-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;gap:10px}.section-row h2{font-size:19px;margin:0}.section-row small{font-size:11px}.show-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.show-card{overflow:hidden;transition:transform .16s}.show-card:hover{transform:translateY(-3px)}.art{height:160px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px}.art.food{background:linear-gradient(140deg,#143d36,#285a46 60%,#768969);color:white}.art.ui{background:linear-gradient(120deg,#d9def6,#eee8fb);color:#283962}.art.ops{background:linear-gradient(135deg,#202b4c,#7182a9);color:#fff}.art-kicker{font-size:10px;letter-spacing:1.2px;font-weight:800;opacity:.75}.art h3{font-size:24px;margin:3px 0 0}.art-glyph{position:absolute;right:19px;top:15px;font-size:66px;opacity:.12;font-family:Manrope;font-weight:800}.show-body{padding:18px}.show-body p{font-size:11px;color:var(--muted);min-height:39px;margin:9px 0 17px}.show-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{padding:20px}.metric .mini-title{color:var(--muted);font-size:10px;font-weight:700}.metric strong{display:block;font-size:27px;font-family:Manrope;letter-spacing:-1.2px;margin:9px 0 4px}.metric .meta{font-size:10px;color:var(--muted)}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{padding:20px}.step-no{font-size:11px;color:var(--accent);font-weight:800}.step-card h3{font-size:14px;margin:14px 0 8px}.step-card p{font-size:12px;color:var(--muted);margin:0}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:47px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding-top:20px}.demo-banner{border:1px solid rgba(215,158,85,.3);background:rgba(234,157,80,.08);border-radius:13px;padding:12px 15px;color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:22px}.demo-banner strong{color:var(--text)}.demo-nav{display:flex;gap:5px;background:var(--sub);border:1px solid var(--line);padding:5px;border-radius:13px;width:max-content;max-width:100%;flex-wrap:wrap}.demo-nav button{border:0;border-radius:9px;padding:10px 15px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.demo-nav button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 8px #11182712}.dc-head{background:#153b31;color:#f1f7f3;border-radius:21px;padding:30px 33px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}.dc-head::after{content:'✳';font-size:220px;position:absolute;right:-25px;bottom:-96px;color:#ffffff0d}.dc-head h2{font-size:31px;margin:4px 0 5px;letter-spacing:-1.2px}.dc-head p{color:#bbd4ca;font-size:12px;margin:0}.dc-logo{font-size:12px;letter-spacing:1.2px;color:#d4ba89;font-weight:800}.dc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.78fr);gap:18px}.dc-product{overflow:hidden}.dc-art{min-height:204px;background:linear-gradient(115deg,#e1c6a7,#bd986e 55%,#b47f50);display:grid;place-items:center;position:relative;color:#443529}.dc-art .dish{width:175px;height:175px;border-radius:50%;background:radial-gradient(ellipse at 40% 50%,#b46134 0 7%,transparent 8%),radial-gradient(ellipse at 60% 32%,#a65431 0 7%,transparent 8%),radial-gradient(ellipse at 52% 65%,#a45f33 0 10%,transparent 11%),radial-gradient(ellipse at 58% 57%,#5b743e 0 18%,transparent 22%),#e9bd83;box-shadow:inset 0 0 0 12px #f4d8a6,0 16px 26px #61472c50;transform:rotate(-12deg)}.dc-art>span{position:absolute;bottom:13px;left:15px;font-size:10px;background:#fff5eccc;padding:6px 9px;border-radius:6px;font-weight:800}.dc-panel{padding:22px}.dc-panel h3{font-size:20px;margin-bottom:7px}.muted{color:var(--muted)}.small-p{font-size:12px}.fine{font-size:10px;color:var(--muted);line-height:1.65}.sep{height:1px;background:var(--line);margin:18px 0}.qty{display:flex;align-items:center;gap:13px}.qty span{font-size:17px;font-weight:800;min-width:18px;text-align:center}.extra-option{display:flex;align-items:center;justify-content:space-between;background:var(--sub);padding:12px;border-radius:11px;margin-top:9px;gap:10px;font-size:12px}.extra-option label{display:flex;align-items:center;gap:9px;cursor:pointer}.extra-option input{accent-color:#1f6650;width:17px;height:17px}.field{display:flex;flex-direction:column;gap:7px;margin:13px 0}.field>label{font-size:11px;font-weight:800;color:var(--muted)}.field input,.field select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:11px;padding:12px;width:100%;min-height:44px;outline:none}.field input:focus,.field select:focus{border-color:#7381ad}.receipt-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:11px 0}.receipt-row strong{color:var(--text)}.total-line{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line);padding-top:18px;margin-top:18px;font-weight:800}.total-line strong{font-size:25px;font-family:Manrope}.order-list{display:grid;gap:12px}.order-card{padding:19px;display:flex;align-items:center;justify-content:space-between;gap:14px}.order-info{min-width:0}.order-info h3{font-size:14px;margin:0 0 7px}.order-info p{font-size:11px;color:var(--muted);margin:4px 0}.order-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.status{font-size:10px;font-weight:800;display:inline-flex;padding:6px 9px;border-radius:99px;background:var(--sub);color:var(--muted)}.status.confirmado{background:#e8f0fe;color:#4568a5}.status.preparando{background:#fff0da;color:#90602a}.status.listo{background:#dcf2e7;color:#236a4b}.status.entregado{background:#e9ebef;color:#657386}.status.cancelado{background:#fbe8e8;color:#a54c4c}[data-theme='dark'] .status.confirmado{background:#283b5e;color:#9bbaff}[data-theme='dark'] .status.preparando{background:#4b3a24;color:#fac286}[data-theme='dark'] .status.listo{background:#244b3d;color:#93ecc7}.admin-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.settings-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:17px;font-size:12px}.lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.lab-item{padding:24px;min-height:220px}.lab-item h3{font-size:16px;margin-bottom:6px}.lab-item p{font-size:11px;color:var(--muted);margin-bottom:20px}.demo-area{padding:18px;background:var(--sub);border:1px dashed var(--line);border-radius:13px;min-height:88px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.counter{font-size:27px;font-weight:800;font-family:Manrope;font-variant-numeric:tabular-nums}.skeleton{width:80%;display:grid;gap:9px}.skeleton i{height:10px;border-radius:8px;background:linear-gradient(100deg,var(--line),var(--panel),var(--line));background-size:200%;animation:shimmer 1.6s infinite}.skeleton i:nth-child(2){width:70%}.skeleton i:nth-child(3){width:40%}@keyframes shimmer{to{background-position-x:-200%}}.toast{position:fixed;z-index:99;bottom:25px;right:25px;border-radius:14px;padding:14px 18px;background:#152339;color:#fff;box-shadow:0 17px 48px #07132546;font-size:12px;max-width:340px;animation:pop .2s ease}@keyframes pop{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.pill-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.copy-link{font-weight:700;color:var(--blue);font-size:11px}.hide{display:none!important}.mobile-brand{display:none}.lab-note{font-size:11px;color:var(--muted);background:var(--sub);padding:14px;border-radius:12px}.kit-steps{display:flex;gap:8px;flex-wrap:wrap}.kit-step{border:1px solid var(--line);border-radius:11px;padding:9px 12px;font-size:11px;color:var(--muted)}.kit-step.active{border-color:var(--blue);color:var(--blue);background:rgba(72,98,200,.08)}
@media(max-width:1150px){.show-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.2fr .8fr}.hero-text{padding:42px 33px}.mock-window{width:95%}}@media(max-width:980px){.sidebar{width:76px;flex-basis:76px;padding:24px 12px}.brand{padding:0;justify-content:center}.brand-name,.brand-tag,.nav-label,.nav-link .nav-name,.nav-foot{display:none}.nav-link{justify-content:center;padding:13px}.nav-link .nav-ic{width:20px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;overflow:auto}.sidebar .brand{margin:0;padding:12px 15px}.brand-icon{width:31px;height:31px;font-size:16px}.mobile-brand{display:block;font-weight:800;font-size:12px}.side-links{display:flex;overflow:auto;padding:5px}.nav-link{padding:9px;margin:0 2px}.sidebar .nav-link .nav-name{display:none}.sidebar .nav-label{display:none}.top{padding:12px 17px}.top .mini-status{display:none}.content{padding:27px 16px 95px}.hero{grid-template-columns:1fr;min-height:0}.hero-text{padding:34px 25px}.hero-mark{display:none}.hero-text h2{font-size:35px}.show-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.dc-grid,.admin-grid,.lab-grid{grid-template-columns:1fr}.dc-head{padding:24px}.dc-head h2{font-size:25px}.order-card{align-items:flex-start;flex-direction:column}.order-actions{width:100%;justify-content:space-between}.settings-row{grid-template-columns:1fr 1fr}.footer{flex-direction:column}.workflow{grid-template-columns:1fr}.metric strong{font-size:24px}}@media(max-width:380px){.settings-row{grid-template-columns:1fr}.dc-head h2{font-size:22px}.mini-status{display:none}.btn{padding:11px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}