:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-900: #1e3a8a;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--gray-50: #f8fafc;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-900: #0f172a;--white: #ffffff;--radius: 10px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 4px 16px rgb(30 58 138 / .08);--shadow-lg: 0 12px 32px rgb(30 58 138 / .12);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-900);background:linear-gradient(160deg,var(--blue-50) 0%,var(--white) 55%);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.02em}h1{font-size:1.5rem;color:var(--blue-900)}h2{font-size:1.0625rem;color:var(--gray-900)}.app{max-width:960px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:2px solid var(--blue-100);margin-bottom:1.75rem}.brand{display:flex;align-items:center;gap:.625rem}.brand:before{content:"";width:4px;height:1.75rem;border-radius:2px;background:var(--red-500)}.session{display:flex;align-items:center;gap:.875rem;font-size:.875rem;color:var(--gray-600)}.session strong{color:var(--blue-700)}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.375rem;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.count{font-size:.75rem;font-weight:600;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:999px;padding:.1875rem .5625rem}.status{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--gray-600)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-ok{background:var(--blue-500);box-shadow:0 0 0 3px #3b82f626}.dot-error{background:var(--red-500);box-shadow:0 0 0 3px #ef444426}.dot-idle{background:var(--gray-400)}.user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.user-list li{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.9375rem;background:var(--gray-50);border-radius:6px}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:600;color:var(--white);background:var(--blue-600);flex-shrink:0}.empty{margin:0;font-size:.875rem;color:var(--gray-400)}button{font:inherit;cursor:pointer;border-radius:7px;border:1px solid transparent;padding:.5rem .875rem;font-size:.875rem;font-weight:550;transition:background-color .15s,border-color .15s,color .15s}button:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--blue-600);color:var(--white);width:100%;padding:.625rem}.btn-primary:hover:not(:disabled){background:var(--blue-700)}.btn-secondary{background:var(--white);border-color:var(--gray-200);color:var(--gray-600)}.btn-secondary:hover:not(:disabled){border-color:var(--blue-200);color:var(--blue-700)}.btn-ghost-danger{background:transparent;border-color:var(--gray-200);color:var(--red-600)}.btn-ghost-danger:hover:not(:disabled){background:var(--red-50);border-color:var(--red-500)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card{width:100%;max-width:380px;background:var(--white);border:1px solid var(--gray-200);border-top:3px solid var(--blue-600);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg)}.login-card h1{margin-bottom:.375rem}.login-sub{margin:0 0 1.5rem;font-size:.875rem;color:var(--gray-400)}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}label{font-size:.8125rem;font-weight:550;color:var(--gray-600)}input{font:inherit;font-size:.9375rem;padding:.5625rem .75rem;border:1px solid var(--gray-200);border-radius:7px;background:var(--white);color:var(--gray-900);transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61f}.alert{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.625rem .75rem;font-size:.875rem;color:var(--red-700);background:var(--red-50);border:1px solid rgb(239 68 68 / .25);border-left:3px solid var(--red-500);border-radius:6px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--gray-400);font-size:.9375rem}