:root{--bg: #050608;--bg-2: #0a0d14;--surface: #0f131b;--surface-2: #141923;--border: #1c2230;--border-hi: #2a3244;--fg: #e4e7ef;--fg-dim: #9aa3b8;--muted: #5a6374;--accent: #39d0b9;--accent-2: #7c5cff;--accent-3: #ffae42;--danger: #ff4757;--ok: #30d782;--warn: #ffae42;--grid-line: rgba(57, 208, 185, .06);--glow: 0 0 24px rgba(57, 208, 185, .18)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:radial-gradient(ellipse at top,rgba(124,92,255,.07) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(57,208,185,.05) 0%,transparent 50%),var(--bg);background-attachment:fixed;color:var(--fg);line-height:1.5;font-size:14px;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--fg)}button{background:linear-gradient(180deg,var(--accent) 0%,#2db79f 100%);color:#020307;border:0;padding:9px 18px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;letter-spacing:.3px;transition:transform .1s,box-shadow .2s}button:hover{transform:translateY(-1px);box-shadow:var(--glow)}button.ghost{background:transparent;border:1px solid var(--border-hi);color:var(--fg)}button.ghost:hover{border-color:var(--accent);color:var(--accent)}button.danger{background:linear-gradient(180deg,var(--danger),#c5343f);color:#fff}button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}input,textarea,select{background:var(--bg-2);border:1px solid var(--border-hi);color:var(--fg);padding:10px 12px;border-radius:6px;width:100%;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #39d0b926}.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:40px}.auth-card{background:#0f131bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-hi);border-radius:14px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 24px 80px #0009,inset 0 1px #ffffff0a}.auth-brand{font-family:Playfair Display,Georgia,serif;font-size:40px;font-weight:700;letter-spacing:-1px;text-align:center;margin:0 0 4px;background:linear-gradient(135deg,var(--fg) 20%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-brand .dot{color:var(--accent)}.auth-tag{text-align:center;color:var(--fg-dim);font-size:12px;letter-spacing:3px;text-transform:uppercase;margin:0 0 32px}.auth-form .row{margin-bottom:16px}.auth-form label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px}.auth-form button{width:100%;padding:13px;font-size:14px;margin-top:8px}.auth-footer{text-align:center;margin-top:24px;color:var(--muted);font-size:12px}.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0a0d14bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.sidebar .brand{font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:700;padding:0 8px 24px;border-bottom:1px solid var(--border);margin-bottom:12px;background:linear-gradient(135deg,var(--fg),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar .brand .dot{color:var(--accent);-webkit-text-fill-color:var(--accent)}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:var(--fg-dim);font-size:13px;font-weight:500;transition:all .15s}.nav-item:hover{background:var(--surface);color:var(--fg)}.nav-item.active{background:linear-gradient(90deg,rgba(57,208,185,.12),transparent);color:var(--accent);border-left:2px solid var(--accent);padding-left:10px}.nav-item .ico{font-size:16px;opacity:.85}.sidebar .footer{margin-top:auto;padding:12px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.sidebar .you{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface);border-radius:8px;margin-bottom:8px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:700;color:#020307;font-size:13px}.you .name{font-size:13px;color:var(--fg);font-weight:500}.you .role{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.main{padding:28px 36px 60px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar h1{font-size:22px;font-weight:600;margin:0;letter-spacing:-.3px}.topbar .sub{color:var(--fg-dim);font-size:13px;margin-top:4px}.pulse{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1.5px}.pulse .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.kpi{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:10px;padding:16px 18px;position:relative;overflow:hidden;transition:border-color .2s}.kpi:hover{border-color:var(--border-hi)}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:0;transition:opacity .2s}.kpi:hover:before{opacity:1}.kpi .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.kpi .v{font-size:28px;font-weight:700;font-family:JetBrains Mono,ui-monospace,monospace;line-height:1;color:var(--fg)}.kpi .v.accent{color:var(--accent);text-shadow:0 0 16px rgba(57,208,185,.3)}.kpi .v.warn{color:var(--warn)}.kpi .d{font-size:11px;color:var(--fg-dim);margin-top:6px}.kpi .d .up{color:var(--ok)}.kpi .d .down{color:var(--danger)}.section{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:10px;padding:20px 22px;margin-bottom:16px}.section h3{margin:0 0 16px;font-size:12px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:2px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.section h3 .small{font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0}.pipeline{display:flex;align-items:center;gap:0;padding:10px 0;overflow-x:auto}.stage{flex:1;min-width:140px;text-align:center;position:relative}.stage .node{width:62px;height:62px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,var(--surface-2),var(--surface));border:2px solid var(--border-hi);display:grid;place-items:center;font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;transition:all .3s}.stage.active .node{border-color:var(--accent);box-shadow:0 0 20px #39d0b966,inset 0 0 20px #39d0b91a;color:var(--accent);animation:nodePulse 2s infinite}@keyframes nodePulse{0%,to{box-shadow:0 0 20px #39d0b966}50%{box-shadow:0 0 32px #39d0b9b3}}.stage .label{margin-top:8px;font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1px}.stage .count{font-size:11px;color:var(--muted);margin-top:2px}.flow{flex:0 0 32px;height:2px;background:linear-gradient(90deg,var(--border-hi),var(--accent),var(--border-hi));background-size:200% 100%;animation:flow 2s linear infinite}@keyframes flow{0%{background-position:200% 0}to{background-position:-200% 0}}.stream-item{display:grid;grid-template-columns:100px 80px 1fr auto;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;align-items:center;transition:background .15s}.stream-item:hover{background:#39d0b908}.stream-item.new{animation:streamIn .6s ease-out;background:#39d0b90d}@keyframes streamIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.stream-time{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.stream-title{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:10px;text-transform:uppercase;letter-spacing:1px;background:var(--border-hi);color:var(--fg-dim);font-weight:600}.badge.ok{background:#30d78226;color:var(--ok)}.badge.warn{background:#ffae4226;color:var(--warn)}.badge.danger{background:#ff475726;color:var(--danger)}.badge.accent{background:#39d0b926;color:var(--accent)}.badge.purple{background:#7c5cff26;color:var(--accent-2)}.badge.role-admin{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#020307}.badge.role-editor{background:#7c5cff33;color:var(--accent-2)}.badge.role-reviewer{background:#39d0b933;color:var(--accent)}.badge.role-reader{background:var(--border-hi);color:var(--fg-dim)}.bar{background:var(--border);height:6px;border-radius:3px;overflow:hidden;margin-top:4px}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:3px;transition:width .6s ease}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2,.grid-3,.app-shell{grid-template-columns:1fr}.sidebar{display:none}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;background:transparent}.sparkline{display:flex;align-items:flex-end;gap:2px;height:40px;margin-top:10px}.sparkline span{flex:1;min-width:3px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:2px 2px 0 0;opacity:.8}.error{color:var(--danger);font-size:13px;margin-top:10px}.ok{color:var(--ok);font-size:13px;margin-top:10px}.muted{color:var(--muted);font-size:12px}.form-row{margin-bottom:14px}.form-row label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px}.crawler-row{display:grid;grid-template-columns:1fr 80px 100px;gap:10px;padding:8px 10px;font-size:12px;border-bottom:1px solid var(--border);align-items:center}.crawler-row:hover{background:#ffffff05}.crawler-row .url{color:var(--fg-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:JetBrains Mono,monospace;font-size:11px}.headline{font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.5px;margin:0 0 8px}