@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#10241d;--cream:#f4f0e6;--paper:#fffdf7;--mint:#b9f6d2;--orange:#ef6b3b;--line:#cfc9bc;--muted:#6f766f}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Manrope,sans-serif}button,input{font:inherit}header{border-bottom:1px solid var(--line);letter-spacing:.08em;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);font:12px DM Mono;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand>i{background:var(--ink);width:32px;height:32px;color:var(--mint);border-radius:50%;place-items:center;font-size:16px;font-style:normal;display:grid}.brand b{color:var(--orange);font-weight:400}.privacy{color:var(--muted);align-items:center;gap:9px;display:flex}.privacy i{background:#35b878;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35b87820}main{max-width:1180px;margin:auto;padding:74px 24px 100px}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:58px;display:flex}.hero>p{max-width:390px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.eyebrow{letter-spacing:.16em;color:var(--orange);margin:0 0 16px;font:500 11px/1 DM Mono}h1{letter-spacing:-.055em;margin:0;font-size:clamp(45px,6.2vw,78px);font-weight:600;line-height:.96}h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.workspace{grid-template-columns:1.08fr .92fr;display:grid;box-shadow:0 18px 60px #263c2d13}.entry,.result{padding:45px 48px}.entry{background:var(--paper)}.result{background:var(--ink);color:#fff}.mobileSaveArea{display:none}.title{align-items:flex-start;gap:20px;margin-bottom:36px;display:flex}.title>span{border:1px solid var(--line);border-radius:50%;padding:6px 7px;font:11px DM Mono}.title.light>span{border-color:#fff4}.title .eyebrow{margin-bottom:7px}.title h2,.historyHead h2{letter-spacing:-.03em;margin:0;font-size:25px}.switch{background:#e9e5da;grid-template-columns:1fr 1fr;margin:-6px 0 27px;padding:4px;display:grid}.switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:11px;font-size:12px;font-weight:600}.switch .active{background:var(--ink);color:#fff}.field{margin-bottom:22px;display:block}.field>span{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin-bottom:9px;font:500 11px DM Mono;display:flex}.field small{color:#969b95}.field input{width:100%;color:var(--ink);background:#faf8f1;border:1px solid #d8d3c8;outline:none;padding:15px 16px;font:500 15px DM Mono}.field input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #10241d10}.money{position:relative}.money i{color:#858a84;font:16px DM Mono;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.money input{padding-left:35px}.pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.toggle{cursor:pointer;border-block:1px solid #e2ddd2;justify-content:space-between;align-items:center;margin:2px 0 22px;padding:18px 0;display:flex}.toggle>span{flex-direction:column;display:flex}.toggle b{font-size:13px}.toggle small{color:var(--muted);margin-top:3px}.toggle input{display:none}.toggle>i{background:#c9c7bf;border-radius:20px;width:43px;height:24px;position:relative}.toggle>i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--orange)}.toggle input:checked+i:after{transform:translate(19px)}.save{background:var(--orange);color:#fff;cursor:pointer;border:0;justify-content:space-between;width:100%;padding:17px 19px;font-weight:600;display:flex}.save:hover{background:#d95529}.save:disabled{cursor:wait;opacity:.9;background:#bd6d50}.save .spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cancelEdit{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:12px auto 0;font:600 11px DM Mono;display:block}.cancelEdit:hover{color:var(--orange)}.saved{height:16px;margin:10px 0 -18px;font-size:12px}.gross{border-bottom:1px solid #ffffff24;padding-bottom:26px}.gross span,.gross small{color:#aebbb5;font-size:12px;display:block}.gross strong{margin:8px 0 4px;font:500 44px/1.2 DM Mono;display:block}.tipSources{border-bottom:1px solid #ffffff24;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:26px;display:grid}.tipSources>div+div{border-left:1px solid #ffffff24;padding-left:24px}.tipSources span,.tipSources small{color:#aebbb5;font-size:11px;display:block}.tipSources strong{margin:8px 0 4px;font:500 25px/1.2 DM Mono;display:block}.roles{padding:18px 0}.adjustBar{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;margin-bottom:5px;padding:0 0 13px!important;display:flex!important}.adjustBar>span{color:#8fa098;letter-spacing:.06em;text-transform:uppercase;font:10px DM Mono}.adjustBar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;margin-left:6px;padding:6px 8px;font:10px DM Mono}.adjustBar button:hover{border-color:var(--mint);color:var(--mint)}.tipoutEdit{width:92px;position:relative}.tipoutEdit i{color:#8fa098;font:12px DM Mono;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.tipoutEdit input{color:#fff;text-align:right;background:#ffffff0d;border:1px solid #ffffff45;outline:none;width:100%;padding:7px 7px 7px 21px;font:12px DM Mono}.tipoutEdit input:focus{border-color:var(--mint)}.roles>div{justify-content:space-between;padding:10px 0;display:flex}.roles span{font-size:13px}.roles small{color:#8fa098;margin-left:8px;font:10px DM Mono}.roles b,.bottom b{font:500 13px DM Mono}.bottom{border-top:1px solid #ffffff24;padding-top:19px}.bottom>div{justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.bottom .net{background:var(--mint);color:var(--ink);margin-top:12px;padding:19px}.net strong{font:500 25px DM Mono}.bottom>p{text-align:center;color:#8fa098;font-size:11px}.history{padding-top:95px}.historyHead{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.historyHead .eyebrow{margin-bottom:8px}.paycheckCard{background:var(--mint);grid-template-columns:1fr auto;align-items:center;gap:32px;margin-bottom:52px;padding:28px 32px;display:grid}.paycheckCard>div:last-child{text-align:right}.paycheckCard .eyebrow{color:#39705a;margin-bottom:8px}.paycheckCard b{font-size:17px;display:block}.paycheckCard strong{font:500 30px DM Mono;display:block}.paycheckCard span,.paycheckCard small{color:#527567;margin-top:5px;font-size:11px;display:block}.paycheckCard .cashSeparate{margin-top:14px}.paycheckCard .cashSeparate b{color:var(--ink);font:600 12px DM Mono;display:inline}.periodGroup{margin-bottom:52px}.periodHead{cursor:pointer;justify-content:space-between;align-items:end;padding:0 12px 14px;list-style:none;display:flex}.periodHead::-webkit-details-marker{display:none}.periodHead:hover b{color:var(--orange)}.periodLabel{align-items:center;gap:12px;display:flex}.periodLabel i{border-right:2px solid var(--orange);border-bottom:2px solid var(--orange);width:9px;height:9px;transition:transform .2s;transform:rotate(-45deg)}.periodGroup[open] .periodLabel i{transform:rotate(45deg)translate(-2px,-2px)}.periodHead>div:last-child{text-align:right}.periodHead span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font:10px DM Mono;display:block}.periodHead b{font-size:16px}.periodHead strong{font:500 19px DM Mono}.periodHead small{color:var(--muted);margin-top:5px;font:11px DM Mono;display:block}.summary{gap:28px;display:flex}.stat{text-align:right}.stat span,.records article>div>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font:10px DM Mono;display:block}.stat b,.records b{font:500 14px DM Mono}.records{border-top:1px solid var(--ink)}.records article{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;align-items:center;gap:20px;padding:22px 12px;display:grid}.records article>div:first-child b{font-family:Manrope;font-weight:700}.records article small{color:var(--muted);margin-top:4px;display:block}.records button{color:#9a968e;cursor:pointer;background:0 0;border:0;font-size:18px}.records .entryActions{gap:7px;display:flex}.records .entryActions button:first-child{font-size:15px}.records .entryActions button:hover{color:var(--orange)}.empty{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);padding:60px}footer{border-top:1px solid var(--line);letter-spacing:.1em;height:85px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 max(24px,50vw - 590px);font:10px DM Mono;display:flex}@media (max-width:800px){main{padding-top:48px}.hero{display:block}.hero>p{margin-top:28px}.workspace{grid-template-columns:1fr}.desktopSave{display:none}.mobileSaveArea{background:var(--paper);padding:22px 26px 30px;display:block}.entry,.result{padding:34px 26px}.records article{grid-template-columns:1fr 1fr}.summary{display:none}}@media (max-width:500px){header{height:64px}.privacy{font-size:0}.pair{grid-template-columns:1fr;gap:0}.tipSources{gap:14px}.tipSources>div+div{padding-left:14px}.tipSources strong{font-size:21px}.entry,.result{padding:30px 20px}.history{padding-top:65px}.records article>div:nth-child(4){display:none}.paycheckCard{grid-template-columns:1fr;padding:24px}.paycheckCard>div:last-child{text-align:left;border-top:1px solid #10241d22;padding-top:18px}.periodHead{align-items:start}}.account{color:var(--orange);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;font:600 11px DM Mono}.account span{color:var(--muted);text-transform:none;margin-right:14px}.authShell{place-items:center;min-height:calc(100vh - 76px);padding:48px 24px;display:grid}.authCard{background:var(--paper);width:min(100%,560px);padding:54px;box-shadow:0 18px 60px #263c2d13}.authCard h1{margin-bottom:28px;font-size:clamp(42px,6vw,66px)}.authCard>p:not(.eyebrow):not(.authError){color:var(--muted);margin-bottom:30px;line-height:1.7}.authCard>small{color:var(--muted);text-align:center;margin-top:22px;display:block}.checkEmail{background:var(--mint);gap:8px;padding:24px;display:grid}.checkEmail span{color:#315045;font-size:13px}.checkEmail button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 0 0;text-decoration:underline}.authError{color:#b63b24;font-size:13px}.rateHint{color:var(--muted);margin:-12px 0 22px;font-size:11px;line-height:1.5}@media (max-width:500px){.authCard{padding:34px 24px}.account span{display:none}}