@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--bg:#f3f5f9;--surface:#ffffff;--fg:#1d2430;--muted:#6a7687;--faint:#8a94a6;--line:#e7ebf2;--line2:#dde3ee;--accent:#2f6bff;--accent-soft:#eaf1ff;--green:#17a673;--amber:#c6891a;--red:#d6482f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif}.disp{font-family:Sora,Inter,sans-serif}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}button{font-family:inherit;cursor:pointer}a{color:var(--accent)}.app{display:flex;min-height:100%}.side{width:252px;flex:none;background:var(--surface);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.sbrand{display:flex;align-items:center;gap:11px;padding:8px 8px 16px}.slogo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;font-weight:800;font-family:Sora;background:linear-gradient(145deg,#3b74ff,#2f6bff);box-shadow:0 6px 16px #2f6bff47}.sbrand b{font-family:Sora;font-weight:700;font-size:15.5px;display:block;line-height:1.15}.sbrand span{color:var(--muted);font-size:11.5px}.sgroup{margin:12px 8px 4px;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-weight:700}.nav{display:flex;flex-direction:column;gap:2px}.nav button{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;background:none;border:1px solid transparent;color:var(--fg);font-size:14px;font-weight:600;text-align:left;width:100%}.nav button svg{width:18px;height:18px;stroke:var(--muted);flex:none}.nav button:hover{background:#f3f6fb}.nav button.on{background:var(--accent-soft);color:var(--accent)}.nav button.on svg{stroke:var(--accent)}.nav button.lock{color:var(--faint);font-weight:500;cursor:not-allowed}.nav button.lock svg{stroke:var(--faint)}.nav .lk{margin-left:auto}.sbottom{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.sbottom .u{display:flex;align-items:center;gap:10px;padding:4px 6px}.sbottom .u .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;flex:none;background:linear-gradient(145deg,#6b6fe0,#2f6bff)}.sbottom .u small{display:block;color:var(--muted);font-size:11px}.logout{font-family:inherit;font-size:13px;font-weight:600;color:var(--fg);background:#f3f6fb;border:1px solid var(--line2);border-radius:11px;padding:9px 11px}.main{flex:1;min-width:0;padding:26px clamp(18px,2.6vw,38px) 48px}.hbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.hbar h1{font-family:Sora;font-size:27px;font-weight:800;letter-spacing:-.4px;margin:0}.hbar .lead{color:var(--muted);font-size:13px;margin:3px 0 0}.hbar .right{margin-left:auto;display:flex;gap:9px;align-items:center}.btn{font-weight:700;font-size:13px;border:none;padding:10px 16px;border-radius:11px;color:#fff;background:var(--accent);box-shadow:0 6px 16px #2f6bff3d;display:inline-flex;align-items:center;gap:7px}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:var(--surface);color:var(--fg);border:1px solid var(--line2);box-shadow:none}.chip{padding:9px 14px;border-radius:999px;font-weight:700;font-size:12.5px;background:var(--surface);border:1px solid var(--line2);color:var(--muted)}.chip.blue{background:var(--accent-soft);color:var(--accent);border-color:transparent}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:15px 18px;box-shadow:0 1px 2px #141e370a,0 10px 30px #141e370a}.kpi .kv{font-family:Sora;font-size:30px;font-weight:800;letter-spacing:-.02em;color:#1d2430}.kpi .kl{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-weight:600;margin-top:8px}.kpi .d{width:9px;height:9px;border-radius:50%;flex:none}.kpi.click{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}.kpi.click:hover{transform:translateY(-2px);box-shadow:0 2px 4px #141e370f,0 14px 34px #141e3717}.kpi.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:14px}.pager .info{color:var(--muted);font-size:13px}.pager .pg{display:flex;flex-direction:row;gap:6px;align-items:center;flex-wrap:wrap}.pager button{font-size:13px;font-weight:600;border:1px solid var(--line2);background:var(--surface);color:var(--fg);border-radius:9px;padding:7px 12px;cursor:pointer}.pager button:disabled{opacity:.45;cursor:default}.pager select{font:inherit;font-size:13px;border:1px solid var(--line2);border-radius:9px;padding:6px 8px;background:var(--surface);color:var(--fg)}.psize{display:inline-flex;gap:4px;background:#f6f8fc;border:1px solid var(--line2);border-radius:10px;padding:3px}.psize button{border:none;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);border-radius:7px;padding:5px 11px;cursor:pointer}.psize button.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #141e3714}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 1px 2px #141e370a,0 12px 34px #141e370d}.phead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.phead h2{font-family:Sora;font-size:18px;font-weight:700;margin:0}.phead .sum{color:var(--muted);font-size:13px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end}.fi{display:flex;flex-direction:column;gap:5px}.fi label{font-size:10.5px;color:var(--muted);font-weight:600;padding-left:3px}.fi select,.fi input{font-family:inherit;font-size:13px;color:var(--fg);background:#f6f8fc;border:1px solid var(--line2);border-radius:11px;padding:9px 12px;min-width:150px;outline:none}.fi input::placeholder{color:#9aa4b5}.filters .spacer{flex:1;min-width:8px}.tscroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1520px;font-size:13px}thead th{position:sticky;top:0;text-align:left;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-weight:700;padding:12px 14px;background:#f6f8fc;border-bottom:1px solid var(--line2);white-space:nowrap}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--accent)}thead th .arw{margin-left:4px;opacity:.4;font-size:9px}thead th.sortable:hover .arw{opacity:.8}tbody td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;color:#2a3342}tbody tr:last-child td{border-bottom:none}.trow td:first-child{border-left:3px solid transparent}.pill{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:4px 10px;border-radius:999px}.muted{color:var(--muted)}.ok{color:#17a673;font-weight:700}.trow.loss{background:#fdeeec}.trow.loss td:first-child{border-left-color:#d6482f}.trow.loss .pill{background:#f6c9c3;color:#8a1f12}.trow.stuck{background:#fdf6e3}.trow.stuck td:first-child{border-left-color:#d79a1f}.trow.stuck .pill{background:#f6e3ab;color:#6a4e00}.trow.refuse{background:#fdeedf}.trow.refuse td:first-child{border-left-color:#e07a2f}.trow.refuse .pill{background:#f8cfa3;color:#7a3d00}.trow.ret{background:#e9f3fc}.trow.ret td:first-child{border-left-color:#2f8fd6}.trow.ret .pill{background:#c4e0f5;color:#123a5e}.trow.returned{background:#e7f6ee}.trow.returned td:first-child{border-left-color:#17a673}.trow.returned .pill{background:#bfe6cd;color:#1f4a20}.trow.notsent{background:#eeeffb}.trow.notsent td:first-child{border-left-color:#6b6fe0}.trow.notsent .pill{background:#d3d5f3;color:#30355f}.trow.dup{background:#f4f5f8}.trow.dup td:first-child{border-left-color:#97a0b2}.trow.dup .pill{background:#e2e5ec;color:#55606f}.trow.wait{background:#fdf8e6}.trow.wait td:first-child{border-left-color:#e0b93f}.trow.wait .pill{background:#f3e3ac;color:#6a5300}.empty{padding:36px;text-align:center;color:var(--muted)}.claim-btn{font-family:inherit;font-size:12px;font-weight:700;border-radius:999px;padding:4px 11px;border:1px solid var(--line2);background:#f6f8fc;color:var(--muted);cursor:pointer}.claim-btn.yes{background:#e4f6ee;color:#17784f;border-color:transparent}.claim-btn.no{background:#fdeeec;color:#b43320;border-color:transparent}.claim-wrap{position:relative;display:inline-block}.claim-tip{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;background:#1d2430;color:#fff;font-size:11.5px;line-height:1.5;padding:9px 11px;border-radius:10px;white-space:nowrap;box-shadow:0 10px 30px #00000040;pointer-events:none;opacity:0;transform:translateY(4px);transition:.14s}.claim-wrap:hover .claim-tip{opacity:1;transform:translateY(0)}.claim-tip b{color:#8fd0ff}.claim-tip .mut{color:#aab4c9}.admintable table{min-width:900px}.u-cell{display:flex;align-items:center;gap:12px}.u-cell .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13.5px;color:#fff;flex:none;background:linear-gradient(145deg,#6b6fe0,#2f6bff)}.email{color:var(--muted);font-size:12.5px}.badge{font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;white-space:nowrap}.badge.ok{background:#e4f6ee;color:#17784f}.badge.wait{background:#fdf3dd;color:#8a6412}.tag{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:#f6f8fc;color:var(--muted);cursor:pointer}.tag.on{background:var(--accent-soft);color:var(--accent);border-color:transparent}.acc{display:inline-flex;gap:7px;flex-wrap:wrap}.center{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative;overflow:hidden}.center:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(640px 420px at 16% 2%,rgba(47,107,255,.08),transparent 60%),radial-gradient(620px 460px at 92% 100%,rgba(23,166,115,.07),transparent 58%)}.card{position:relative;width:100%;max-width:430px;border-radius:26px;padding:40px 36px;text-align:center;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #141e370d,0 30px 70px #141e371a}.card .logo{width:62px;height:62px;border-radius:19px;margin:0 auto 22px;display:grid;place-items:center;font-family:Sora;font-weight:800;font-size:25px;color:#fff;background:linear-gradient(145deg,#3b74ff,#2f6bff);box-shadow:0 12px 30px #2f6bff4d}.card h1{font-family:Sora;font-size:26px;font-weight:800;margin:0 0 28px;letter-spacing:-.3px}.card .sub{color:var(--muted);font-size:14px;margin:0 0 24px;line-height:1.5}.ms{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;font-weight:700;font-size:15px;color:#fff;border:none;padding:14px;border-radius:14px;background:var(--accent);box-shadow:0 12px 28px #2f6bff42;text-decoration:none}.mslogo{width:19px;height:19px;display:inline-grid;grid-template:repeat(2,1fr)/repeat(2,1fr);gap:2px}.mslogo i{display:block;border-radius:2px}.mslogo i:nth-child(1){background:#f25022}.mslogo i:nth-child(2){background:#7fba00}.mslogo i:nth-child(3){background:#00a4ef}.mslogo i:nth-child(4){background:#ffb900}.big{width:60px;height:60px;border-radius:16px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin:0 auto 18px;font-size:26px}@media (max-width:760px){.app{flex-direction:column}.side{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center}.nav{flex-direction:row;flex-wrap:wrap}.sgroup{display:none}.sbottom{flex-direction:row;border:none}}