@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&family=DM+Mono:wght@400;500&display=swap";:root{--bg-0: #03050a;--bg-1: #07090f;--bg-2: #0b0e16;--bg-3: #0f131c;--bg-4: #141a26;--bg-5: #1a2230;--b0: rgba(255, 255, 255, .04);--b1: rgba(255, 255, 255, .07);--b2: rgba(255, 255, 255, .12);--t0: #eef2f7;--t1: #8fa3bc;--t2: #4a627a;--t3: #2a3d52;--blue: #3b82f6;--blue2: #2563eb;--glow: rgba(59, 130, 246, .2);--green: #10b981;--green-s: rgba(16, 185, 129, .12);--green-b: rgba(16, 185, 129, .22);--amber: #f59e0b;--amber-s: rgba(245, 158, 11, .12);--amber-b: rgba(245, 158, 11, .22);--red: #ef4444;--red-s: rgba(239, 68, 68, .12);--red-b: rgba(239, 68, 68, .22);--violet: #8b5cf6;--violet-s: rgba(139, 92, 246, .12);--violet-b: rgba(139, 92, 246, .22);--r: 10px;--rsm: 7px;--rlg: 14px;--font: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", monospace;--display: "Syne", sans-serif;--sc: 0 1px 4px rgba(0, 0, 0, .6), 0 0 0 1px var(--b0);--sh: 0 4px 24px rgba(0, 0, 0, .7), 0 0 0 1px var(--b1);--sm: 0 24px 80px rgba(0, 0, 0, .9), 0 0 0 1px var(--b1);--tx: .15s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg-0);color:var(--t0);font-family:var(--font);font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:3px}::selection{background:#3b82f64d}:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px;border-radius:5px}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:228px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--b0);display:flex;flex-direction:column;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-0)}.topbar{height:54px;flex-shrink:0;border-bottom:1px solid var(--b0);display:flex;align-items:center;padding:0 24px;background:var(--bg-1);gap:12px;position:relative}.topbar:after{content:\'\';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),transparent)}.content{flex:1;overflow-y:auto;padding:26px 28px 48px}.page{animation:fadeUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.logo{height:54px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--b0);flex-shrink:0}.logo-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--blue2),#1e40af);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--glow);flex-shrink:0}.logo-text{font-family:var(--display);font-weight:700;font-size:14.5px;letter-spacing:-.3px;color:var(--t0)}.logo-v{margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--t3);background:var(--bg-3);padding:2px 6px;border-radius:4px;border:1px solid var(--b0)}.nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:1px}.nav-sec{font-size:9.5px;font-weight:600;color:var(--t3);letter-spacing:.09em;text-transform:uppercase;padding:10px 9px 4px}.nav-i{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--rsm);cursor:pointer;color:var(--t1);font-size:13px;font-weight:450;transition:all var(--tx);-webkit-user-select:none;user-select:none;position:relative;border:1px solid transparent}.nav-i:hover{background:#ffffff08;color:var(--t0)}.nav-i.on{background:#3b82f617;color:#60a5fa;border-color:#3b82f629}.nav-i.on:before{content:\'\';position:absolute;left:-1px;top:22%;bottom:22%;width:2.5px;background:var(--blue);border-radius:0 3px 3px 0}.nav-i svg{flex-shrink:0;opacity:.85}.nav-badge{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--t3);background:var(--bg-3);padding:1px 5px;border-radius:4px;border:1px solid var(--b0)}.sb-foot{padding:10px 8px;border-top:1px solid var(--b0);flex-shrink:0}.user-row{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:var(--rsm);cursor:pointer;transition:all var(--tx)}.user-row:hover{background:#ffffff08}.ava{width:28px;height:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;font-family:var(--display);color:#fff}.ava-sm{width:22px;height:22px;border-radius:6px;font-size:8.5px}.u-name{font-size:12px;font-weight:500;color:var(--t0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-role{font-size:10px;color:var(--t2)}.bc{display:flex;align-items:center;gap:5px;font-size:13px}.bc-sep{color:var(--t3);font-size:11px}.bc-cur{font-weight:500;color:var(--t0)}.bc-par{color:var(--t2)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:6px}.tb-btn{width:30px;height:30px;border-radius:var(--rsm);background:transparent;border:1px solid var(--b1);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t2);transition:all var(--tx);position:relative}.tb-btn:hover{background:var(--b0);color:var(--t0)}.card{background:var(--bg-2);border:1px solid var(--b0);border-radius:var(--rlg);box-shadow:var(--sc)}.card:hover{border-color:var(--b1)}.ch{padding:16px 20px 0;display:flex;align-items:center;justify-content:space-between}.ct{font-size:13.5px;font-weight:600;color:var(--t0)}.cb{padding:14px 20px 18px}.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sc{background:var(--bg-2);border:1px solid var(--b0);border-radius:var(--rlg);padding:16px 18px;box-shadow:var(--sc);transition:all var(--tx);cursor:default}.sc:hover{border-color:var(--b1);box-shadow:var(--sh);transform:translateY(-1px)}.sc-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:10px}.sc-label{font-size:11px;color:var(--t2);font-weight:500;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.sc-val{font-size:24px;font-weight:700;color:var(--t0);line-height:1}.sc-sub{font-size:10.5px;color:var(--green);margin-top:5px;display:flex;align-items:center;gap:3px}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--b1)}th{font-size:10.5px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.07em;padding:10px 16px;text-align:left;white-space:nowrap}td{padding:12px 16px;font-size:13px;color:var(--t0);vertical-align:middle}tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:background var(--tx)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff05}.bdg{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:10.5px;font-weight:500;border:1px solid;white-space:nowrap}.dot{width:4.5px;height:4.5px;border-radius:50%;flex-shrink:0}.bg{background:var(--green-s);color:var(--green);border-color:var(--green-b)}.ba{background:var(--amber-s);color:var(--amber);border-color:var(--amber-b)}.br{background:var(--red-s);color:var(--red);border-color:var(--red-b)}.bv{background:var(--violet-s);color:var(--violet);border-color:var(--violet-b)}.bk{background:var(--bg-4);color:var(--t2);border-color:var(--b1)}.bb{background:#3b82f61a;color:#60a5fa;border-color:#3b82f638}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--rsm);font-size:12.5px;font-weight:500;cursor:pointer;transition:all var(--tx);border:1px solid transparent;font-family:var(--font);line-height:1.2;white-space:nowrap}.btn:active{transform:scale(.97)}.b-pri{background:var(--blue2);color:#fff;box-shadow:0 0 16px var(--glow)}.b-pri:hover{background:#1d4ed8;box-shadow:0 0 24px var(--glow)}.b-sec{background:var(--bg-4);color:var(--t0);border-color:var(--b1)}.b-sec:hover{background:var(--bg-5);border-color:var(--b2)}.b-dan{background:var(--red-s);color:var(--red);border-color:var(--red-b)}.b-dan:hover{background:#ef444433}.b-gho{background:transparent;color:var(--t1);border-color:transparent}.b-gho:hover{background:var(--b0);color:var(--t0)}.b-sm{padding:5px 10px;font-size:11.5px}.bi{padding:6px;border-radius:var(--rsm);background:var(--bg-3);border:1px solid var(--b1);color:var(--t2);cursor:pointer;transition:all var(--tx);display:inline-flex;align-items:center;justify-content:center}.bi:hover{background:var(--bg-4);color:var(--t0);border-color:var(--b2)}.fg{display:flex;flex-direction:column;gap:5px}.fl{font-size:11px;font-weight:600;color:var(--t1);letter-spacing:.04em;text-transform:uppercase}.fi{background:var(--bg-3);border:1px solid var(--b1);border-radius:var(--rsm);padding:8.5px 12px;font-size:13px;color:var(--t0);font-family:var(--font);transition:all var(--tx);width:100%}.fi:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f614}.fi::placeholder{color:var(--t3)}.fs{appearance:none;background:var(--bg-3);border:1px solid var(--b1);border-radius:var(--rsm);padding:8.5px 30px 8.5px 12px;font-size:13px;color:var(--t0);font-family:var(--font);cursor:pointer;transition:all var(--tx);width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%234a627a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.fs:focus{outline:none;border-color:#3b82f680}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ov{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadein .18s ease}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-2);border:1px solid var(--b1);border-radius:var(--rlg);box-shadow:var(--sm);width:100%;max-height:90vh;overflow-y:auto;animation:min .28s cubic-bezier(.16,1,.3,1)}@keyframes min{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.msm{max-width:400px}.mmd{max-width:520px}.mlg{max-width:680px}.mh{padding:18px 22px 14px;border-bottom:1px solid var(--b0);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mt{font-size:15px;font-weight:700;color:var(--t0)}.ms{font-size:12px;color:var(--t2);margin-top:2px}.mb{padding:18px 22px;display:flex;flex-direction:column;gap:14px}.mf{padding:12px 22px;border-top:1px solid var(--b0);display:flex;align-items:center;justify-content:flex-end;gap:8px}.xbtn{background:var(--b0);border:1px solid var(--b1);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--t2);transition:all var(--tx);font-size:16px;line-height:1;flex-shrink:0}.xbtn:hover{background:var(--b1);color:var(--t0)}.auth{min-height:100vh;background:var(--bg-0);display:flex}.auth-panel{width:400px;flex-shrink:0;background:var(--bg-1);border-right:1px solid var(--b0);padding:44px 38px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:44px}.auth-inner{width:100%;max-width:360px}.ap-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.ap-o1{position:absolute;top:-60px;left:-60px;width:280px;height:280px;background:#3b82f60f;border-radius:50%;filter:blur(60px);pointer-events:none}.ap-o2{position:absolute;bottom:-40px;right:-40px;width:220px;height:220px;background:#8b5cf60d;border-radius:50%;filter:blur(50px);pointer-events:none}.ph{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.pt{font-size:20px;font-weight:700;color:var(--t0);letter-spacing:-.3px}.ps{font-size:12.5px;color:var(--t2);margin-top:3px}.pa{display:flex;align-items:center;gap:8px}.sb2{position:relative;display:flex;align-items:center}.si{position:absolute;left:9px;color:var(--t3);pointer-events:none}.sinput{background:var(--bg-3);border:1px solid var(--b1);border-radius:var(--rsm);padding:7px 11px 7px 32px;font-size:12.5px;color:var(--t0);font-family:var(--font);transition:all var(--tx);width:240px}.sinput:focus{outline:none;border-color:#3b82f666;width:280px}.sinput::placeholder{color:var(--t3)}.fslt{background:var(--bg-3);border:1px solid var(--b1);border-radius:var(--rsm);padding:6.5px 26px 6.5px 9px;font-size:12px;color:var(--t1);cursor:pointer;appearance:none;font-family:var(--font);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%234a627a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:all var(--tx)}.fslt:focus{outline:none;border-color:#3b82f666}.pb{height:3px;background:var(--b1);border-radius:2px;overflow:hidden}.pf{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.sp{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10.5px;font-weight:500;border:1px solid;white-space:nowrap}.tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;background:var(--bg-4);color:var(--t1);border:1px solid var(--b1)}.empty{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.spin{width:15px;height:15px;border:2px solid var(--b1);border-top-color:var(--blue);border-radius:50%;animation:spinr .7s linear infinite}@keyframes spinr{to{transform:rotate(360deg)}}.tc{position:fixed;bottom:20px;right:20px;z-index:999;display:flex;flex-direction:column;gap:7px}.toast{padding:10px 14px;border-radius:var(--r);background:var(--bg-3);border:1px solid var(--b1);box-shadow:var(--sm);font-size:12.5px;color:var(--t0);display:flex;align-items:center;gap:9px;min-width:260px;max-width:360px;animation:slup .22s cubic-bezier(.16,1,.3,1)}@keyframes slup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.t-ok{border-color:var(--green-b)}.t-err{border-color:var(--red-b)}.dtgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dlabel{font-size:10px;color:var(--t2);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.dval{font-size:13px;color:var(--t0)}.tabs{display:flex;gap:2px;padding:3px;background:var(--bg-3);border-radius:var(--rsm);border:1px solid var(--b0)}.tab{padding:5.5px 13px;border-radius:5px;font-size:12px;font-weight:500;color:var(--t2);cursor:pointer;transition:all var(--tx)}.tab.on{background:var(--bg-5);color:var(--t0);box-shadow:0 1px 4px #0006}.tab:hover:not(.on){color:var(--t1)}.notif-dot{width:6px;height:6px;background:var(--red);border-radius:50%;position:absolute;top:-2px;right:-2px;border:1.5px solid var(--bg-1)}@media(max-width:1100px){.sgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar,.auth-panel{display:none}.auth-form-wrap{padding:20px}.sgrid,.fgrid{grid-template-columns:1fr}}