@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Syne:wght@600;700;800&display=swap");:root{--bg-base:#0a0a0a;--bg-surface:#111;--bg-elevated:#181818;--bg-hover:#1e1e1e;--bg-selected:#1a1f0f;--border-subtle:#1a1a1a;--border-default:#222;--border-strong:#2e2e2e;--border-accent:#c8f135;--text-primary:#e8e8e8;--text-secondary:#888;--text-muted:#444;--text-inverse:#0a0a0a;--yellow:#c8f135;--yellow-dim:rgba(200,241,53,.1);--yellow-border:rgba(200,241,53,.25);--ion-green:#0c4a35;--risk-critical:#e74c3c;--risk-high:#e67e22;--risk-medium:#f1c40f;--risk-low:#27ae60;--risk-clear:#2ecc71;--status-pending:#555;--status-active:#c8f135;--status-approved:#27ae60;--status-escalated:#e74c3c;--status-review:#e67e22;--font-display:"Syne",sans-serif;--font-mono:"DM Mono",monospace;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--tracking-tight:-0.5px;--tracking-normal:0px;--tracking-wide:0.5px;--tracking-wider:1.5px;--tracking-widest:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:220px;--topbar-height:52px;--panel-radius:0px;--content-max:1200px;--transition-fast:0.1s ease;--transition-base:0.15s ease;--transition-slow:0.25s ease;--shadow-sm:0 1px 4px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-yellow{color:var(--yellow)}.label{color:var(--text-muted)}.label,.label-accent{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-weight:500}.label-accent{color:var(--yellow)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;height:100vh;overflow:hidden}.topbar{grid-column:1/-1;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);position:relative;z-index:50}.sidebar,.topbar{display:flex;background:var(--bg-base)}.sidebar{border-right:1px solid var(--border-subtle);flex-direction:column;overflow-y:auto;overflow-x:hidden}.main-content{overflow-y:auto;background:var(--bg-base);padding:var(--space-8) var(--space-8) var(--space-16)}.amlion-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.amlion-logo-text{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:-.5px;line-height:1}.amlion-logo-aml{color:var(--text-primary)}.amlion-logo-ion{background:var(--yellow);color:var(--text-inverse);padding:1px 5px}.nav-section{padding:var(--space-5) 0 var(--space-3)}.nav-section-label{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);padding:0 var(--space-5) var(--space-2);display:block}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-mono);transition:all var(--transition-fast);position:relative;letter-spacing:var(--tracking-wide)}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item.active{color:var(--yellow);background:var(--yellow-dim)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--yellow)}.nav-badge{margin-left:auto;background:var(--risk-critical);color:#fff;font-size:9px;padding:1px 5px;font-weight:500;letter-spacing:.5px;min-width:18px;text-align:center}.nav-badge.yellow{background:var(--yellow);color:var(--text-inverse)}.card{background:var(--bg-surface);border:1px solid var(--border-default);padding:var(--space-5)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table thead tr{border-bottom:1px solid var(--border-default)}.data-table th{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);text-align:left;font-weight:500;white-space:nowrap}.data-table td,.data-table th{padding:var(--space-3) var(--space-4)}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-base)}.data-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.selected{background:var(--bg-selected);border-left:2px solid var(--yellow)}.badge{display:inline-flex;align-items:center;font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:2px 8px;font-weight:500;border:1px solid transparent}.badge-critical{background:rgba(231,76,60,.12);color:#e74c3c;border-color:rgba(231,76,60,.3)}.badge-high{background:rgba(230,126,34,.12);color:#e67e22;border-color:rgba(230,126,34,.3)}.badge-medium{background:rgba(241,196,15,.12);color:#f1c40f;border-color:rgba(241,196,15,.3)}.badge-approved,.badge-low{background:rgba(39,174,96,.12);color:#27ae60;border-color:rgba(39,174,96,.3)}.badge-pending{background:rgba(85,85,85,.2);color:#888;border-color:#333}.badge-review{background:rgba(230,126,34,.12);color:#e67e22;border-color:rgba(230,126,34,.3)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow);border-color:var(--yellow-border)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-2) var(--space-4);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;font-weight:500}.btn-primary{background:var(--yellow);color:var(--text-inverse);border-color:var(--yellow)}.btn-primary:hover{opacity:.85}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--yellow);color:var(--yellow)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-danger{background:transparent;color:var(--risk-critical);border-color:rgba(231,76,60,.3)}.btn-danger:hover{background:rgba(231,76,60,.1)}.btn-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.btn-lg{padding:var(--space-3) var(--space-6)}.btn-lg,.input{font-size:var(--text-base)}.input{width:100%;background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-base);outline:none}.input:focus{border-color:var(--yellow)}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.4;cursor:not-allowed}.input-label{display:block;font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1)}.input-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23555' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1px;gap:1px;background:var(--border-default);border:1px solid var(--border-default);margin-bottom:var(--space-6)}.stat-tile{background:var(--bg-surface);padding:var(--space-5)}.stat-label{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1}.stat-value.yellow{color:var(--yellow)}.stat-value.red{color:var(--risk-critical)}.stat-value.green{color:var(--risk-low)}.stat-value.amber{color:var(--risk-medium)}.stat-change{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.page-header{margin-bottom:var(--space-8);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);line-height:1.5}.page-eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--yellow);margin-bottom:var(--space-2)}.section{margin-bottom:var(--space-8)}.section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-5)}.section-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight)}.risk-bar-wrap{display:flex;align-items:center;gap:var(--space-3)}.risk-bar-track{flex:1 1;height:4px;background:var(--border-default);position:relative}.risk-bar-fill{position:absolute;left:0;top:0;bottom:0;transition:width .5s ease}.risk-bar-fill.critical{background:var(--risk-critical)}.risk-bar-fill.high{background:var(--risk-high)}.risk-bar-fill.medium{background:var(--risk-medium)}.risk-bar-fill.low{background:var(--risk-low)}.risk-score-num{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;min-width:36px;text-align:right}.token-bar-wrap{background:var(--bg-elevated);border:1px solid var(--border-default);padding:var(--space-4)}.token-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.token-bar-label{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.token-bar-pct{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--yellow);letter-spacing:var(--tracking-tight)}.token-bar-track{width:100%;height:3px;background:var(--border-default);position:relative}.token-bar-fill{position:absolute;left:0;top:0;bottom:0;background:var(--yellow);transition:width .6s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;border:1px dashed var(--border-default)}.empty-state-icon{font-size:32px;margin-bottom:var(--space-4);opacity:.3}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-sub{color:var(--text-muted);max-width:320px}.alert,.empty-state-sub{font-size:var(--text-sm);line-height:1.6}.alert{padding:var(--space-4);border-left:3px solid transparent}.alert-yellow{background:var(--yellow-dim);border-color:var(--yellow);color:var(--text-primary)}.alert-critical{background:rgba(231,76,60,.08);border-color:var(--risk-critical);color:var(--text-primary)}.alert-info{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-secondary)}.tab-bar{display:flex;border-bottom:1px solid var(--border-default);gap:0;margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;background:none;border:none;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);position:relative;transition:color var(--transition-fast)}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--yellow)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--yellow)}.agent-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.agent-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.agent-dot.running{background:var(--yellow);animation:pulse-dot 1.5s ease-in-out infinite}.agent-dot.done{background:var(--risk-low)}.agent-dot.error{background:var(--risk-critical)}.agent-dot.pending{background:var(--text-muted)}.agent-dot.flagged{background:var(--risk-high)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.agent-name{font-size:var(--text-sm);color:var(--text-secondary);flex:1 1}.agent-status-text{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pipeline-steps{display:flex;align-items:center;gap:0}.pipeline-step{flex:1 1;height:3px;background:var(--border-default);transition:background var(--transition-slow)}.pipeline-step.done,.pipeline-step.running{background:var(--yellow)}.pipeline-step.running{animation:pulse-bar 1.5s ease-in-out infinite}.pipeline-step.error{background:var(--risk-critical)}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono{font-family:var(--font-mono)}.semibold{font-weight:500}.bold{font-weight:700}.uppercase{text-transform:uppercase;letter-spacing:var(--tracking-widest)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}