@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--bg:#0f0e1a;--bg2:#16152a;--bg3:#1e1c38;--bd:#ffffff12;--bd2:#ffffff1f;--pu:#8b5cf6;--pu2:#7c3aed;--pul:#8b5cf626;--gr:#10b981;--grl:#10b9811f;--am:#f59e0b;--aml:#f59e0b1f;--rd:#ef4444;--rdl:#ef44441f;--bl:#3b82f6;--bll:#3b82f61f;--tx:#f1f0ff;--txm:#f1f0ff8c;--txl:#f1f0ff47;--r:12px;--rs:8px;--sh:0 2px 16px #0006;--shm:0 8px 40px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--tx);background:var(--bg);font-family:DM Sans,sans-serif;font-size:14px;overflow:hidden}button{cursor:pointer;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}input,select,textarea{font-family:DM Sans,sans-serif}.app{height:100vh;display:flex;overflow:hidden}.sb{background:var(--bg2);border-right:1px solid var(--bd);z-index:100;flex-direction:column;flex-shrink:0;width:220px;transition:width .22s;display:flex;position:relative;overflow:hidden}.sb.col{width:54px}.sb-logo{border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;gap:10px;padding:18px 16px;display:flex}.sb-ico{background:0 0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.sb-title{color:var(--tx);white-space:nowrap;font-family:Inter,sans-serif;font-size:14px;font-weight:700}.sb-badge{letter-spacing:.08em;color:var(--pu);background:var(--pul);white-space:nowrap;border:1px solid #8b5cf64d;border-radius:4px;margin-top:1px;padding:1px 4px;font-size:8px;font-weight:700;display:inline-block}.nav{flex:1;padding:8px 0;overflow-y:auto}.nav::-webkit-scrollbar{width:2px}.nav::-webkit-scrollbar-thumb{background:var(--bd2)}.ng{letter-spacing:.12em;text-transform:uppercase;color:var(--txl);white-space:nowrap;padding:10px 16px 4px;font-size:9px;font-weight:700;overflow:hidden}.ni{cursor:pointer;color:var(--txm);white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:9px;padding:8px 16px;font-size:13px;transition:all .13s;display:flex;position:relative}.ni:hover{color:var(--tx);background:#ffffff0a}.ni.act{color:var(--tx);background:var(--pul);border-left-color:var(--pu)}.ni-ico{text-align:center;flex-shrink:0;width:18px;font-size:15px}.ni-badge{background:var(--rd);color:#fff;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.ni-badge.am{background:var(--am)}.sb-ft{border-top:1px solid var(--bd);flex-shrink:0;padding:12px}.sb-user{border-radius:var(--rs);background:var(--bg3);align-items:center;gap:8px;padding:8px 10px;display:flex}.sb-av{background:linear-gradient(135deg, var(--pu), var(--bl));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.sb-un{color:var(--tx);white-space:nowrap;font-size:11px;font-weight:500}.sb-ur{color:var(--txl);white-space:nowrap;font-size:9px}.sb.col .sb-title,.sb.col .sb-badge,.sb.col .ng,.sb.col .sb-un,.sb.col .sb-ur,.sb.col .ni-badge{opacity:0;width:0;overflow:hidden}.sb.col .ni span:not(.ni-ico),.sb.col .logout-txt{opacity:0;width:0;display:none;overflow:hidden}.sb.col button{justify-content:center;padding:6px 0}.sb.col .ni{justify-content:center;padding:9px 0}.sb.col .sb-user{justify-content:center;padding:6px 0}.sb.col .sb-logo{justify-content:center;padding:14px 0}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.hdr{background:var(--bg2);border-bottom:1px solid var(--bd);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.hdr-title{color:var(--tx);font-family:Inter,sans-serif;font-size:15px;font-weight:700}.hdr-badge{letter-spacing:.06em;color:var(--pu);background:var(--pul);border:1px solid #8b5cf64d;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700}.hdr-right{align-items:center;gap:10px;margin-left:auto;display:flex}.hdr-search{background:var(--bg3);border:1px solid var(--bd2);border-radius:var(--rs);align-items:center;gap:8px;width:240px;padding:6px 12px;display:flex}.hdr-search input{color:var(--tx);background:0 0;border:none;outline:none;width:100%;font-size:13px}.hdr-search input::placeholder{color:var(--txl)}.ibtn{border-radius:var(--rs);border:1px solid var(--bd2);width:32px;height:32px;color:var(--txm);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:15px;transition:all .13s;display:flex;position:relative}.ibtn:hover{background:var(--bg3);color:var(--tx)}.nbadge{background:var(--rd);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.ca{flex:1;padding:20px;overflow-y:auto}.ca::-webkit-scrollbar{width:4px}.ca::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px}.phead{margin-bottom:20px}.phead h1{color:var(--tx);font-family:Inter,sans-serif;font-size:20px;font-weight:800}.phead p{color:var(--txm);margin-top:3px;font-size:13px}.card{background:var(--bg2);border-radius:var(--r);border:1px solid var(--bd);box-shadow:var(--sh)}.card-p{padding:16px}.ctitle{color:var(--txm);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:center;margin-bottom:14px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;display:flex}.clink{color:var(--pu);cursor:pointer;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.sep{background:var(--bd);height:1px;margin:14px 0}.btn{border-radius:var(--rs);border:1px solid var(--bd2);color:var(--txm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .13s;display:inline-flex}.btn:hover{background:var(--bg3);color:var(--tx)}.btn.pu{background:var(--pu2);color:#fff;border-color:var(--pu2)}.btn.pu:hover{filter:brightness(1.1)}.btn.gr{background:var(--gr);color:#fff;border-color:var(--gr)}.btn.gr:hover{filter:brightness(1.1)}.btn.rd{background:var(--rdl);color:var(--rd);border-color:#ef44444d}.btn.sm{padding:4px 10px;font-size:11px}.badge{border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-gr{background:var(--grl);color:#34d399;border:1px solid #10b98140}.badge-rd{background:var(--rdl);color:#f87171;border:1px solid #ef444440}.badge-am{background:var(--aml);color:#fbbf24;border:1px solid #f59e0b40}.badge-pu{background:var(--pul);color:#a78bfa;border:1px solid #8b5cf640}.badge-bl{background:var(--bll);color:#60a5fa;border:1px solid #3b82f640}.kgrid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kcard{background:var(--bg2);border-radius:var(--r);border:1px solid var(--bd);cursor:pointer;padding:16px;transition:all .15s;position:relative;overflow:hidden}.kcard:before{content:"";background:var(--accent,var(--pu));height:2px;position:absolute;top:0;left:0;right:0}.kcard:hover{box-shadow:var(--shm);border-color:var(--accent,var(--pu));transform:translateY(-2px)}.kico{margin-bottom:8px;font-size:20px}.klbl{color:var(--txm);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;font-weight:500}.kval{color:var(--tx);font-family:Inter,sans-serif;font-size:26px;font-weight:800}.ksub{color:var(--txm);margin-top:3px;font-size:11px}.ksub.up{color:var(--gr)}.ksub.dn{color:var(--rd)}.tbl{background:var(--bg2);border-radius:var(--r);border:1px solid var(--bd);overflow:hidden}.tbl-hd{color:var(--txl);text-transform:uppercase;letter-spacing:.07em;background:var(--bg3);border-bottom:1px solid var(--bd);gap:12px;padding:10px 16px;font-size:10px;font-weight:700;display:grid}.tbl-row{border-bottom:1px solid var(--bd);cursor:pointer;align-items:center;gap:12px;padding:11px 16px;transition:background .1s;display:grid}.tbl-row:last-child{border-bottom:none}.tbl-row:hover{background:#ffffff08}.fi{background:var(--bg3);border:1px solid var(--bd2);border-radius:var(--rs);color:var(--tx);outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .13s}.fi:focus{border-color:var(--pu)}select.fi option{background:var(--bg3)}.npanel{background:var(--bg2);border-left:1px solid var(--bd);z-index:200;flex-direction:column;width:320px;height:calc(100vh - 56px);transition:transform .25s;display:flex;position:fixed;top:56px;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0006}.npanel.open{transform:translate(0)}.np-hd{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.np-title{font-family:Inter,sans-serif;font-size:14px;font-weight:700}.np-x{cursor:pointer;color:var(--txm);border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;display:flex}.np-x:hover{background:var(--bg3)}.np-body{flex:1;overflow-y:auto}.np-item{cursor:pointer;border-bottom:1px solid var(--bd);gap:10px;padding:12px 16px;transition:background .1s;display:flex}.np-item:hover{background:var(--bg3)}.np-item.unread{background:#8b5cf60d}.np-ico{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.np-msg{color:var(--txm);font-size:12px;line-height:1.5}.np-msg strong{color:var(--tx)}.np-time{color:var(--txl);margin-top:3px;font-size:10px}.np-dot{background:var(--pu);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.mover{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.mover.open{display:flex}.mbox{background:var(--bg2);border:1px solid var(--bd2);border-radius:14px;flex-direction:column;width:480px;max-width:94vw;max-height:90vh;animation:.2s mIn;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}.mbox.sm{width:380px}@keyframes mIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mhd{border-bottom:1px solid var(--bd);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.mtitle{color:var(--tx);font-family:Inter,sans-serif;font-size:16px;font-weight:700}.msub{color:var(--txm);margin-top:2px;font-size:12px}.mx{cursor:pointer;color:var(--txm);border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;display:flex}.mx:hover{background:var(--bg3)}.mbd{flex:1;padding:18px 20px;overflow-y:auto}.mft{border-top:1px solid var(--bd);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.mbtn{border-radius:var(--rs);border:1px solid var(--bd2);color:var(--txm);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:500;transition:all .13s}.mbtn:hover{background:var(--bg3);color:var(--tx)}.mbtn.pu{background:var(--pu2);color:#fff;border-color:var(--pu2)}.mbtn.gr{background:var(--gr);color:#fff;border-color:var(--gr)}.mbtn.rd{background:var(--rdl);color:var(--rd);border-color:#ef44444d}.toast{z-index:9999;background:var(--bg3);color:var(--tx);border-radius:var(--rs);box-shadow:var(--shm);opacity:0;border:1px solid var(--bd2);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .25s;display:flex;position:fixed;bottom:20px;right:20px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.toast.ok{border-left:3px solid var(--gr)}.toast.wa{border-left:3px solid var(--am)}.toast.err{border-left:3px solid var(--rd)}.spark{align-items:flex-end;gap:3px;height:32px;display:flex}.spark-b{border-radius:2px 2px 0 0;flex:1;min-height:2px}.bar-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.bar-fill{border-radius:4px;height:8px}.bar-lbl{color:var(--txm);flex-shrink:0;width:100px;font-size:12px}.bar-val{color:var(--tx);text-align:right;flex-shrink:0;width:60px;font-size:11px;font-weight:700}@media (width<=1100px){.kgrid{grid-template-columns:repeat(2,1fr)}}