@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=DM+Sans:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:DM Sans,sans-serif;background:#f8f9fa;color:#363a48;-webkit-font-smoothing:antialiased}.shell{height:100vh;overflow:hidden}.sb,.shell{display:flex}.sb{width:220px;flex-shrink:0;background:#1e1f2e;flex-direction:column;border-right:1px solid hsla(0,0%,100%,.06);transition:width .2s}.sb.rail{width:58px}.sb-logo{padding:18px 16px 14px;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;align-items:center;gap:10px;overflow:hidden;min-height:60px}.sb-wm{font-family:Comfortaa,cursive;font-size:17px;font-weight:700;color:#fff}.sb-prod,.sb-wm{white-space:nowrap}.sb-prod{font-size:9px;font-weight:600;color:#0cb7eb;letter-spacing:2px;text-transform:uppercase}.sb-nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-lbl{font-size:9px;font-weight:600;color:hsla(0,0%,100%,.25);letter-spacing:1.5px;text-transform:uppercase;padding:10px 8px 5px}.nav-i,.nav-lbl{white-space:nowrap;overflow:hidden}.nav-i{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.5);transition:all .15s;margin-bottom:2px}.nav-i:hover{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}.nav-i.on{background:rgba(12,183,235,.15);color:#0cb7eb}.nav-ic{font-size:15px;flex-shrink:0;width:18px;text-align:center}.sb-foot{padding:12px;border-top:1px solid hsla(0,0%,100%,.06)}.uchip{gap:8px;padding:8px;border-radius:8px;background:hsla(0,0%,100%,.05);overflow:hidden}.uav,.uchip{display:flex;align-items:center}.uav{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0cb7eb,#5b2c83);justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.uname{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.8);overflow:hidden;text-overflow:ellipsis}.uname,.urole{white-space:nowrap}.urole{font-size:10px;color:hsla(0,0%,100%,.3)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:52px;flex-shrink:0;background:#fff;border-bottom:1px solid #eaecf0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}.tb-title{font-family:Comfortaa,cursive;font-size:15px;font-weight:700;color:#363a48;white-space:nowrap}.tb-meta{font-size:11px;color:#9ca3af;white-space:nowrap}.content{flex:1}.content,.lp{display:flex;overflow:hidden}.lp{flex-direction:column;flex:1;min-width:0}.ph{padding:14px 16px;border-bottom:1px solid #eaecf0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.ptitle{font-family:Comfortaa,cursive;font-size:14px;font-weight:700;color:#363a48}.pcount{font-size:11px;color:#9ca3af}.fbar{padding:10px 12px;border-bottom:1px solid #eaecf0;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sinp{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;outline:none;background:#f9fafb;color:#363a48}.sinp:focus{border-color:#0cb7eb;background:#fff}.chips{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chip{padding:4px 10px;border-radius:20px;border:1px solid #e5e7eb;background:#f9fafb;font-size:11px;font-weight:500;cursor:pointer;white-space:nowrap;color:#6b7280;font-family:DM Sans,sans-serif;transition:all .15s}.chip.on{background:rgba(12,183,235,.1);border-color:#0cb7eb;color:#0cb7eb;font-weight:600}.mlist{flex:1;overflow-y:auto}.mrow{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .1s;display:flex;align-items:flex-start;gap:10px}.mrow:hover{background:#fafafa}.mrow.sel{background:rgba(12,183,235,.05);border-left:3px solid #0cb7eb;padding-left:13px}.tbadge{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-top:1px}.tm{background:rgba(12,183,235,.1);color:#0cb7eb}.tv{background:rgba(91,44,131,.1);color:#5b2c83}.rinfo{flex:1;min-width:0}.rname{font-size:13px;font-weight:500;color:#363a48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rmeta{font-size:11px;color:#9ca3af;margin-top:2px}.rright{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.sbadge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.sdot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.dp{overflow:hidden;background:#f8f9fa;min-width:0}.dempty,.dp{flex:1;display:flex;flex-direction:column}.dempty{align-items:center;justify-content:center;gap:10px;color:#c4c9d4}.dh{background:#fff;padding:16px 20px;border-bottom:1px solid #eaecf0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.dname{font-family:Comfortaa,cursive;font-size:16px;font-weight:700;color:#363a48;line-height:1.3}.dsub{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.darid{font-size:11px;color:#9ca3af;font-weight:500}.dact{gap:6px;flex-wrap:wrap;justify-content:flex-end}.dact,.dtabs{display:flex;flex-shrink:0}.dtabs{background:#fff;border-bottom:1px solid #eaecf0;overflow-x:auto;padding:0 20px}.dtabs::-webkit-scrollbar{display:none}.dtab{padding:12px 14px;background:none;border:none;border-bottom:2px solid transparent;color:#9ca3af;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:5px}.dtab.on{color:#0cb7eb;border-bottom-color:#0cb7eb}.tcnt{background:#0cb7eb;color:#fff;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.dbody{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.card{background:#fff;border:1px solid #eaecf0;border-radius:10px;overflow:hidden}.cp{padding:14px 16px}.ctitle{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.prow{display:flex;align-items:center;overflow-x:auto;padding-bottom:4px}.prow::-webkit-scrollbar{display:none}.pn{flex-direction:column;gap:5px;flex-shrink:0}.pd,.pn{display:flex;align-items:center}.pd{width:26px;height:26px;border-radius:50%;justify-content:center;font-size:10px;font-weight:700}.pd.dn{background:#10b981;color:#fff}.pd.ac{background:#0cb7eb;color:#fff;box-shadow:0 0 0 4px rgba(12,183,235,.2)}.pd.pe{background:#f1f3f6;color:#c4c9d4}.pd.er{background:#ef4444;color:#fff}.pl{font-size:9px;font-weight:500;color:#c4c9d4;white-space:nowrap}.pl.ac{color:#0cb7eb;font-weight:700}.pl.dn{color:#10b981}.pc{height:2px;width:20px;flex-shrink:0;margin:0 2px 18px}.pc.dn{background:#10b981}.pc.pe{background:#e5e7eb}.pvbox{background:linear-gradient(135deg,#1e1f2e,#2d1b4e);border-radius:10px;height:400px;justify-content:center;position:relative;overflow:hidden}.pvbox,.pvi{display:flex;align-items:center}.pvi{flex-direction:column;gap:8px;color:hsla(0,0%,100%,.25)}.spill{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.4);backdrop-filter:blur(6px);padding:3px 8px;border-radius:20px;font-size:10px;color:hsla(0,0%,100%,.6);font-weight:500;display:flex;align-items:center;gap:4px}.ldot{width:5px;height:5px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.igrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.icell{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:10px 12px}.ilbl{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}.ival{font-size:13px;font-weight:500;color:#363a48}.ival a{color:#0cb7eb;text-decoration:none;word-break:break-all}.idrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f9fafb}.idrow:last-child{border-bottom:none}.idtype{font-size:10px;font-weight:700;color:#5b2c83;background:rgba(91,44,131,.08);padding:2px 8px;border-radius:4px;min-width:38px;text-align:center}.idval{font-size:13px;color:#363a48;font-family:DM Sans,monospace}.cbar{height:4px;background:#f1f3f6;overflow:hidden;margin-top:8px}.cbar,.cfill{border-radius:2px}.cfill{height:100%;background:linear-gradient(90deg,#0cb7eb,#5b2c83)}.citem{padding:12px 16px;border-bottom:1px solid #f9fafb}.citem:last-child{border-bottom:none}.chead{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cauthor{font-size:12px;font-weight:600;color:#363a48}.ctime{font-size:10px;color:#9ca3af}.cbody{font-size:13px;color:#4b5563;line-height:1.5}.cattach{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 8px;background:#f1f3f6;border-radius:6px;font-size:11px;color:#6b7280}.cinrow{padding:10px 14px;border-top:1px solid #f3f4f6;display:flex;gap:8px;background:#fff}.cinp{flex:1;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;outline:none}.cinp:focus{border-color:#0cb7eb}.cinfo{background:rgba(12,183,235,.06);border:1px solid rgba(12,183,235,.2);border-radius:10px;padding:12px 14px;display:flex;gap:10px}.cbody-wrap{display:flex;flex-wrap:wrap}.cviewer{flex:1;min-width:180px;min-height:220px;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px 0 0 10px}.csphere{width:90px;height:90px;border-radius:50%;transition:all .25s ease}.cvlbl{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;color:hsla(0,0%,100%,.3)}.ccontrols{flex:1;min-width:200px;padding:16px;background:#f9fafb;border-left:1px solid #eaecf0;border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:14px}.crh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.crlbl{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.8px}.crlbl,.crval{font-weight:700}.crval{font-size:11px;color:#0cb7eb;background:rgba(12,183,235,.1);padding:2px 7px;border-radius:4px;font-family:DM Sans,monospace}.crrange{width:100%;accent-color:#0cb7eb;cursor:pointer}.crminmax{display:flex;justify-content:space-between;margin-top:2px}.crminmax span{font-size:9px;color:#c4c9d4}.envbtns{display:flex;gap:6px}.envbtn{flex:1;padding:6px 4px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:10px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;color:#6b7280;transition:all .15s;text-transform:capitalize}.envbtn.on{border-color:#0cb7eb;background:rgba(12,183,235,.1);color:#0cb7eb}.jbox{background:#1e1f2e;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;overflow:hidden}.jhead{padding:8px 14px;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;align-items:center}.jhlbl{font-weight:600;color:hsla(0,0%,100%,.3);text-transform:uppercase;letter-spacing:1px}.jhlbl,.jhsub{font-size:10px}.jhsub{color:hsla(0,0%,100%,.2)}.jbody{padding:12px 14px;font-family:DM Sans,monospace;font-size:12px;line-height:1.9}.jk{color:hsla(0,0%,100%,.35)}.jv{color:#0cb7eb}.jp{color:hsla(0,0%,100%,.15)}.cact{display:flex;justify-content:flex-end;gap:8px}.uzone{border:2px dashed #e5e7eb;border-radius:10px;padding:28px 16px;text-align:center;cursor:pointer;transition:all .15s;background:#fafafa;display:flex;flex-direction:column;align-items:center;gap:6px}.uzone:hover{border-color:#0cb7eb;background:rgba(12,183,235,.03)}.vrule{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #f9fafb;font-size:12px;color:#9ca3af}.vrule:last-child{border-bottom:none}.acard{background:linear-gradient(135deg,#1e1f2e,#2d1b4e);border-radius:10px;padding:14px 16px;color:#fff}.asow{font-size:10px;color:hsla(0,0%,100%,.4);margin-bottom:6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anums{display:flex;align-items:baseline;gap:5px;margin-bottom:8px}.aused{font-family:Comfortaa,cursive;font-size:26px;font-weight:700}.atotal{font-size:14px;color:hsla(0,0%,100%,.4)}.abar{height:5px;background:hsla(0,0%,100%,.12);overflow:hidden;margin-bottom:6px}.abar,.afill{border-radius:3px}.afill{height:100%;background:linear-gradient(90deg,#0cb7eb,#5b2c83)}.afoot{display:flex;justify-content:space-between;font-size:10px;color:hsla(0,0%,100%,.35)}.btn{border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.bsm{padding:6px 12px;font-size:11px}.bmd{padding:8px 16px;font-size:12px}.bpr{background:linear-gradient(135deg,#0cb7eb,#5b2c83);color:#fff}.bpr:hover{opacity:.9}.bse{background:#f1f3f6;color:#363a48}.bse:hover{background:#e4e7ec}.bda{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.bsu{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bgh{background:none;border:1px solid #e5e7eb;color:#374151}.bgh:hover{background:#f9fafb}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.tacc{background:rgba(91,44,131,.08);color:#5b2c83}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2)}.mhdr,.modal{background:#fff}.mhdr{padding:18px 20px;border-bottom:1px solid #eaecf0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1}.mtitle{font-family:Comfortaa,cursive;font-size:15px;font-weight:700;color:#363a48}.mclose{background:none;border:none;font-size:22px;cursor:pointer;color:#9ca3af;line-height:1}.mbody{padding:20px;display:flex;flex-direction:column;gap:14px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ff{display:flex;flex-direction:column;gap:5px}.flbl{font-size:11px;font-weight:600;color:#374151}.finp{padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;outline:none;color:#363a48}.finp:focus{border-color:#0cb7eb;box-shadow:0 0 0 3px rgba(12,183,235,.1)}.fsel{padding:9px 12px;font-size:13px;font-family:DM Sans,sans-serif;outline:none;background:#fff;color:#363a48}.fsel,.idb{border:1px solid #e5e7eb;border-radius:8px}.idb{overflow:hidden}.ide{display:flex;border-bottom:1px solid #f3f4f6}.ide:last-child{border-bottom:none}.idts{border:none;border-right:1px solid #f3f4f6;padding:8px 10px;font-size:11px;background:#f9fafb;color:#5b2c83;font-weight:700}.idts,.idvi{font-family:DM Sans,sans-serif;outline:none}.idvi{flex:1;border:none;padding:8px 12px;font-size:13px}.ci-wrap{padding:10px 12px;background:#f8f9fa;border-radius:8px}.ci-lbl{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:5px;display:flex;justify-content:space-between}.ci-dots{display:flex;gap:4px}.ci-d{height:5px;flex:1;border-radius:3px}.ci-f{background:linear-gradient(90deg,#0cb7eb,#5b2c83)}.ci-e{background:#e5e7eb}.rp{width:250px;flex-shrink:0;background:transparent;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.rptitle{font-family:Comfortaa,cursive;font-size:13px;font-weight:700;color:#363a48}.qi{background:#fff;border:1px solid #eaecf0;border-radius:10px;padding:14px;display:flex;gap:12px;cursor:pointer;transition:all .15s}.qi:hover{box-shadow:0 0 0 3px rgba(12,183,235,.07)}.qi.sel,.qi:hover{border-color:#0cb7eb}.qi.sel{background:rgba(12,183,235,.03)}.tkbadge{display:flex;align-items:center;gap:5px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);padding:4px 10px;border-radius:20px;font-size:11px;color:#10b981;font-weight:500}.bnav{display:none;background:#1e1f2e;border-top:1px solid hsla(0,0%,100%,.08);padding:6px 0 env(safe-area-inset-bottom,6px)}.bni,.bnitems{display:flex}.bni{flex:1;flex-direction:column;align-items:center;gap:2px;padding:5px 4px;cursor:pointer;font-size:9px;font-weight:600;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:.5px;border:none;background:none;font-family:DM Sans,sans-serif}.bni.on{color:#0cb7eb}.bni-ic{font-size:18px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1f2e,#2d1b4e 50%,#1e1f2e)}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.login-logo{font-family:Comfortaa,cursive;font-size:24px;font-weight:700;color:#363a48;text-align:center;margin-bottom:4px}.login-sub{font-size:10px;font-weight:600;color:#0cb7eb;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:28px}.login-err{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px 14px;font-size:12px;color:#ef4444;margin-bottom:14px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}@media(max-width:1100px){.rp{display:none}}@media(max-width:960px){.sb{width:56px}.nav-i .ni-txt,.nav-lbl,.sb-prod,.sb-wm,.uname,.urole{display:none}.nav-i{padding:10px}.nav-i,.sb-logo{justify-content:center}.sb-logo{padding:16px 0}.sb-foot{padding:8px}.uchip{justify-content:center;padding:6px}.lp{width:260px}.tb-meta{display:none}}@media(max-width:640px){.sb{display:none}.bnav{display:block}.lp{width:100%;border-right:none}.dp{display:none}.dp.show{display:flex;position:fixed;inset:0;z-index:100;background:#f8f9fa}.dbody{padding:12px 14px}.dh{padding:14px 16px}.dtabs{padding:0 14px}.frow,.igrid{grid-template-columns:1fr}.cbody-wrap{flex-direction:column}.cviewer{border-radius:10px 10px 0 0;min-height:180px}.ccontrols{border-left:none;border-top:1px solid #eaecf0;border-radius:0 0 10px 10px}.topbar{padding:0 12px}}