@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg: radial-gradient(circle at 10% 10%, #14333d 0%, #071821 45%, #04080e 100%);--panel: rgba(9, 24, 31, .86);--panel-strong: rgba(5, 16, 22, .95);--text: #e6f5f8;--muted: #8fb0ba;--brand: #31d6a7;--accent: #ff8e4a;--danger: #ff5e5e;--line: rgba(135, 185, 198, .25)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,sans-serif;color:var(--text);background:var(--bg)}h1,h2,h3,strong,button{letter-spacing:.01em}button,input,textarea,select{font-family:inherit}input,textarea,select{width:100%;border:1px solid var(--line);background:#ffffff0a;color:var(--text);border-radius:10px;padding:.65rem .7rem}button{border:0;border-radius:10px;padding:.65rem .85rem;background:linear-gradient(110deg,var(--brand),#1ca7ff);color:#082321;font-weight:700;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button.ghost.danger{color:var(--danger);border-color:#ff5e5e66}.error{color:#ffd0d0;font-size:.9rem}.eyebrow{margin:0;font-family:IBM Plex Mono,monospace;font-size:.78rem;text-transform:uppercase;color:var(--accent)}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.main-nav{padding:1.4rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.7rem;background:linear-gradient(180deg,#0a2229e6,#050f13db)}.brand h1{margin:.2rem 0 1rem;font-size:1.4rem}.nav-link{text-decoration:none;color:var(--muted);border:1px solid transparent;padding:.6rem .7rem;border-radius:10px}.nav-link.active{color:var(--text);border-color:var(--line);background:#31d6a71f}.page-view{padding:1.2rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.2rem;box-shadow:0 20px 50px #00000059}.stack{display:grid;gap:.8rem}.inbox-grid{display:grid;gap:1rem;grid-template-columns:250px 320px 1fr}.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 2.5rem)}.panel header{padding:.8rem;border-bottom:1px solid var(--line)}.panel h2{margin:0}.list{overflow:auto}.row{width:100%;background:transparent;color:inherit;border-radius:0;border:0;border-bottom:1px solid rgba(143,176,186,.15);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:.75rem}.row p{margin:.2rem 0 0;color:var(--muted);font-size:.85rem}.row.active{background:#ff8e4a26}.pill{background:#31d6a733;color:var(--brand);padding:.18rem .5rem;border-radius:999px;font-size:.75rem}.panel-chat{grid-template-rows:auto 1fr auto}.chat-feed{overflow:auto;display:grid;gap:.55rem;padding:.8rem}.bubble{max-width:70%;border-radius:14px;padding:.65rem .75rem;border:1px solid var(--line)}.bubble.inbound{background:#ff8e4a1f}.bubble.outbound{background:#31d6a71f;margin-left:auto}.bubble p{margin:0}.bubble small{color:var(--muted);font-family:IBM Plex Mono,monospace}.composer{border-top:1px solid var(--line);padding:.8rem;display:grid;gap:.7rem}.segment{display:inline-flex;gap:.4rem}.segment button{background:transparent;color:var(--muted);border:1px solid var(--line)}.segment button.active{color:#02292b;background:linear-gradient(110deg,var(--accent),#ffbe59)}.stack-page{display:grid;gap:1rem}.card{border:1px solid var(--line);border-radius:16px;padding:1rem;background:var(--panel-strong)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid rgba(143,176,186,.18);padding:.55rem}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.main-nav{border-right:0;border-bottom:1px solid var(--line)}.inbox-grid{grid-template-columns:1fr}.panel{min-height:auto}}
