:root{--ink:#f4f7fb;--muted:#94a3b8;--line:rgba(148,163,184,.18);--paper:#111827;--bg:#070b12;--green:#22d3ee;--green2:#2563eb;--red:#fb7185;--red-bg:rgba(244,63,94,.1);--amber:#fbbf24;--amber-bg:rgba(251,191,36,.09);--ok:#4ade80;--ok-bg:rgba(74,222,128,.09);--cyan:#22d3ee;--blue:#2563eb;--shadow:0 18px 50px rgba(0,0,0,.35)}
body{background:radial-gradient(900px 560px at 8% -10%,rgba(34,211,238,.12),transparent 58%),radial-gradient(900px 700px at 105% 100%,rgba(37,99,235,.15),transparent 60%),linear-gradient(160deg,#090d15,#07090f 62%,#080c14);background-attachment:fixed;color:var(--ink)}
body:before{content:"";position:fixed;z-index:100;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--cyan));background-size:200% 100%;animation:themeBar 7s linear infinite}@keyframes themeBar{to{background-position:200% 0}}
header{height:78px;position:sticky;top:0;z-index:40;background:rgba(7,11,18,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(34,211,238,.18);box-shadow:0 8px 30px rgba(0,0,0,.26);padding:0 max(24px,calc((100vw - 1420px)/2))}
.brand{gap:13px}.brand strong{font-size:16px;letter-spacing:.03em}.brand strong em{font-style:normal;color:var(--cyan)}.brand span{color:#9fb1c8}.agent-logo{width:46px;height:46px;display:grid;place-items:center;filter:drop-shadow(0 5px 12px rgba(34,211,238,.28))}.agent-logo svg{width:46px;height:46px}.agent-logo svg rect{fill:url(#none);stroke:var(--cyan);stroke-width:2}.agent-logo svg circle{fill:var(--cyan)}.agent-logo svg path{fill:none;stroke:#60a5fa;stroke-width:2.5;stroke-linecap:round}.agent-logo.small{margin:auto;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#06b6d4,#2563eb);color:white;font-size:25px}
.header-actions{gap:9px}.sync{color:#a8b7ca;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:7px 11px}.sync:before{background:#fbbf24}.sync.ok:before{background:#4ade80;box-shadow:0 0 9px rgba(74,222,128,.7)}
main{max-width:1420px;padding:38px 24px 80px}.hero{margin-bottom:22px}.hero h1{font-size:36px;color:#f8fafc}.hero p{color:#9fb0c5}.eyebrow{color:var(--cyan)!important}.primary{background:linear-gradient(135deg,#0891b2,#2563eb);box-shadow:0 7px 18px rgba(37,99,235,.28)}.primary:hover{background:linear-gradient(135deg,#06b6d4,#3b82f6);filter:brightness(1.08)}.ghost{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.26);color:#dce6f3}.ghost:hover{border-color:rgba(34,211,238,.55);color:white}.force-refresh{min-width:205px}.force-refresh:disabled{opacity:.55;cursor:wait}
.system-banner{padding:11px 14px;border:1px solid rgba(251,113,133,.35);border-radius:10px;background:rgba(127,29,29,.25);color:#fecdd3;margin-bottom:16px}
.metrics{grid-template-columns:repeat(5,1fr);gap:12px}.metric{min-width:0;padding:18px 19px;background:linear-gradient(145deg,rgba(19,28,44,.94),rgba(13,20,33,.94));border-color:var(--line);border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.metric:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.32);transition:.18s}.metric span{color:#d9e4f1}.metric strong{color:white;font-size:32px}.metric small{color:#8394aa}.metric.priority{border-top:3px solid var(--cyan)}.metric.danger{border-top-color:#fb7185}.metric.warning{border-top-color:#fbbf24}.metric.success{border-top-color:#4ade80}.metric.neutral{border-top-color:#60a5fa}
.tabs{margin-top:25px;border-color:var(--line)}.tab{color:#8596ac}.tab:hover{color:#cfe3f8}.tab.active{color:var(--cyan);border-color:var(--cyan)}.tab b{background:rgba(34,211,238,.13);color:#67e8f9}.section-head h2{color:#f8fafc}.section-head p{color:#8fa0b5}.filters{display:flex;gap:9px}.filters input{min-width:280px}
input,select{background:#0f172a;border-color:rgba(148,163,184,.25);color:#e8eef7}input::placeholder{color:#65758a}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.12)}
.action-list{gap:11px}.action-card{background:linear-gradient(145deg,rgba(17,24,39,.98),rgba(11,17,28,.98));border-color:var(--line);border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,.24)}.action-card:hover{border-color:rgba(34,211,238,.25)}.action-main{grid-template-columns:auto minmax(260px,1fr) 95px auto;padding:16px 18px}.action-icon{background:rgba(255,255,255,.04)!important;border:1px solid var(--line)}.pause .action-icon{color:#fb7185}.reactivate .action-icon{color:#4ade80}.low .action-icon{color:#fbbf24}.action-title strong{color:#f8fafc;font-size:16px;font-family:Consolas,monospace}.action-desc{color:#aab9ca}.created-at{display:block;color:#65758a;margin-top:5px}.action-flag{color:#06131a;background:linear-gradient(135deg,#22d3ee,#60a5fa)}.pending-flag{color:#fcd34d;background:rgba(251,191,36,.08);border-color:rgba(251,191,36,.32)}.pill{border:1px solid transparent}.pause .pill{background:var(--red-bg);color:#fda4af;border-color:rgba(251,113,133,.18)}.reactivate .pill{background:var(--ok-bg);color:#86efac;border-color:rgba(74,222,128,.18)}.low .pill{background:var(--amber-bg);color:#fde68a;border-color:rgba(251,191,36,.18)}.qty strong{color:#f8fafc}.qty small{color:#718096}.action-buttons{min-width:300px}.action-buttons .primary,.action-buttons .ghost{min-height:42px}
.action-details{border-top:1px solid var(--line);background:rgba(2,6,23,.24)}.action-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 18px 11px 82px;color:#91a4ba;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.action-details summary::-webkit-details-marker{display:none}.action-details summary:before{content:"＋";color:var(--cyan);margin-right:8px}.action-details[open] summary:before{content:"−"}.action-details summary b{font-weight:500;color:#64748b;text-transform:none;letter-spacing:0}.kit-strip,.market-strip{background:rgba(8,14,25,.74);border-color:var(--line);padding-left:82px}.kit-chip{background:#111b2d;border-color:rgba(148,163,184,.24);color:#e7eef8}.kit-chip small{color:#7e90a6}.market-check{background:#101827;border-color:var(--line);color:#dce6f3}.market-check.correct{background:rgba(22,101,52,.16)}.market-check.action_needed{background:rgba(127,29,29,.18)}.market-check.pending{background:rgba(113,63,18,.16)}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.pager span{color:#91a4ba}.pager button:disabled{opacity:.35;cursor:not-allowed}
.table-wrap{background:rgba(15,23,42,.8);border-color:var(--line)}table{color:#dbe7f4}th{background:#111827;color:#7f91a7;border-color:var(--line)}td{border-color:rgba(148,163,184,.1)}tbody tr:hover{background:rgba(34,211,238,.035)}td strong{color:#f8fafc}.status.oos{color:#fda4af;background:var(--red-bg)}.status.low{color:#fde68a;background:var(--amber-bg)}.status.ok{color:#86efac;background:var(--ok-bg)}.table-note{text-align:center;color:#7f91a7}.link-btn{color:#67e8f9}.empty{background:rgba(15,23,42,.65);border-color:rgba(148,163,184,.24);color:#7f91a7}.empty strong{color:#e8eef7}
dialog{background:#0d1524;color:#e8eef7;border:1px solid rgba(34,211,238,.22)}dialog::backdrop{background:rgba(2,6,23,.78)}.icon{background:#172033;color:#cfe2f6}.login{background:radial-gradient(circle at top,#0c3546,#070b12 60%)}.login-card{background:#0d1524;color:#f1f5f9;border:1px solid rgba(34,211,238,.25)}.login-card p{color:#91a4ba}
.loading-overlay{position:fixed;inset:0;z-index:200;background:rgba(2,6,23,.78);backdrop-filter:blur(6px);display:grid;place-items:center}.loading-card{width:min(420px,calc(100vw - 30px));padding:28px;background:#0d1524;border:1px solid rgba(34,211,238,.28);border-radius:16px;box-shadow:var(--shadow);display:grid;place-items:center;gap:9px;text-align:center}.loading-card small{color:#8ea0b5}.spinner{width:36px;height:36px;border:3px solid rgba(34,211,238,.18);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:#0f1a2b;border:1px solid rgba(34,211,238,.24);color:#ecf6ff}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.header-actions .sync{display:none}.action-main{grid-template-columns:auto 1fr auto}.action-buttons{grid-column:2/4;min-width:0;justify-content:flex-start}}
@media(max-width:760px){header{height:auto;min-height:72px;padding:11px 15px}.brand span{display:none}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions .ghost{display:none}.force-refresh{min-width:0;font-size:12px}.metrics{grid-template-columns:repeat(2,1fr)}.hero{display:grid}.hero h1{font-size:29px}.action-toolbar{align-items:stretch}.filters{width:100%;display:grid;grid-template-columns:1fr}.filters input{min-width:0;width:100%}.action-main{grid-template-columns:auto 1fr}.qty{grid-column:1}.action-buttons{grid-column:2;display:grid;grid-template-columns:1fr}.action-details summary,.kit-strip,.market-strip{padding-left:16px}.action-details summary b{display:none}}
@media(max-width:480px){main{padding:25px 12px 60px}.metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:27px}.action-title{gap:5px}.action-flag{display:none}.action-main{padding:13px}.action-icon{width:38px;height:38px}.qty{display:none}.action-buttons{grid-column:1/3}.tabs{overflow-x:auto}}