:root{--bg:#090d14;--surface:#101722;--surface2:#151e2b;--line:#263142;--text:#edf1f5;--muted:#8c98a8;--gold:#caa65a;--green:#56c596;--red:#dc7373;--blue:#71a6dc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#172941 0,transparent 38%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1280px)/2));background:#090d14dd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:2}.brand{font-family:Georgia,serif;font-size:22px;color:var(--text);text-decoration:none}.brand span,h1 span{color:var(--gold)}main{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:44px 0 60px}.intro,.panel-title{display:flex;justify-content:space-between;align-items:center}.intro{margin-bottom:28px}h1{font:36px/1.15 Georgia,serif;margin:5px 0}h2{font:24px/1.2 Georgia,serif;margin:5px 0 20px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:800}.muted{color:var(--muted);margin:0}.sales{border:1px solid var(--line);padding:9px 14px;border-radius:99px}.sales i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.online i{background:var(--green);box-shadow:0 0 8px var(--green)}.offline i{background:var(--red)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.metrics article,.panel{background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 16px 40px #0002}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{font:25px/1.8 Georgia,serif}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.settings label,label{color:var(--muted);font-size:12px}.settings input,input{display:block;width:100%;margin-top:6px;background:#0b111a;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:11px;outline:none}.settings input:focus,input:focus{border-color:var(--gold)}button{border:0;border-radius:8px;background:var(--gold);color:#15120b;padding:11px 16px;font-weight:750;cursor:pointer}.settings button{grid-column:span 2}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 14px}.small{padding:6px 11px;font-size:12px}.toggle{display:flex!important;align-items:center;gap:9px;margin-top:18px}.toggle input{display:none}.toggle span{width:36px;height:20px;background:#303946;border-radius:20px;position:relative}.toggle span:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#9aa4b0;border-radius:50%;transition:.2s}.toggle input:checked+span{background:#68572f}.toggle input:checked+span:after{left:19px;background:var(--gold)}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.status-grid div{background:#0b111a;border:1px solid #202b3a;border-radius:9px;padding:14px}.status-grid b,.status-grid span{display:block}.status-grid b{font-size:22px}.status-grid span{color:var(--muted);font-size:11px}.table-panel{margin-bottom:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}th,td{padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:#27313e;color:#bbc4cf;font-size:11px;text-transform:capitalize}.badge.completed,.badge.paid{background:#18382f;color:#73d3ad}.badge.pending,.badge.queued,.badge.processing,.badge.waiting_stock{background:#27354a;color:#91b9e2}.badge.supplier_failed,.badge.credential_error,.badge.failed{background:#48262b;color:#ef9b9b}.empty{text-align:center;color:var(--muted);padding:32px}.alert{padding:12px 15px;border:1px solid #285445;background:#15362c;color:#8ee0bf;border-radius:9px;margin:0 0 16px}.alert.error{border-color:#63343a;background:#371d21;color:#f0a2a2}footer{text-align:center;color:#515e6e;font-size:10px;letter-spacing:.18em;padding:20px}.login-body{display:grid;place-items:center;padding:22px}.login-card{width:min(420px,100%);background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--line);padding:38px;border-radius:16px;box-shadow:0 30px 80px #0008}.login-card h1{margin:10px 0}.login-card form{margin-top:27px}.login-card button{width:100%;margin-top:18px}
@media(max-width:800px){main{width:min(100% - 28px,1280px);padding-top:28px}.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.settings{grid-template-columns:1fr}.settings button{grid-column:auto}.intro{align-items:flex-end}h1{font-size:30px}.table-wrap{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--line);padding:9px 0}td{border:0;padding:5px 0 5px 44%;position:relative;white-space:normal;min-height:30px}td:before{content:attr(data-label);position:absolute;left:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.empty{padding-left:0}.empty:before{display:none}}
@media(max-width:480px){header{height:60px;padding:0 14px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metrics article,.panel{padding:16px}.metrics strong{font-size:19px}.metrics small{font-size:10px}.intro{display:block}.sales{display:inline-block;margin-top:16px}.status-grid{grid-template-columns:repeat(2,1fr)}.login-card{padding:26px}}