:root{--bg:#f7f8fa;--ink:#182829;--muted:#738080;--line:#e5eaea;--green:#176b52;--mint:#e7f3ec;--white:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #9ac6af;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #8fc5ad;outline-offset:1px}a{color:var(--green)}button{color:inherit;background:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.shell{display:grid;grid-template-columns:226px 1fr;min-height:100vh}.sidebar{background:white;border-right:1px solid var(--line);padding:35px 21px;display:flex;flex-direction:column;position:fixed;width:226px;height:100vh}.brand{font-size:23px;font-weight:750;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;color:white;width:35px;height:35px;border-radius:10px;background:var(--green);font-size:24px}.nav{display:grid;gap:8px;margin-top:48px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border-radius:8px;font-weight:550;font-size:14px;color:#71807b}.nav button.active{background:var(--mint);color:var(--green)}.side-note{margin-top:auto;padding:18px 13px;color:var(--muted);font-size:12px;line-height:1.7;border-top:1px solid var(--line)}.side-note strong{display:block;color:var(--ink);font-size:13px}.main{grid-column:2;padding:32px 44px 50px;max-width:1580px;width:100%;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:var(--muted);font-size:12px}.topline span:first-child{letter-spacing:.8px;font-size:11px;font-weight:650;text-transform:uppercase}.top-right{display:flex;align-items:center;gap:16px}.avatar{width:31px;height:31px;background:#e5ebe6;border-radius:50%;display:grid;place-items:center;color:#35614b;font-size:12px;font-weight:650}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:27px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 9px;font-weight:650}h2{font-size:16px;margin:0;font-weight:650;letter-spacing:-.3px}h3{font-size:14px;margin:0 0 9px}.subtitle{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.primary{background:var(--green);color:white;border:1px solid var(--green);border-radius:7px;padding:11px 17px;font-size:13px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.secondary{background:white;border:1px solid #dce3df;border-radius:7px;padding:10px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.demo{background:#fff7e8;border:1px solid #f1e3c8;color:#886b36;padding:10px 14px;border-radius:7px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.demo button{font-size:12px;text-decoration:underline;color:#755726;padding:2px}.filters{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.segmented{display:inline-flex;border:1px solid #e2e7e4;background:#eef1ef;border-radius:8px;padding:4px;gap:3px}.segmented button{font-size:12px;color:#718078;padding:8px 15px;border-radius:5px}.segmented button.selected{background:white;color:#234c39;box-shadow:0 1px 3px #0000000c;font-weight:600}.date-filter{display:flex;align-items:center;gap:7px}.date-filter input{padding:9px 8px;border:1px solid #dce3df;border-radius:6px;background:white;font-size:11px;color:#43564a;max-width:132px}.date-filter span{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:21px 23px}.stat-label{font-size:12px;color:#74817d;display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-label svg{width:16px;height:16px;color:#82938a}.stat-value{font-size:30px;letter-spacing:-1.2px;font-weight:650;margin-top:17px}.stat-value small{font-size:15px;letter-spacing:0;color:#849087;font-weight:400}.stat-foot{font-size:11px;color:#8a958e;margin-top:10px}.stat:nth-child(3){background:#edf5f0;border-color:#d7e8dd}.stat:nth-child(3) .stat-value{color:var(--green)}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:23px}.card-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;gap:20px}.card-head p{color:#869188;font-size:11px;margin:7px 0 0}.tag{background:#f0f5f2;padding:5px 9px;border-radius:5px;color:#6a7c70;font-size:10px;font-weight:550}.chart{padding:9px 27px 24px;display:grid;grid-template-columns:44px 1fr;height:218px;position:relative}.yaxis{display:flex;flex-direction:column;justify-content:space-between;color:#96a198;font-size:10px;padding-bottom:25px}.plot{display:flex;align-items:stretch;gap:10px;position:relative;overflow-x:auto;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#eef1ef calc(25% - 1px),#eef1ef 25%);background-size:100% calc(100% - 25px);background-repeat:no-repeat;padding-top:3px}.bar-col{flex:1;min-width:18px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;position:relative;gap:0}.bar-col .bar{width:70%;max-width:48px;background:#a8cbb7;border-radius:4px 4px 0 0;min-height:2px;transition:height .3s,background .2s}.bar-col:hover .bar{background:var(--green)}.bar-col span{font-size:9px;color:#8a988e;height:25px;padding-top:10px;white-space:nowrap}.bar-col:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.chart-empty{position:absolute;inset:70px 20px;text-align:center;font-size:13px;color:var(--muted)}.table-tools{display:flex;gap:10px;align-items:center}.table-tools select{font-size:12px;border:1px solid #dfe6e0;padding:8px 12px;border-radius:6px;background:white;color:#5b7062}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;white-space:nowrap}th{color:#809085;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:550;background:#fafcfb;border-block:1px solid #eef1ee;padding:12px 25px}td{padding:17px 25px;border-bottom:1px solid #edf1ed;color:#56665b}td:first-child{color:var(--ink);font-weight:550}td .sub{display:block;font-size:10px;color:#8a978e;margin-top:5px;font-weight:400}.money{font-variant-numeric:tabular-nums;font-weight:600;color:#324f3c}.rate{color:var(--green);background:#eef6f0;border-radius:5px;padding:5px 8px;font-size:11px}.text-btn{font-size:11px;color:var(--green);padding:5px;white-space:nowrap}.table-footer{display:flex;justify-content:space-between;padding:15px 25px;color:#8b978d;font-size:11px}.footer{display:flex;justify-content:space-between;color:#96a098;font-size:10px;padding:0 4px}.modal-backdrop{position:fixed;inset:0;background:#12291e66;backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:520px;max-height:92vh;overflow:auto;background:white;border-radius:14px;box-shadow:0 24px 90px #10271930;padding:29px}.modal h2{font-size:23px;margin:8px 0}.modal-head{display:flex;align-items:center;justify-content:space-between}.close{font-size:24px;color:#839286}.eyebrow{font-size:10px;color:var(--green);letter-spacing:1px;text-transform:uppercase;font-weight:650}.field{display:block;font-size:12px;font-weight:550;margin-top:21px}.field input,.field select,.field textarea{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #dce4dd;border-radius:7px;background:white;color:#344d3d;font-weight:400;font-size:14px}.field textarea{resize:vertical;min-height:90px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-summary{margin-top:20px;padding:15px;background:#f1f7f3;border-radius:7px;display:flex;justify-content:space-between;font-size:12px;color:#587362}.modal-actions{margin-top:25px;display:flex;justify-content:flex-end;gap:9px}.error{color:#ac3838;font-size:12px;margin-top:15px;line-height:1.5}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#193f2b;color:white;z-index:30;border-radius:8px;padding:13px 22px;font-size:13px;box-shadow:0 4px 20px #0002}.empty{text-align:center;padding:48px;color:#819086;font-size:13px}.crumb{margin-bottom:15px;color:var(--green);font-size:12px}.day-note{white-space:normal;min-width:180px;max-width:280px;line-height:1.6}.login{max-width:420px;margin:12vh auto;padding:35px;background:white;border:1px solid var(--line);border-radius:12px}.login h1{margin-top:20px}.login .primary{width:100%;margin-top:20px}[hidden]{display:none!important}@media(min-width:1500px){.main{padding-inline:65px}}@media(max-width:1100px){.main{padding:28px}.sidebar{width:190px;padding-inline:15px}.shell{grid-template-columns:190px 1fr}.stats{gap:12px}.stat{padding:18px 16px}.stat-value{font-size:26px}.date-filter input{max-width:121px}.card-head{padding:20px}th,td{padding-inline:20px}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:18px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px}.brand-mark{height:30px;width:30px}.nav{margin:0;display:flex;gap:3px}.nav button{padding:9px}.nav button svg{width:18px}.nav .nav-label{display:none}.side-note{display:none}.main{padding:23px 18px}.topline{margin-bottom:25px}.top-right>span{display:none}h1{font-size:26px}.heading{align-items:flex-start}.heading .primary{padding:10px;font-size:12px}.stats{grid-template-columns:repeat(2,1fr);gap:11px}.stat{padding:18px}.stat-value{font-size:28px;margin-top:13px}.stat-foot{font-size:10px}.filters{gap:15px}.segmented{width:100%}.segmented button{flex:1;padding:8px 10px}.date-filter{width:100%}.date-filter input{flex:1;max-width:none;min-width:0}.demo{font-size:10px;line-height:1.5;align-items:start}.demo button{font-size:10px;flex-shrink:0}.card-head{padding:19px 17px}.card-head p{line-height:1.6}.chart{padding-inline:15px;grid-template-columns:34px 1fr;height:190px}.plot{gap:3px}.bar-col span{font-size:8px}.footer{gap:15px;line-height:1.6}.modal{padding:23px}.modal-backdrop{padding:12px}.table-footer{padding:15px 18px}.topline span:first-child{font-size:10px}.heading .subtitle{font-size:12px}th,td{padding-inline:17px}.table-tools{gap:4px}.secondary{padding:9px;font-size:11px}}

.bar-track{height:calc(100% - 25px);width:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}.bar-track .bar{flex-shrink:0}

/* PJSTips: charcoal, vivid orange, and electric blue. */
:root{--bg:#0e1117;--ink:#f3f5fa;--muted:#8e99ac;--line:#29303d;--green:#ff8a34;--mint:#2a211e;--white:#171c26;color-scheme:dark}
.sidebar{background:#11151c;border-color:#29303d}.brand{color:#fff;font-size:22px;letter-spacing:-.7px;gap:9px}.brand-mark{background:#ff8a34;color:#14151b;border-radius:9px;font-weight:750}
.nav button{color:#8f9aab}.nav button.active{background:#2b221f;color:#ff9447}.nav button.active svg{color:#ff8a34}.side-note{border-color:#29303d}.side-note strong{color:#d6dde8}.avatar{background:#182e4a;color:#60a7ff}.primary{background:#ff8a34;border-color:#ff8a34;color:#17120e;font-weight:650}.primary:hover{background:#ff9a52}.secondary{background:#1b2230;border-color:#343f50;color:#cbd4e2}.demo{background:#211e1b;border-color:#4a3422;color:#d8a675}.demo button{color:#ffae6e}.segmented{background:#171d27;border-color:#293343}.segmented button{color:#929eb2}.segmented button.selected{background:#273349;color:#8bbdff;box-shadow:none}.date-filter input{background:#171d27;border-color:#344053;color:#d1d9e7}.stat{background:#171d27;border-color:#2a3443}.stat-label{color:#9aa6b9}.stat-label svg{color:#6ea9f7}.stat-value{color:#f4f7fc}.stat-value small{color:#8493a9}.stat-foot{color:#8593a7}.stat:nth-child(3){background:#17283e;border-color:#2b496f}.stat:nth-child(3) .stat-value{color:#6badff}.card{background:#171d27;border-color:#2a3443}.card-head p{color:#8997ab}.tag{background:#233146;color:#9bb7df}.plot{background-image:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#2b3444 calc(25% - 1px),#2b3444 25%)}.bar-col .bar{background:#3d7cce}.bar-col:nth-child(3n) .bar{background:#ff8a34}.bar-col:hover .bar{background:#8abbff}.bar-col span,.yaxis{color:#8999af}.table-tools select{background:#1c2635;border-color:#35445a;color:#c9d8ed}th{color:#8999b0;background:#131a24;border-color:#2a3545}td{border-color:#293343;color:#acb8cb}td:first-child{color:#e3eaf5}.money{color:#f0f4fb}.rate{color:#84b9ff;background:#203754}.text-btn{color:#ff9a52}.table-footer{color:#8293ad}.footer{color:#78889f}.modal{background:#171e29;border:1px solid #36445a}.modal-backdrop{background:#02050bbd}.field input,.field select,.field textarea{background:#101721;border-color:#35445a;color:#e3eaf6}.form-summary{background:#1c3049;color:#9bc6ff}.eyebrow{color:#ff9a52}.close{color:#9eacc0}.toast{background:#244e80;color:white}.login{background:#171d27;border-color:#303c50}.error{color:#ff9b8d}.crumb,a{color:#ff9a52}
.auth-tag{font-size:10px;letter-spacing:1.5px;color:#6daafa;font-weight:650;margin-top:36px}.account-login{max-width:450px;margin:6vh auto}.account-login h1{font-size:31px}.auth-tabs{display:flex;gap:5px;background:#101720;padding:5px;border:1px solid #2b3749;border-radius:8px;margin-top:25px}.auth-tabs a,.auth-tabs button{flex:1;text-align:center;padding:10px;color:#899bb4;font-size:13px;text-decoration:none;border-radius:5px}.auth-tabs .chosen{background:#26364c;color:#96c5ff}.field-help,.auth-foot{font-size:11px;color:#8b9bb2;line-height:1.7;margin:8px 0 0}.auth-foot{margin-top:23px;text-align:center}.optional{font-weight:400;color:#8b9bb2}.auth-notice{font-size:11px;color:#dca873;line-height:1.7;background:#292018;border:1px solid #4b3524;padding:12px;border-radius:7px;margin-top:20px}.guest-action{width:100%;margin-top:12px}.avatar-button{display:flex;align-items:center;gap:10px;color:#c4d0e1;font-size:12px}.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{font-size:11px;color:#93aac8;padding:8px 0}.profile-preview{height:76px;width:76px;border-radius:50%;background:#233a58;display:grid;place-items:center;overflow:hidden;font-size:27px;color:#a8cfff;margin-top:18px}.profile-preview img{width:100%;height:100%;object-fit:cover}.profile-dialog{max-width:440px}.auth-switch{margin-top:15px;color:#8aa2c1;font-size:12px;text-align:center}.account-login .error{line-height:1.6}input[type=file]{font-size:11px;max-width:100%}input[type=file]::file-selector-button{border:0;background:#2d4567;color:#dceaff;padding:7px 9px;border-radius:4px;margin-right:10px}@media(max-width:760px){.account-login{margin:28px 15px;padding:26px}.account-name{display:none}.top-right{gap:10px}.profile-dialog{margin:auto}.auth-tag{margin-top:25px}}
.profile-divider{border:0;border-top:1px solid #344157;margin-top:28px;margin-bottom:24px}.tax-settings{margin-top:24px;border:1px solid #324057;border-radius:8px;padding:15px}.tax-settings summary{font-size:12px;color:#a4c9fa;cursor:pointer}.tax-settings .field{font-size:11px}.tax-settings .two{gap:12px}.payroll-setup{padding:0 25px 24px;color:#8d9fb8;font-size:13px;line-height:1.7}.pay-period-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 25px 20px}.pay-period-toolbar>div{text-align:center;font-size:13px}.pay-period-toolbar span{display:block;font-size:11px;color:#8ea3bf;margin-top:7px}.payroll-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 25px;background:#141f30;border-block:1px solid #2b3b53}.payroll-totals span{display:block;color:#8ea6c6;font-size:11px;margin-bottom:12px}.payroll-totals strong{font-size:23px;letter-spacing:-.5px}.payroll-totals .pending-net{font-size:16px;color:#b6c5da}.payroll-notes{padding:18px 25px 24px;color:#91a2ba;font-size:11px;line-height:1.7}.payroll-notes p{margin:0 0 12px}.tax-pending{border:1px solid #574127;background:#292219;padding:12px;color:#deb283;border-radius:6px}.tax-breakdown{max-width:460px;margin:16px 0}.tax-breakdown>div{display:flex;justify-content:space-between;border-bottom:1px solid #34435a;padding:7px 0}.primary:disabled,.secondary:disabled{opacity:.5;cursor:default}@media(max-width:760px){.payroll-totals{grid-template-columns:repeat(2,1fr);gap:24px}.pay-period-toolbar{padding-inline:17px;gap:10px}.pay-period-toolbar>div{font-size:12px}.payroll-notes{padding-inline:17px}.profile-dialog{max-height:94vh}}

/* Per-account palettes: original keeps the PJSTips orange/blue styling above. */
:root[data-theme="ocean"]{--bg:#091820;--surface:#102631;--raised:#193a49;--ink:#e8f8ff;--muted:#a0bdca;--line:#30515f;--accent:#67e1ef;--second:#93baff}
:root[data-theme="forest"]{--bg:#0c1812;--surface:#17291e;--raised:#253d2d;--ink:#eef8ee;--muted:#acc3b0;--line:#3c5942;--accent:#88e2a1;--second:#efd182}
:root[data-theme="plum"]{--bg:#181020;--surface:#281c33;--raised:#3b2a4b;--ink:#f6edff;--muted:#c3aecf;--line:#594067;--accent:#cfabff;--second:#f3a6d5}
:root[data-theme="rose"]{--bg:#1d1015;--surface:#301d24;--raised:#492c36;--ink:#fff0f3;--muted:#d1b0bc;--line:#65434f;--accent:#ffa593;--second:#efb5d2}
:root[data-theme="slate"]{--bg:#13171c;--surface:#232a32;--raised:#353f49;--ink:#f2f6fa;--muted:#bac5d0;--line:#4d5b68;--accent:#d1dce6;--second:#9dd9eb}
:root[data-theme]:not([data-theme="original"]){--green:var(--accent);--mint:var(--raised);--white:var(--surface)}
html[data-theme]:not([data-theme="original"]) :is(.sidebar,.stat,.card,.modal,.login){background:var(--surface);border-color:var(--line)}
html[data-theme]:not([data-theme="original"]) :is(.secondary,.segmented,.tag,.rate,.form-summary,.auth-tabs,.auth-tabs .chosen,.profile-preview,.avatar,.payroll-totals,.stat:nth-child(3),.segmented button.selected,.nav button.active){background:var(--raised);border-color:var(--line);color:var(--second)}
html[data-theme]:not([data-theme="original"]) :is(.primary,.brand-mark){background:var(--accent);border-color:var(--accent);color:var(--bg)}
html[data-theme]:not([data-theme="original"]) .primary:hover{filter:brightness(1.1)}
html[data-theme]:not([data-theme="original"]) :is(a,.text-btn,.eyebrow,.crumb,.nav button.active,.nav button.active svg){color:var(--accent)}
html[data-theme]:not([data-theme="original"]) :is(input,select,textarea,th){background:var(--bg);border-color:var(--line);color:var(--ink)}
html[data-theme]:not([data-theme="original"]) :is(td,.side-note,.profile-divider,.tax-settings,.tax-breakdown>div){border-color:var(--line)}
html[data-theme]:not([data-theme="original"]) :is(.brand,.stat-value,td:first-child,.money,.side-note strong,.avatar-button){color:var(--ink)}
html[data-theme]:not([data-theme="original"]) :is(.nav button,.stat-label,.stat-foot,.stat-value small,.card-head p,.bar-col span,.yaxis,td,td .sub,.table-footer,.footer,.field-help,.auth-foot,.optional,.auth-tabs a,.auth-tabs button,.auth-switch,.logout-btn,.payroll-setup,.pay-period-toolbar span,.payroll-notes,.close){color:var(--muted)}
html[data-theme]:not([data-theme="original"]) :is(.stat:nth-child(3) .stat-value,.stat-label svg,.tax-settings summary,.auth-tag,.payroll-totals span,.payroll-totals .pending-net){color:var(--second)}
html[data-theme]:not([data-theme="original"]) .plot{background-image:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) calc(25% - 1px),var(--line) 25%)}
html[data-theme]:not([data-theme="original"]) .bar-col .bar{background:var(--second)}
html[data-theme]:not([data-theme="original"]) .bar-col:nth-child(3n) .bar,html[data-theme]:not([data-theme="original"]) .bar-col:hover .bar{background:var(--accent)}
html[data-theme]:not([data-theme="original"]) .toast{background:var(--raised);color:var(--ink);border:1px solid var(--accent)}
html[data-theme]:not([data-theme="original"]) :is(button,a,input,select,textarea):focus-visible{outline-color:var(--accent)}
html[data-theme]:not([data-theme="original"]) input[type=file]::file-selector-button{background:var(--raised);color:var(--ink)}

.account-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:25px}.account-toolbar strong{font-size:14px}.account-toolbar p{font-size:12px;color:var(--muted);line-height:1.5;margin:7px 0 0}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.account-actions button{min-height:42px}.brand{padding:0;text-align:left}@media(max-width:760px){.account-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.account-actions button{white-space:normal;font-size:12px}.account-toolbar{padding:15px;gap:14px}.topline{flex-wrap:wrap;gap:12px}}