:root{--navy:#0c3a6b;--green:#84c43f;--ink:#1f2a30;--muted:#5b6b70;--line:#d5dddf;--surface:#f5f7f8;--card:#fff;--amber:#e8a317;--red:#c8372d;--rail:#0f5e63;color:var(--ink);background:var(--surface);font-family:Inter,system-ui,sans-serif;font-size:16px}body{margin:0}h1{color:var(--navy);margin:0 0 16px;font-size:28px}.muted{color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px}.signin{place-items:center;min-height:100vh;display:grid}.signin .card{width:420px}.roles{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.roles button{text-align:left;border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;gap:4px;padding:12px 16px;display:grid}.roles button strong{color:var(--navy)}.roles button span{color:var(--muted);font-size:14px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);width:248px;color:var(--card);padding:20px 0}.sidebar .brand{padding:0 20px 20px;font-size:20px;font-weight:600}.sidebar .rail{letter-spacing:.08em;text-transform:uppercase;background:var(--rail);color:var(--card);border-radius:999px;margin-top:6px;padding:2px 8px;font-size:12px;font-weight:400;display:table}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar a{min-height:44px;color:var(--card);align-items:center;padding:0 20px;font-size:14px;text-decoration:none;display:flex}.sidebar a[aria-current=page]{background:var(--rail);font-weight:600}.content{flex:1}.topbar{background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 32px;font-size:14px;display:flex}.demo{background:color-mix(in srgb, var(--amber) 15%, transparent);border-radius:999px;padding:4px 10px}.content main{padding:32px}button.link{min-height:44px;color:var(--navy);font:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;text-decoration:underline}h2{color:var(--navy);margin:0 0 12px;font-size:20px}.subpages{color:var(--muted);gap:16px;margin:0 0 16px;padding:0;font-size:14px;list-style:none;display:flex}.dashboard{gap:16px;display:grid}.tiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.tile{gap:6px;display:grid}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.amount,.num,td.rate{font-variant-numeric:tabular-nums}.tile .amount{color:var(--navy);font-size:28px}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{border-radius:999px;padding:6px 12px;font-size:14px}tr.inactive td{color:var(--muted)}.chip.amber{color:color-mix(in srgb, var(--amber) 45%, var(--ink));background:color-mix(in srgb, var(--amber) 15%, transparent)}.chip.green{color:color-mix(in srgb, var(--green) 45%, var(--ink));background:color-mix(in srgb, var(--green) 15%, transparent)}.chip.red{color:var(--red);background:color-mix(in srgb, var(--red) 8%, transparent)}.chip.navy{color:var(--navy);background:color-mix(in srgb, var(--navy) 15%, transparent)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);height:44px;font-size:14px}th{background:var(--card);color:var(--muted);font-weight:600;position:sticky;top:0}th.num,td.num,td.rate{text-align:right}.stack{gap:16px;display:grid}.filters{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px 16px;display:grid}.filters h2,.filters .actions,.filters [role=status]{grid-column:1/-1}.filters label{color:var(--muted);gap:4px;font-size:12px;display:grid}.filters input,.filters select{border:1px solid var(--line);min-height:44px;font:inherit;color:var(--ink);background:var(--card);border-radius:8px;padding:0 12px;font-size:14px}.actions{gap:12px;display:flex}.actions button,.actions a{border:1px solid var(--navy);background:var(--navy);min-height:44px;color:var(--card);font:inherit;cursor:pointer;border-radius:8px;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.actions button.secondary{border-color:var(--line);background:var(--card);color:var(--navy)}.actions button:disabled,.tabs button:disabled,button.toggle:disabled{opacity:.5;cursor:not-allowed}button.toggle{border:1px solid var(--line);background:var(--card);min-width:64px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;font-size:14px}button.toggle[aria-pressed=true]{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 15%, transparent);color:color-mix(in srgb, var(--amber) 45%, var(--ink));font-weight:600}.legend{align-items:center;gap:8px;font-size:14px;display:flex}.swatch{border-radius:4px;width:16px;height:16px;margin-left:16px;display:inline-block}.swatch:first-child{margin-left:0}.swatch.blacklisted,tr.blacklisted,.swatch.cancelled,tr.cancelled,tr.flagged{background:color-mix(in srgb, var(--red) 10%, var(--card))}.swatch.watchlist,tr.watchlist,tr.knob-on{background:color-mix(in srgb, var(--amber) 15%, var(--card))}.tabs{gap:8px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:0 16px;font-size:14px}.tabs button[aria-selected=true]{border-color:var(--navy);color:var(--navy);font-weight:600}.rail-view h2{color:var(--rail)}.legs{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.leg{border-bottom:1px solid var(--line);gap:16px;padding:12px 0;display:flex}.leg .step{background:var(--rail);width:32px;height:32px;color:var(--card);border-radius:999px;flex:none;place-items:center;font-weight:600;display:grid}.leg dl{grid-template-columns:repeat(6,auto);gap:4px 12px;margin:8px 0 0;font-size:14px;display:grid}.leg dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.leg dd{margin:0}.leg .holder{color:var(--rail);font-weight:600}