:root{color-scheme:dark;--bg: #07080A;--text: #E7EAF0;--dim: #9AA1AC;--faint: #6F7682;--green: #4ADE80;--amber: #E8B04B;--red: #F3A08E;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease: cubic-bezier(.2, 0, 0, 1);--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter Tight", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:Inter Tight,system-ui,sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}input{font:inherit}:focus-visible{outline:2px solid #C4D0FF;outline-offset:2px}.mono{font-family:var(--mono)}.dim{color:var(--dim)}.faint{color:var(--faint)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes spinA{to{--a: 360deg}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sheen{0%{background-position:160% 0}55%,to{background-position:-60% 0}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes draw{0%{stroke-dashoffset:1200}to{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes newline{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ping{0%{transform:scale(.6);opacity:.7}to{transform:scale(2.2);opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #ffffff80}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}@keyframes glint{0%,62%{transform:translate(0) skew(-20deg)}to{transform:translate(56px) skew(-20deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rise{animation:rise .7s var(--ease-out) both}.chrome{background-image:linear-gradient(100deg,#8c929c,#f5f7fa 18%,#a3a9b3 34%,#fff 46%,#9097a2 60%,#e4e8ee 78%,#8c929c);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 9s cubic-bezier(.45,0,.55,1) infinite}.barsheen{background-image:linear-gradient(90deg,#9aa1ac,#f2f4f8 45%,#b9bfc8 55%,#e6e9ee);background-size:240% 100%;animation:sheen 7s cubic-bezier(.45,0,.55,1) 1.5s infinite}.ring{padding:2px;background:conic-gradient(from var(--a),#7F8AA3,#F4F6FA,#9FC4FF,#E9D8FF,#8C94A8,#D9FFF1,#F2F4F8,#7F8AA3);animation:spinA 7s linear infinite;box-shadow:0 0 30px -6px #c4d0ff73}.panel{border-radius:18px;border:1px solid transparent;background:linear-gradient(180deg,#101115,#0b0c0f) padding-box,linear-gradient(170deg,#ffffff29,#ffffff08 45%,#ffffff0f) border-box}.hero{position:relative;overflow:hidden;border-radius:22px;border:1px solid transparent;background:linear-gradient(180deg,#111216,#0b0c0f) padding-box,linear-gradient(160deg,#ffffff38,#ffffff0a 35%,#ffffff05 65%,#ffffff1f) border-box;box-shadow:0 30px 60px -30px #000000e6}.panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 20px 8px}.panel-h h2,.panel-h h1{margin:0;font-size:15px;font-weight:500}.count{font-family:var(--mono);font-size:12px;color:var(--dim)}.page{max-width:1184px;margin:0 auto;padding:20px 32px 72px;display:flex;flex-direction:column;gap:16px}.row-wrap{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}@media(max-width:640px){.page{padding:12px 16px 72px}}.topbar{max-width:1184px;margin:0 auto;min-height:64px;padding:10px 32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.topbar .brand{display:flex;align-items:center;gap:4px;flex:1 0 auto;text-decoration:none;font-size:14px;font-weight:500}.topbar .right{flex:1 0 auto;display:flex;justify-content:flex-end}@media(max-width:640px){.topbar{padding:10px 16px;gap:12px}.topbar .brand{flex:1 1 auto;min-width:0}.topbar .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .right{flex:0 0 auto}.topbar nav{order:3;width:100%}.hero-pad{padding:24px 20px 28px!important;gap:22px!important}.hero-title{font-size:30px!important}}.tabs{position:relative;display:flex;gap:2px;padding:4px;border-radius:14px;background:#0e0f12;box-shadow:inset 0 0 0 1px #ffffff12;overflow-x:auto;max-width:100%;scrollbar-width:none}.tabs a{position:relative;z-index:1;height:34px;padding:0 14px;border-radius:10px;display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13.5px;white-space:nowrap;color:var(--dim);transition:color .2s var(--ease)}.tabs a:hover,.tabs a[aria-current=page]{color:#fff}.tabs .indicator{position:absolute;z-index:0;top:4px;height:34px;border-radius:10px;background:#1a1c22;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0006;transition:transform .45s cubic-bezier(.34,1.3,.64,1),width .45s cubic-bezier(.34,1.3,.64,1)}.badge-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--amber);color:#1a1408;font-family:var(--mono);font-size:11px;display:grid;place-items:center}.btn{height:46px;padding:0 20px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--ease),transform .2s var(--ease),opacity .2s var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-sm{height:38px;padding:0 14px;border-radius:11px;font-size:13.5px}.btn-xs{height:32px;padding:0 12px;border-radius:9px;font-size:13px}.btn-metal{border:none;background:linear-gradient(180deg,#1c1e24,#121317);color:#f2f4f8;font-weight:600}.btn-glass{border:1px solid transparent;background:linear-gradient(#101114,#101114) padding-box,linear-gradient(180deg,#fff3,#ffffff0a) border-box;color:var(--text)}.btn-glass:hover:not(:disabled){background:linear-gradient(#17181c,#17181c) padding-box,linear-gradient(180deg,#ffffff42,#ffffff0f) border-box}.btn-ghost{border:none;background:transparent;color:#c9cfd9}.btn-ghost:hover:not(:disabled){background:#ffffff0f;color:#fff}.btn-danger{border:1px solid rgba(240,112,90,.4);background:#f0705a14;color:#f7a897;font-weight:600}.btn-danger:hover:not(:disabled){background:#f0705a29}.metal-fill{display:flex;width:100%}.metal-fill>*{width:100%}.icon-btn{width:36px;height:36px;border:none;border-radius:10px;background:transparent;color:var(--dim);cursor:pointer;display:grid;place-items:center;transition:background-color .2s var(--ease),color .2s var(--ease)}.icon-btn:hover{background:#ffffff12;color:#fff}.pill-user{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px 0 4px;border-radius:14px;border:none;background:#0e0f12;box-shadow:inset 0 0 0 1px #ffffff12;font-size:13.5px;cursor:pointer;transition:background-color .2s var(--ease)}.pill-user:hover,.pill-user[aria-expanded=true]{background:#15171c}.seg{display:flex;gap:2px;padding:3px;border-radius:11px;background:#0e0f12;box-shadow:inset 0 0 0 1px #ffffff12;overflow-x:auto;max-width:100%;scrollbar-width:none}.seg button{height:30px;padding:0 12px;border:none;border-radius:8px;background:transparent;color:var(--dim);font-size:13px;cursor:pointer;white-space:nowrap;transition:color .2s var(--ease),background-color .2s var(--ease)}.seg button:hover{color:#fff}.seg button[aria-pressed=true]{background:#1a1c22;box-shadow:inset 0 1px #ffffff1a;color:#fff}.field{height:46px;border-radius:13px;background:#0e0f12;box-shadow:inset 0 0 0 1px #ffffff1a;display:flex;align-items:center;gap:10px;padding:0 14px;transition:box-shadow .2s var(--ease)}.field:focus-within{box-shadow:inset 0 0 0 1px #c4d0ff73,0 0 0 4px #c4d0ff14}.field input{flex:1;min-width:0;border:none;background:transparent;color:var(--text);padding:0;outline:none}.field-sm{height:36px;border-radius:10px;padding:0 10px;font-size:13px}.row{transition:background-color .2s var(--ease)}.row:hover{background-color:#ffffff06}a.row{text-decoration:none;color:inherit}.chip{height:24px;padding:0 9px;border-radius:7px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff12;font-family:var(--mono);font-size:12px;color:#b8bec8;display:inline-flex;align-items:center;white-space:nowrap}.dot{width:6px;height:6px;border-radius:50%;flex:none}.dot-green{background:var(--green);box-shadow:0 0 10px #4ade80b3}.dot-amber{background:var(--amber);box-shadow:0 0 10px #e8b04bb3}.dot-grey{background:#4a505b}.live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}.stat{padding:20px 22px;display:flex;flex-direction:column;gap:12px}.stat .label{font-size:13px;color:var(--dim)}.stat .value{display:flex;align-items:baseline;gap:6px}.stat .num{font-family:var(--mono);font-size:30px;letter-spacing:-.03em}.stat .unit{font-family:var(--mono);font-size:14px;color:var(--faint)}.bar{height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden}.bar>div{height:100%;border-radius:2px;transition:width .8s var(--ease-out)}.head{image-rendering:pixelated;display:block;flex:none;background:#1a1c22}.badges{display:flex;align-items:center;gap:2px;padding:3px 6px;border-radius:14px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14}.emb{position:relative;width:38px;height:38px;display:grid;place-items:center;border:none;background:none;padding:0;cursor:default;border-radius:10px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.emb svg{overflow:visible;transition:filter .3s var(--ease)}.emb:hover,.emb:focus-visible{transform:translateY(-3px) scale(1.14);outline:none}.emb:hover svg,.emb:focus-visible svg{filter:drop-shadow(0 0 10px var(--glow)) drop-shadow(0 4px 6px rgba(0,0,0,.6))}.emb .glint{animation:glint 5.5s cubic-bezier(.45,0,.55,1) infinite}.emb .tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);opacity:0;pointer-events:none;white-space:nowrap;padding:8px 10px;border-radius:10px;background:#16181d;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 24px -8px #000000e6;display:flex;flex-direction:column;gap:2px;text-align:left;transition:opacity .2s var(--ease),transform .3s var(--ease-out);z-index:20}.emb:hover .tip,.emb:focus-visible .tip{opacity:1;transform:translate(-50%)}.emb-sm{width:24px;height:24px}.emb-sm:hover{transform:translateY(-2px) scale(1.18)}.card-hover{transition:transform .3s var(--ease-out),background-color .2s var(--ease)}.card-hover:hover{transform:translateY(-2px);background-color:#ffffff08}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:8px}.toast-stack{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}.toast{pointer-events:auto;padding:10px 16px;border-radius:12px;background:#16181deb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #ffffff1a,0 16px 32px -12px #000c;font-size:13.5px;animation:rise .4s var(--ease-out) both}.toast.err{color:#f7a897}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:0;overflow:hidden;border-radius:14px;background:#121318;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 40px -12px #000000e6;display:flex;flex-direction:column;z-index:50;animation:rise .25s var(--ease-out) both}.menu a,.menu button{height:42px;padding:0 14px;border:none;border-radius:0;background:transparent;text-align:left;text-decoration:none;font-size:13.5px;color:#d5dae2;cursor:pointer;display:flex;align-items:center;gap:8px}.menu a:hover,.menu button:hover{background:#ffffff0f;color:#fff}.switch{width:40px;height:24px;padding:2px;border:none;border-radius:12px;cursor:pointer;display:flex;flex:none;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .25s var(--ease)}.switch span{width:20px;height:20px;border-radius:50%;box-shadow:0 1px 3px #00000080,inset 0 1px #fff9;transition:transform .35s cubic-bezier(.34,1.4,.64,1),background .25s var(--ease)}.switch[aria-checked=true]{background:linear-gradient(180deg,#3a3f4a,#2a2e36)}.switch[aria-checked=true] span{transform:translate(16px);background:linear-gradient(160deg,#fff,#aeb6c4)}.switch[aria-checked=false]{background:#16181d}.switch[aria-checked=false] span{background:#4a505b}.empty{padding:18px 22px 22px;font-size:14px;color:var(--faint)}.err-text{color:#f7a897;font-size:13px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.chat-time{color:transparent;transition:color .15s var(--ease-out)}.chat-cont:hover .chat-time{color:var(--faint)}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}.pop{animation:pop .25s var(--ease-out) both}.cb{width:16px;height:16px;flex:none;padding:0;border-radius:5px;border:1.5px solid #3A3F48;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background .15s var(--ease),border-color .15s var(--ease)}.cb:hover{border-color:#6f7682}.cb.on{border-color:transparent;background:#e7eaf0}.chip-btn{height:28px;padding:0 10px;border:none;border-radius:8px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:#b8bec8;font-size:12.5px;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.chip-btn:hover{background:#ffffff12;color:#fff}.chip-btn.on{background:#e7eaf0;color:#0a0b0e;box-shadow:none}.select-bare{height:30px;padding:0 22px 0 8px;border:none;border-radius:8px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239AA1AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 6px center;color:var(--dim);font:inherit;font-size:12.5px;cursor:pointer;appearance:none;-webkit-appearance:none;flex:none}.select-bare:hover{background-color:#ffffff0f;color:#fff}.select-bare option{background:#121318;color:var(--text)}@media(max-width:640px){.hide-sm{display:none!important}}.topbar .right{gap:14px;align-items:center}.view-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px;border-radius:14px;background:#0e0f12;box-shadow:inset 0 0 0 1px #ffffff12}.view-switch button{position:relative;z-index:1;height:34px;padding:0 14px;border:none;border-radius:10px;background:transparent;color:var(--dim);font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:color .2s var(--ease)}.view-switch button:hover,.view-switch button[aria-pressed=true]{color:#fff}.view-switch button[aria-pressed=true]{cursor:default}.view-switch .indicator{position:absolute;z-index:0;top:4px;left:4px;width:calc(50% - 5px);height:34px;border-radius:10px;background:#1a1c22;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0006;transition:transform .45s cubic-bezier(.34,1.3,.64,1)}.view-switch .indicator.right{transform:translate(calc(100% + 2px))}@media(max-width:640px){.view-switch button{padding:0 9px;font-size:0;gap:0}.view-switch button svg{width:15px;height:15px}}.mascot-admin{position:relative;filter:drop-shadow(0 0 calc(var(--mu, 1px) * 5) rgba(255,236,170,.55))}@keyframes hop{0%,to{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(0) rotate(0) scale(1.08,.9)}42%{transform:translateY(calc(var(--mu, 1px) * -5)) rotate(-8deg) scale(.96,1.05)}62%{transform:translateY(calc(var(--mu, 1px) * -5)) rotate(8deg) scale(.97,1.03)}86%{transform:translateY(0) rotate(0) scale(1.06,.93)}}.mascot-admin>.mascot-body{animation:hop 1.2s cubic-bezier(.45,0,.55,1) infinite;transform-origin:50% 85%}@keyframes twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.mascot-admin:before,.mascot-admin:after{content:"";position:absolute;width:calc(var(--mu, 1px) * 7);height:calc(var(--mu, 1px) * 7);pointer-events:none;background:#fff6c8;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle 2.4s ease-in-out infinite}.mascot-admin:before{top:calc(var(--mu, 1px) * -4);right:calc(var(--mu, 1px) * -6)}.mascot-admin:after{bottom:calc(var(--mu, 1px) * -2);left:calc(var(--mu, 1px) * -6);width:calc(var(--mu, 1px) * 5);height:calc(var(--mu, 1px) * 5);animation-delay:-1.2s}@media(prefers-reduced-motion:reduce){.mascot-admin>.mascot-body,.mascot-admin:before,.mascot-admin:after{animation:none}}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.shell>main{flex:1;display:flex;flex-direction:column}.page{width:100%}.page.fill{flex:1;min-height:0;padding-bottom:24px}@media(min-height:560px){.shell:has(.page.fill){height:100vh;height:100dvh}.shell:has(.page.fill)>main{min-height:0}}.shell>.topbar{width:100%}