@layer base,components,utilities;@layer base{:root{--bg: #17171a;--panel: #1e1e22;--well: #27272b;--line: rgba(255,255,255,.06);--line-strong: rgba(255,255,255,.1);--text: #fff;--text-2: #ccc;--muted: #888;--dim: #666;--accent: #0E7490;--accent-bright: #22D3EE;--accent-hover: #0E7490;--accent-soft: rgba(8,145,178,.14);--accent-edge: rgba(8,145,178,.5);--danger: #ef4444;--ok: #10b981;--radius: 12px;--font: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{margin:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-bright)}table{border-collapse:collapse;width:100%}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d3d3d}}@layer components{h1{font-size:1.4rem;font-weight:700;margin-bottom:1.1rem;letter-spacing:-.01em}.login{min-height:100%;display:grid;place-items:center;position:relative;background:var(--bg);overflow:hidden}.login video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.login .scrim{position:absolute;inset:0;background:#0a0a0cc2;z-index:1}.login form{position:relative;z-index:2;width:min(390px,92vw);background:#1e1e22b8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.25rem 2rem;box-shadow:0 24px 70px #00000080;display:grid;gap:.9rem}.login .logo{display:block;max-height:56px;margin:0 auto .35rem}.login h1{font-size:1.15rem;text-align:center;margin-bottom:.25rem}.field{display:grid;gap:.35rem}.field label{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--well);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--dim)}select{appearance:none;cursor:pointer;padding-right:2rem;background-image: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='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{min-height:220px;font-family:var(--mono);font-size:.85rem;line-height:1.6}.btn{padding:.65rem 1.1rem;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text-2);border-color:var(--line-strong)}.btn.ghost:hover{background:#ffffff0d}.btn.danger{background:transparent;color:var(--danger);border-color:#ef444459}.btn.danger:hover{background:#ef44441a}.btn.sm{padding:.35rem .65rem;font-size:.82rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.tablewrap{overflow-x:auto}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.9rem;vertical-align:middle}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-weight:600;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#ffffff05}td.num{font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--mono);font-size:.8rem;color:var(--muted)}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600}.pill.admin{background:var(--accent-soft);color:var(--accent-bright);border:1px solid var(--accent-edge)}.pill.editor{background:#10b9811f;color:var(--ok);border:1px solid rgba(16,185,129,.25)}.pill.viewer{background:#ffffff0f;color:var(--text-2);border:1px solid var(--line-strong)}.pill.off{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.25)}.toolbar{display:flex;gap:.6rem;align-items:flex-end;margin-bottom:1rem;flex-wrap:wrap}.toolbar .grow{flex:1;min-width:200px}.msg{padding:.8rem 1rem;border-radius:8px;font-size:.9rem;line-height:1.5}.msg.err{background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.msg.ok{background:#10b98114;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.muted{color:var(--muted);font-size:.84rem}code{font-family:var(--mono);font-size:.85em;color:var(--accent-bright)}.empty{padding:2.5rem;text-align:center;color:var(--dim)}}@media(max-width:780px){h1{font-size:1.25rem}}@layer components{.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.pager-at{font-size:12.5px;color:var(--muted, #8a8a92);font-variant-numeric:tabular-nums}.pager .btn[disabled]{opacity:.4;cursor:default}.sub{font-size:13.5px;color:var(--muted, #8a8a92);margin:-4px 0 16px}.sub strong{color:var(--text, #e9e9ee);font-weight:600;font-variant-numeric:tabular-nums}}