:root{--cp-bg:#0b0c0f;--cp-surface:#14161b;--cp-line:#272b34;--cp-text:#e8eaef;--cp-brand:#f4ba45;--cp-brand-2:#e0851c;--cp-glow:#f0a0284d;--cp-ok:#5fd08a;--cp-red:#e07a8c;--cp-radius:6px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(1100px 640px at 82% -12%, #e0851c1a, transparent 62%), var(--cp-bg);min-height:100vh;color:var(--cp-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}*{scrollbar-width:thin;scrollbar-color:#2a2f3a transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--cp-bg);background:#2a2f3a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--cp-brand-2)}.cp-scroll::-webkit-scrollbar-thumb{border-color:var(--cp-surface)}.cp-root button{transition:filter .14s,transform 80ms,border-color .14s,box-shadow .14s}.cp-root button:hover{filter:brightness(1.16)}.cp-root button:active{transform:translateY(1px)}.cp-root input,.cp-root textarea{transition:border-color .14s,box-shadow .14s}.cp-root input:focus,.cp-root textarea:focus{outline:none;box-shadow:0 0 0 3px #f4ba451f;border-color:var(--cp-brand)!important}.cp-row{transition:background .16s,transform .13s,box-shadow .16s}.cp-row:hover{box-shadow:-2px 0 0 0 var(--cp-brand);transform:translate(2px)}@keyframes cp-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-fade-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.cp-tabpanel{animation:.22s both cp-fade-up}@keyframes cp-fade-opacity{0%{opacity:0}to{opacity:1}}.cp-editor{animation:.28s both cp-fade-opacity}.cp-flash{animation:.2s both cp-fade-up}.cp-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (max-width:760px){.cp-metrics{grid-template-columns:repeat(2,1fr)}}.cp-grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.cp-grid2{grid-template-columns:1fr}}.cp-badge{letter-spacing:.4px;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.6;display:inline-flex}.cp-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.cp-badge-ok{color:var(--cp-ok);background:#5fd08a14}.cp-badge-off{color:var(--cp-red);background:#e07a8c14}.cp-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#00000080;animation:.2s both cp-backdrop-in;position:fixed;inset:0}@keyframes cp-backdrop-in{0%{opacity:0}to{opacity:1}}.cp-drawer{z-index:50;background:var(--cp-surface);border-left:1px solid var(--cp-line);flex-direction:column;width:min(560px,100vw);height:100dvh;animation:.26s cubic-bezier(.22,.61,.36,1) both cp-drawer-in;display:flex;position:fixed;top:0;right:0;box-shadow:-24px 0 70px -24px #000000b3}@keyframes cp-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cp-drawer-inner{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;padding:18px 22px 28px;overflow-y:auto}.cp-userlist{gap:6px;display:grid}@media (min-width:761px){.cp-userlist{max-height:460px;padding-right:4px;overflow-y:auto}}.cp-userctrls{flex-direction:column;gap:8px;display:flex}.cp-userfilters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (min-width:561px){.cp-userctrls{flex-direction:row;align-items:center}.cp-userctrls>.cp-usersearch{flex:180px}}.cp-userrow-limit{width:64px}@media (min-width:561px){.cp-userrow-controls{margin-left:auto}}@media (max-width:560px){.cp-userrow-controls{width:100%}.cp-userrow-limit{flex:60px;width:auto}}.cp-toasts{z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);display:flex;position:fixed;top:70px;right:16px}.cp-toast{pointer-events:auto;border-radius:var(--cp-radius);border:1px solid var(--cp-line);background:var(--cp-surface);padding:11px 14px;font-size:13px;animation:.22s both cp-toast-in;box-shadow:0 14px 36px -14px #000000b3}.cp-toast-err{color:var(--cp-red);border-color:#7a2b3a}.cp-toast-ok{color:var(--cp-ok);border-color:#2b7a4a}@keyframes cp-toast-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,.cp-tabpanel,.cp-editor,.cp-flash{transition:none!important;animation:none!important}}