:root{--bg:#f6f7f9;--surface:#fff;--border:#e3e6ea;--text:#1c2430;--muted:#68717d;--accent:#0f6fde;--good:#178a50;--good-bg:#e7f6ee;--due:#a15c00;--due-bg:#fdf1dd;--wait:#68717d;--wait-bg:#eef0f3;--bad:#b3261e;--bad-bg:#fdeaea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:15px;line-height:1.45}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.brand-tag{color:var(--due);background:var(--due-bg);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600}.role-switch{background:var(--wait-bg);border-radius:10px;gap:4px;padding:3px;display:flex}.role-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 16px;font-size:14px;font-weight:600}.role-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.content{max-width:960px;margin:0 auto;padding:24px 20px 64px}.view-head{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.view-head h2{margin:0}h3{margin:28px 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat{margin-bottom:0}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}.stat-value{margin-top:4px;font-size:24px;font-weight:700}.stat-value.small-value{font-size:14px;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px;font-size:12px}td{border-bottom:1px solid var(--border);padding:8px}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.neg{color:var(--bad)}.pill{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-good{color:var(--good);background:var(--good-bg)}.pill-due{color:var(--due);background:var(--due-bg)}.pill-wait{color:var(--wait);background:var(--wait-bg)}.pill-bad{color:var(--bad);background:var(--bad-bg)}.pill-neutral{color:var(--accent);background:#e8f1fd}.deal-card{padding:16px 18px}.deal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.deal-client{font-size:16px;font-weight:700}.deal-head-right{align-items:center;gap:10px;display:flex}.deal-earned{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.deal-facts{margin:6px 0 10px;font-size:13px}.milestones{flex-direction:column;gap:6px;display:flex}.milestone{background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 10px;display:flex}.milestone-key{min-width:70px;font-size:13px;font-weight:700}.milestone-amount{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.batch-head{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.batch-total{font-variant-numeric:tabular-nums;margin-left:auto;font-size:17px;font-weight:700}.center-note{text-align:center;color:var(--muted);padding:80px 20px}.user-chip{align-items:center;gap:10px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{width:100%;max-width:360px;padding:28px}.login-brand{font-size:26px}.login-card form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.login-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.login-card input{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-family:inherit;font-size:15px}.login-card input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.btn-primary,.btn-secondary{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:default}.btn-secondary{background:var(--wait-bg);color:var(--text)}.btn-small{padding:6px 12px;font-size:13px}.login-msg{border-radius:8px;margin-top:14px;padding:8px 12px;font-size:13px}.login-msg.error{color:var(--bad);background:var(--bad-bg)}.login-msg.info{color:var(--good);background:var(--good-bg)}