*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070b10;--bg-soft:#0b1118;--panel:#0f1822;--panel-2:#0c141d;--panel-3:#121d28;--line:#1b2b3a;--line-soft:#16232f;--txt:#e9f2f9;--muted:#8199ae;--dim:#5a7186;--blue:#2aabee;--blue-d:#1a8ccb;--green:#2fd07b;--red:#f4586a;--amber:#f5a524;--violet:#a78bfa;--r:16px}html{background:var(--bg)}body{font-family:Segoe UI,system-ui,-apple-system,Inter,Arial,sans-serif;background:radial-gradient(1100px 600px at 78% -10%,rgba(42,171,238,.1),transparent 60%),radial-gradient(800px 500px at 8% 110%,rgba(167,139,250,.07),transparent 60%),var(--bg);color:var(--txt);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#0f1822eb,#080d13eb);padding:22px 16px 18px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;padding:0 6px}.logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#37b6f2,#1879c9);box-shadow:0 8px 22px #2aabee59}.logo-mark svg{width:20px;height:20px;fill:#fff}.logo b{font-size:15px;letter-spacing:.4px;display:block}.logo span{display:block;font-size:10.5px;color:var(--dim);letter-spacing:1.3px;text-transform:uppercase;margin-top:2px}.nav-label{font-size:10.5px;letter-spacing:1.4px;color:var(--dim);text-transform:uppercase;padding:0 10px;margin-bottom:9px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#a9becf;font-weight:500;position:relative}.nav a svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;opacity:.85}.nav a:hover{background:#ffffff09;color:#dcebf7}.nav a.active{background:linear-gradient(90deg,#2aabee29,#2aabee08);color:#fff}.nav a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--blue)}.nav .count{margin-left:auto;font-size:11px;font-weight:600;color:#9fd9f6;background:#2aabee21;border:1px solid rgba(42,171,238,.25);padding:1px 7px;border-radius:20px}.nav .count.red{color:#ffb4bd;background:#f4586a1f;border-color:#f4586a47}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px}.mini-status{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#ffffff05;font-size:12px;color:var(--muted)}.mini-status .row{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.mini-status .row:last-child{margin-bottom:0}.mini-status b{color:#d8e8f4;font-weight:600}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 0 3px #2fd07b21}.admin{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:12px}.admin:hover{background:#ffffff08}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(140deg,#3a4d61,#1d2a37);flex:0 0 auto;border:1px solid rgba(255,255,255,.08);letter-spacing:.3px}.admin .avatar{width:34px;height:34px;font-size:12px;background:linear-gradient(140deg,#a78bfa,#6d4dd6)}.admin small{display:block;color:var(--dim);font-size:11px}.main{flex:1;min-width:0;padding:26px 32px 40px;max-width:1560px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.topbar h1{font-size:23px;font-weight:650;letter-spacing:-.2px}.topbar .sub{color:var(--muted);font-size:12.5px;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;height:38px;padding:0 13px;width:250px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--dim)}.search svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.search span{font-size:12.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--panel-3);color:#dbe9f5;cursor:pointer;white-space:nowrap}.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}.btn.primary{background:linear-gradient(145deg,#33b2f0,#1786cc);border-color:#2aa5e6;color:#fff;box-shadow:0 8px 22px #2aabee40}.btn.ghost{background:transparent}.btn.danger{color:#ffafb8;border-color:#f4586a59;background:#f4586a14}.btn.sm{height:32px;padding:0 11px;font-size:12px;border-radius:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{border:1px solid var(--line);border-radius:var(--r);padding:15px 16px;background:linear-gradient(160deg,#121d28e6,#0b1219e6);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;inset:0 0 auto auto;width:90px;height:90px;border-radius:50%;filter:blur(28px);opacity:.35;background:var(--blue);transform:translate(35%,-45%)}.stat.g:after{background:var(--green)}.stat.r:after{background:var(--red)}.stat.a:after{background:var(--amber)}.stat .lbl{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:7px}.stat .val{font-size:27px;font-weight:700;margin-top:7px;letter-spacing:-.5px}.stat .val small{font-size:12px;color:var(--dim);font-weight:500;margin-left:6px;letter-spacing:0}.stat .lbl svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}.section-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.section-head h2{font-size:14px;font-weight:600;color:#cfe1ef}.section-head .hint{font-size:12px;color:var(--dim)}.chips{display:flex;gap:7px}.chip{font-size:11.5px;padding:5px 11px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:#ffffff05}.chip.on{color:#bfe6fb;border-color:#2aabee66;background:#2aabee1f}.accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(165deg,#121d28d9,#0a1017eb);padding:16px;position:relative;transition:.15s}.card:hover{border-color:var(--line2,#283e52);transform:translateY(-1px)}.card-head{display:flex;align-items:flex-start;gap:11px}.card-head .avatar{width:44px;height:44px;font-size:14px}.who{min-width:0;flex:1}.who b{font-size:13.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who span{font-size:11.5px;color:var(--blue);display:block;margin-top:2px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:20px;border:1px solid;white-space:nowrap}.tag i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.tag.ok{color:#5ee6a3;background:#2fd07b1a;border-color:#2fd07b42}.tag.spam{color:#ff8a97;background:#f4586a1a;border-color:#f4586a47}.tag.wait{color:#ffc76b;background:#f5a5241a;border-color:#f5a52442}.tag.check{color:#7fd4fb;background:#2aabee1a;border-color:#2aabee47}.tag.out{color:#a9bccd;background:#a0b4c614;border-color:#a0b4c633}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:13px 0 12px;font-size:11.5px;color:var(--muted)}.card-meta b{color:#c6d9e8;font-weight:500;font-variant-numeric:tabular-nums}.card-meta .wide{grid-column:1/-1}.card-foot{display:flex;gap:8px;border-top:1px solid var(--line-soft);padding-top:12px}.card-foot .btn{flex:1;height:32px;font-size:12px}.mini-bars{display:flex;gap:3px;align-items:flex-end;height:14px;margin-left:auto}.mini-bars i{width:3px;border-radius:2px;background:#2c4a60;display:block}.mini-bars i.on{background:var(--blue)}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-bottom:14px}.back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.detail-head{border:1px solid var(--line);border-radius:18px;padding:20px 22px;display:flex;gap:18px;align-items:center;background:radial-gradient(600px 180px at 12% 0%,rgba(42,171,238,.14),transparent 65%),linear-gradient(160deg,#121d28e6,#0a1017f2);position:relative;overflow:hidden}.detail-head .avatar{width:70px;height:70px;font-size:22px}.detail-head .info{flex:1;min-width:0}.detail-head h1{font-size:21px;font-weight:650;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-head .uid{font-size:12px;color:var(--dim);margin-top:5px;font-variant-numeric:tabular-nums}.detail-head .uid span{color:var(--blue)}.detail-head .tags{display:flex;gap:7px;margin-top:9px}.detail-actions{display:flex;gap:8px;align-self:flex-start}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#0c141dcc}.metric .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.metric .val{font-size:22px;font-weight:700;margin-top:5px}.metric .val small{font-size:11px;font-weight:500;color:var(--dim);margin-left:5px;letter-spacing:0}.metric .val .good{color:var(--green)}.metric .val .bad{color:var(--red)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-soft);margin:6px 0 14px}.tabs a{font-size:12.5px;color:var(--muted);padding:9px 12px;border-bottom:2px solid transparent;font-weight:500}.tabs a.on{color:#fff;border-bottom-color:var(--blue)}.tabs a .n{font-size:10.5px;color:var(--dim);margin-left:4px}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--r);background:#0c141dd1;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line-soft)}.panel-head h3{font-size:12.5px;font-weight:600;color:#cfe1ef}.panel-head .hint{font-size:11px;color:var(--dim)}table{width:100%;border-collapse:collapse;font-size:12.3px}th{text-align:left;font-weight:500;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--dim);padding:9px 14px;border-bottom:1px solid var(--line-soft);background:#ffffff04}td{padding:11px 14px;border-bottom:1px solid var(--line-soft);color:#cddfee;vertical-align:middle}tr:last-child td{border-bottom:none}td .gname{font-weight:500;color:#e3eef7;display:block;position:relative;padding-left:33px;min-height:26px}td .gname .ava{width:24px;height:24px;border-radius:8px;font-size:9px;font-weight:700;position:absolute;left:0;top:1px}td .sub{display:block;font-size:10.5px;color:var(--dim);margin-top:2px;font-weight:400}.mono{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11.5px}.pill{font-size:10.5px;padding:3px 8px;border-radius:20px;border:1px solid;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.pill.ok{color:#5ee6a3;background:#2fd07b17;border-color:#2fd07b3d}.pill.warn{color:#ffc76b;background:#f5a52417;border-color:#f5a5243d}.pill.bad{color:#ff8a97;background:#f4586a17;border-color:#f4586a3d}.pill.dim{color:#9db2c4;background:#a0b4c612;border-color:#a0b4c62e}.pill.blue{color:#7fd4fb;background:#2aabee17;border-color:#2aabee3d}.tright{text-align:right}.tl{padding:6px 16px 14px;position:relative}.tl:before{content:"";position:absolute;left:29px;top:14px;bottom:18px;width:1px;background:var(--line)}.tl .ev{display:flex;gap:12px;padding:9px 0;position:relative}.tl .ev .ic{width:26px;height:26px;flex:0 0 26px;border-radius:9px;display:grid;place-items:center;z-index:1;background:#101c27;border:1px solid var(--line);font-size:11px}.tl .ev .ic.g{color:#5ee6a3;border-color:#2fd07b4d;background:#2fd07b14}.tl .ev .ic.b{color:#7fd4fb;border-color:#2aabee4d;background:#2aabee14}.tl .ev .ic.r{color:#ff8a97;border-color:#f4586a4d;background:#f4586a14}.tl .ev .ic.a{color:#ffc76b;border-color:#f5a5244d;background:#f5a52414}.tl .ev .txt{font-size:12px;color:#c9dbe9}.tl .ev .txt b{color:#fff;font-weight:600}.tl .ev .t{font-size:10.5px;color:var(--dim);margin-top:2px}.summary-box{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft)}.summary-box div{padding:12px 14px;background:#0d151e}.summary-box span{display:block;font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.7px}.summary-box b{font-size:15px;font-weight:600;display:block;margin-top:4px}.progress{height:5px;border-radius:5px;background:#182735;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;width:82%;border-radius:5px;background:linear-gradient(90deg,#2aabee,#54d0ff)}.filters{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.select{height:34px;padding:0 30px 0 11px;border-radius:9px;border:1px solid var(--line);background:#0d1620 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a7186' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right 10px center;color:#c6d9e8;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.date{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#0d1620;color:var(--muted);font-size:12px}.date b{color:#c6d9e8;font-weight:500}.jrow td:first-child{color:var(--dim);font-variant-numeric:tabular-nums;width:44px}.who-cell{display:flex;align-items:center;gap:9px}.who-cell .avatar{width:26px;height:26px;font-size:9.5px}.who-cell b{font-weight:500;color:#e4eef7;font-size:12.3px;display:block}.who-cell span{font-size:10.5px;color:var(--dim)}.act{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600}.act .sq{width:6px;height:6px;border-radius:2px}.act.out{color:#9db2c4}.act.out .sq{background:#8296a8}.act.skip{color:#ffc76b}.act.skip .sq{background:#f5a524}.act.sub{color:#7fd4fb}.act.sub .sq{background:#2aabee}.act.spam{color:#ff8a97}.act.spam .sq{background:#f4586a}.act.ok{color:#5ee6a3}.act.ok .sq{background:#2fd07b}.tfoot{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;color:var(--dim);font-size:11.5px;border-top:1px solid var(--line-soft)}.pager{display:flex;gap:5px}.pager a{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line);font-size:11px;color:var(--muted)}.pager a.on{background:#2aabee26;border-color:#2aabee66;color:#cdeeff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03070bb8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:50}.modal{width:470px;border-radius:20px;border:1px solid #23384b;background:linear-gradient(165deg,#121e29,#0a1219);box-shadow:0 30px 80px #0009,0 0 0 1px #2aabee0f inset;padding:24px 24px 20px}.modal h2{font-size:17px;font-weight:650;text-align:center}.modal .sub{text-align:center;color:var(--muted);font-size:12px;margin-top:5px}.steps{display:flex;align-items:flex-start;justify-content:space-between;gap:0;margin:20px 0 22px;position:relative;padding:0 26px}.steps:before{content:"";position:absolute;left:44px;right:44px;top:14px;height:1px;background:var(--line)}.step{display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;position:relative;z-index:1}.step .c{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;border:1px solid var(--line);color:var(--muted);background:#0d1721;position:relative;z-index:1}.step.done .c{background:#2fd07b1f;border-color:#2fd07b66;color:#5ee6a3}.step.now .c{background:linear-gradient(145deg,#33b2f0,#1786cc);border-color:#2aa5e6;color:#fff;box-shadow:0 0 0 4px #2aabee24}.step span{font-size:10.5px;color:var(--dim)}.step.now span{color:#bfe6fb}.stepline{display:none}.stepline.done{background:#2fd07b73}.field{margin-bottom:13px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;letter-spacing:.3px}.input{height:42px;width:100%;border-radius:10px;border:1px solid var(--line);background:#0b141d;color:#e5f0f9;padding:0 13px;font-size:13px;font-family:inherit;display:flex;align-items:center;gap:9px}.input .flag{font-size:15px}.input .ph{color:#4f6579}.input .caret{width:1px;height:18px;background:var(--blue);margin-left:1px}.codes{display:flex;gap:9px;justify-content:center;margin:4px 0 8px}.codes i{width:46px;height:54px;border-radius:11px;border:1px solid var(--line);background:#0b141d;display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:600;color:#fff}.codes i.filled{border-color:#2a3f52;background:#0e1a25}.codes i.now{border-color:var(--blue);box-shadow:0 0 0 3px #2aabee1f}.resend{text-align:center;font-size:11.5px;color:var(--dim);margin:10px 0 16px}.resend b{color:#8fc7e6;font-weight:500}.note{display:flex;gap:9px;padding:10px 12px;border-radius:10px;font-size:11.5px;color:#9fc3da;background:#2aabee12;border:1px solid rgba(42,171,238,.18);margin-bottom:16px}.note svg{width:15px;height:15px;stroke:#5fc4f0;fill:none;stroke-width:1.9;flex:0 0 15px;margin-top:1px}.modal-foot{display:flex;gap:9px}.modal-foot .btn{flex:1;height:40px}.link{color:#6fc9f3}.toast{position:fixed;right:26px;top:22px;z-index:60;display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:12px;border:1px solid rgba(47,208,123,.3);background:#0e2018f2;color:#bdeed2;font-size:12.5px;box-shadow:0 12px 34px #00000073}.toast .ic{width:22px;height:22px;border-radius:50%;background:#2fd07b29;display:grid;place-items:center;color:#5ee6a3;font-size:11px}:root{color-scheme:dark}html,body,#root{min-height:100%}button:disabled{opacity:.5;cursor:not-allowed}.input-real{width:100%;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0b141d;color:var(--txt);font:inherit;font-size:13px;outline:none;transition:.15s}.input-real:focus{border-color:#2aabee8c;box-shadow:0 0 0 3px #2aabee1a}.input-real::placeholder{color:#4f6579}.select-real{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#0d1620;color:var(--txt);font:inherit;font-size:12px;outline:none;cursor:pointer}.select-real:focus{border-color:#2aabee80}select.select-real option{background:#0d1620;color:var(--txt)}.search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--txt);font:inherit;font-size:12.5px}.search input::placeholder{color:#4f6579}.search-grow{flex:1;min-width:200px;width:auto}.date input{border:0;outline:none;background:transparent;color:#c6d9e8;font:inherit;font-size:11.5px;width:118px;color-scheme:dark}.field .input-real{margin-top:0}.form-error{padding:9px 11px;margin:8px 0 4px;border-radius:9px;font-size:12px;color:#ffb3bc;background:#f4586a17;border:1px solid rgba(244,88,106,.28)}.code-input{text-align:center;font-size:23px;letter-spacing:11px;font-weight:600;height:50px;font-variant-numeric:tabular-nums;padding-left:16px}.resend button{font-size:11.5px}.link-btn{background:none;border:0;color:#6fc9f3;font:inherit;font-size:11.5px;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.modal{position:relative}.modal-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#ffffff05;color:var(--muted);display:grid;place-items:center;cursor:pointer}.modal-close:hover{color:#fff;background:#ffffff0f}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.icon-btn{width:38px;padding:0;flex:0 0 38px}.chip{cursor:pointer;-webkit-user-select:none;user-select:none}.tabs a,.admin{cursor:pointer}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:46px 20px;border:1px dashed var(--line);border-radius:var(--r);color:var(--muted);text-align:center;font-size:12.5px}.empty b{color:#d6e6f3;font-size:14px}.empty svg{color:#3f5a70;margin-bottom:2px}.empty.small{padding:24px 16px;border:0;color:var(--dim);font-size:11.5px}.empty.small svg{color:#3f5a70}.loading{padding:40px;color:var(--muted);font-size:13px}.table-scroll{width:100%;overflow-x:auto}.table-scroll table{min-width:620px}.gname{display:flex;align-items:center;gap:10px}.gname .avatar{width:30px;height:30px;flex:0 0 30px;font-size:10px}.gname .gtitle{font-size:12.5px;color:#e4eef7}.gname .sub{display:block;font-size:10.5px;color:var(--dim);margin-top:1px}.card-error{font-size:10.5px;color:#ff8a97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:3px;border-top:1px dashed rgba(244,88,106,.2);margin-top:2px}.progress-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--dim)}.progress-row b{color:#c6d9e8;font-weight:600}.pager{display:flex;align-items:center;gap:5px}.pager-btn{width:27px;height:27px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;display:grid;place-items:center}.pager-btn:hover:not(:disabled){background:#2aabee1f;color:#cdeeff}.pager-current{font-size:11px;color:var(--muted);padding:0 5px;font-variant-numeric:tabular-nums}.tfoot .link{cursor:pointer}.detail-actions,.topbar-actions{flex-wrap:wrap}.stats .stat .lbl svg{flex:0 0 14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:28px}.login-card{width:380px;max-width:100%;border:1px solid var(--line);border-radius:20px;padding:28px 26px 22px;background:linear-gradient(165deg,#121d28f2,#090f16f7);box-shadow:0 24px 70px #00000080}.login-logo{display:flex;align-items:center;gap:11px;margin-bottom:22px}.login-logo b{font-size:14px;letter-spacing:.4px;display:block}.login-logo span{display:block;font-size:10px;color:var(--dim);letter-spacing:1.2px;text-transform:uppercase;margin-top:2px}.login-card h1{font-size:21px;font-weight:650}.login-sub{color:var(--muted);font-size:12px;margin:5px 0 20px;line-height:1.5}.login-btn{width:100%;height:42px;margin-top:4px}.login-hint{text-align:center;color:var(--dim);font-size:10.5px;margin-top:14px}@media(max-width:1200px){.accounts{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}@media(max-width:900px){.sidebar{display:none}.main{padding:18px 16px 34px}.stats{grid-template-columns:repeat(2,1fr)}.accounts{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.topbar-actions{width:100%}.search{flex:1;width:auto}.detail-head{flex-wrap:wrap}}@media(max-width:560px){.stats,.metrics{grid-template-columns:1fr}.filters{gap:8px}.date,.search-grow{width:100%}}