:root{font-family:Inter,PingFang SC,system-ui,sans-serif;color:#e8edf5;background:#10131a}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1,h2,p{margin:0}.eyebrow{color:#6f84a8;font-size:12px;letter-spacing:.12em;margin-bottom:7px}.badge{padding:8px 12px;border-radius:999px;font-size:13px}.online{background:#153b2c;color:#75dfa7}.offline{background:#3a2b20;color:#f1b16d}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric,.panel{background:#181d27;border:1px solid #2a3343;border-radius:12px}.metric{padding:17px}.metric span{display:block;color:#92a0b5;font-size:13px;margin-bottom:8px}.metric strong{font-size:20px}.good,.spread.positive,.opportunity-status.eligible{color:#72dca5}.warn{color:#f2ae70}.spread.negative{color:#f07d7d}.spread.neutral{color:#e8edf5}.opportunity-status.below_threshold{color:#f2ae70}.opportunity-status.unavailable{color:#778398}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:18px;margin-bottom:18px}.panel h2{font-size:15px;margin-bottom:8px}.panel-note{color:#92a0b5;font-size:12px;line-height:1.55;margin:0 0 14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#8e9bb0;font-weight:500;padding:0 10px 10px}td{padding:11px 10px;border-top:1px solid #28303d;white-space:nowrap}.empty{text-align:center;color:#778398;padding:30px}ul{margin:0;padding-left:18px;color:#f2ae70;font-size:13px}.approval-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.approval-form input{width:74px;padding:5px 7px;border:1px solid #40516b;border-radius:5px;background:#10131a;color:#e8edf5}.approval-form button{padding:5px 8px;border:0;border-radius:5px;background:#3c7cf5;color:#fff;cursor:pointer}.approval-form small{width:100%;color:#92a0b5;font-size:11px;white-space:normal}.approval-disabled{color:#778398;font-size:12px}@media(max-width:800px){main{padding:18px}.metrics,.grid{grid-template-columns:1fr 1fr}header{align-items:flex-start;gap:12px}}@media(max-width:500px){.metrics,.grid{grid-template-columns:1fr}}.session-actions{display:flex;align-items:center;gap:10px}.user-name{color:#b9c4d5;font-size:13px}.secondary-button,.text-button,form button{border:1px solid #40516b;border-radius:6px;background:#1a315c;color:#e8edf5;padding:7px 10px;cursor:pointer}.secondary-button,.text-button{background:#10131a;color:#b9c4d5}.auth-page{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(100%,420px);padding:28px;background:#181d27;border:1px solid #2a3343;border-radius:14px}.auth-card h1{margin-bottom:10px}.auth-card form,.credential-form{display:grid;gap:12px}.auth-card label,.credential-form label{display:grid;gap:6px;color:#b9c4d5;font-size:13px}.auth-card input,.credential-form input,.credential-form select{width:100%;border:1px solid #40516b;border-radius:6px;background:#10131a;color:#e8edf5;padding:9px}.auth-card form button,.credential-form button{border:0;background:#3c7cf5;color:#fff}.text-button{margin-top:14px;border:0;padding:0}.form-error{color:#f39a9a;font-size:13px}.credential-panel{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;background:#181d27;border:1px solid #2a3343;border-radius:12px;padding:18px;margin-bottom:18px}.credential-panel>div{flex:1}.credential-panel h2{font-size:15px;margin-bottom:8px}.credential-form{width:100%;grid-template-columns:repeat(4,minmax(130px,1fr));align-items:end}.credential-form .form-message{grid-column:1/-1;color:#72dca5;font-size:13px;margin:0}@media(max-width:800px){.credential-form{grid-template-columns:1fr 1fr}.session-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:500px){.credential-form{grid-template-columns:1fr}.session-actions{justify-content:flex-start}}.dialog-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#0000009e}.password-dialog{width:min(100%,420px);padding:22px;background:#181d27;border:1px solid #40516b;border-radius:14px;box-shadow:0 18px 60px #00000073}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-header h2{font-size:17px}.dialog-header .text-button{margin:0}.password-dialog form{display:grid;gap:12px}.password-dialog label{display:grid;gap:6px;color:#b9c4d5;font-size:13px}.password-dialog input{width:100%;border:1px solid #40516b;border-radius:6px;background:#10131a;color:#e8edf5;padding:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.dialog-actions button:last-child{border:0;border-radius:6px;background:#3c7cf5;color:#fff;padding:7px 10px;cursor:pointer}.password-dialog select{width:100%;border:1px solid #40516b;border-radius:6px;background:#10131a;color:#e8edf5;padding:9px}.credential-page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:#181d27;border:1px solid #2a3343;border-radius:12px;padding:18px;margin-bottom:18px}.credential-page-intro h2,.credential-card h2{font-size:16px;margin-bottom:8px}.credential-page-intro button{border:0;border-radius:6px;background:#3c7cf5;color:#fff;padding:8px 11px;cursor:pointer;white-space:nowrap}.credential-page-intro button:disabled{cursor:not-allowed;background:#313b4d;color:#778398}.credential-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.credential-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#181d27;border:1px solid #2a3343;border-radius:12px;padding:18px}.credential-card p:not(.eyebrow){color:#92a0b5;font-size:13px;margin:0}.credential-empty{grid-column:1/-1}@media(max-width:500px){.credential-page-intro,.credential-card{align-items:stretch;flex-direction:column}.credential-page-intro button{width:100%}}.alert-panel{background:#181d27;border:1px solid #2a3343;border-radius:12px;padding:18px;margin-bottom:18px}.alert-panel h2{font-size:15px;margin-bottom:12px}.alert-list{display:grid;gap:8px}.alert{border-left:4px solid #778398;border-radius:6px;padding:10px 12px;background:#141923;display:grid;gap:4px;font-size:13px}.alert strong{font-size:14px}.alert span{color:#b9c4d5;line-height:1.45}.alert.error{border-color:#f07d7d}.alert.error strong{color:#f39a9a}.alert.warning{border-color:#f2ae70}.alert.warning strong{color:#f2c18f}.alert.success{border-color:#72dca5}.alert.success strong{color:#72dca5}.alert.info{border-color:#7da8ff}.alert.info strong{color:#9bbdff}.quote-tabs,.ledger-tabs{display:flex;gap:8px;margin:-2px 0 14px}.quote-tabs button,.ledger-tabs button{border:1px solid #40516b;border-radius:6px;background:#10131a;color:#92a0b5;padding:6px 10px;cursor:pointer;font-size:12px}.quote-tabs button.active,.ledger-tabs button.active{border-color:#3c7cf5;background:#1a315c;color:#e8edf5}