: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:#c8f1351a;--yellow-border:#c8f13540;--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:-.5px;--tracking-normal:0px;--tracking-wide:.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;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--content-max:1200px;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.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{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);font-weight:500}.label-accent{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--yellow);font-weight:500}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;height:100vh;display:grid;overflow:hidden}.topbar{padding:0 var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-base);z-index:50;grid-column:1/-1;justify-content:space-between;align-items:center;display:flex;position:relative}.sidebar{border-right:1px solid var(--border-subtle);background:var(--bg-base);flex-direction:column;display:flex;overflow:hidden auto}.main-content{background:var(--bg-base);padding:var(--space-8) var(--space-8) var(--space-16);overflow-y:auto}.amlion-logo{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.amlion-logo-text{font-family:var(--font-display);letter-spacing:-.5px;font-size:18px;font-weight:800;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{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;font-family:var(--font-mono);transition:all var(--transition-fast);letter-spacing:var(--tracking-wide);background:0 0;border:none;text-decoration:none;display:flex;position:relative}.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:"";background:var(--yellow);width:2px;position:absolute;top:0;bottom:0;left:0}.nav-badge{background:var(--risk-critical);color:#fff;letter-spacing:.5px;text-align:center;min-width:18px;margin-left:auto;padding:1px 5px;font-size:9px;font-weight:500}.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{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:700}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.data-table{border-collapse:collapse;width:100%;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);padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap;font-weight:500}.data-table td{padding:var(--space-3) var(--space-4);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{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.badge-critical{color:#e74c3c;background:#e74c3c1f;border-color:#e74c3c4d}.badge-high{color:#e67e22;background:#e67e221f;border-color:#e67e224d}.badge-medium{color:#f1c40f;background:#f1c40f1f;border-color:#f1c40f4d}.badge-low,.badge-approved{color:#27ae60;background:#27ae601f;border-color:#27ae604d}.badge-pending{color:#888;background:#5553;border-color:#333}.badge-review{color:#e67e22;background:#e67e221f;border-color:#e67e224d}.badge-yellow{background:var(--yellow-dim);color:var(--yellow);border-color:var(--yellow-border)}.btn{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-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--yellow);color:var(--text-inverse);border-color:var(--yellow)}.btn-primary:hover{opacity:.85}.btn-secondary{color:var(--text-primary);border-color:var(--border-strong);background:0 0}.btn-secondary:hover{border-color:var(--yellow);color:var(--yellow)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-danger{color:var(--risk-critical);background:0 0;border-color:#e74c3c4d}.btn-danger:hover{background:#e74c3c1a}.btn-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.btn-lg{font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-base);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{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1);display:block}.input-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}select.input{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{background:var(--border-default);border:1px solid var(--border-default);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;display:grid}.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);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:700;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);justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:800;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{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-tight);font-weight:700}.risk-bar-wrap{align-items:center;gap:var(--space-3);display:flex}.risk-bar-track{background:var(--border-default);flex:1;height:4px;position:relative}.risk-bar-fill{transition:width .5s;position:absolute;top:0;bottom:0;left:0}.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);text-align:right;min-width:36px;font-weight:700}.token-bar-wrap{background:var(--bg-elevated);border:1px solid var(--border-default);padding:var(--space-4)}.token-bar-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.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);color:var(--yellow);letter-spacing:var(--tracking-tight);font-weight:800}.token-bar-track{background:var(--border-default);width:100%;height:3px;position:relative}.token-bar-fill{background:var(--yellow);transition:width .6s;position:absolute;top:0;bottom:0;left:0}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;border:1px dashed var(--border-default);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.3;font-size:32px}.empty-state-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:700}.empty-state-sub{font-size:var(--text-sm);color:var(--text-muted);max-width:320px;line-height:1.6}.alert{padding:var(--space-4);font-size:var(--text-sm);border-left:3px solid #0000;line-height:1.6}.alert-yellow{background:var(--yellow-dim);border-color:var(--yellow);color:var(--text-primary)}.alert-critical{border-color:var(--risk-critical);color:var(--text-primary);background:#e74c3c14}.alert-info{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-secondary)}.tab-bar{border-bottom:1px solid var(--border-default);margin-bottom:var(--space-6);gap:0;display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);transition:color var(--transition-fast);background:0 0;border:none;position:relative}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--yellow)}.tab.active:after{content:"";background:var(--yellow);height:2px;position:absolute;bottom:-1px;left:0;right:0}.agent-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);display:flex}.agent-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.agent-dot.running{background:var(--yellow);animation:1.5s ease-in-out infinite pulse-dot}.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}.agent-status-text{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.pipeline-steps{align-items:center;gap:0;display:flex}.pipeline-step{background:var(--border-default);height:3px;transition:background var(--transition-slow);flex:1}.pipeline-step.done{background:var(--yellow)}.pipeline-step.running{background:var(--yellow);animation:1.5s ease-in-out infinite pulse-bar}.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:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}
