:root{color-scheme:dark;--bg:#101012;--panel:#1f1f22;--line:#313136;--text:#f7f7f8;--muted:#abb6c0;--orange:#ea7c69;--green:#22c78f;--blue:#66aaff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ffb2a4;outline-offset:2px}
.demo-banner{height:27px;display:grid;place-items:center;background:#30211f;color:#ffc8bc;font-size:10px;font-weight:800;letter-spacing:.08em}
.app-shell{display:flex;min-height:calc(100vh - 27px)}.sidebar{position:relative;z-index:5;flex:none;width:68px;background:#1c1c1f;border-right:1px solid #2d2d31;display:flex;flex-direction:column;align-items:center;padding:9px 6px;gap:16px}.brand{height:49px;display:grid;place-items:center;width:100%;border-bottom:1px solid #35353b}.brand-mark{width:36px;height:36px;object-fit:contain}.module-nav{display:grid;gap:7px;width:100%;justify-items:center}.nav-button{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#b5b7c0;font-size:22px;display:grid;place-items:center}.nav-button:hover,.nav-button.active{background:var(--orange);color:white;box-shadow:0 8px 20px #ea7c6940}.nav-icon{line-height:1}.back-link{margin-top:auto;display:grid;place-items:center;width:44px;height:44px;color:var(--orange);border:1px solid #38383d;border-radius:11px;text-decoration:none;font-size:22px}.back-link:hover{background:#333338}
.workspace{flex:1;min-width:0}.topbar{height:57px;background:#1a1a1d;border-bottom:1px solid #303035;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 25px;gap:14px}.topbar-title{display:flex;align-items:center;gap:12px;border-right:1px solid #36363a;padding-right:20px}.topbar-title strong{font-size:16px;font-weight:900;letter-spacing:.16em}.topbar-status{display:flex;align-items:center;gap:11px}.badge{min-height:32px;border:1px solid #39393e;border-radius:14px;padding:5px 11px;display:flex;align-items:center;gap:3px;white-space:nowrap;font-size:9px;letter-spacing:.09em;font-weight:900;color:#9ea4ac;background:#232326}.badge small{display:block;font-size:8px;letter-spacing:.03em}.badge-green{background:#2e1c1e;border-color:#62383c;color:#ff999b}.badge-red{background:#2e1c1e;border-color:#62383c;color:#ff999b}.mode-switch{height:39px;display:flex;align-items:center;gap:9px;background:#252529;border-radius:11px;padding:4px 11px;color:var(--orange);font-size:17px}.mode-switch span{font-size:9px;color:#d6d8dd;font-weight:900;letter-spacing:.06em}.mode-switch small{display:block;margin-top:2px;color:#fff;font-size:10px}.operator{text-align:right;font-size:11px;font-weight:800}.operator small{display:block;color:#a3a4ac;font-size:9px;margin-top:2px}.avatar{height:35px;width:35px;border-radius:11px;background:var(--orange);color:white;display:grid;place-items:center;font-size:14px;font-weight:900;box-shadow:0 0 15px #ea7c6940}
main{min-height:calc(100vh - 84px);padding:0}.btn{border:1px solid #37373d;background:#242428;color:#fff;border-radius:10px;padding:9px 13px;min-height:35px;font-size:11px;letter-spacing:.055em;font-weight:900;white-space:nowrap}.btn:hover{filter:brightness(1.17)}.btn.primary{border-color:var(--orange);background:var(--orange);color:#fff}.btn.ghost-blue{color:#89baff;background:#18212f;border-color:#3e5b85}.btn.ghost-purple{color:#cba6fa;background:#251c2f;border-color:#59446f}.btn.outline-orange{color:var(--orange);background:#31221f;border-color:#ad5648}.btn:disabled{opacity:.4;cursor:not-allowed}.empty{font-size:12px;color:#9da8b2;padding:16px 4px;line-height:1.5}
.floor-view{height:calc(100vh - 84px);min-height:530px;padding:14px 16px 12px;display:flex;flex-direction:column;gap:13px}.floor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.floor-controls,.floor-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sector-tabs{display:flex;border:1px solid #38383c;border-radius:10px;background:#242428;padding:3px}.sector{border:0;background:none;color:#a9abb1;padding:7px 13px;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:.09em}.sector.active{background:var(--orange);color:white}.legend{display:flex;align-items:center;gap:11px;background:#0e0e10;border:1px solid #37373b;padding:9px 12px;border-radius:12px;font-size:10px;white-space:nowrap}.green{color:#28c492}.red{color:#f36b70}.amber{color:#eab447}.blue{color:#73aafe}.cyan{color:#42c8d6}.purple{color:#b47aee}.floor-plan{flex:1;min-height:400px;overflow:auto;border:1px solid #333338;border-radius:16px;background-color:#1d1d20;background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:40px 40px}.table-layout{width:min(800px,100%);margin:35px auto;display:grid;grid-template-columns:repeat(5,126px);justify-content:center;gap:22px 25px}.table-card{height:124px;position:relative;background:linear-gradient(140deg,#182522,#1d2525);border:2px solid #30383a;border-radius:15px;box-shadow:0 8px 20px #0005;color:var(--orange);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px}.table-card:hover{filter:brightness(1.18)}.table-card strong{font-size:23px;font-weight:900}.status-chip{position:absolute;top:10px;left:10px;border:1px solid #205642;border-radius:8px;color:#68dfb5;background:#10241e;padding:2px 4px;font-size:7px;font-weight:900}.table-menu{position:absolute;right:9px;top:9px;color:#b4b8b8;background:#191b1d;border-radius:6px;padding:1px 5px}.covers{position:absolute;bottom:9px;left:10px;border:1px solid #19634d;border-radius:8px;background:#102c24;color:#27bf88;font-size:9px;padding:2px 5px}.table-card.ocupada{background:linear-gradient(140deg,#302323,#292122);border-color:#653536}.table-card.ocupada .status-chip{color:#ff9a95;border-color:#784045;background:#341e20}.table-card.esperando{background:#2e281f;border-color:#75602e}.table-card.esperando .status-chip{color:#ffd071;border-color:#7d6026;background:#342b19}.table-card.listo{border-color:#15865e}
.sale-view{height:calc(100vh - 84px);min-height:560px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;padding:12px}.sale-catalog{min-width:0;overflow:auto}.sale-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}.sale-heading h1{font-size:21px;margin:0}.sale-heading small{font-size:11px;color:#adb6bd}.sale-sector{font-size:10px;color:#eaa895;border:1px solid #66443a;border-radius:9px;padding:6px 10px}.search-label{display:block;color:#abb7c0;font-size:10px;font-weight:800;margin:0 0 5px}.article-search{width:100%;height:40px;border-radius:10px;border:1px solid #3b3b42;background:#1f1f23;color:white;padding:0 14px;font-size:12px}.categories{display:flex;gap:7px;margin:13px 0;overflow-x:auto}.category{border:1px solid #39393d;border-radius:9px;background:#242428;color:#b4b8bf;padding:9px 12px;font-size:10px;font-weight:900;white-space:nowrap}.category.active{border-color:var(--orange);background:#432b27;color:#ffb4a6}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.article-card{min-height:119px;border:1px solid #38383d;border-radius:13px;background:#252529;color:#fff;text-align:left;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.article-card:hover{border-color:var(--orange);background:#302725}.article-category{color:#9da5ad;font-size:8px;letter-spacing:.08em;font-weight:900}.article-card strong{font-size:11px;line-height:1.3}.article-footer{display:flex;justify-content:space-between;align-items:center;color:#59cc9a;font-size:11px}.article-footer i{font-style:normal;background:var(--orange);border-radius:7px;color:#fff;padding:4px 7px;font-size:14px}
.order-sidebar{display:flex;flex-direction:column;min-height:0;background:#202023;border:1px solid #39393d;border-radius:15px;padding:14px}.order-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3e3e43;padding-bottom:11px}.order-heading h2{margin:0;font-size:16px}.order-heading span{font-size:10px;color:var(--orange);font-weight:900}.order-items{flex:1;overflow:auto;min-height:50px}.order-item{border-bottom:1px solid #35353a;padding:12px 2px}.order-item strong{font-size:11px}.order-item small{display:block;color:#a5adb6;font-size:10px;margin-top:4px}.order-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px}.qty-control{display:flex;align-items:center;gap:10px}.qty-control button{border:1px solid #49494d;background:#303035;color:white;border-radius:7px;width:25px;height:25px}.order-footer{border-top:1px solid #39393f;padding-top:9px}.order-summary{display:flex;justify-content:space-between;color:#b0b5bd;font-size:12px;margin:8px 0}.order-total{font-weight:900;color:#fff;font-size:17px}.order-footer>.btn{width:100%;margin-top:7px}.order-secondary{display:flex;gap:6px;margin-top:7px}.order-secondary .btn{flex:1;min-width:0;padding:7px 4px;font-size:9px}
.module-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.module-heading h1{font-size:22px;margin:2px 0 5px}.module-heading small{font-size:11px;color:#a4aeb8}.eyebrow{font-size:10px;color:var(--orange);font-weight:900;letter-spacing:.12em;margin:0}.kds-station,.shift-pill{border:1px solid #393940;border-radius:10px;background:#25252a;padding:10px 14px;color:#aeb3bc;font-size:10px;font-weight:800}.kds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kds-column{min-height:400px;background:#19191c;border:1px solid #39393e;border-radius:13px;padding:11px}.kds-column h2{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.09em;margin:0 0 11px;padding:8px 3px;border-bottom:1px solid #36363b}.kds-column h2 b{margin-left:auto;background:#323237;border-radius:10px;padding:3px 8px}.kds-dot{color:#eab447}.kds-dot.preparando{color:#6daeff}.kds-dot.listo{color:#3bc995}.order-card{border:1px solid #44444a;background:#26262a;border-radius:12px;padding:12px;margin-bottom:9px}.order-card-head{display:flex;justify-content:space-between;font-size:12px}.order-card-head small{color:#adb3ba}.order-card ul{list-style:none;padding:0;line-height:1.7;font-size:11px}.order-card li b{color:var(--orange)}.order-card .btn{width:100%}
main:has(.module-heading){padding:20px 24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stat{min-height:103px;border:1px solid #37373c;border-radius:13px;background:#202023;padding:16px}.stat.highlighted{border-color:#68443c;background:#2a2222}.stat span{display:block;color:#a7b0b9;font-size:11px}.stat strong{display:block;margin-top:7px;font:700 21px Consolas,monospace}.stat.highlighted strong{color:var(--orange)}.stat small{color:#a6aeb8;font-size:10px}.cash-panel{border:1px solid #37373d;background:#202023;border-radius:14px;margin-bottom:12px;padding:17px}.cash-panel h2{font-size:15px;margin:0 0 12px}.payment-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.payment-breakdown>div{border:1px solid #34343a;border-radius:9px;background:#29292d;padding:10px}.payment-breakdown small{display:block;color:#aab3bc;font-size:10px}.payment-breakdown b{display:block;font:700 16px Consolas,monospace;margin-top:4px}.sales-head,.sales-row{display:grid;grid-template-columns:1fr 2fr 2fr 1fr;gap:8px;border-bottom:1px solid #37373c;padding:10px 4px;font-size:11px}.sales-head{color:#a5b1ba;font-size:9px;font-weight:800;letter-spacing:.07em}.sales-row b{text-align:right}
.payment-overlay{min-height:calc(100vh - 84px);display:grid;place-items:center;background:#0a0a0c99;padding:16px}.payment-modal{width:min(620px,100%);background:#1b1b1e;border:1px solid #424247;border-radius:17px;box-shadow:0 22px 80px #000b}.payment-modal header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #3a3a3e}.payment-modal h1{font-size:20px;margin:5px 0 0}.payment-body{padding:20px}.payment-body h2{display:flex;justify-content:space-between;font-size:18px}.payment-body h2 b{color:var(--orange)}.payment-body p{font-size:11px;text-transform:uppercase;color:#aeb8c1;font-weight:900;margin:18px 0 8px}.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-choice{border:1px solid #3a3a3f;border-radius:10px;background:#27272b;padding:12px;font-size:11px;font-weight:800;cursor:pointer}.payment-choice:has(input:checked){border-color:var(--orange);background:#382723}.payment-choice input{accent-color:var(--orange)}.amount-field{background:#27272b;border:1px solid #3b3b42;border-radius:10px;padding:14px;font:700 21px Consolas,monospace}.payment-modal footer{padding:18px;border-top:1px solid #39393d;text-align:right}.toast{position:fixed;right:20px;bottom:20px;background:#164936;border:1px solid #32825f;color:#d8ffeb;border-radius:10px;padding:13px 16px;font-size:12px;box-shadow:0 10px 25px #0008;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:10}.toast.visible{opacity:1;transform:none}
@media(max-width:1100px){.floor-toolbar{align-items:flex-start}.table-layout{grid-template-columns:repeat(5,minmax(80px,126px));gap:14px}.topbar-status .mode-switch{display:none}.legend{gap:6px}.sale-view{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:760px){.badge-red,.operator,.avatar{display:none}.floor-tools{display:none}.table-layout{grid-template-columns:repeat(3,110px)}.sale-view{height:auto;grid-template-columns:1fr}.order-sidebar{min-height:320px}.stats{grid-template-columns:repeat(2,1fr)}.kds-grid{grid-template-columns:1fr}.payment-breakdown{grid-template-columns:1fr}}
@media(max-width:450px){.sidebar{width:57px}.topbar{padding:0 9px}.badge:not(.badge-green){display:none}.floor-view{padding:9px;min-height:0}.floor-plan{min-height:500px}.table-layout{grid-template-columns:repeat(2,110px)}.floor-controls{gap:5px}.legend{font-size:8px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-options{grid-template-columns:1fr}.stats{grid-template-columns:1fr}}
.brand-mark{filter:drop-shadow(0 2px 4px #0008)}
.topbar-title strong span{color:var(--orange)}
.nav-icon{display:block;width:20px;height:20px}
.badge-green{background:#132b22;border-color:#275140;color:#7ce3b0}
.badge-neutral{background:#252528;border-color:#39393e;color:#aeb6be}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-left .topbar-title{flex:none}
.topbar-right{gap:10px;flex:none}
.badge-green .status-dot{font-size:13px;margin-right:3px}
.badge-green>span:last-child{font-size:9px;line-height:1.2}
.badge-green small{font-family:Consolas,monospace;font-size:8px;color:#abb6c0;letter-spacing:0;font-weight:600;margin-top:2px}
@media(max-width:1000px){.topbar-left .topbar-status .badge-neutral{display:none}.topbar-right .mode-switch{display:none}}
@media(max-width:650px){.topbar-left .topbar-status .badge:not(.badge-green){display:none}.topbar-left{gap:7px}}
@media(max-width:650px){.demo-banner{height:auto;min-height:27px;padding:5px 10px;text-align:center;line-height:1.35}}
.sidebar{width:76px;background:#18181b;border-radius:0 20px 20px 0;gap:12px;padding:12px 6px}
.brand{height:42px;border:0}
.brand-mark{width:36px;height:36px;filter:none}
.module-nav{flex:1;min-height:0;overflow-y:auto;align-content:start;gap:5px;scrollbar-width:none}
.module-nav::-webkit-scrollbar{display:none}
.nav-button{width:48px;height:44px}
.nav-button.preview-only{color:#abb9c2}
.nav-button.preview-only:hover{background:#ffffff14;color:white}
.nav-icon{width:20px;height:20px;stroke-width:2}
.back-link{flex:none;width:48px;height:44px;border:0}
.topbar-title img{width:29px;height:29px;object-fit:contain}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn svg{width:15px;height:15px;flex:none}
.table-menu{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff1a}
.table-menu svg{width:14px;height:14px}
.covers{display:flex;align-items:center;gap:3px}
.covers svg{width:12px;height:12px}
.table-card{background:linear-gradient(135deg,#13241f66,#1b2a241a);border-color:#2f594648}
.table-card strong{font:800 30px Consolas,monospace}
.status-chip{border-color:#ffffff1a;border-radius:99px;background:#09090bcc;font-size:9px;padding:2px 7px;letter-spacing:.03em}
.sale-heading h1{font-size:23px;font-weight:300}
.sale-heading small{display:block;color:var(--orange);font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin-top:5px}
.search-shell{position:relative;margin-bottom:12px}
.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.search-shell>svg{position:absolute;left:13px;top:12px;width:16px;height:16px;color:#abb9c2;pointer-events:none}
.article-search{height:40px;padding:0 14px 0 40px;background:#ffffff0d;border-color:#ffffff1a;font-size:13px}
.categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 12px;overflow:visible}
.category{height:45px;padding:4px 3px;border-radius:11px;background:#18181b;border-color:#ffffff14;white-space:normal;font-size:10px;line-height:1.2;letter-spacing:.06em}
.category.active{background:var(--orange);border-color:var(--orange);color:white;box-shadow:0 8px 18px #ea7c6930}
.article-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.article-card{min-height:96px;height:96px;padding:10px;background:#18181b;border-color:#ffffff14;border-radius:16px}
.article-category{color:var(--orange);font-size:9px;opacity:.9}
.article-card strong{font-size:11px;font-weight:600;line-height:1.2}
.article-footer b{font:800 12px Consolas,monospace;color:#34d399}
.article-footer i{width:24px;height:24px;padding:5px;border-radius:50%;background:#ea7c6926;color:#fff}
.article-footer svg{width:24px;height:24px;padding:5px;border-radius:50%;background:#ea7c6926;color:#fff}
.order-sidebar{background:#18181b;border-color:#ffffff14;border-radius:24px;padding:15px;max-height:calc(100vh - 108px)}
.order-heading{justify-content:flex-start;gap:7px;padding-bottom:10px;border-color:#ffffff14;flex-wrap:wrap}
.order-heading h2{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:700;margin-right:2px}
.order-heading h2 svg{width:20px;height:20px;color:var(--orange)}
.order-heading span{background:#ea7c6926;border-radius:99px;padding:4px 8px;font-size:9px}
.covers-pill{background:#eab3081c;color:#f6cf6d;border:1px solid #eab30855;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800;white-space:nowrap}
.empty-cart{text-align:center;padding:35px 0;font-size:14px}
.order-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:9px;margin-top:7px}
.order-item-top,.order-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px}
.order-item-top strong{font-size:11px}
.order-item-top b{font:800 11px Consolas,monospace}
.order-item-bottom small{font:500 10px Consolas,monospace}
.order-summary b{color:#fff;font-family:Consolas,monospace}
.order-total{font-size:22px;margin:5px 0 8px}
.order-total b{color:var(--orange)}
.pre-charge{margin:0 0 4px}
.pre-charge .btn{white-space:normal;min-height:34px;font-size:9px;line-height:1.15}
.pre-charge .discount{background:#eab3081a;border-color:#eab30855;color:#f2c553}
.pre-charge .split{background:#4f46e51a;border-color:#655ce455;color:#a7a6fa}
.order-footer>.btn.charge{min-height:44px;margin-top:5px;font-size:13px}
.operations .btn,.documents .btn{display:flex;flex-direction:column;gap:3px;white-space:normal;line-height:1.1;min-height:47px;font-size:10px}
.operations .btn svg,.documents .btn svg{width:15px;height:15px}
.operations .command{background:#ea580ccc;border-color:#fb923c55;color:white}
.operations .control{background:#2563ebcc;border-color:#60a5fa55;color:white}
.operations .customer{background:#9333eacc;border-color:#c084fc55;color:white}
.documents .btn{background:#059669cc;border-color:#34d39955;color:white;min-height:40px}
@media(max-width:1150px){.article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.order-sidebar{max-height:none}}
@media(max-width:850px){.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{width:60px}.sale-view{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}