:root{--bg: #071028;--bg-soft: #112145;--card: #182747;--line: rgba(255, 255, 255, .18);--text: #ebf0ff;--muted: #97a0c0;--accent: #7dd3fc;--accent-2: #818cf8;--danger: #fb7185}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Trebuchet MS,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at 10% 5%,#1c3f68 0%,transparent 40%),radial-gradient(circle at 85% 8%,#2f4c7c 0%,transparent 36%),radial-gradient(circle at 50% 88%,#141e3a 0%,transparent 44%),var(--bg)}#root{min-height:100vh;padding:24px}.page-shell{max-width:1280px;margin:0 auto;display:grid;gap:16px}.auth-shell{min-height:calc(100vh - 48px);display:grid;place-items:center}.auth-panel{width:min(100%,460px);display:grid;gap:18px}.auth-panel form{display:grid;gap:12px}.auth-eyebrow{margin:0 0 8px;color:var(--accent);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.auth-actions,.auth-session-bar{display:flex;gap:10px;align-items:center;justify-content:space-between}.auth-session-bar{max-width:1280px;margin:0 auto 16px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#22c55e1f}.secondary-button{background:#243454}.readonly-banner{color:#fde68a!important}.topbar{background:linear-gradient(120deg,#1e3a8a73,#7dd3fc1a);border:1px solid var(--line);border-radius:14px;padding:18px}.topbar h1{margin:0}.topbar p{margin:6px 0 0;color:var(--muted)}.content{display:grid;grid-template-columns:1fr;gap:16px}.panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:18px;animation:cardIn .28s ease}.panel-form{display:grid;gap:12px}.panel h2,.panel h3{margin:0 0 12px}.field-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(120px,1fr))}.span-2{grid-column:span 2}label{display:grid;gap:6px;color:var(--muted);font-size:.92rem}input,select,textarea,button{border-radius:10px;border:1px solid var(--line);padding:9px 11px;background:#0f1d38;color:var(--text)}button{cursor:pointer;background:linear-gradient(100deg,#2563eb,#0284c7);border:none}button:disabled{cursor:not-allowed;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.status-block{display:grid;gap:8px;margin-top:8px}.progress-line{width:min(100%,420px);height:10px;border:1px solid var(--line);border-radius:999px;overflow:hidden}.progress-line-inner{width:0;height:100%;background:linear-gradient(90deg,var(--accent),#22c55e);transition:width .16s linear}.error{color:var(--danger);background:#fb71851f;border:1px solid rgba(251,113,133,.4);border-radius:10px;padding:10px}.panel-head{display:grid;gap:10px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.small-text{color:var(--muted);font-size:.86rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}tbody tr:hover{background:#7dd3fc14}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.badge{padding:2px 6px;border-radius:999px;background:#38bdf833;color:#e0f2fe;font-size:.75rem}.pager{margin-top:12px;display:flex;gap:8px}.detail{background:linear-gradient(130deg,#818cf824,#0ea5e91a)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.field-grid{grid-template-columns:1fr 1fr}#root{padding:12px}}@media (max-width: 680px){.field-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media (prefers-reduced-motion: reduce){.panel,.progress-line-inner{animation:none;transition:none}}
