@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";*{box-sizing:border-box}body{color:#192b3a;background:#f6f8fb;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,select,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #39bfa6}h1,h2,h3,p{margin:0}h1,h2,.amount{font-family:Manrope,sans-serif}h1{letter-spacing:-1.1px;font-size:32px;font-weight:800;line-height:1.3}h2{letter-spacing:-.4px;font-size:17px}small{display:block}.shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e4e9ee;flex-direction:column;width:246px;padding:34px 21px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:3px;align-items:center;gap:11px;padding-left:12px;font:800 28px Manrope,sans-serif;display:flex}.brand small{letter-spacing:3px;margin-top:2px;font:600 9px DM Sans,sans-serif}.brandmark{color:#fff;background:#0b6556;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.workspace{letter-spacing:1.5px;color:#97a1ac;margin:52px 13px 18px;font-size:10px;font-weight:700}.nav{text-align:left;color:#72818e;border-radius:9px;align-items:center;gap:13px;width:100%;margin-bottom:7px;padding:14px 16px;font-weight:550;display:flex}.nav.active{color:#11664f;background:#e8f4ef;font-weight:700}.navdot{background:#238967;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebottom{margin-top:auto}.helpbox{background:#fafcfc;border:1px solid #e7ecec;border-radius:12px;margin-bottom:26px;padding:18px}.helpbox svg{color:#24846b;margin-bottom:11px}.helpbox strong{font-size:12px;display:block}.helpbox p{color:#85909a;margin-top:7px;font-size:11px;line-height:1.8}.profile{border-top:1px solid #edf0f3;align-items:center;gap:10px;padding:22px 1px;font-size:11px;display:flex}.profile small{color:#8b96a0;margin-top:5px;font-size:10px}.avatar{color:#5f748c;background:#ebf0f6;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}main{width:calc(100% - 246px);margin-left:246px}header{background:#ffffffd9;border-bottom:1px solid #e7ebf0;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.crumb{color:#92a0ac;align-items:center;gap:14px;font-size:12px;display:flex}.crumb b{color:#465867;font-weight:500}.headerend{align-items:center;gap:24px;display:flex}.secure{color:#7d9189;align-items:center;gap:7px;font-size:11px;display:flex}.content{max-width:1500px;margin:auto;padding:38px 40px 0}.titlebar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.8px;color:#81958d;margin-bottom:10px;font-size:9px;font-weight:700}.subtitle{color:#82909b;margin-top:10px;font-size:13px}.outline,.primary{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:600;display:inline-flex}.outline{background:#fff;border:1px solid #dce3e8}.primary{color:#fff;background:#116651}.banner{background:#edf5f1;border:1px solid #d7e7df;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px;display:flex}.banner p{color:#688075;margin-top:6px;font-size:12px;line-height:1.6}.actions{gap:10px;display:flex}.demobar{color:#92702d;background:#fff6e1;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;padding:11px 15px;font-size:11px;display:flex}.demobar button{white-space:nowrap;align-items:center;gap:5px;display:flex}.filterbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tabs{background:#ebeff2;border-radius:7px;gap:3px;padding:4px;display:flex}.tabs button{color:#7f8a95;border-radius:5px;padding:7px 12px;font-size:11px}.tabs .selected{color:#263e4c;background:#fff;box-shadow:0 1px 4px #172b3b15}.periodlabel{color:#86949e;align-items:center;gap:9px;font-size:11px;display:flex}.periodlabel input{color:#607584;background:#fff;border:1px solid #e0e5eb;border-radius:6px;padding:7px;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat{background:#fff;border:1px solid #e1e7eb;border-radius:11px;padding:22px 21px}.statlabel{color:#7f8d98;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.statlabel svg{color:#93a29e}.amount{letter-spacing:-1px;margin:18px 0 20px;font-size:30px;font-weight:750}.unit{color:#a0aab3;letter-spacing:0;margin-left:8px;font-size:12px;font-weight:400}.statfoot{color:#929da6;justify-content:space-between;font-size:9px;line-height:1.6;display:flex}.hero{color:#fff;background:#115b4b;border-color:#115b4b;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:220px;height:220px;position:absolute;top:15px;right:-100px}.hero .statlabel,.hero .statfoot,.hero svg{color:#b5d3c8}.dot{border-radius:50%;width:7px;height:7px}.amber{background:#daa544}.green{background:#3da888}.overviewgrid{grid-template-columns:1.65fr 1fr;gap:23px;margin-bottom:26px;display:grid}.panel{background:#fff;border:1px solid #e2e8ee;border-radius:11px;overflow:hidden}.panelhead{justify-content:space-between;align-items:center;gap:14px;padding:23px 24px 20px;display:flex}.panelhead p{color:#8c9aa5;margin-top:7px;font-size:10px}.mini{letter-spacing:1.3px;color:#98a4ad;font-size:8px}.bars{padding:1px 24px 20px}.barrow{grid-template-columns:133px 1fr 72px;align-items:center;gap:18px;margin:17px 0;display:grid}.barlabel{align-items:center;gap:10px;font-size:11px;display:flex}.brokericon{color:#7384a5;background:#e9eefb;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:grid}.b1{color:#aa8860;background:#f4ece3}.b2{color:#629d89;background:#e7f1ed}.b3{color:#9283a5;background:#f0edf6}.track{background:#f0f4f3;border-radius:10px;height:7px}.track div{background:#4f9d85;border-radius:10px;height:7px}.barrow b{text-align:right;font-size:11px}.paycard{background:#edf2ef;border:1px solid #dfe8e2;border-radius:11px;padding:23px 25px}.payicon{color:#5b8976;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:18px;display:grid}.paycard h2{margin-bottom:9px;font-size:20px}.paycard>p:not(.eyebrow){color:#7c8f83;max-width:270px;font-size:11px;line-height:1.8}.equation{color:#4b7161;margin:14px 0;font-size:11px}.equation span{font-weight:700}.paycard small{color:#8c9b91;font-size:9px;line-height:1.8}.count{vertical-align:middle;color:#7d8d99;background:#f0f3f6;border-radius:5px;margin-left:7px;padding:4px 6px;font:500 10px DM Sans,sans-serif;display:inline-block}.tablefilters{justify-content:space-between;gap:10px;padding:0 24px 18px;display:flex}.tablefilters input{border:1px solid #e3e8ed;border-radius:7px;width:245px;padding:10px 13px;font-size:11px}.tablefilters>div{gap:10px;display:flex}select{color:#61717f;background:#fff;border:1px solid #e2e7eb;border-radius:6px;padding:9px 10px;font-size:11px}.tablewrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;text-align:left;width:100%;font-size:11px}thead{background:#f9fafc;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}th{color:#8996a1;padding:13px 24px;font-size:9px;font-weight:550}td{border-bottom:1px solid #f0f3f5;padding:17px 24px}td b{font-size:11px;font-weight:550}td small{color:#98a4ad;margin-top:5px;font-size:9px}.brokertag{color:#687e8d;font-size:10px}.muted{color:#8e9ba4}.earned{color:#2c5c4c;font-weight:700}.badge{border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:inline-flex}.badge span{background:currentColor;border-radius:50%;width:4px;height:4px}.paid{color:#438466;background:#eaf6ef}.unpaid{color:#b18b37;background:#fff5de}.tablefoot{color:#99a5ae;justify-content:space-between;padding:17px 24px;font-size:9px;display:flex}.empty{text-align:center;color:#8d9ca6;padding:55px 20px}.empty svg{color:#7eac9a;margin-bottom:12px}.empty h3{color:#5d7380;font-size:14px}.empty p{margin-top:10px;font-size:12px}.textbutton{color:#237858;font-size:10px;text-decoration:underline}.error,.notice{border-radius:7px;margin-bottom:15px;padding:12px 15px;font-size:12px}.error{color:#ac4139;background:#fff0ee}.notice{color:#2c7152;background:#e8f5ee;justify-content:space-between;display:flex}footer{color:#a1abb3;justify-content:space-between;padding:25px 0;font-size:9px;display:flex}footer span:last-child{align-items:center;gap:6px;display:flex}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#122b3a70;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:15px;width:440px;max-height:90vh;overflow:auto;box-shadow:0 20px 90px #102c3b30}.dialog form{padding:0 25px 25px}.dialog label{color:#677d87;margin-bottom:16px;font-size:12px;display:block}.dialog input,.dialog select{color:#263f4e;border:1px solid #dce4e8;border-radius:7px;width:100%;margin-top:6px;padding:11px;display:block}.dialog small{color:#8c9ca5;margin-top:6px;font-size:10px;line-height:1.5}.dialog form>.primary{width:100%;margin-top:8px}.mobiletoggle{display:none}@media (width>=1600px){.content{padding-top:50px}.stat{padding:27px}.amount{font-size:36px}}@media (width<=1200px){.sidebar{width:210px;padding-left:15px;padding-right:15px}main{width:calc(100% - 210px);margin-left:210px}.content{padding:28px 25px 0}header{padding:0 25px}.stat{padding:17px 15px}.amount{font-size:25px}.overviewgrid{grid-template-columns:1.4fr 1fr}.barrow{grid-template-columns:110px 1fr 65px;gap:10px}.titlebar h1{font-size:28px}.statfoot{font-size:8px}}@media (width<=900px){.stats{grid-template-columns:repeat(2,1fr)}.overviewgrid{grid-template-columns:1fr}.paycard{display:none}.banner{flex-direction:column;align-items:flex-start}.statfoot{font-size:10px}.titlebar{align-items:flex-start}.titlebar>.outline{padding:10px;font-size:0}.titlebar>.outline svg{width:18px}.periodlabel{font-size:0}.tablefilters{flex-wrap:wrap}.tablefilters input,.tablefilters>div{width:100%}.tablefilters select{flex:1}.titlebar h1{font-size:26px}}@media (width<=650px){.sidebar{display:none}.sidebar.open{z-index:30;display:flex;top:65px;box-shadow:15px 0 60px #183b4a30}.sidebar.open .brand{display:none}.sidebar.open .workspace{margin-top:25px}main{width:100%;margin-left:0}.mobiletoggle{display:block}.content{padding:26px 18px 0}header{gap:15px;height:65px;padding:0 18px}.crumb{margin-right:auto}.secure{font-size:0}.titlebar{margin-bottom:24px}.eyebrow{font-size:8px}.titlebar h1{font-size:26px}.subtitle{font-size:12px;line-height:1.7}.stats{gap:10px}.stat{padding:18px 14px}.amount{margin-top:16px;margin-bottom:13px;font-size:27px}.statfoot{font-size:8px}.statlabel{font-size:10px}.panelhead{padding:20px 17px}.mini{font-size:7px}.bars{padding:0 17px 15px}.barrow{grid-template-columns:110px 1fr 65px;gap:12px}.tablefilters{padding:0 17px 17px}.tablefoot{padding:15px 17px}.tablefoot span{display:none}th,td{padding-left:17px;padding-right:17px}.banner{padding:18px}.actions{flex-wrap:wrap;width:100%}.demobar{font-size:10px;line-height:1.5}.demobar span{max-width:230px}footer{gap:10px;font-size:8px}.tabs button{padding:7px 9px;font-size:10px}.periodlabel input{max-width:125px;font-size:10px}}.upload-dialog{width:1000px}.upload-content{padding:0 24px 24px}.upload-pick{color:#35745d;background:#f4faf7;border:1px dashed #a9cbbd;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:23px;display:flex}.upload-pick b{font-size:16px}.upload-pick p{color:#80988b;text-align:center;font-size:11px}.upload-pick label{cursor:pointer}.upload-pick input{display:none}.upload-pick .textbutton{align-items:center;gap:6px;margin-top:4px;display:flex}.upload-note{color:#85958e;margin:14px 0;font-size:11px;line-height:1.7}.upload-filename{color:#436858;margin:16px 0;font-size:12px;font-weight:600}.upload-sheet{align-items:center;gap:14px;margin:14px 0;font-size:12px;display:flex}.upload-heading{margin:22px 0 16px;font-size:14px}.upload-mapping{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.upload-mapping label{color:#647b70;font-size:11px}.upload-mapping select{width:100%;margin-top:7px;padding:10px;display:block}.import-summary{background:#edf5f0;border-radius:7px;justify-content:space-between;margin-top:24px;padding:14px;font-size:11px;display:flex}.import-summary span{color:#6b8577}.upload-preview{border:1px solid #e4ece7;border-radius:7px;max-height:300px;margin-top:15px}.upload-preview td{padding:12px;font-size:10px}.upload-preview th{padding:12px}.import-issue{color:#b04435;white-space:normal;min-width:130px}.upload-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}@media (width<=650px){.upload-content{padding:0 16px 20px}.upload-mapping{grid-template-columns:1fr 1fr}.import-summary{gap:14px;line-height:1.6}.titlebar>.actions{flex-wrap:wrap;justify-content:flex-end;width:auto}.titlebar>.actions .outline{font-size:0}.titlebar>.actions .primary{padding:10px;font-size:10px}.upload-pick{padding:18px}}.upload-pick label.primary{color:#fff}.cycle-controls{align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.cycle-controls label{color:#71877b;flex:1;max-width:600px;font-size:11px}.cycle-controls select{width:100%;margin-top:7px;padding:12px;font-size:12px;display:block}.cycle-banner{background:#e9f3ed;border:1px solid #d1e5d7;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:23px 26px;display:flex}.cycle-banner h2{font-size:21px}.cycle-banner p:not(.eyebrow){color:#688574;margin-top:9px;font-size:12px}.cycle-banner>div:last-child{text-align:right}.cycle-banner>div:last-child>b{color:#21644b;margin:5px 0;font:750 29px Manrope,sans-serif;display:block}.cycle-banner small{color:#7c9386;font-size:10px}.daily-calculation{background:#edf6f0;border-radius:9px;padding:18px}.daily-calculation>span{color:#53816b;align-items:center;gap:8px;font-size:12px;display:flex}.daily-calculation>b{color:#1e694d;margin:12px 0;font:750 29px Manrope,sans-serif;display:block}.daily-calculation small{color:#7c9587;font-size:11px;line-height:1.9}@media (width<=650px){.titlebar{flex-wrap:wrap}.titlebar>.actions{justify-content:flex-start;width:100%}.cycle-controls{flex-direction:column;align-items:stretch}.cycle-controls .outline{align-self:flex-start}.cycle-banner{align-items:flex-start;padding:18px}.cycle-banner h2{font-size:15px}.cycle-banner>div:last-child>b{font-size:24px}.cycle-banner small{font-size:9px}.cycle-banner p:not(.eyebrow){font-size:10px}}.completed-toggle{color:#5b7c69;align-items:center;gap:8px;margin-top:20px;font-size:12px;display:flex}.completed-toggle input{accent-color:#17644e}.profit-section{background:#fff;border:1px solid #dbe6df;border-radius:12px;margin:0 0 25px;padding:24px}.profit-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.profit-title h2{font-size:20px}.profit-title p:not(.eyebrow){color:#8b9a91;margin-top:8px;font-size:11px}.profit-formula{color:#91a398;text-align:right;font-size:10px}.profit-cards{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.profit-cards article{background:#fafcfb;border:1px solid #e2eae5;border-radius:9px;padding:20px}.profit-cards .amount{margin:18px 0 12px;font-size:30px}.profit-cards small{color:#8a9b91;font-size:10px;line-height:1.8}.profit-cards .profit-result{color:#fff;background:#115b4b;border-color:#115b4b}.profit-result .statlabel,.profit-result small{color:#b9d5c8}.profit-explanation{color:#91a196;margin-top:17px;font-size:10px;line-height:1.8}@media (width<=1100px){.profit-cards{grid-template-columns:1fr}.profit-cards article{padding:18px}.profit-cards .amount{margin:10px 0}.profit-title{flex-direction:column;align-items:flex-start;gap:10px}.profit-formula{text-align:left}}@media (width<=650px){.profit-section{padding:18px}.profit-title h2{font-size:18px}.profit-cards .amount{font-size:27px}}.dialog label.completed-toggle{align-items:center;gap:9px;margin:17px 0 0;line-height:1.5;display:flex}.dialog .completed-toggle input{border-radius:3px;width:15px;min-width:15px;height:15px;margin:0;padding:0;display:block}.signin-recovery{color:#315b47;background:#fff;margin-top:12px;display:table}.driver-preview-banner{color:#456b91;background:#e9f1fb;border:1px solid #d3e2f2;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;padding:16px 20px;display:flex}.driver-preview-banner>div{align-items:center;gap:12px;display:flex}.driver-preview-banner b{font-size:13px}.driver-preview-banner small{color:#7a94ab;margin-top:5px;font-size:10px;line-height:1.7}.driver-preview-banner>.outline{color:#456b91}@media (width<=650px){.driver-preview-banner{flex-direction:column;align-items:flex-start;padding:16px}}.payroll-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px;display:grid}.payroll-summary>div{background:#fff;border:1px solid #dfe9e3;border-radius:10px;padding:20px}.payroll-summary span{color:#82958a;font-size:11px}.payroll-summary b{color:#275f49;margin-top:13px;font:750 28px Manrope,sans-serif;display:block}.payroll-summary>div:last-child{background:#edf6ef;border-color:#cde3d2}.payroll-table .driver-amount{color:#227750;margin-top:9px;font-size:17px;display:block}.driver-amount span{color:#8ca092;font-size:10px;font-weight:400}.payroll-table td{vertical-align:middle}.edit-email{color:#49846b;align-items:center;gap:5px;margin-top:10px;font-size:10px;text-decoration:underline;display:flex}.cycle-payment-body{padding:0 25px 25px}.payroll-table td>small{white-space:normal;max-width:170px;line-height:1.5}@media (width<=650px){.payroll-summary{grid-template-columns:1fr;gap:9px}.payroll-summary>div{justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.payroll-summary b{margin:0;font-size:24px}}.investor-forms{grid-template-columns:1fr 1fr;gap:20px;margin:22px 0;display:grid}.investor-forms form{padding:22px}.investor-forms label{color:#648171;margin-top:17px;font-size:12px;display:block}.investor-forms input,.investor-forms select,.cycle-controls input{color:#294f3c;background:#fff;border:1px solid #dbe5df;border-radius:6px;width:100%;margin-top:7px;padding:10px;display:block}.investor-card{margin-bottom:25px}.investor-card .payroll-summary{padding:0 20px}.investor-standalone{padding-bottom:30px}@media (width<=650px){.investor-forms{grid-template-columns:1fr}}
