:root{--navy:#07111d;--ink:#0e1726;--muted:#66758a;--subtle:#8491a2;--line:#e3e8ef;--paper:#f6f7f9;--white:#fff;--cyan:#43c9ee;--blue:#3f72e8;--green:#159a7d;--amber:#b86a13;--purple:#7756df;--red:#b84c57}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5}a{color:inherit}.top{height:64px;background:var(--navy);color:#fff}.top,.topin{display:flex;align-items:center}.topin{width:min(1280px,calc(100% - 56px));margin:auto;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;text-decoration:none;color:#fff}.brand .accent{color:var(--cyan)}.brand .portal{font-weight:500;color:#aebed0;margin-left:6px;font-size:15px}.logo{height:30px;width:auto;display:block}.account{display:flex;gap:14px;align-items:center;color:#b7c4d3;font-size:14px}.avatar{width:30px;height:30px;border-radius:50%;background:#4e7df1;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.subnav{height:52px;background:#fff;border-bottom:1px solid var(--line)}.navin{width:min(1280px,calc(100% - 56px));margin:auto;align-items:center;justify-content:space-between}.links,.navin{height:100%;display:flex}.links{gap:28px}.links a{height:100%;display:flex;align-items:center;text-decoration:none;color:#5e6d80;font-size:14px;font-weight:650;border-bottom:2px solid transparent}.links a.active{color:#111b29;border-bottom-color:var(--blue)}.period{font-size:13px;color:#7c8999}main{width:min(1280px,calc(100% - 56px));margin:0 auto;padding:40px 0 64px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:800}h1{font-size:32px;letter-spacing:-.03em;margin:8px 0 0}.intro{color:var(--muted);font-size:15px;line-height:1.55;margin:10px 0 0;max-width:820px}.actions{display:flex;gap:9px}.btn{border:1px solid #ccd5e0;background:#fff;color:#26364a;padding:9px 14px;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.btn:hover{background:#f4f7fb}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.primary:hover{background:#0d1c2e}.btn:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;box-shadow:0 1px 2px rgba(15,23,42,.03)}.stat label{display:block;color:#728196;font-size:13px;font-weight:700}.stat strong{display:block;font-size:30px;margin:8px 0 3px;letter-spacing:-.02em;font-weight:800}.stat small{color:#8a97a7;font-size:13px}.stat.attn strong{color:var(--amber)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:20px;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;overflow:hidden}.cardhead{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.cardhead h2{font-size:17px;margin:0}.cardhead p{font-size:13px;color:#8491a2;margin:5px 0 0}.row,.tablehead{display:grid;grid-template-columns:1.7fr .85fr .85fr .85fr 1fr .6fr;grid-gap:12px;gap:12px;align-items:center;padding:13px 20px}.tablehead{background:#fafbfc;color:#7b899b;text-transform:uppercase;font-size:11px;letter-spacing:.07em;font-weight:800}.row{min-height:70px;border-top:1px solid #edf0f4;font-size:14px}.row:hover{background:#fcfdfe}.customer{display:flex;gap:12px;align-items:center}.monogram{width:36px;height:36px;border-radius:8px;background:#eef3f8;color:#49617e;display:grid;place-items:center;font-weight:800;font-size:14px}.customer b{display:block;font-size:14px}.customer small{display:block;color:#8b98a8;margin-top:3px;font-size:12.5px;font-family:ui-monospace,Menlo,monospace}.meter{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.meter.over{color:var(--red);font-weight:700}.dim{color:#8a97a7}.openlink{color:#315fc4;font-weight:700;text-decoration:none;font-size:13px}.openlink:hover{text-decoration:underline}.status{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:750;background:#edf9f5;color:#157d68;border:1px solid #ccebe2;white-space:nowrap}.status.open{background:#eef3fb;color:#315fc4;border-color:#d7e1f3}.status.pending{background:#fff7eb;color:#a36114;border-color:#f0ddbd}.status.billable{background:#f3eefe;color:#5b40b8;border-color:#e0d6f7}.status.invoiced{background:#eef1f4;color:#4a5a6d;border-color:#dbe1e8}.status.bad{background:#fdeeef;color:#b0333f;border-color:#f4cdd1}.queue{padding:6px 18px 14px}.q{padding:14px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:10px;align-items:center}.q:last-child{border:0}.q b{font-size:14px}.q small{display:block;color:#8996a6;margin-top:4px;font-size:12.5px}.q a{font-size:13px;color:#315fc4;font-weight:700;text-decoration:none;white-space:nowrap}.trust{padding:18px}.trustline{display:flex;gap:12px;align-items:flex-start}.shield{width:32px;height:32px;border-radius:8px;background:#edf9f5;color:#16816a;display:grid;place-items:center;flex:0 0 auto;font-size:15px}.shield.cyc{background:#eef3fb;color:#315fc4}.trust b{font-size:14px}.trust p{font-size:13px;line-height:1.5;color:#7d8b9c;margin:5px 0 0}.workflow{padding:20px}.steps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0}.step{padding:0 16px;border-left:1px solid var(--line)}.step:first-child{border-left:0;padding-left:0}.step:last-child{padding-right:0}.num{color:#3d6bd5;font-size:12px;font-weight:800;margin-bottom:8px}.step b{font-size:14px}.step p{color:#7d8b9d;margin:6px 0 0}.note,.step p{font-size:13px;line-height:1.5}.note{margin-top:20px;padding:13px 15px;background:#f7fafc;border:1px solid #e3eaf1;border-radius:9px;color:#748398}.note b{color:#46576c}.rule{padding:15px 20px;background:#fbfcfd;border-top:1px solid var(--line);font-size:13px;color:#6f7e91;line-height:1.55}.rule strong{color:#38485d}input,select,textarea{font-family:inherit;font-size:14px;border:1px solid #ccd5e0;border-radius:8px;padding:9px 11px;color:var(--ink);background:#fff}textarea{width:100%}.kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #edf0f4;font-size:14px}.kv:last-child{border:0}.kv span{color:#7b899b}.kv strong{font-weight:700}.muted{color:var(--muted)}.note-msg{font-size:13px;margin:8px 0 0}.note-msg.ok{color:var(--green)}.note-msg.warn{color:var(--amber)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.card-pad{padding:20px}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.grid2,.layout{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:20px}.step:nth-child(3),.step:nth-child(5){border-left:0;padding-left:0}.tablehead{display:none}.row{grid-template-columns:1fr 1fr;gap:10px}.links{gap:16px}}