:root{--backdrop-1: #062a3a;--backdrop-2: #0b4a63;--backdrop-3: #0a1a2f;--chrome-bg: rgba(10, 40, 58, .55);--chrome-border: rgba(255, 255, 255, .12);--chrome-text: #e8f4f8;--chrome-muted: rgba(232, 244, 248, .6);--chrome-hover: rgba(255, 255, 255, .08);--chrome-active: linear-gradient(135deg, #22b8e6, #0e8fc0);--panel-bg: rgba(226, 238, 244, .82);--bg: #dfeaf0;--surface: rgba(255, 255, 255, .72);--surface-2: rgba(255, 255, 255, .5);--surface-hover: rgba(255, 255, 255, .9);--border: rgba(15, 50, 70, .1);--text: #0f2233;--muted: #5b7083;--accent: #0e8fc0;--ink: #0f1c2a;--green: #059669;--yellow: #c27c0e;--red: #dc2626;--danger: #dc2626;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius: 1rem;--radius-lg: 1.5rem;--shadow-card: 0 1px 2px rgba(10, 40, 60, .06), 0 8px 24px rgba(10, 40, 60, .08);--shadow-lift: 0 2px 4px rgba(10, 40, 60, .08), 0 16px 36px rgba(10, 40, 60, .16);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01"}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);line-height:1.45;background-color:var(--backdrop-3);background-image:radial-gradient(1100px 700px at 12% 8%,rgba(34,184,230,.35),transparent 60%),radial-gradient(900px 600px at 88% 92%,rgba(16,120,160,.4),transparent 60%),linear-gradient(160deg,var(--backdrop-1) 0%,var(--backdrop-2) 45%,var(--backdrop-3) 100%);background-attachment:fixed}.glass{background:var(--chrome-bg);border:1px solid var(--chrome-border);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 10px 40px #000a1440,inset 0 1px #ffffff14}.glass-light{background:var(--panel-bg);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 20px 60px #000a194d,inset 0 1px #ffffffb3}.icon{flex-shrink:0}.app{display:flex;max-width:100%;gap:var(--space-4);min-height:100vh;padding:var(--space-4)}.sidebar{width:236px;flex-shrink:0;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);position:sticky;top:var(--space-4);height:calc(100vh - 2rem);display:flex;flex-direction:column;color:var(--chrome-text)}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-4)}.brand-mark{width:36px;height:36px;border-radius:.8rem;display:grid;place-items:center;background:var(--chrome-active);color:#fff;box-shadow:0 4px 14px #22b8e673}.brand-name{font-weight:700;font-size:1rem;letter-spacing:-.01em}.brand-sub{font-size:.72rem;color:var(--chrome-muted)}.sidebar nav{flex:1;overflow-y:auto;margin:0 calc(-1 * var(--space-1));padding:0 var(--space-1)}.nav-group{margin-bottom:var(--space-3)}.nav-group-label{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--chrome-muted);padding:var(--space-2) var(--space-3) var(--space-1)}.nav-link{display:flex;align-items:center;gap:.65rem;width:100%;color:var(--chrome-muted);text-decoration:none;padding:.5rem var(--space-3);border-radius:.75rem;font-size:.86rem;font-weight:500;margin-bottom:2px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--chrome-hover);color:var(--chrome-text)}.nav-link-active,.nav-link-active:hover{background:var(--chrome-active);color:#fff;box-shadow:0 4px 16px #0e8fc073,inset 0 1px #ffffff40}.nav-label{flex:1}.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font-size:.68rem;font-weight:700;background:#ffffffe6;color:var(--ink)}.sidebar-footer{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:#ffffff12;border:1px solid var(--chrome-border)}.sidebar-footer-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--chrome-muted)}.sidebar-footer-value{font-weight:600;font-size:.88rem;margin-top:.2rem}.sidebar-footer-sub{font-size:.74rem;color:var(--chrome-muted)}.dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block;flex-shrink:0}.dot-ok{background:#34d399;box-shadow:0 0 0 3px #34d39940}.dot-warn{background:#fbbf24;box-shadow:0 0 0 3px #fbbf2440}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.topbar{border-radius:var(--radius-lg);padding:.6rem .75rem;display:flex;align-items:center;gap:var(--space-4);color:var(--chrome-text);position:relative;z-index:20}.search{position:relative;flex:1;max-width:460px;display:flex;align-items:center;gap:var(--space-2);background:#ffffff14;border:1px solid var(--chrome-border);border-radius:999px;padding:.45rem .6rem .45rem .9rem;color:var(--chrome-muted)}.search:focus-within{border-color:#22b8e6b3;background:#ffffff1f}.search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--chrome-text);font:inherit;font-size:.86rem}.search input::placeholder{color:var(--chrome-muted)}.search kbd{font-family:inherit;font-size:.7rem;padding:.1rem .45rem;border-radius:.35rem;border:1px solid var(--chrome-border);color:var(--chrome-muted)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:var(--radius);padding:var(--space-1);background:#082030eb}.search-result{width:100%;display:flex;align-items:center;gap:.6rem;background:none;border:none;color:var(--chrome-text);text-align:left;padding:.55rem .7rem;border-radius:.65rem;cursor:pointer;font:inherit;font-size:.86rem}.search-result:hover{background:var(--chrome-hover)}.search-result-sub{margin-left:auto;color:var(--chrome-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.status-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:500;padding:.35rem .7rem;border-radius:999px;background:#ffffff14;border:1px solid var(--chrome-border)}.chip-ok .dot{background:#34d399}.chip-bad .dot{background:#f87171}.chip-warn{color:#fde68a}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:linear-gradient(135deg,#67e8f9,#0e8fc0);color:#04263a;border:2px solid rgba(255,255,255,.6)}.panel{flex:1;border-radius:var(--radius-lg);padding:var(--space-6);min-width:0;overflow-x:auto}.page-header{margin-bottom:var(--space-5)}.page-header h1{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.page-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.88rem}.stack{display:flex;flex-direction:column;gap:var(--space-5)}h2{font-size:1rem;margin:0 0 var(--space-3);color:var(--text);font-weight:650;letter-spacing:-.01em}h3{margin:.25rem 0 .5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3);flex-wrap:wrap}.section-header-row h2{margin-bottom:0}.muted{color:var(--muted);font-size:.85rem}.card,.glance-card,.live-tile{background:var(--surface);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.glance-card:hover,.live-tile:hover,.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);background:var(--surface-hover)}.card-list{display:flex;flex-direction:column;gap:var(--space-4)}.card{padding:var(--space-5)}.card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.glance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-4)}.glance-card{padding:var(--space-5)}.glance-title{font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.5rem}.glance-stat{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.15rem;line-height:1.2}.glance-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.6rem}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:var(--space-3)}.live-tile{padding:var(--space-4)}.live-tile-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.live-tile-value{font-size:1.25rem;font-weight:700;margin:.25rem 0;text-transform:capitalize;letter-spacing:-.01em}.tag{background:var(--surface-2);border:1px solid var(--border);padding:.15rem .55rem;border-radius:999px;font-size:.72rem;color:var(--muted);font-weight:500}.tag-ok{color:var(--green);background:#05966914;border-color:#05966940}.tag-bad{color:var(--red);background:#dc262612;border-color:#dc262640}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:.88rem;font-weight:500}.banner-ok{background:#0596691a;border:1px solid rgba(5,150,105,.25);color:#065f46}.banner-warn{background:#c27c0e1f;border:1px solid rgba(194,124,14,.3);color:#7c4a03}.pill{padding:.2rem .65rem;border-radius:999px;font-size:.72rem;text-transform:capitalize;font-weight:600}.pill-success{background:#0596691f;color:var(--green)}.pill-error{background:#dc26261a;color:var(--red)}.pill-running{background:#0e8fc01f;color:var(--accent)}.badge{background:#0f22330f;padding:.15rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-outline{background:none;border:1px solid var(--border);color:var(--muted)}.tabs{display:inline-flex;gap:2px;flex-wrap:wrap;padding:4px;border-radius:999px;background:#0f22330f;border:1px solid var(--border)}.tab{background:none;border:none;color:var(--muted);padding:.38rem .95rem;border-radius:999px;cursor:pointer;font-size:.82rem;font-weight:500;text-transform:capitalize;font-family:inherit;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--text);background:#fff9}.tab-active,.tab-active:hover{background:var(--ink);color:#fff;box-shadow:0 2px 8px #0f1c2a4d}.btn,.btn-small{border:none;border-radius:999px;padding:.55rem 1.2rem;font-weight:600;cursor:pointer;font-size:.86rem;font-family:inherit;background:var(--ink);color:#fff;box-shadow:0 2px 8px #0f1c2a40;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.btn:hover,.btn-small:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f1c2a4d}.btn:active,.btn-small:active{transform:translateY(0)}.btn-small{padding:.32rem .85rem;font-size:.78rem;background:#ffffffbf;color:var(--text);border:1px solid var(--border);box-shadow:0 1px 2px #0a283c0f}.btn-small:hover{background:#fff}.btn-approve{background:var(--ink);color:#fff}.btn-reject{background:#fffc;color:var(--red);border:1px solid rgba(220,38,38,.3);box-shadow:none}.btn:disabled,.btn-small:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}a{color:var(--accent)}.table-scroll{overflow-x:auto;border-radius:var(--radius)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.table th{text-align:left;color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:.7rem var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff80}.table td{padding:.65rem var(--space-4);border-bottom:1px solid var(--border)}.table td button{white-space:nowrap}.cell-break{overflow-wrap:anywhere}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fff9}.table tr.row-error td{color:var(--red)}.table tr.row-warn td{color:var(--yellow)}.table tr.row-clickable{cursor:pointer}code{background:#0f223312;padding:.15rem .45rem;border-radius:.35rem;font-size:.85em}.detail{white-space:pre-wrap;background:#ffffff8c;border:1px solid var(--border);padding:var(--space-3);border-radius:.75rem;font-size:.85rem;color:var(--text);font-family:inherit}input:not([type=checkbox]):not([type=radio]):not(.search input),select,textarea{font-family:inherit}.panel input[type=text],.panel input[type=password],.panel input[type=number],.panel input[type=search],.panel input:not([type]),.panel select,.panel textarea,.coder-prompt,.coder-files{background:#ffffffbf;border:1px solid var(--border);border-radius:.75rem;color:var(--text);padding:.55rem .75rem;font-size:.88rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.panel input:focus,.panel select:focus,.panel textarea:focus,.coder-prompt:focus,.coder-files:focus{border-color:#0e8fc099;box-shadow:0 0 0 3px #0e8fc026}.coder-prompt,.coder-files{width:100%}.coder-output{max-height:60vh;overflow-y:auto;font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem}.chat{height:calc(100vh - 15rem);min-height:420px;display:flex;flex-direction:column}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2)}.chat-bubble{max-width:70%;padding:.7rem 1rem;border-radius:1.1rem;font-size:.9rem;box-shadow:var(--shadow-card)}.chat-bubble p{margin:.15rem 0 0;white-space:pre-wrap}.chat-bubble strong{font-size:.7rem;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.chat-bubble-user{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:.35rem}.chat-bubble-ultron{align-self:flex-start;background:var(--surface-hover);border:1px solid rgba(255,255,255,.8);border-bottom-left-radius:.35rem}.chat-input{display:flex;gap:var(--space-3);margin-top:var(--space-4);align-items:flex-end}.chat-input textarea{flex:1;resize:none}.usage-bar{display:inline-block;width:120px;height:8px;background:#0f223314;border-radius:999px;overflow:hidden;vertical-align:middle}.usage-bar-fill{height:100%;border-radius:999px}@media (prefers-reduced-motion: reduce){.card,.glance-card,.live-tile,.btn,.btn-small{transition:none}.glance-card:hover,.live-tile:hover,.card:hover,.btn:hover,.btn-small:hover{transform:none}}@media (max-width: 1080px){.sidebar{width:72px;padding:var(--space-3) var(--space-2)}.brand{justify-content:center;padding:var(--space-1) 0 var(--space-3)}.brand>div:last-child,.nav-group-label,.nav-label,.sidebar-footer-value,.sidebar-footer-sub,.sidebar-footer-row span:first-child{display:none}.nav-link{justify-content:center;padding:.6rem;position:relative}.nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;font-size:.6rem}.sidebar-footer{padding:var(--space-2);display:flex;justify-content:center}.sidebar-footer-row{justify-content:center}}@media (max-width: 760px){.app{flex-direction:column;padding:var(--space-3);gap:var(--space-3)}.sidebar{width:100%;height:auto;position:sticky;top:var(--space-2);z-index:30;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:999px}.brand{padding:0}.brand-mark{width:32px;height:32px}.sidebar nav{display:flex;flex:1;min-width:0;overflow-x:auto;margin:0;padding:0;scrollbar-width:none}.nav-group{display:flex;margin:0}.nav-link{margin:0;padding:.5rem}.sidebar-footer{display:none}.topbar{border-radius:var(--radius);flex-wrap:wrap}.search{max-width:none}.topbar-right .status-chip{display:none}.panel{padding:var(--space-4);border-radius:var(--radius)}.page-header h1{font-size:1.3rem}.glance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat{height:calc(100vh - 17rem)}.chat-bubble{max-width:88%}.table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width: 460px){.glance-grid{grid-template-columns:1fr}}.login-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-4)}.login-card{width:100%;max-width:360px;border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);color:var(--chrome-text)}.login-brand{padding:0 0 var(--space-4)}.login-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--chrome-muted);font-weight:600}.login-input{background:#ffffff1a;border:1px solid var(--chrome-border);border-radius:.75rem;color:var(--chrome-text);padding:.65rem .8rem;font:inherit;outline:none}.login-input:focus{border-color:#22b8e6cc;box-shadow:0 0 0 3px #22b8e633}.login-error{color:#fca5a5;font-size:.85rem}.login-button{margin-top:var(--space-3);background:var(--chrome-active)}button.avatar{cursor:pointer;padding:0;font-family:inherit}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:var(--space-4);align-items:start}.security-card{display:flex;flex-direction:column;gap:var(--space-3)}.security-card:hover{transform:none}.security-card h3{margin:0;font-size:.95rem}.security-card .muted{margin:0}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--muted)}.field input{font-weight:400}.field-error{color:var(--red);font-weight:500}.token-display{display:block;padding:.6rem .75rem;word-break:break-all;-webkit-user-select:all;user-select:all;font-size:.82rem}.security-card .card-actions{margin-top:0}