:root{--bg:#0d0b0a;--side:#12100e;--card:#181411;--surface:#211a16;--line:#342a24;--orange:#f26b21;--text:#fff8f1;--muted:#a8998e;--green:#34c77b;--amber:#f3ad3d;--blue:#4f8edc;--red:#ed5b58;--shadow:0 18px 50px #0007}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:250px;background:var(--side);border-right:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column}.side-brand{height:65px;display:flex;align-items:center;gap:12px;padding:0 10px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--orange);color:#170b04;border-radius:50% 50% 48% 18%;font:800 29px 'Barlow Condensed';transform:rotate(-8deg)}.side-brand strong{display:block;font:800 25px 'Barlow Condensed';letter-spacing:2px}.side-brand small{display:block;color:var(--orange);font-size:8px;letter-spacing:2px}.sidebar nav{display:grid;gap:4px;margin-top:25px}.nav-item{position:relative;width:100%;border:0;background:none;color:var(--muted);padding:12px 13px;text-align:left;border-radius:7px;font-size:13px;display:flex;align-items:center;gap:11px}.nav-item:hover{background:#ffffff08;color:var(--text)}.nav-item.active{background:#f26b2114;color:var(--text)}.nav-item.active:before{content:"";position:absolute;left:-15px;width:3px;height:25px;background:var(--orange)}.nav-item .ico{font-size:17px;width:19px;text-align:center}.nav-item .badge{margin-left:auto;background:var(--orange);color:#fff;font-size:9px;border-radius:10px;padding:2px 6px}.side-bottom{margin-top:auto}.store-status{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:13px;border-radius:9px}.store-status i,.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.store-status b,.store-status small{display:block;font-size:11px}.store-status small{color:var(--muted);margin-top:2px}.side-bottom>a{display:block;color:var(--muted);font-size:11px;margin:18px 10px}.shell{margin-left:250px;min-height:100vh}.topbar{height:90px;position:sticky;top:0;z-index:30;background:#0d0b0ae8;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 3%;gap:20px}.page-heading{margin-right:auto}.page-heading>span,.eyebrow{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.8px}.page-heading h1{font:800 25px 'Barlow Condensed';letter-spacing:.8px;margin:4px 0}.top-actions{display:flex;align-items:center;gap:8px}.search{height:40px;width:245px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);padding:0 12px;border-radius:8px}.search input{border:0;outline:0;background:none;color:var(--text);width:100%;font-size:11px}.round{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.round.off{color:var(--red)}.notification{position:relative}.notification b{position:absolute;right:-4px;top:-5px;background:var(--orange);font-size:8px;border-radius:50%;padding:3px 6px}.profile{height:45px;display:flex;align-items:center;gap:9px;border:0;background:none;text-align:left}.profile>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#3b2419;color:var(--orange);font-weight:800;font-size:11px}.profile b,.profile small{display:block;font-size:10px}.profile small{color:var(--muted)}.hamb{display:none;border:0;background:none;font-size:22px}main{padding:34px 3% 70px;max-width:1600px;margin:auto}.welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.welcome h2{font:700 34px 'Barlow Condensed';margin:6px 0}.welcome p{color:var(--muted);font-size:13px;margin:0}.welcome p strong{color:var(--amber)}.updated{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric,.panel,.product-card,.group-card,.campaign-card,.config-card{border:1px solid var(--line);background:var(--card);border-radius:11px}.metric{padding:19px;position:relative}.metric>span{font-size:11px;color:var(--muted)}.metric strong{font:700 31px 'Barlow Condensed';display:block;margin:12px 0 5px}.metric small{font-size:9px;color:var(--muted)}.metric small.up{color:var(--green)}.metric i{position:absolute;right:17px;top:17px;width:35px;height:35px;border-radius:8px;display:grid;place-items:center;font-style:normal;background:#f26b2113;color:var(--orange)}.metric.amber i{color:var(--amber);background:#f3ad3d15}.metric.blue i{color:var(--blue);background:#4f8edc15}.metric.green i{color:var(--green);background:#34c77b15}.dashboard-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:14px;margin-top:14px}.panel{padding:19px;overflow:hidden}.panel-head,.toolbar,.section-title{display:flex;align-items:center;gap:12px;margin-bottom:17px}.panel-head h3,.section-title h2{font:700 18px 'Barlow Condensed';letter-spacing:.4px;margin:0}.panel-head .eyebrow{margin-left:6px}.panel-head button,.link-btn{margin-left:auto;border:0;background:none;color:var(--orange);font-size:10px}.order-row{display:grid;grid-template-columns:70px 1.4fr 1fr .8fr .8fr;gap:8px;align-items:center;padding:12px 4px;border-top:1px solid var(--line);font-size:11px;cursor:pointer}.order-row:hover{background:#ffffff04}.order-row b{font-family:'Barlow Condensed';font-size:15px}.order-row small{display:block;color:var(--muted)}.status-tag{display:inline-block;width:max-content;padding:5px 8px;border-radius:15px;font-size:8px;font-weight:800}.status-tag.new{background:#f3ad3d18;color:var(--amber)}.status-tag.prep{background:#4f8edc18;color:#75aaf0}.status-tag.delivery{background:#9b73ef18;color:#b99cf3}.status-tag.ok{background:#34c77b18;color:var(--green)}.revenue-total{font:700 28px 'Barlow Condensed';margin-bottom:4px}.up{color:var(--green)}.bar-chart{height:150px;display:flex;align-items:end;justify-content:space-around;margin-top:13px;border-bottom:1px solid var(--line)}.bar-chart div{width:22px;background:#382b24;border-radius:3px 3px 0 0;position:relative}.bar-chart div.hot{background:var(--orange);box-shadow:0 0 16px #f26b2144}.bar-chart span{position:absolute;bottom:-20px;font-size:8px;color:var(--muted);left:50%;transform:translateX(-50%)}.ranking{display:grid;gap:12px}.rank-item{display:grid;grid-template-columns:20px 42px 1fr auto;gap:10px;align-items:center}.rank-item>i{font:700 17px 'Barlow Condensed';color:var(--muted)}.food-thumb,.product-image{background:url('assets/hero-food.png') center/cover}.food-thumb{width:42px;height:42px;border-radius:7px}.rank-item b,.rank-item small{display:block;font-size:10px}.rank-item small{color:var(--muted)}.rank-item>strong{font:700 14px 'Barlow Condensed';color:var(--orange)}.operation-card{text-align:center;padding:28px}.operation-icon{width:65px;height:65px;border:1px solid #34c77b55;border-radius:50%;display:grid;place-items:center;margin:5px auto 15px;color:var(--green);font-size:23px;box-shadow:0 0 30px #34c77b19}.operation-card.paused .operation-icon{color:var(--red);border-color:#ed5b5855}.operation-card h3{margin:4px}.operation-card>p{color:var(--muted);font-size:10px}.op-info{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:16px 0;margin-top:16px}.op-info b,.op-info small{display:block}.op-info b{font:700 18px 'Barlow Condensed'}.op-info small{color:var(--muted);font-size:8px}.btn{border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:7px;font-size:11px;font-weight:700}.btn:hover{border-color:var(--orange)}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.danger{color:var(--red)}.btn.green{background:var(--green);border-color:var(--green);color:#07150d}.btn.full{width:100%}.toolbar{flex-wrap:wrap}.toolbar .search{margin-right:auto}.filter-tabs{display:flex;gap:5px}.filter-tabs button{border:1px solid var(--line);background:var(--card);color:var(--muted);padding:9px 12px;border-radius:7px;font-size:10px}.filter-tabs button.active{background:#f26b2118;border-color:#f26b2166;color:var(--orange)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:13px;overflow-x:auto;padding-bottom:15px}.kanban-col{background:#12100e;border:1px solid var(--line);border-radius:9px;padding:11px;min-height:500px}.kanban-head{display:flex;justify-content:space-between;padding:7px}.kanban-head h3{font:700 15px 'Barlow Condensed';margin:0}.kanban-head span{background:var(--surface);font-size:9px;padding:4px 7px;border-radius:9px}.order-card{background:var(--card);border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:8px;margin-top:9px;padding:13px;cursor:pointer}.order-card:hover{transform:translateY(-2px);border-color:#5a463a}.order-card.prep{border-left-color:var(--blue)}.order-card.delivery{border-left-color:#a47dec}.order-card-top{display:flex;justify-content:space-between}.order-card-top b{font:700 17px 'Barlow Condensed'}.timer{color:var(--amber);font-size:9px}.order-card h4{font-size:12px;margin:16px 0 4px}.order-card p{font-size:9px;color:var(--muted)}.order-card-foot{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;align-items:center}.order-card-foot b{color:var(--orange)}.products-grid,.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{overflow:hidden}.product-image{height:145px;position:relative}.product-image .label{position:absolute;left:10px;top:10px}.product-card.off{opacity:.55}.product-card.sold .product-image:after{content:'ESGOTADO';position:absolute;inset:0;background:#0d0b0ab8;display:grid;place-items:center;font:800 22px 'Barlow Condensed'}.product-info{padding:15px}.product-info>small{color:var(--muted);font-size:8px;text-transform:uppercase}.product-info h3{font:700 18px 'Barlow Condensed';margin:7px 0 4px}.product-info p{font-size:9px;color:var(--muted);height:26px}.product-price{display:flex;justify-content:space-between;align-items:center}.product-price strong{color:var(--orange);font:700 19px 'Barlow Condensed'}.toggle{display:inline-block;width:34px;height:19px;background:#4a403a;border-radius:12px;position:relative;border:0;padding:0}.toggle:after{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#aaa;transition:.2s}.toggle.on{background:#1f8252}.toggle.on:after{left:18px;background:#fff}.card-actions{display:flex;gap:5px;margin-top:13px}.card-actions button{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:6px;font-size:9px}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{text-align:left;color:var(--muted);font-size:8px;letter-spacing:1px;text-transform:uppercase}.data-table th,.data-table td{padding:13px 10px;border-bottom:1px solid var(--line)}.data-table tr:hover td{background:#ffffff02}.cat-icon{width:32px;height:32px;display:inline-grid;place-items:center;background:var(--surface);border-radius:7px;font-size:17px;margin-right:8px}.group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.group-card{padding:19px}.group-head{display:flex;justify-content:space-between}.group-card h3{font:700 18px 'Barlow Condensed';margin:0}.group-card>p{color:var(--muted);font-size:10px}.option-list{border-top:1px solid var(--line);margin-top:15px}.option-list div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #2b231e;font-size:10px}.map-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.map{height:390px;position:relative;overflow:hidden;background-color:#171411;background-image:linear-gradient(30deg,#241d18 12%,transparent 12.5%,transparent 87%,#241d18 87.5%),linear-gradient(150deg,#241d18 12%,transparent 12.5%,transparent 87%,#241d18 87.5%);background-size:70px 120px;border:1px solid var(--line);border-radius:11px}.map:before,.map:after{content:"";position:absolute;border:2px dashed var(--orange);border-radius:50%;inset:15% 25%;opacity:.5}.map:after{inset:27% 37%;border-style:solid;opacity:.8}.map-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--orange);padding:8px 12px;border-radius:20px;font-size:10px}.campaign-card{overflow:hidden}.campaign-preview{height:130px;background:linear-gradient(115deg,#26140a,#f26b21);padding:20px;display:flex;align-items:center}.campaign-preview h3{font:800 24px 'Barlow Condensed';max-width:180px;margin:0}.campaign-card:nth-child(2) .campaign-preview{background:linear-gradient(115deg,#231c19,#7b3f21)}.campaign-card:nth-child(3) .campaign-preview{background:linear-gradient(115deg,#15251b,#2f8b50)}.campaign-info{padding:15px}.campaign-info p{font-size:9px;color:var(--muted)}.config-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:15px}.config-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted);padding:10px 13px;border-radius:6px;font-size:10px}.config-tabs button.active{color:var(--orange);border-color:#f26b2166}.config-card{padding:23px;max-width:950px}.config-card h2{font:700 21px 'Barlow Condensed';margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.wide{grid-column:1/-1}.field label{font-size:9px;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:7px;padding:11px;font-size:11px}.field textarea{min-height:80px;resize:vertical}.field.error input{border-color:var(--red)}.field .error-text{color:var(--red);font-size:8px}.switch-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.switch-row b,.switch-row small{display:block;font-size:10px}.switch-row small{color:var(--muted);margin-top:3px}.backdrop,.modal-wrap{position:fixed;inset:0;z-index:80;background:#000b;opacity:0;pointer-events:none;transition:.22s}.backdrop.open,.modal-wrap.open{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:81;width:min(480px,100%);background:var(--card);border-left:1px solid var(--line);padding:27px;overflow:auto;transform:translateX(100%);transition:.22s}.drawer.open{transform:none}.overlay-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:1px solid var(--line);background:var(--surface);border-radius:50%;z-index:3;font-size:18px}.modal-wrap{display:grid;place-items:center;padding:20px}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;position:relative;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:27px;box-shadow:var(--shadow)}.modal h2,.drawer h2{font:700 28px 'Barlow Condensed';margin:6px 0 20px}.drawer-section{border-top:1px solid var(--line);padding:16px 0}.drawer-section h3{font:700 15px 'Barlow Condensed'}.detail-line{display:flex;justify-content:space-between;font-size:10px;margin:8px 0;color:var(--muted)}.detail-line b{color:var(--text)}.timeline{border-left:1px solid var(--line);margin-left:5px;padding-left:18px}.timeline p{position:relative;font-size:9px;color:var(--muted);padding-bottom:10px}.timeline p:before{content:"";position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;left:-22px;top:2px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toasts{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{background:#231d19;border:1px solid var(--line);border-left:3px solid var(--green);padding:12px 16px;border-radius:7px;font-size:10px;box-shadow:var(--shadow);animation:slide .25s}.toast.error{border-left-color:var(--red)}@keyframes slide{from{transform:translateX(30px);opacity:0}}.skeleton{height:120px;border-radius:9px;background:linear-gradient(90deg,#181411,#251e19,#181411);background-size:200%;animation:pulse 1.2s infinite}@keyframes pulse{to{background-position:-200%}}.empty{text-align:center;padding:60px;color:var(--muted)}.empty span{font-size:40px}.muted{color:var(--muted)}
@media(max-width:1150px){.search{width:180px}.profile div,.profile i{display:none}.products-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.shell{margin-left:0}.hamb{display:block}.topbar{padding:0 15px}.top-actions>.search{display:none}.page-heading>span{display:none}main{padding:24px 15px}.products-grid,.campaign-grid{grid-template-columns:repeat(2,1fr)}.group-grid,.map-layout{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(4,270px)}.welcome{align-items:start}.updated{display:none}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}}@media(max-width:500px){.top-actions .profile{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:14px}.metric strong{font-size:25px}.products-grid,.campaign-grid,.group-grid{grid-template-columns:1fr}.filter-tabs{width:100%;overflow:auto}.order-row{grid-template-columns:55px 1fr auto}.order-row>*:nth-child(3),.order-row>*:nth-child(4){display:none}.drawer-actions{grid-template-columns:1fr}.modal{padding:20px}.profile{display:none}}