@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg:#090909;--panel:#0f0f0f;--panel-2:#121212;--panel-3:#161616;--line:#222;--line-2:#2d2d2d;--text:#f4f4f3;--muted:#8a8a88;--faint:#5a5a58;--orange:#e43d12;--orange-2:#ff5a2f;--green:#37cf8b;--amber:#dfaa45;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}svg{display:block}code{font-family:var(--mono);color:#ff9b82;font-size:.88em}::selection{background:#e43d1259}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#282828;border-radius:20px}.brand{align-items:center;gap:10px;height:34px;display:flex}.brand-mark{background:linear-gradient(145deg,#f35229,#bc2b08);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 24px #e43d1238,inset 0 1px #ffffff2e}.brand-mark svg{fill:none;stroke:#fff;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.brand-word{letter-spacing:.15em;font-size:17px;font-weight:700}.brand-tag{font-family:var(--mono);letter-spacing:.15em;color:#e67659;border:1px solid #57291d;border-radius:4px;margin-left:-4px;padding:2px 5px;font-size:8px}.app-shell{background:radial-gradient(circle at 72% -20%, #e43d120b, transparent 33%), var(--bg);min-height:100vh}.sidebar{z-index:30;background:#0b0b0b;border-right:1px solid #1c1c1c;flex-direction:column;width:240px;padding:25px 14px 15px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #1a1a1a;padding:0 9px 27px}.workspace-label{font-family:var(--mono);letter-spacing:.18em;color:#4f4f4f;padding:24px 12px 9px;font-size:8.5px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#777;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:43px;padding:0 12px;font-size:13px;transition:all .18s;display:flex}.nav-item .icon{opacity:.82}.nav-item:hover{color:#d2d2d2;background:#121212}.nav-item.active{color:#fff;box-shadow:inset 2px 0 var(--orange);background:linear-gradient(90deg,#e43d121f,#e43d1209)}.nav-item.active .icon{color:#f15b35}.nav-count{min-width:20px;height:19px;font-family:var(--mono);color:#ff8a6d;background:#e43d1221;border:1px solid #e43d123b;border-radius:5px;place-items:center;margin-left:auto;padding:0 5px;font-size:9px;display:grid}.sidebar-spacer{flex:1;min-height:30px}.sidebar-status{background:#0e0e0e;border:1px solid #202020;border-radius:10px;align-items:center;gap:10px;margin:0 3px 12px;padding:13px 10px;display:flex}.integration-icon{color:#a599e6;background:#211d35;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.integration-icon.connected{color:#fff;background:#635bff}.sidebar-status div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-status strong{color:#c5c5c5;font-size:10.5px;font-weight:600}.sidebar-status span:not(.status-dot){font-family:var(--mono);color:#575757;white-space:nowrap;text-overflow:ellipsis;font-size:7.5px;overflow:hidden}.status-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 9px #37cf8b80}.sidebar-status>.status-dot{margin-left:auto}.status-dot.amber{background:var(--amber);box-shadow:0 0 9px #dfaa456b}.sidebar-settings{border-top:1px solid #1a1a1a;border-radius:0;height:48px;margin-top:2px;padding-top:7px}.sidebar-footer{font-family:var(--mono);letter-spacing:.13em;color:#333;padding:12px 11px 0;font-size:7px}.main-shell{min-height:100vh;margin-left:240px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090909db;border-bottom:1px solid #1b1b1b;justify-content:space-between;align-items:center;height:67px;padding:0 31px;display:flex;position:sticky;top:0}.breadcrumbs{font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:9px;font-size:10px;display:flex}.breadcrumbs span{color:#515151}.breadcrumbs b{color:#303030;font-weight:400}.breadcrumbs strong{color:#aaa;font-weight:500}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#777;background:#0d0d0d;border:1px solid #242424;border-radius:8px;place-items:center;width:33px;height:33px;transition:all .16s;display:grid}.icon-button:hover{color:#ddd;border-color:#383838}.sync-status{color:#838383;height:29px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#101010;border:1px solid #232323;border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:8.5px;display:flex}.sync-status .status-dot{width:6px;height:6px}.avatar{font-family:var(--mono);border:1px solid #ffffff14;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.page-content{max-width:1480px;margin:0 auto;padding:37px 34px 60px}.page-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow{font-family:var(--mono);color:var(--orange-2);letter-spacing:.2em;font-size:8.5px;font-weight:500}.page-intro h1{letter-spacing:-.025em;margin:10px 0 7px;font-size:26px;line-height:1.15}.page-intro p{color:#717171;margin:0;font-size:12.5px}.page-actions{align-items:center;gap:9px;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(#ed4a20,#cc300d);border-color:#ec532b;box-shadow:0 6px 24px #e43d1221,inset 0 1px #ffffff29}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{color:#aaa;background:#101010;border-color:#292929}.btn-secondary:hover{color:#eee;border-color:#444}.btn-ghost{color:#7e7e7e;background:0 0;border-color:#292929}.btn-ghost:hover{color:#ddd}.btn-small{color:#aaa;background:#151515;border-color:#2c2c2c;height:29px;padding:0 10px;font-size:9.5px}.btn-small:hover{color:#fff;border-color:#474747}.text-button{color:#777;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.text-button:hover{color:#ccc}.demo-banner{background:linear-gradient(90deg,#e43d1217,#e43d1206);border:1px solid #e43d1233;border-radius:10px;align-items:center;gap:13px;min-height:58px;margin:-5px 0 20px;padding:11px 14px;display:flex}.demo-badge{font-family:var(--mono);letter-spacing:.14em;color:#ff8b6e;background:#2e140d;border:1px solid #592619;border-radius:5px;padding:5px 7px;font-size:8px}.demo-banner>div{flex-direction:column;gap:2px;display:flex}.demo-banner strong{color:#d9d9d9;font-size:10.5px}.demo-banner span:not(.demo-badge){color:#656565;font-size:9.5px}.demo-banner button{color:#de745b;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;font-size:9.5px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(145deg,#111,#0d0d0d);border-radius:12px;min-height:132px;padding:17px 18px;position:relative;overflow:hidden}.metric-card.accent{background:radial-gradient(circle at 95% 0,#e43d122b,#0000 48%),linear-gradient(145deg,#14100f,#0e0d0d);border-color:#e43d1252}.metric-card.accent:after{content:"";border:1px solid #e43d121f;border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-25px}.metric-top{font-family:var(--mono);color:#686868;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.metric-icon{color:#666;border:1px solid #282828;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.metric-card.accent .metric-icon{color:#f16a48;background:#e43d1214;border-color:#572619}.metric-card>strong{font-family:var(--mono);letter-spacing:-.04em;margin-top:14px;font-size:24px;font-weight:500;display:block}.metric-detail{color:#575757;align-items:center;gap:7px;margin-top:5px;font-size:9px;display:flex}.metric-detail b{color:var(--green);font-family:var(--mono);font-size:8px;font-weight:500}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#101010,#0d0d0d);border-radius:12px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);gap:14px;margin-bottom:14px;display:grid}.panel-head{border-bottom:1px solid #1d1d1d;justify-content:space-between;align-items:center;gap:15px;min-height:67px;padding:15px 18px;display:flex}.panel-head h2{margin:5px 0 0;font-size:13px}.panel-head .eyebrow{font-size:7.5px}.earnings-list{padding:5px 18px 11px}.earning-row{border-bottom:1px solid #1a1a1a;grid-template-columns:25px 36px minmax(120px,.8fr) minmax(90px,1fr) 75px;align-items:center;gap:11px;min-height:58px;display:grid}.earning-row:last-child{border-bottom:0}.rank{font-family:var(--mono);color:#444;font-size:8px}.earning-name{flex-direction:column;gap:2px;min-width:0;display:flex}.earning-name strong{font-size:10.5px}.earning-name span{color:#585858;font-size:8.5px}.bar-track{background:#1b1b1b;border-radius:4px;height:4px;overflow:hidden}.bar-track span{background:linear-gradient(90deg,#b52a09,#f05a34);border-radius:4px;height:100%;display:block}.earning-amount{font-family:var(--mono);text-align:right;font-size:10px;font-weight:500}.expiry-list{padding:5px 16px 10px}.expiry-row{border-bottom:1px solid #1a1a1a;align-items:center;gap:11px;min-height:58px;display:flex}.expiry-row:last-child{border:0}.date-tile{background:#151515;border:1px solid #2b2b2b;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;width:34px;height:36px;display:flex}.date-tile b{font-family:var(--mono);font-size:10px}.date-tile span{font-family:var(--mono);color:#686868;font-size:6.5px}.date-tile.soon{color:#fa7654;background:#20120e;border-color:#52261b}.expiry-row>div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.expiry-row>div:nth-child(2) strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.expiry-row>div:nth-child(2) span{color:#5c5c5c;font-size:8px}.days-pill{font-family:var(--mono);color:#666;border:1px solid #282828;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:7px}.days-pill.soon{color:#e0775d;border-color:#50251a}.unassigned-panel{overflow:hidden}.count-label{font-family:var(--mono);color:#855441;letter-spacing:.12em;font-size:7px}.mini-customer-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mini-customer{border-right:1px solid #1c1c1c;align-items:center;gap:10px;min-height:72px;padding:13px 17px;display:flex}.mini-customer:last-child{border:0}.mini-customer>div{flex-direction:column;gap:3px;min-width:0;display:flex}.mini-customer>div strong{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.mini-customer>div span{font-family:var(--mono);color:#626262;font-size:7.5px}.mini-customer .btn{margin-left:auto}.customer-logo{font-family:var(--mono);border:1px solid #ffffff12;border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:600;display:inline-grid}.all-assigned{justify-content:center;align-items:center;gap:12px;min-height:78px;display:flex}.all-assigned>span{width:30px;height:30px;color:var(--green);background:#37cf8b1a;border-radius:50%;place-items:center;display:grid}.all-assigned div{flex-direction:column;gap:2px;display:flex}.all-assigned strong{font-size:10px}.all-assigned p{color:#5e5e5e;margin:0;font-size:8.5px}.empty-state{color:#555;flex-direction:column;justify-content:center;align-items:center;min-height:150px;display:flex}.empty-state>span{color:#6a6a6a;border:1px solid #292929;border-radius:50%;place-items:center;width:33px;height:33px;margin-bottom:8px;display:grid}.empty-state strong{color:#8b8b8b;font-size:10px}.empty-state p{margin:4px 0 0;font-size:8.5px}.table-panel{overflow:hidden}.table-toolbar{border-bottom:1px solid #1e1e1e;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:flex}.search-field{color:#555;background:#0c0c0c;border:1px solid #292929;border-radius:8px;align-items:center;gap:8px;width:min(310px,38%);height:35px;padding:0 11px;display:flex}.search-field:focus-within{border-color:#4a2b23}.search-field input{color:#ddd;background:0 0;border:0;outline:0;width:100%;font-size:10px}.search-field input::placeholder{color:#4c4c4c}.segmented{background:#0b0b0b;border:1px solid #272727;border-radius:8px;padding:3px;display:flex}.segmented button{color:#5d5d5d;background:0 0;border:0;border-radius:5px;height:27px;padding:0 10px;font-size:8.5px}.segmented button.active{color:#bbb;background:#1a1a1a;box-shadow:inset 0 0 0 1px #242424}.table-count{font-family:var(--mono);letter-spacing:.1em;color:#4f4f4f;margin-left:auto;font-size:7.5px}.data-table{width:100%}.table-row{border-bottom:1px solid #1a1a1a;align-items:center;min-height:67px;padding:0 16px;display:grid}.customer-table .table-row{grid-template-columns:minmax(190px,1.5fr) .65fr .8fr minmax(125px,.9fr) minmax(150px,1fr) 66px;gap:12px}.table-row:last-child{border-bottom:0}.table-header{min-height:38px;font-family:var(--mono);letter-spacing:.11em;color:#494949;background:#0c0c0c;font-size:7px}.customer-cell{align-items:center;gap:10px;min-width:0;display:flex}.customer-cell>div{flex-direction:column;gap:3px;min-width:0;display:flex}.customer-cell strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.customer-cell span{color:#595959;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.status-pill{width:max-content;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#6d6d6d;background:#171717;border:1px solid #282828;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:7px;display:inline-flex}.status-pill i{background:#666;border-radius:50%;width:5px;height:5px}.status-pill.active{color:#54cf94;background:#37cf8b14;border-color:#37cf8b33}.status-pill.active i{background:var(--green)}.status-pill.trialing{color:#d0a85e;background:#dfaa4514;border-color:#dfaa4533}.status-pill.trialing i{background:var(--amber)}.status-pill.past_due{color:#e77a5f;background:#e43d1214;border-color:#e43d1233}.status-pill.past_due i{background:var(--orange)}.mrr-cell{flex-direction:column;gap:2px;display:flex}.mrr-cell strong{font-family:var(--mono);font-size:9.5px}.mrr-cell span{color:#535353;font-family:var(--mono);font-size:6.5px}.owner-cell{align-items:center;gap:7px;display:flex}.owner-cell span{color:#aaa;font-size:9px}.unassigned-label{color:#ae644f;padding-left:10px;font-size:8.5px;position:relative}.unassigned-label:before{content:"";background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.window-cell{flex-direction:column;gap:3px;display:flex}.window-cell span{font-family:var(--mono);color:#858585;font-size:7.5px}.window-cell small{color:#505050;font-size:7.5px}.muted{color:#444}.table-action{justify-content:flex-end;display:flex}.table-action button{color:#747474;background:#131313;border:1px solid #292929;border-radius:6px;align-items:center;gap:2px;padding:5px 7px;font-size:8px;display:flex}.table-action button:hover{color:#ddd;border-color:#454545}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.person-card{background:radial-gradient(circle at 90% 0,#e43d120b,#0000 38%),linear-gradient(145deg,#111,#0e0e0e);border:1px solid #232323;border-radius:12px;transition:all .18s;overflow:hidden}.person-card:hover{border-color:#343434;transform:translateY(-1px)}.inactive-card{opacity:.55;filter:grayscale(.5)}.person-card-top{align-items:center;gap:11px;padding:18px 18px 9px;display:flex}.person-card-top>div{min-width:0}.person-card-top h2{margin:0 0 3px;font-size:12px}.person-card-top p{color:#626262;margin:0;font-size:8.5px}.more-button{color:#555;letter-spacing:.08em;background:0 0;border:0;align-self:flex-start;width:27px;height:24px;margin-left:auto}.more-button:hover{color:#bbb}.person-email{color:#515151;font-family:var(--mono);padding:0 18px 16px 75px;font-size:7.5px}.person-stats{background:#0000001f;border-top:1px solid #1e1e1e;border-bottom:1px solid #1e1e1e;grid-template-columns:1.2fr 1fr 1fr;display:grid}.person-stats>div{border-right:1px solid #1e1e1e;flex-direction:column;gap:6px;min-height:66px;padding:13px 15px;display:flex}.person-stats>div:last-child{border:0}.person-stats span{font-family:var(--mono);color:#505050;letter-spacing:.08em;font-size:6.5px}.person-stats strong{font-family:var(--mono);font-size:11px;font-weight:500}.person-card-foot{justify-content:space-between;align-items:center;height:48px;padding:0 15px 0 18px;display:flex}.person-card-foot>div{gap:4px;display:flex}.slack-state{color:#555;align-items:center;gap:6px;font-size:8px;display:flex}.slack-state.on{color:#8b8b8b}.slack-state.on .icon{color:#56c995}.icon-text{color:#666;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;height:27px;padding:0 7px;font-size:8px;display:flex}.icon-text:hover{color:#bbb;background:#181818}.terms-note{align-items:center;gap:14px;margin-top:17px;padding:15px 18px;display:flex}.terms-icon{color:#de6b4c;background:#e43d1214;border:1px solid #e43d122e;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.terms-note p{color:#5f5f5f;margin:4px 0 0;font-size:8.5px;line-height:1.5}.big-empty{flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.big-empty .empty-state{min-height:120px}.big-empty .btn{margin-top:-3px}.month-picker{color:#737373;background:#101010;border:1px solid #292929;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 11px;display:flex}.month-picker select{color:#aaa;background:0 0;border:0;outline:0;font-size:10px}.report-summary{background:radial-gradient(circle at 10% 0,#e43d1212,#0000 35%),#101010;border:1px solid #252525;border-radius:12px;grid-template-columns:1.2fr 1fr 1fr 1fr;margin-bottom:14px;transition:opacity .2s;display:grid}.report-summary.report-loading{opacity:.45}.report-summary>div{border-right:1px solid #222;flex-direction:column;min-height:105px;padding:18px 20px;display:flex}.report-summary>div:last-child{border:0}.report-summary span{font-family:var(--mono);letter-spacing:.12em;color:#555;font-size:7px}.report-summary strong{font-family:var(--mono);margin:11px 0 4px;font-size:19px;font-weight:500}.report-summary>div:first-child strong{color:#ff6b45}.report-summary small{color:#595959;font-size:8px}.report-panel{overflow:hidden}.report-ready{color:var(--green);font-family:var(--mono);letter-spacing:.08em;background:#37cf8b0f;border:1px solid #37cf8b30;border-radius:5px;align-items:center;gap:5px;padding:4px 7px;font-size:7px;display:flex}.commission-person{border-bottom:1px solid #202020}.commission-person:last-child{border:0}.commission-person-head{background:#0f0f0f;align-items:center;gap:11px;min-height:73px;padding:12px 18px;display:flex}.commission-person-head>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.commission-person-head>div:nth-child(2) span{color:#565656;font-size:8px}.commission-person-total{flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;display:flex}.commission-person-total span{font-family:var(--mono);color:#515151;font-size:6.5px}.commission-person-total strong{font-family:var(--mono);font-size:13px;font-weight:500}.commission-person-head .btn{margin-left:6px}.deal-lines{padding:2px 18px 8px 71px}.deal-line{border-top:1px solid #191919;grid-template-columns:10px minmax(180px,1fr) 120px 85px;align-items:center;gap:10px;min-height:46px;display:grid}.deal-dot{background:#6b3a2d;border-radius:50%;width:5px;height:5px}.deal-line>div{flex-direction:column;gap:2px;display:flex}.deal-line>div strong{font-size:9px}.deal-line>div span{font-family:var(--mono);color:#535353;font-size:7px}.deal-line>span:nth-child(3){color:#525252;font-size:8px}.deal-line>strong{font-family:var(--mono);text-align:right;font-size:9px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ba;place-items:center;padding:18px;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal{background:#101010;border:1px solid #303030;border-radius:14px;width:min(500px,100%);max-height:min(760px,100vh - 36px);animation:.18s modal-in;overflow-y:auto;box-shadow:0 28px 90px #000000b3}.modal-wide{width:min(620px,100%)}.modal>header{z-index:2;background:linear-gradient(145deg,#141414,#101010);border-bottom:1px solid #222;justify-content:space-between;align-items:center;gap:16px;min-height:77px;padding:17px 20px;display:flex;position:sticky;top:0}.modal header h2{margin:0 0 4px;font-size:14px}.modal header p{color:#626262;margin:0;font-size:9px}.modal form{padding:20px}.modal-form-grid{flex-direction:column;gap:14px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-field>span{color:#929292;font-size:9px;font-weight:500}.form-field>small{color:#505050;font-size:7.5px;line-height:1.4}.form-field input,.form-field select,.form-field textarea{color:#ddd;background:#0a0a0a;border:1px solid #2d2d2d;border-radius:8px;outline:0;width:100%;min-height:39px;padding:0 11px;font-size:10px;transition:border .15s}.form-field textarea{resize:vertical;padding:10px 11px;line-height:1.5}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#69311f;box-shadow:0 0 0 2px #e43d1212}.form-field input::placeholder,.form-field textarea::placeholder{color:#414141}.form-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.split-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row-three{grid-template-columns:1.3fr .8fr 1fr;gap:12px;display:grid}.suffix-input,.prefix-input{background:#0a0a0a;border:1px solid #2d2d2d;border-radius:8px;align-items:center;display:flex;overflow:hidden}.suffix-input:focus-within,.prefix-input:focus-within{border-color:#69311f;box-shadow:0 0 0 2px #e43d1212}.suffix-input input,.prefix-input input{box-shadow:none!important;border:0!important}.suffix-input span{color:#5d5d5d;font-family:var(--mono);white-space:nowrap;padding-right:10px;font-size:7px}.prefix-input>.icon{color:#656565;flex:none;margin-left:11px}.form-actions{background:#0d0d0d;border-top:1px solid #222;align-items:center;gap:8px;margin:21px -20px -20px;padding:14px 20px;display:flex;position:sticky;bottom:-20px}.form-spacer{flex:1}.danger-button{color:#b45d49;background:0 0;border:0;font-size:8.5px}.danger-button:hover{color:#f07a5e}.form-error{color:#ef846a;background:#e43d1212;border:1px solid #e43d1238;border-radius:7px;margin-top:12px;padding:9px 11px;font-size:8.5px}.assignment-customer{background:#0c0c0c;border:1px solid #272727;border-radius:10px;align-items:center;gap:11px;margin-bottom:18px;padding:13px;display:flex}.assignment-customer>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.assignment-customer>div:nth-child(2) strong{font-size:10.5px}.assignment-customer>div:nth-child(2) span{color:#5b5b5b;font-size:8px}.assignment-customer>div:last-child{flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;display:flex}.assignment-customer>div:last-child span{color:#505050;font-family:var(--mono);font-size:6.5px}.assignment-customer>div:last-child strong{font-family:var(--mono);font-size:11px;font-weight:500}.commission-preview{background:linear-gradient(135deg,#e43d1214,#e43d1205);border:1px solid #e43d1233;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding:14px;display:grid}.commission-preview>div{align-items:center;gap:10px;display:flex}.commission-preview>div:nth-child(2){flex-direction:column;align-items:flex-end;gap:4px}.commission-preview span{color:#7a554c;font-family:var(--mono);font-size:6.5px}.commission-preview strong{color:#f3a08a;font-family:var(--mono);margin-top:3px;font-size:13px;font-weight:500;display:block}.preview-icon{background:#e43d1221;border-radius:7px;place-items:center;width:29px;height:29px;display:grid;color:#ef6a48!important;font-size:15px!important}.commission-preview p{color:#5e4c47;border-top:1px solid #e43d121f;grid-column:1/-1;margin:3px 0 0;padding-top:10px;font-size:7.5px;line-height:1.5}.profile-edit-head{border-bottom:1px solid #222;align-items:center;gap:11px;margin-bottom:18px;padding:12px 0;display:flex}.profile-edit-head>div{flex-direction:column;gap:3px;display:flex}.profile-edit-head>div strong{font-size:10.5px}.profile-edit-head>div span{color:#585858;font-size:8px}.toggle-label{color:#777;cursor:pointer;align-items:center;gap:7px;margin-left:auto;font-size:8px;display:flex}.toggle-label input{display:none}.toggle-label i{background:#292929;border-radius:20px;width:28px;height:16px;transition:all .2s;position:relative}.toggle-label i:after{content:"";background:#777;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-label input:checked+i{background:#37cf8b40}.toggle-label input:checked+i:after{background:var(--green);transform:translate(12px)}.check-row{color:#777;cursor:pointer;align-items:center;gap:8px;font-size:8px;display:flex}.check-row input{accent-color:var(--orange)}.slack-preview{background:#0b0b0b;border:1px solid #292929;border-radius:10px;gap:12px;margin-bottom:18px;padding:14px;display:flex}.slack-logo{color:#62ce99;background:#12231c;border:1px solid #2b493c;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.slack-preview div{flex-direction:column;gap:4px;display:flex}.slack-preview strong{font-size:9.5px}.slack-preview p{color:#5c5c5c;margin:0;font-size:8px;line-height:1.45}.settings-status{background:#0b0b0b;border:1px solid #292929;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:13px;display:flex}.settings-status>div{color:#7f78da;align-items:center;gap:10px;display:flex}.settings-status>div>span{flex-direction:column;gap:3px;display:flex}.settings-status strong{color:#aaa;font-size:9.5px}.settings-status small{color:#505050;font-size:7.5px}.credential-note{background:#0b0b0b;border:1px solid #282828;border-radius:9px;padding:13px}.credential-note strong{font-size:9px}.credential-note p{color:#5e5e5e;margin:5px 0 0;font-size:8px;line-height:1.6}.toast{z-index:200;color:#ccc;background:#151515;border:1px solid #333;border-radius:9px;align-items:center;gap:9px;min-height:43px;padding:0 14px 0 10px;font-size:9.5px;animation:.2s toast-in;display:flex;position:fixed;bottom:23px;right:23px;box-shadow:0 15px 50px #0009}.toast-check{width:23px;height:23px;color:var(--green);background:#37cf8b1a;border-radius:50%;place-items:center;display:grid}.login-shell{background:radial-gradient(circle at 50% 25%,#e43d1214,#0000 26%),radial-gradient(circle at 50% 120%,#e43d120d,#0000 38%),#090909;place-items:center;min-height:100vh;padding:22px;display:grid;position:relative;overflow:hidden}.login-shell:before{content:"";opacity:.18;background-image:radial-gradient(#333 .55px,#0000 .55px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.login-glow{border:1px solid #e43d1212;border-radius:50%;width:360px;height:360px;position:absolute;box-shadow:0 0 120px #e43d120d}.login-card{z-index:2;background:linear-gradient(145deg,#141414f7,#0c0c0cfa);border:1px solid #282828;border-radius:16px;width:min(420px,100%);padding:34px 38px 29px;position:relative;box-shadow:0 35px 100px #000000a6}.login-eyebrow{margin-top:37px}.login-card h1{letter-spacing:-.04em;margin:11px 0 12px;font-size:31px;line-height:1.09}.login-card h1 span{color:#7b7b79}.login-card>p{color:#676767;margin:0 0 28px;font-size:10.5px;line-height:1.6}.login-card label{color:#868686;margin-bottom:7px;font-size:9px;display:block}.login-input-wrap{background:#090909;border:1px solid #303030;border-radius:8px;align-items:center;gap:9px;height:42px;padding:0 12px;display:flex}.login-input-wrap:focus-within{border-color:#74321f;box-shadow:0 0 0 3px #e43d120f}.login-input-wrap>span{color:#5e5e5e}.login-input-wrap input{color:#e2e2e2;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.login-input-wrap input::placeholder{color:#444}.login-button{justify-content:space-between;width:100%;margin-top:12px;padding-left:16px;padding-right:13px}.secure-note{color:#484848;font-family:var(--mono);justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:7px;display:flex}.secure-note .status-dot{width:5px;height:5px}.loading-screen{background:#090909;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:100vh;display:flex}.loading-line{background:#1e1e1e;width:130px;height:2px;overflow:hidden}.loading-line span{background:var(--orange);width:50%;height:100%;animation:1.1s ease-in-out infinite loading;display:block}.loading-screen p{color:#555;font-family:var(--mono);letter-spacing:.06em;font-size:8px}.mobile-menu,.mobile-scrim{display:none}.portal-shell{background:radial-gradient(circle at 68% -10%,#e43d1211,#0000 30%),#090909;min-height:100vh}.portal-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0adb;border-bottom:1px solid #1f1f1f;align-items:center;height:70px;padding:0 max(25px,50vw - 580px);display:flex}.portal-private{color:#555;font-family:var(--mono);letter-spacing:.12em;align-items:center;gap:7px;margin-left:28px;font-size:7.5px;display:flex}.portal-private .status-dot{width:5px;height:5px}.portal-user{align-items:center;gap:10px;margin-left:auto;display:flex}.portal-user>div{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.portal-user span{color:#555;font-size:7.5px}.portal-content{max-width:1160px;margin:0 auto;padding:45px 24px 60px}.portal-welcome{margin-bottom:27px}.portal-welcome h1{letter-spacing:-.03em;margin:10px 0 6px;font-size:27px}.portal-welcome p{color:#696969;margin:0;font-size:11px}.portal-metrics{background:#101010;border:1px solid #252525;border-radius:13px;grid-template-columns:1.3fr repeat(3,1fr);margin-bottom:14px;display:grid;overflow:hidden}.portal-metrics>div{border-right:1px solid #222;flex-direction:column;min-height:132px;padding:21px;display:flex}.portal-metrics>div:last-child{border:0}.portal-metrics>div>span{color:#555;font-family:var(--mono);letter-spacing:.12em;font-size:7px}.portal-metrics>div>strong{font-family:var(--mono);margin:15px 0 5px;font-size:21px;font-weight:500}.portal-metrics>div>p{color:#555;margin:0;font-size:8.5px}.portal-hero-metric{background:radial-gradient(circle at 100% 0,#e43d122b,#0000 55%),#13100f;position:relative}.portal-hero-metric>strong{color:#ff7250;font-size:25px!important}.portal-pulse{color:#58c994;font-family:var(--mono);align-items:center;gap:5px;font-size:6.5px;display:flex;position:absolute;top:16px;right:15px}.portal-pulse i{background:var(--green);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #37cf8b80}.portal-grid{grid-template-columns:1.5fr .8fr;gap:14px;display:grid}.portal-deals,.portal-history{overflow:hidden}.portal-month{color:#555;font-family:var(--mono);font-size:7px}.portal-deal{border-bottom:1px solid #1b1b1b;grid-template-columns:10px minmax(155px,1fr) 125px 80px;align-items:center;gap:10px;min-height:66px;padding:0 18px;display:grid}.portal-deal:last-child{border:0}.portal-deal>div:nth-child(2),.portal-deal>div:nth-child(3){flex-direction:column;gap:3px;display:flex}.portal-deal>div:nth-child(2) span{color:#555;font-family:var(--mono);font-size:7px}.portal-deal>div:nth-child(3) span{color:#4e4e4e;font-family:var(--mono);font-size:6px}.portal-deal>div:nth-child(3) strong{color:#797979;font-size:8px;font-weight:500}.portal-deal>strong{font-family:var(--mono);text-align:right;font-size:10px;font-weight:500}.history-chart{align-items:flex-end;gap:5px;height:225px;padding:30px 17px 15px;display:flex}.history-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex;position:relative}.history-bar i{background:linear-gradient(#e84a21,#64200f);border-radius:3px 3px 1px 1px;width:100%;max-width:18px;min-height:3px}.history-bar>span:last-child{color:#4d4d4d;font-family:var(--mono);font-size:6px}.bar-value{color:#888;font-family:var(--mono);font-size:6px;display:none;position:absolute;top:-15px}.history-bar:hover .bar-value{display:block}.portal-note{background:#37cf8b06;border:1px solid #202a26;border-radius:10px;align-items:center;gap:13px;margin-top:17px;padding:15px 17px;display:flex}.portal-note>span{width:30px;height:30px;color:var(--green);background:#37cf8b1a;border-radius:50%;place-items:center;display:grid}.portal-note p{color:#59625e;margin:3px 0 0;font-size:8px;line-height:1.5}@keyframes loading{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1120px){.metric-grid,.mini-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-customer:nth-child(2){border-right:0}.mini-customer:nth-child(-n+2){border-bottom:1px solid #1c1c1c}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-table .table-row{grid-template-columns:minmax(170px,1.4fr) .7fr .8fr minmax(120px,.9fr) 55px}.customer-table .table-row>:nth-child(5){display:none}}@media (max-width:820px){.sidebar{transition:transform .22s;transform:translate(-101%);box-shadow:20px 0 60px #0009}.sidebar.sidebar-open{transform:none}.mobile-scrim{z-index:25;background:#00000094;border:0;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{background:#0d0d0d;border:1px solid #252525;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:32px;height:32px;display:flex}.mobile-menu span{background:#777;width:13px;height:1px}.topbar{padding:0 16px}.breadcrumbs{margin-left:12px;margin-right:auto}.page-content{padding:29px 18px 50px}.overview-grid{grid-template-columns:1fr}.team-grid,.report-summary{grid-template-columns:1fr 1fr}.report-summary>div:nth-child(2){border-right:0}.report-summary>div:nth-child(-n+2){border-bottom:1px solid #222}.portal-metrics{grid-template-columns:1fr 1fr}.portal-metrics>div:nth-child(2){border-right:0}.portal-metrics>div:nth-child(-n+2){border-bottom:1px solid #222}.portal-grid{grid-template-columns:1fr}}@media (max-width:620px){.page-intro{flex-direction:column;align-items:flex-start;margin-bottom:22px}.page-intro h1{font-size:23px}.page-actions{flex-wrap:wrap;width:100%}.page-actions .btn{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:121px;padding:14px}.metric-card>strong{font-size:19px}.metric-detail{font-size:7.5px}.demo-banner{flex-wrap:wrap;align-items:flex-start}.demo-banner>div{flex:1}.demo-banner button{margin-left:0}.earning-row{grid-template-columns:21px 34px 1fr 72px}.earning-row .bar-track{display:none}.earnings-list{padding-left:12px;padding-right:12px}.mini-customer-grid{grid-template-columns:1fr}.mini-customer{border-right:0;border-bottom:1px solid #1c1c1c!important}.mini-customer:last-child{border-bottom:0!important}.team-grid{grid-template-columns:1fr}.terms-note{align-items:flex-start}.table-toolbar{flex-wrap:wrap}.search-field{width:100%}.table-count{display:none}.customer-table .table-row{grid-template-columns:minmax(155px,1.4fr) .8fr 65px}.customer-table .table-row>:nth-child(2),.customer-table .table-row>:nth-child(4),.customer-table .table-row>:nth-child(5){display:none}.table-row{padding:0 11px}.customer-cell span{max-width:150px}.report-summary{grid-template-columns:1fr 1fr}.report-summary>div{min-height:92px;padding:14px}.report-summary strong{font-size:15px}.commission-person-head{flex-wrap:wrap}.commission-person-total{margin-left:auto}.commission-person-head .btn{width:100%;margin:3px 0 0 53px}.deal-lines{padding-left:18px}.deal-line{grid-template-columns:8px 1fr 68px}.deal-line>span:nth-child(3){display:none}.form-row-three{grid-template-columns:1fr 1fr}.form-row-three .form-field:first-child{grid-column:1/-1}.split-fields{grid-template-columns:1fr}.modal form{padding:17px}.form-actions{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.commission-preview{grid-template-columns:1fr}.commission-preview>div:nth-child(2){align-items:flex-start}.commission-preview p{grid-column:1}.assignment-customer>div:last-child{display:none}.login-card{padding:29px 24px 24px}.topbar-actions>.icon-button,.topbar-actions>.avatar,.breadcrumbs span,.breadcrumbs b{display:none}.toast{bottom:15px;left:15px;right:15px}.portal-header{padding:0 16px}.portal-header .brand-tag,.portal-private{display:none}.portal-content{padding:31px 15px 45px}.portal-metrics{grid-template-columns:1fr 1fr}.portal-metrics>div{min-height:112px;padding:15px}.portal-metrics>div>strong{font-size:16px}.portal-hero-metric>strong{font-size:19px!important}.portal-pulse{display:none}.portal-deal{grid-template-columns:8px 1fr 75px;padding:0 12px}.portal-deal>div:nth-child(3){display:none}}.brand-word{font-size:19px}.brand-tag,.workspace-label,.metric-top,.report-summary span{font-size:10px}.nav-item{font-size:14px}.nav-count,.sidebar-status strong,.breadcrumbs,.sync-status{font-size:11px}.sidebar-status span:not(.status-dot),.sidebar-footer{font-size:9px}.eyebrow,.panel-head .eyebrow{font-size:10px}.page-intro h1{font-size:31px}.page-intro p{font-size:14px}.btn{font-size:13px}.btn-small,.text-button,.demo-badge,.demo-banner strong{font-size:11px}.demo-banner span:not(.demo-badge),.demo-banner button{font-size:10.5px}.metric-card>strong{font-size:29px}.metric-detail{font-size:11px}.metric-detail b{font-size:10px}.panel-head h2{font-size:16px}.rank,.earning-name span,.expiry-row>div:nth-child(2) span{font-size:10px}.earning-name strong,.expiry-row>div:nth-child(2) strong,.mini-customer>div strong,.earning-amount,.date-tile b{font-size:12px}.date-tile span,.days-pill,.count-label{font-size:9px}.mini-customer>div span,.all-assigned p,.empty-state p{font-size:10px}.all-assigned strong,.empty-state strong,.search-field input{font-size:12px}.segmented button{font-size:10.5px}.table-count,.table-header{font-size:9px}.customer-cell strong{font-size:12px}.customer-cell span,.unassigned-label,.window-cell small,.table-action button{font-size:10px}.status-pill{font-size:9px}.mrr-cell strong{font-size:12px}.mrr-cell span{font-size:8.5px}.owner-cell span,.window-cell span{font-size:11px}.person-card-top h2{font-size:14px}.person-card-top p,.person-email,.slack-state,.icon-text{font-size:10px}.person-stats span{font-size:8.5px}.person-stats strong{font-size:14px}.terms-note strong{font-size:12px}.terms-note p{font-size:10.5px}.month-picker select{font-size:12px}.report-summary strong{font-size:23px}.report-summary small{font-size:10px}.report-ready{font-size:9px}.commission-person-head>div:nth-child(2) strong{font-size:12px}.commission-person-head>div:nth-child(2) span{font-size:10px}.commission-person-total span{font-size:8.5px}.commission-person-total strong{font-size:16px}.deal-line>div strong,.deal-line>strong{font-size:11px}.deal-line>div span,.deal-line>span:nth-child(3){font-size:9.5px}.modal header h2{font-size:17px}.modal header p,.form-field>span{font-size:11px}.form-field>small{font-size:9.5px}.form-field input,.form-field select,.form-field textarea{font-size:13px}.suffix-input span{font-size:9px}.danger-button,.form-error,.toggle-label,.check-row{font-size:10.5px}.assignment-customer>div:nth-child(2) strong,.profile-edit-head>div strong{font-size:12px}.assignment-customer>div:nth-child(2) span,.profile-edit-head>div span{font-size:10px}.assignment-customer>div:last-child span,.commission-preview span{font-size:8.5px}.assignment-customer>div:last-child strong,.commission-preview strong{font-size:14px}.commission-preview p,.slack-preview p,.settings-status small,.credential-note p{font-size:10px}.slack-preview strong,.settings-status strong,.credential-note strong{font-size:12px}.toast{font-size:11.5px}.login-card h1{font-size:37px}.login-card>p{font-size:13px}.login-card label{font-size:11px}.login-input-wrap input{font-size:13px}.secure-note,.loading-screen p,.portal-private{font-size:9px}.portal-user strong{font-size:12px}.portal-user span{font-size:9.5px}.portal-welcome h1{font-size:33px}.portal-welcome p{font-size:13px}.portal-metrics>div>span{font-size:9px}.portal-metrics>div>strong{font-size:25px}.portal-hero-metric>strong{font-size:30px!important}.portal-metrics>div>p{font-size:10.5px}.portal-pulse,.portal-month{font-size:8.5px}.portal-deal>div:nth-child(2) strong{font-size:12px}.portal-deal>div:nth-child(2) span{font-size:9px}.portal-deal>div:nth-child(3) span{font-size:8px}.portal-deal>div:nth-child(3) strong{font-size:10px}.portal-deal>strong{font-size:12px}.history-bar>span:last-child,.bar-value{font-size:8px}.portal-note strong{font-size:11.5px}.portal-note p{font-size:10px}@media (max-width:620px){.page-intro h1{font-size:27px}.metric-card>strong{font-size:23px}.report-summary strong{font-size:19px}.portal-metrics>div>strong{font-size:20px}.portal-hero-metric>strong{font-size:23px!important}.form-field input,.form-field select,.form-field textarea,.login-input-wrap input{font-size:16px}}