:root{color-scheme:dark;--bg: #07111f;--bg-2: #0c1630;--panel: rgba(12, 20, 38, .92);--panel-soft: rgba(12, 20, 38, .72);--line: rgba(148, 163, 184, .18);--text: #e7eef9;--muted: #98a8c0;--accent: #64d4b4;--accent-2: #79b9ff;--warn: #ff737f;--shadow: 0 22px 64px rgba(0, 0, 0, .34);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top left,rgba(100,212,180,.16),transparent 32%),radial-gradient(circle at top right,rgba(121,185,255,.16),transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 60%,#040812 100%)}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{padding:20px;border-right:1px solid var(--line);background:#0409126b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:0}.content{padding:20px;min-width:0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,460px);display:grid;gap:18px}.auth-card h1{margin:0;font-size:34px;line-height:1}.field{display:grid;gap:8px}.brand{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.brand h1{margin:10px 0 8px;font-size:30px;line-height:1}.brand p{margin:0;color:var(--muted)}.badge,.eyebrow,.pill{display:inline-flex;align-items:center;gap:8px;width:fit-content;border-radius:999px;padding:7px 10px;font-size:12px}.badge,.eyebrow{color:var(--accent);background:#64d4b41a;border:1px solid rgba(100,212,180,.18);text-transform:uppercase;letter-spacing:.08em}.pill{border:1px solid var(--line);background:#ffffff08;color:var(--text)}.pill.ok{border-color:#64d4b43d;color:#86f4d8}.pill.danger{border-color:#ff737f33;color:#ffb4ba}.tabs{display:grid;gap:10px;margin:16px 0}.tab{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffff08;color:var(--text);text-align:left}.tab small{color:var(--muted)}.tab.active{background:linear-gradient(135deg,#64d4b424,#79b9ff1f);border-color:#79b9ff47}.panel{padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);min-width:0}.panel.compact{margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2,.panel h2,.panel h3{margin:0}.stack{display:grid;gap:12px}.mini{padding:14px;border-radius:16px;border:1px solid var(--line);background:#ffffff08;display:grid;gap:6px;min-width:0}.mini span,.stat span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.danger-text{color:#ffb4ba;border-color:#ff737f33;background:#ff737f14}.mini strong,.stat strong{font-size:18px;line-height:1.2;overflow-wrap:anywhere}.stats-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{padding:14px;border-radius:16px;background:#ffffff08;border:1px solid var(--line);min-width:0}.topbar{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:16px}.topbar h2{margin:8px 0 0;font-size:32px;min-width:0}.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.page-grid{display:grid;gap:16px}.page-grid.split{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.hero-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card{border-radius:18px;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff08,#ffffff03);display:grid;gap:6px}.hero-card span,.label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.divider{height:1px;margin:16px 0;background:var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}input,select,.key-actions input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#050a13cc;color:var(--text);outline:none}input:focus,select:focus{border-color:#79b9ff80;box-shadow:0 0 0 3px #79b9ff1a}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button{border:0;border-radius:999px;padding:12px 16px;color:#07111f;font-weight:800;background:linear-gradient(135deg,var(--accent),#93efda)}.button.secondary{color:var(--text);background:#79b9ff1f;border:1px solid rgba(121,185,255,.22)}.button.danger{color:#ffd9dd;background:#ff737f1f;border:1px solid rgba(255,115,127,.22)}.feed{display:grid;gap:10px}.feed-item{text-align:left;border-radius:18px;border:1px solid var(--line);background:#ffffff08;padding:14px;color:var(--text)}.feed-item.active,.selected{border-color:#79b9ff57;box-shadow:inset 0 0 0 1px #79b9ff1a}.feed-top,.feed-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.feed-meta,.empty{color:var(--muted);font-size:13px}.empty{padding:16px;border-radius:16px;background:#ffffff08;border:1px dashed var(--line)}.list{display:grid;gap:12px}.key-row{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#ffffff08}.key-row.active{border-color:#64d4b44d}.key-main{text-align:left;border:0;background:transparent;color:var(--text);display:grid;gap:6px;padding:0;min-width:0}.key-main .mono,.mono{font-family:Consolas,SFMono-Regular,Menlo,Monaco,monospace;overflow-wrap:anywhere;word-break:break-word}.key-main small{color:var(--muted)}.key-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;min-width:0}.filter-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}.table{width:100%;border-collapse:collapse;background:#050a138c}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#79b9ff0f}.empty-cell{color:var(--muted);padding:22px 14px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.json-box{margin:0;padding:14px;border-radius:18px;background:#050a13cc;border:1px solid var(--line);overflow:auto;max-height:420px}.toggle{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#ffffff08}.toggle input{width:18px;height:18px;margin:0}.note{padding:14px;border-radius:16px;border:1px solid var(--line);background:#ffffff08;color:var(--muted)}.note strong{color:var(--text)}@media (max-width: 1180px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.page-grid.split{grid-template-columns:1fr}}@media (max-width: 760px){.content,.sidebar{padding:14px}.topbar{align-items:start;flex-direction:column}.hero-grid,.form-grid,.filter-grid,.detail-grid,.stats-grid,.key-actions{grid-template-columns:1fr}.key-actions{display:grid}}