:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#102c35;background:#f2f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:248px;background:#102c35;color:white;padding:26px 16px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.brand{font-size:21px;font-weight:800;letter-spacing:-.7px;padding:2px 10px}.brand small{display:block;font-size:11px;color:#9fc4bc;letter-spacing:1.5px;margin-top:5px}.nav{display:grid;gap:5px}.nav button{width:100%;border:0;background:transparent;color:#cbddda;text-align:left;padding:13px;border-radius:12px;font-weight:600}.nav button.active,.nav button:hover{background:#204953;color:white}.sidebar-note{margin-top:auto;border-top:1px solid #42616a;padding:15px 9px;color:#b9cfca;font-size:12px;line-height:1.65}.main{flex:1;min-width:0;padding:30px max(24px,calc((100vw - 1300px)/2));padding-bottom:100px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.top h1{font-size:28px;margin:0 0 5px;letter-spacing:-1px}.sub{color:#70827e;font-size:13px}.online{border:1px solid #bee7d3;color:#15815d;background:#e9faf1;border-radius:20px;font-size:12px;padding:8px 12px;font-weight:700}.offline{border-color:#f0d5a8;color:#956215;background:#fff5dd}.panel{background:#fff;border:1px solid #e1eae7;border-radius:18px;padding:22px;box-shadow:0 5px 30px #0d403008}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{background:white;border:1px solid #e1eae7;border-radius:16px;padding:19px}.stat-label{font-size:12px;color:#71837e}.stat-value{font-size:25px;font-weight:800;margin-top:9px;letter-spacing:-.6px}.stat-foot{font-size:11px;color:#82938d;margin-top:7px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.section-title{font-size:17px;font-weight:800;margin:0 0 15px}.btn{border:0;background:#102c35;color:white;border-radius:11px;padding:11px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{background:#205462}.btn.secondary{background:#e9f1ee;color:#174539}.btn.secondary:hover{background:#d9e9e3}.btn.danger{background:#fce9e7;color:#b2372a}.btn.small{padding:7px 10px;font-size:12px}.muted{color:#7e9089}.empty{text-align:center;padding:40px 10px;color:#7c928b}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-transform:uppercase;color:#82948d;font-size:10px;letter-spacing:1px;text-align:left;border-bottom:1px solid #e7efec;padding:12px 10px}td{border-bottom:1px solid #eff3f1;padding:12px 10px;vertical-align:middle}td:last-child,th:last-child{text-align:right}.tag{display:inline-block;background:#eaf6ef;color:#16805d;border-radius:16px;padding:5px 9px;font-size:11px;font-weight:700}.tag.warn{background:#fff2de;color:#a16912}.tag.danger{background:#feece9;color:#af3f31}.toolbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;font-weight:700;color:#476158}.field input,.field select,.field textarea,input.search{width:100%;border:1px solid #d9e6df;background:#fff;border-radius:10px;padding:12px;color:#16352d;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#168f6d;box-shadow:0 0 0 3px #1dab8520}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.wide{grid-column:1/-1}.search{max-width:320px}.product-image{width:38px;height:38px;object-fit:cover;border-radius:9px;background:#e7f0ed;vertical-align:middle;margin-right:9px}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#e1efea;margin-right:9px}.modalwrap{position:fixed;inset:0;background:#09211ec7;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:white;max-width:660px;width:100%;max-height:90vh;overflow:auto;border-radius:20px;padding:24px;box-shadow:0 28px 75px #0004}.modal h2{margin:0 0 18px;font-size:21px}.modal .actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.mini{font-size:12px;color:#769189}.notice{padding:13px 15px;background:#fff6e5;color:#775818;border-radius:11px;font-size:12px;line-height:1.65;margin:14px 0}.notice.info{background:#eaf5fb;color:#215a70}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf2ef;gap:10px}.cart-item input{width:65px;padding:7px;border-radius:8px;border:1px solid #d7e4df}.total{font-size:24px;font-weight:800}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#163b36;color:white;padding:12px 18px;border-radius:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 7px 30px #0004}#toast.show{opacity:1}.mobilebar{display:none}.loading{padding:50px;text-align:center;color:#4a7066}.dangertext{color:#b0392a}.profit{color:#148160}.detail{padding:9px 0;border-bottom:1px solid #e9efec;display:flex;justify-content:space-between;gap:10px}.pill{display:inline-block;font-size:11px;border:1px solid #d8e7df;border-radius:15px;padding:6px 10px}.intro{background:#e9f5ee;border-radius:16px;padding:18px;margin-bottom:20px;font-size:13px;line-height:1.6}.split{display:flex;gap:10px;align-items:center}.divider{border:0;border-top:1px solid #e7efeb;margin:18px 0}.camera{width:100%;max-height:250px;background:#0c241e;border-radius:12px;margin:10px 0}.help{font-size:12px;line-height:1.6;color:#789087}.number{font-variant-numeric:tabular-nums}@media(max-width:950px){.sidebar{width:205px}.main{padding:24px 17px 100px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{display:none}.main{padding:23px 13px 105px}.top h1{font-size:23px}.stat{padding:15px}.stat-value{font-size:22px}.stats{gap:9px}.grid2{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.panel{padding:15px}.modal{padding:18px}.mobilebar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid #dceae4;display:flex;overflow-x:auto;justify-content:space-around;padding:9px 5px max(9px,env(safe-area-inset-bottom));box-shadow:0 -6px 28px #0001}.mobilebar button{background:none;border:0;min-width:63px;color:#708a80;font-size:10px;display:grid;gap:3px;text-align:center;font-weight:700}.mobilebar button span{font-size:21px}.mobilebar button.active{color:#087b5a}.search{max-width:100%}th,td{padding:10px 7px}.hide-mobile{display:none}}

