@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #eef4ff;--ink: #0f1b3d;--paper: #ffffff;--line: #c9d8f6;--primary: #1f6feb;--primary-strong: #174fb4;--accent: #78a8ff;--error: #9d2f1f;--ok: #1c67d2;--shadow: 0 18px 38px rgba(31, 84, 178, .14)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(120,168,255,.32),transparent 34%),radial-gradient(circle at 88% 88%,rgba(31,111,235,.18),transparent 38%),var(--bg);min-height:100vh}.app-shell{display:grid;grid-template-columns:minmax(210px,260px) 1fr;min-height:100vh}.rail{border-right:1px solid var(--line);padding:1.4rem 1rem;display:flex;flex-direction:column;gap:1.4rem;background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand-block h1,.topline h2{margin:0;line-height:1.1}.kicker{margin:0;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-family:IBM Plex Mono,monospace}.rail nav{display:grid;gap:.5rem}.rail-link{text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;padding:.65rem .75rem;font:inherit;color:var(--ink);transition:all .2s ease}.rail-link:hover{border-color:var(--line);transform:translate(3px)}.rail-link.active{background:var(--primary);color:#f8fbff;border-color:var(--primary)}.safety-note{margin-top:auto;border:1px dashed var(--line);border-radius:12px;padding:.9rem;background:#fff9}.safety-note p{margin:0;font-family:IBM Plex Mono,monospace;text-transform:uppercase;font-size:.66rem;letter-spacing:.1em}.safety-note span{display:block;margin-top:.5rem;font-size:.85rem;line-height:1.4}.workspace{padding:1.2rem clamp(1rem,3vw,2rem) 1.8rem;display:grid;gap:1rem;align-content:start}.topline{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.9rem;animation:enter .4s ease-out}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.actions button{border:1px solid var(--primary);border-radius:12px;background:var(--primary);color:#f8fbff;font:inherit;padding:.5rem .85rem}.actions button:last-child{background:var(--paper);color:var(--primary-strong)}.actions button:disabled{opacity:.55}.banner{border-radius:14px;padding:.75rem 1rem;box-shadow:var(--shadow);animation:rise .35s ease}.banner.ok{border:1px solid rgba(28,103,210,.35);background:#1c67d21f}.banner.error{border:1px solid rgba(157,47,31,.45);background:#9d2f1f26;color:var(--error)}.grid-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-card{border:1px solid var(--line);border-radius:14px;padding:.9rem;background:var(--paper);box-shadow:var(--shadow);animation:rise .45s ease both}.metric-card:nth-child(2){animation-delay:.06s}.metric-card:nth-child(3){animation-delay:.12s}.metric-card:nth-child(4){animation-delay:.18s}.metric-card p{margin:0 0 .3rem;font-size:.82rem;color:#5471a4}.metric-card strong{font-size:1.55rem}.metric-card span{display:block;margin-top:.4rem;font-family:IBM Plex Mono,monospace;font-size:.75rem;color:#5471a4}.panel{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:1rem;box-shadow:var(--shadow)}.panel h3{margin-top:0}.user-list{margin-top:1rem;display:grid;gap:.45rem}.user-row{display:flex;justify-content:space-between;gap:.8rem;border:1px solid rgba(201,216,246,.95);border-radius:10px;padding:.65rem .75rem;background:#fff}.user-row small,.empty{color:#5d7298}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.topline{flex-direction:column;align-items:flex-start}.grid-cards{grid-template-columns:1fr}.user-row{flex-direction:column}}