/* MLK STREET · DARK AZUL/PRATA V2.1 | Identidade da marca */
:root{color-scheme:dark;color:#eef3fb;background:#080d17;--mlk-bg:#080d17;--mlk-panel:#121d30;--mlk-elev:#1b2940;--mlk-edge:#293a55;--mlk-text:#f4f7fc;--mlk-muted:#a8b7cd;--mlk-accent:#2975d1;--mlk-accent-light:#70b1ff}
body{background:var(--mlk-bg);color:var(--mlk-text)}
.sidebar{background:#0c1627;color:#f5f8ff;border-right:1px solid #263b5c;gap:23px}
.brand{display:flex;align-items:center;gap:11px;padding:5px 10px 19px;border-bottom:1px solid #2e4361;font-size:20px;font-weight:900;letter-spacing:.035em;white-space:nowrap}
.brand-type{display:block;line-height:1.05}.brand small{color:#b2c4dc;font-size:9px;letter-spacing:1.8px;margin-top:8px;font-weight:700}
.brand-mark{display:inline-grid;place-items:center;position:relative;width:43px;height:43px;min-width:43px;background:#e6eaf0;color:#0a1730;border:2px solid #3479c9;border-radius:50%;font-size:25px;font-weight:1000;letter-spacing:-4px;transform:skew(-5deg)}.brand-mark span{position:absolute;font-size:9px;right:4px;top:3px;letter-spacing:0}
.nav button{color:#b7c7dc;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.nav button.active{background:#1d3556;border-color:#35689f;color:#f6faff}.nav button:hover{background:#192c46;color:#fff}
.sidebar-note{border-top:1px solid #304765;color:#a6bad2}.main{background:radial-gradient(ellipse 720px 340px at 95% -10%,#1b3d6b45,transparent 75%),#080d17}
.top{padding-bottom:7px}.top h1{color:#f4f7fc;font-weight:850;letter-spacing:-1.25px}.sub,.muted,.mini,.help{color:var(--mlk-muted)}
.online{background:#163952;border-color:#356b9b;color:#9bd2ff}.offline{background:#382d20;border-color:#685039;color:#ffd39d}
.intro{background:linear-gradient(115deg,#172b47,#111d30);border:1px solid #345376;color:#c9d9ef;padding:20px;border-radius:17px}.intro b{color:#fff}
.panel,.stat{background:var(--mlk-panel);border-color:var(--mlk-edge);box-shadow:0 5px 35px #00000025}.stat{background:linear-gradient(140deg,#192a43,#111b2c)}.stat-value,.section-title,.total{color:#f5f8ff}.stat-label,.stat-foot{color:#b0c0d4}
.stat:first-child{border-top:2px solid #317ed6}.stat:nth-child(2){border-top:2px solid #b5c4d8}.stat:nth-child(3){border-top:2px solid #609ddd}.stat:nth-child(4){border-top:2px solid #e0e8f2}
.btn{background:#276fbd;color:#fff;border:1px solid #418ce0;border-radius:10px}.btn:hover{background:#3685da}.btn.secondary{background:#233954;color:#eaf2ff;border:1px solid #3c5b80}.btn.secondary:hover{background:#304c70}.btn.danger{background:#482c37;color:#ffc7ce;border-color:#754657}
.tablewrap{color:#e7effa}th{color:#afc0d8;border-color:#304561}td{border-color:#263954}.tag{background:#1c3b61;color:#c1e1ff}.tag.warn{background:#453622;color:#ffd596}.tag.danger{background:#492c39;color:#ffa8b4}
.field label{color:#c4d1e4}.field input,.field select,.field textarea,input.search{border-color:#38506f;background:#1a2a40;color:#f2f7ff}.field input::placeholder,input.search::placeholder,.field textarea::placeholder{color:#91a5bf}.field input:focus,.field select:focus,.field textarea:focus{border-color:#75b6ff;box-shadow:0 0 0 3px #3987de30}
select option{background:#1a2a40;color:#fff}.product-image,.avatar{background:#29405e}.modalwrap{background:#03070ed9}.modal{background:#142239;border:1px solid #3a5475;box-shadow:0 28px 75px #0009;color:#f4f7fc}.notice{background:#382d20;color:#f9d69a}.notice.info{background:#1b3758;color:#c4e0ff}.cart-item{border-color:#30435e}.cart-item input{background:#213451;color:#fff;border-color:#476185}.detail,.divider{border-color:#324762}.pill{border-color:#49617f;color:#d8e4f3}.empty{color:#a6b8d0}.dangertext{color:#ffaab5}.profit{color:#8fc8ff}
#toast{background:#2c75c2;color:#fff;font-weight:750}.mobilebar{background:#111d30;border-color:#314866;box-shadow:0 -8px 32px #0005}.mobilebar button{color:#aabbd2}.mobilebar button.active{color:#83beff}.loading{color:#90c5ff}
button:focus-visible,a:focus-visible{outline:2px solid #85c5ff;outline-offset:3px}
@media(max-width:700px){.top h1{font-size:25px}.main{background:#080d17}.stat{border-radius:14px}.mobilebar{padding-bottom:max(10px,env(safe-area-inset-bottom))}}
