:root{color:#1c1c1e;font-synthesis:none;text-rendering:optimizelegibility;--navy:#1c1c1e;--navy-soft:#3a3a3c;--blue:#007aff;--blue-dark:#0066d6;--blue-pale:#e5f1ff;--green:#34c759;--green-pale:#e9f8ed;--orange:#ff9500;--orange-pale:#fff4e5;--red:#ff3b30;--red-pale:#fff0ef;--purple:#af52de;--purple-pale:#f7effb;--muted:#8e8e93;--line:#d1d1d6;--panel:#fff;--shadow:0 1px 2px #0000000a;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f2f2f7;min-width:320px}body{background:#f2f2f7;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;color:#dce6f7;background:var(--navy);flex-direction:column;width:246px;padding:25px 15px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 12px 31px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6ea3ff,#3e6cf0);border-radius:12px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:800;display:grid;box-shadow:0 8px 20px #3e6cf054}.brand strong,.brand span{display:block}.brand strong{color:#fff;letter-spacing:.01em;font-size:15px}.brand span{color:#93a4c1;margin-top:3px;font-size:11px}.main-nav{gap:5px;display:grid}.nav-item{color:#aebcd4;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 14px;transition:background .16s,color .16s;display:flex}.nav-item svg{flex:none}.nav-item span{flex:1;font-size:14px}.nav-item em{color:#fff;background:#d95d6a;border-radius:8px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-style:normal;display:grid}.nav-active{color:#fff;background:linear-gradient(90deg,#5b87ed57,#4869c32b);box-shadow:inset 3px 0 #72a5ff}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:13px 13px 0}.local-status{color:#bfd0e9;align-items:center;gap:7px;font-size:11px;display:flex}.status-pulse{background:#4fd09d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4fd09d1f}.sidebar-footer small{color:#6f819f;margin-top:7px;font-size:10px;display:block}.main-content{width:calc(100% - 246px);min-width:0;margin-left:246px}.topbar{border-bottom:1px solid var(--line);background:#ffffffd6;justify-content:space-between;align-items:center;height:69px;padding:0 39px;display:flex}.topbar-title{color:#96a0b1;align-items:center;gap:10px;font-size:12px;display:flex}.topbar-title strong{color:var(--navy);font-size:13px;font-weight:700}.topbar-actions{align-items:center;gap:15px;display:flex}.topbar-reminder{color:#55729a;background:#f1f6ff;border:1px solid #dce8fd;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.date-chip{color:#8691a4;font-size:12px}.mobile-menu-button{color:var(--navy);background:0 0;border:0;padding:7px;display:none}.page-wrap{width:100%;max-width:1540px;margin:0 auto;padding:37px 40px 60px}.section-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px;display:flex}.eyebrow{color:#8d9bb0;letter-spacing:.14em;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.section-header h1{color:var(--navy);letter-spacing:-.03em;margin:0;font-size:clamp(24px,3vw,31px);line-height:1.18}.section-header p{max-width:640px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.7}.header-actions,.button-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.button{height:38px;color:var(--navy);white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:700;transition:transform .14s,background .14s,border-color .14s;display:inline-flex}.button-primary{color:#fff;background:var(--blue);box-shadow:0 8px 16px #3478ee2e}.link-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:2px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.panel{background:var(--panel);min-width:0;box-shadow:var(--shadow);border:1px solid #edf0f5;border-radius:16px;padding:23px 24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:19px;display:flex}.panel-heading .eyebrow{margin-bottom:6px}.panel-heading h2{color:var(--navy);margin:0;font-size:16px;line-height:1.25}.panel-heading h2 small{color:#9ba6b7;font-size:12px;font-weight:500}.stat-grid{gap:13px;margin-bottom:23px;display:grid}.stat-grid-6{grid-template-columns:repeat(6,1fr)}.stat-grid-5{grid-template-columns:repeat(5,1fr)}.stat-card{text-align:left;background:#fff;border:1px solid #edf0f5;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;padding:17px 15px 14px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 7px 22px #23324e0b}.stat-icon{border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:14px;display:grid}.stat-label{color:#7f8a9d;font-size:11px;line-height:1.35}.stat-value{color:var(--navy);letter-spacing:-.02em;margin-top:4px;font-size:22px}.stat-helper{color:#a2adbd;margin-top:8px;font-size:10px}.dashboard-columns{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:17px;margin-bottom:17px;display:grid}.lower-columns{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)}.income-panel{background:linear-gradient(135deg,#fff,#fbfdff);min-height:290px}.big-income{color:var(--navy);letter-spacing:-.04em;margin:10px 0 25px;font-size:clamp(32px,4vw,45px);font-weight:800}.income-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 35px;display:grid}.income-line{color:#78859a;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.income-line>span{align-items:center;gap:7px;min-width:0;display:flex}.income-line strong{color:#3e4a60;white-space:nowrap;font-size:13px;font-weight:700}.income-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.quick-panel{min-height:290px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.quick-grid div{background:#f8fafd;border:1px solid #eef2f7;border-radius:11px;padding:15px}.quick-grid span,.quick-grid strong{display:block}.quick-grid span{color:#8995a8;font-size:11px}.quick-grid strong{color:var(--navy);margin-top:6px;font-size:22px}.name-tip{color:#7e6a43;background:#fff9ed;border:1px solid #f9eac5;border-radius:9px;gap:7px;margin-top:18px;padding:10px 11px;font-size:11px;line-height:1.5;display:flex}.name-tip svg{color:var(--orange);flex:none;margin-top:1px}.reminder-list{gap:8px;display:grid}.reminder-item{background:#fff;border:1px solid #eff2f6;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-width:0;display:grid}.reminder-main{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:12px 11px;display:flex}.reminder-main:disabled{opacity:1;cursor:default}.reminder-dot{background:#93a2b8;border-radius:50%;flex:none;width:8px;height:8px}.reminder-danger .reminder-dot{background:var(--red);box-shadow:0 0 0 4px var(--red-pale)}.reminder-warning .reminder-dot{background:var(--orange);box-shadow:0 0 0 4px var(--orange-pale)}.reminder-normal .reminder-dot{background:var(--blue);box-shadow:0 0 0 4px var(--blue-pale)}.reminder-copy{flex:1;gap:3px;min-width:0;display:grid}.reminder-copy strong{color:#405066;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.reminder-copy span{color:#8c98aa;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reminder-arrow{color:#aeb9c9;flex:none}.reminder-actions{align-items:center;gap:6px;padding:0 10px 0 4px;display:flex}.reminder-action-button{color:#71819a;white-space:nowrap;background:#f7f9fc;border:1px solid #e3e8f0;border-radius:6px;min-height:27px;padding:0 8px;font-size:10px}.reminder-state-label{color:#8d99aa;white-space:nowrap;font-size:10px}.reminder-read .reminder-copy strong{font-weight:600}.reminder-handled{opacity:.62}.reminder-list-compact .reminder-main{padding:10px}.reminder-list-compact .reminder-actions{display:none}.mini-project-list{gap:6px;display:grid}.mini-project{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f2f6;align-items:center;gap:11px;width:100%;padding:10px 2px;display:flex}.mini-project:last-child{border-bottom:0}.mini-project:hover strong{color:var(--blue)}.mini-project>span:nth-child(2){flex:1;gap:3px;min-width:0;display:grid}.mini-project strong{color:#4a576d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mini-project small{color:#9aa6b7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.project-avatar{color:#5479bd;background:#eaf2ff;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:14px;font-weight:800;display:grid}.toolbar{align-items:center;gap:10px;margin-bottom:19px;display:flex}.search-box,.filter-box{color:#9ba6b7;background:#fafbfd;border:1px solid #e4e9f1;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 11px;display:flex}.search-box{width:min(370px,100%)}.search-box input{width:100%;color:var(--navy);background:0 0;border:0;outline:0;font-size:12px}.filter-box select{color:#5d6b82;background:0 0;border:0;outline:0;min-width:137px;font-size:12px}.result-count{color:#9ca7b7;white-space:nowrap;margin-left:auto;font-size:11px}.desktop-table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{color:#a0aaba;letter-spacing:.04em;text-align:left;white-space:nowrap;padding:0 12px 12px;font-size:10px;font-weight:700}.data-table td{vertical-align:middle;border-top:1px solid #f0f2f6;padding:14px 12px}.type-pill{color:#5474a8;white-space:nowrap;background:#edf4ff;border-radius:6px;align-items:center;height:23px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.table-primary{color:#42536b;text-align:left;background:0 0;border:0;gap:4px;max-width:220px;padding:0;display:grid}.table-primary:hover strong{color:var(--blue)}.table-primary strong,.table-primary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-primary small{color:#9aa5b7;font-size:10px}.sub-status{color:#9aa5b7;margin-top:5px;font-size:10px;display:block}.date-cell{color:#68778e;white-space:nowrap;gap:4px;font-size:11px;display:grid}.date-cell small{color:#a1adbc;font-size:10px}.money-cell{color:#35475f;white-space:nowrap;font-size:12px;font-weight:800}.badge{color:#67758c;white-space:nowrap;background:#f0f3f7;border-radius:6px;align-items:center;min-height:23px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.row-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.icon-button{color:#8d9aad;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:30px;height:30px;padding:0;display:grid}.mobile-card-list{display:none}.mobile-project-card{background:#fff;border:1px solid #edf0f5;border-radius:13px;padding:15px;box-shadow:0 6px 20px #23324e0b}.mobile-card-top,.mobile-card-bottom,.mobile-project-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-project-title{width:100%;color:var(--navy);text-align:left;background:0 0;border:0;gap:5px;margin:13px 0;padding:0;display:grid}.mobile-project-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mobile-project-title span,.mobile-project-meta{color:#8e9aab;font-size:11px}.mobile-project-meta{border-bottom:1px solid #f0f2f6;padding-bottom:13px}.mobile-card-bottom{color:#8794a8;padding-top:11px;font-size:11px}.detail-back{margin:-10px 0 19px}.back-button{color:#6f7f95;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:inline-flex}.back-button:hover{color:var(--blue)}.project-summary-panel{padding-bottom:20px}.project-summary-top{border-bottom:1px solid #f0f2f6;justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px;display:flex}.project-summary-top>div{align-items:center;gap:9px;display:flex}.summary-code{color:#8491a4;font-size:11px}.summary-date{color:#9aa6b6;font-size:11px}.summary-grid{grid-template-columns:repeat(6,1fr);gap:10px;padding:20px 0;display:grid}.summary-item{border-right:1px solid #f0f2f6;flex-direction:column;gap:7px;min-width:0;padding-right:12px;display:flex}.summary-item:last-child{border-right:0}.summary-item span{color:#909caf;font-size:10px}.summary-item strong{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.summary-success strong{color:var(--green)}.summary-warning strong{color:var(--orange)}.summary-money strong{color:var(--blue)}.project-income-strip{background:#fafbfd;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:20px;padding:14px 15px;display:grid}.video-list-panel,.notes-panel{margin-top:17px}.table-status-stack{white-space:nowrap;gap:4px;font-size:10px;display:grid}.income-composition{color:#8895a7;white-space:nowrap;font-size:10px}.notes-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.notes-grid span{color:#99a4b4;font-size:11px}.notes-grid p{color:#59697f;white-space:pre-wrap;margin:6px 0 0;font-size:12px;line-height:1.7}.month-picker{color:#71819a;background:#fff;border:1px solid #dfe6f0;border-radius:9px;align-items:center;gap:8px;height:38px;padding:0 11px;display:inline-flex}.month-picker input{color:#52637c;background:0 0;border:0;outline:0;font-size:12px}.payroll-stat-grid{margin-bottom:19px}.payroll-overview-grid{grid-template-columns:1.08fr .92fr;gap:17px;margin-bottom:17px;display:grid}.payroll-detail-grid{grid-template-columns:1fr 1fr;gap:17px;margin-bottom:17px;display:grid}.penalty-list{gap:9px;display:grid}.penalty-line{color:#7f8da1;background:#fafbfd;border:1px solid #edf0f5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;font-size:11px;display:flex}.penalty-line strong{white-space:nowrap;font-size:12px}.payroll-header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.page-tabs{flex-wrap:wrap;gap:7px;margin-bottom:17px;display:flex}.page-tab{color:#76859b;background:#f6f8fb;border:1px solid #e7ebf2;border-radius:8px;min-height:35px;padding:0 14px;font-size:12px;font-weight:700}.status-income-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.status-income-grid div{background:#fafbfd;border:1px solid #edf0f5;border-radius:10px;padding:14px}.status-income-grid span,.status-income-grid strong{display:block}.status-income-grid span{color:#8d99aa;font-size:11px}.status-income-grid strong{color:#3e506a;margin-top:6px;font-size:17px}.payroll-tip,.rule-note{color:#7c6d4d;background:#fff9ed;border:1px solid #f8ebcc;border-radius:9px;align-items:flex-start;gap:8px;margin-top:16px;padding:10px 11px;font-size:11px;line-height:1.6;display:flex}.payroll-tip svg,.rule-note svg{color:var(--orange);flex:none;margin-top:2px}.volume-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.volume-grid .summary-item{border-bottom:1px solid #eff2f6;border-right:0;padding:11px 0}.volume-grid .summary-item:nth-last-child(-n+2){border-bottom:0}.payroll-records-panel{min-width:0}.charts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:17px;display:grid}.chart-panel{min-width:0}.chart-bars{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:8px;height:215px;padding-top:12px;display:grid}.chart-bar-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.chart-bar-value{color:#71819a;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;display:block;overflow:hidden}.chart-bar-track{background:#f0f3f8;border-radius:8px;align-items:flex-end;width:100%;max-width:35px;height:138px;display:flex;overflow:hidden}.chart-bar-fill{border-radius:8px 8px 0 0;width:100%;min-height:4px;display:block}.chart-bar-column small{color:#9ca7b7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.composition-chart{gap:14px;display:grid}.composition-row{gap:6px;display:grid}.composition-label{color:#7f8da1;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.composition-label strong{color:#50617a;white-space:nowrap;font-size:11px}.composition-track{background:#f0f3f8;border-radius:99px;height:8px;overflow:hidden}.composition-fill{border-radius:99px;min-width:2px;height:100%;display:block}.bonus-control-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:17px;margin-bottom:17px;display:grid}.manual-override-row{justify-content:space-between;align-items:center;gap:13px;display:flex}.manual-override-row .check-field{flex:1;min-width:0}.manual-override-row .money-input{flex:none;width:150px}.tax-form-grid{grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:21px;display:grid}.tax-form-summary{background:#f8fafd;border:1px solid #e7edf5;border-radius:11px;padding:17px}.tax-form-summary>strong{color:var(--navy);font-size:15px}.tax-form-summary p{color:#8794a7;margin:8px 0 20px;font-size:11px;line-height:1.65}.tax-total-line{color:#8390a3;border-top:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding-top:11px;font-size:11px;display:flex}.tax-total-line strong{color:#4a5b73;font-size:14px}.percent-input{border:1px solid #dfe6ef;border-radius:8px;align-items:center;display:flex;overflow:hidden}.percent-input>span{color:#8f9caf;padding-right:10px;font-size:12px}.percent-input .text-input{min-height:36px;box-shadow:none;border:0;border-radius:0}.reminder-setting-grid{margin-top:0}.reminder-count-chip{color:#b06e22;background:var(--orange-pale);border:1px solid #f8e7c4;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:12px;display:inline-flex}.reminder-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.reminder-toolbar{align-items:center;gap:10px;margin-bottom:17px;padding:13px 15px;display:flex}.reminder-toolbar .filter-box{background:#fff}.reminder-guide{background:linear-gradient(90deg,#f8fbff,#fff);gap:12px;margin-bottom:17px;padding:16px 18px;display:flex}.guide-icon{width:34px;height:34px;color:var(--blue);background:var(--blue-pale);border-radius:9px;flex:none;place-items:center;display:grid}.reminder-guide strong{color:#4a5a72;font-size:13px}.reminder-guide p{color:#8794a7;margin:5px 0 0;font-size:11px;line-height:1.6}.reminder-panel{margin-bottom:17px}.settings-form{gap:17px;display:grid}.form-grid{gap:15px;display:grid}.form-grid-1{grid-template-columns:minmax(0,1fr)}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:7px;min-width:0;display:grid}.field-wide{grid-column:1/-1}.field-label{color:#68778e;font-size:11px;font-weight:700}.field-hint{color:#9ba6b5;font-size:10px;line-height:1.45}.text-input{color:#394b65;background:#fff;border:1px solid #dfe6ef;border-radius:8px;outline:0;width:100%;min-height:38px;padding:8px 10px;font-size:12px;transition:border .15s,box-shadow .15s}.textarea{resize:vertical;min-height:78px;line-height:1.6}.select-input{appearance:auto}.money-input{border:1px solid #dfe6ef;border-radius:8px;align-items:center;display:flex;overflow:hidden}.money-input:focus-within{border-color:#8db4fa;box-shadow:0 0 0 3px #3478ee1a}.money-input>span{color:#92a0b4;padding-left:10px;font-size:12px}.money-input .text-input{min-height:36px;box-shadow:none;border:0;border-radius:0}.inline-inputs{color:#8794a7;align-items:center;gap:7px;font-size:11px;display:flex}.inline-inputs .text-input{width:86px;min-width:0}.check-grid{flex-wrap:wrap;gap:10px 18px;margin-top:17px;display:flex}.check-field{color:#61728a;align-items:center;gap:7px;min-height:27px;font-size:11px;display:inline-flex}.check-field input{width:15px;height:15px;accent-color:var(--blue);margin:0}.form-preview{background:#f3f7ff;border:1px solid #dce9ff;border-radius:8px;flex-direction:column;justify-content:center;min-height:38px;padding:0 11px;display:flex}.form-preview span{color:#7790bb;font-size:10px}.form-preview strong{color:var(--blue);margin-top:2px;font-size:17px}.settings-description{color:#8794a6;margin:-7px 0 17px;font-size:12px;line-height:1.7}.supervisor-mapping-list{gap:12px;display:grid}.supervisor-mapping-row{background:#fafbfd;border:1px solid #edf0f5;border-radius:11px;grid-template-columns:.9fr 1fr 1.35fr auto;align-items:end;gap:12px;padding:14px;display:grid}.supervisor-mapping-row .field{min-width:0}.mapping-remove{margin-bottom:4px}.mapping-empty{color:#8d99aa;text-align:center;background:#fafbfd;border:1px dashed #dfe6ef;border-radius:10px;padding:18px;font-size:12px}.payroll-open-button{width:max-content;height:30px;padding:0 10px;font-size:11px}.settings-save-row{justify-content:flex-end;display:flex}.rule-note{margin-top:16px}.rule-note span{min-width:0}.backup-grid{grid-template-columns:1.1fr .9fr;gap:17px;display:grid}.backup-main{min-height:330px}.backup-hero{border-bottom:1px solid #eff2f6;align-items:flex-start;gap:14px;padding-bottom:21px;display:flex}.backup-icon{width:49px;height:49px;color:var(--blue);background:var(--blue-pale);border-radius:14px;flex:none;place-items:center;display:grid}.backup-hero h2{color:var(--navy);margin:2px 0 7px;font-size:17px}.backup-hero p{color:#8794a6;max-width:520px;margin:0;font-size:12px;line-height:1.7}.backup-counts{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:12px;margin:22px 0;display:grid}.backup-counts div{text-align:center;background:#fafbfd;border:1px solid #edf0f5;border-radius:10px;padding:13px}.backup-counts strong,.backup-counts span{display:block}.backup-counts strong{color:var(--navy);font-size:23px}.backup-counts span{color:#9aa6b7;margin-top:4px;font-size:10px}.backup-actions{flex-wrap:wrap;gap:9px;display:flex}.monthly-export{background:#fafbfd;border:1px solid #edf0f5;border-radius:10px;justify-content:space-between;align-items:center;gap:13px;margin-top:17px;padding:14px;display:flex}.monthly-export>div:first-child{gap:5px;min-width:0;display:grid}.monthly-export strong{color:#4d5e76;font-size:12px}.monthly-export span{color:#98a4b4;font-size:10px}.monthly-export-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.backup-guide ol{color:#68788f;gap:17px;margin:5px 0 22px;padding-left:22px;font-size:12px;line-height:1.6;display:grid}.backup-guide li::marker{color:var(--blue);font-weight:800}.backup-warning{color:#8d6d34;background:#fff9ed;border:1px solid #f8ebcc;border-radius:9px;gap:8px;padding:11px;font-size:11px;line-height:1.55;display:flex}.backup-warning svg{color:var(--orange);flex:none}.empty-state{text-align:center;align-content:center;place-items:center;gap:9px;min-height:190px;padding:23px 14px;display:grid}.empty-icon{color:#88a0c5;background:#eef4ff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.empty-state strong{color:#64738a;font-size:13px}.empty-state p{color:#9da8b8;max-width:330px;margin:0;font-size:11px;line-height:1.6}.empty-state .button-row{justify-content:center;margin-top:4px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141f326e;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;width:min(540px,100%);max-height:calc(100vh - 56px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0d1b3242}.modal-wide{width:min(980px,100%)}.modal-header{border-bottom:1px solid #edf0f5;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:19px 24px;display:flex}.modal-header h2{color:var(--navy);margin:0;font-size:17px}.modal-body{min-height:0;padding:23px 24px 25px;overflow:auto}.record-form,.modal-form-stack{gap:23px;display:grid}.v2-extra-section{background:#fbfcff;border:1px solid #e8eef8;border-radius:11px;padding:17px}.v2-extra-section.form-section{border-bottom:1px solid #e8eef8;padding-bottom:17px}.form-section{border-bottom:1px solid #edf0f5;padding-bottom:22px}.form-section:last-of-type{border-bottom:0;padding-bottom:0}.form-section-title{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:15px;display:flex}.form-section-title span{color:var(--navy);font-size:13px;font-weight:800}.form-section-title small{color:#a0abba;font-size:10px}.form-error{color:#b34e5a;background:var(--red-pale);border:1px solid #f4d5d9;border-radius:8px;padding:10px 11px;font-size:11px}.form-actions{justify-content:flex-end;gap:9px;padding-top:1px;display:flex}.toast{z-index:70;color:#fff;background:#263853;border-radius:9px;align-items:center;gap:8px;max-width:calc(100vw - 40px);padding:11px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;right:25px;box-shadow:0 12px 30px #17253d3b}.sidebar-backdrop{display:none}@media (width<=1250px){.page-wrap,.topbar{padding-left:25px;padding-right:25px}.stat-grid-6,.stat-grid-5,.summary-grid{grid-template-columns:repeat(3,1fr)}.summary-item:nth-child(3){border-right:0}.summary-item:nth-child(-n+3){border-bottom:1px solid #f0f2f6;padding-bottom:13px}.project-income-strip{grid-template-columns:repeat(2,1fr);gap:14px 24px}}@media (width<=900px){.sidebar{width:215px}.main-content{width:calc(100% - 215px);margin-left:215px}.dashboard-columns,.lower-columns,.payroll-overview-grid,.payroll-detail-grid,.backup-grid,.charts-grid,.bonus-control-grid,.tax-form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.header-actions,.header-actions .button-row{width:100%}.header-actions .button{flex:1}}@media (width<=680px){.sidebar{width:245px;transition:left .2s;left:-245px}.sidebar.sidebar-open{left:0;box-shadow:15px 0 40px #0f1d332e}.sidebar-backdrop{z-index:15;background:#141f3247;border:0;padding:0;display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0}.topbar{height:57px;padding:0 14px}.mobile-menu-button{place-items:center;display:grid}.topbar-title{gap:7px;font-size:11px}.topbar-title>span:first-child,.topbar-separator{display:none}.topbar-actions{gap:7px}.topbar-reminder{padding:7px}.topbar-reminder span,.date-chip{display:none}.page-wrap{padding:24px 14px 42px}.section-header{gap:15px;margin-bottom:21px}.section-header h1{font-size:25px}.section-header p{margin-top:6px;font-size:12px}.header-actions,.header-actions .button-row{width:100%}.header-actions .button{flex:1;min-width:0;padding-left:8px;padding-right:8px}.stat-grid-6,.stat-grid-5{grid-template-columns:repeat(2,1fr);gap:9px}.stat-grid{margin-bottom:15px}.stat-card{padding:13px 12px}.stat-icon{margin-bottom:10px}.stat-value{font-size:20px}.stat-helper{margin-top:6px;font-size:9px}.panel{border-radius:13px;padding:17px 15px}.panel-heading{margin-bottom:15px}.dashboard-columns,.lower-columns,.payroll-overview-grid,.backup-grid{gap:13px;margin-bottom:13px}.income-panel,.quick-panel{min-height:0}.big-income{margin:5px 0 20px;font-size:34px}.income-breakdown{gap:12px 14px}.income-line{font-size:11px}.income-line strong{font-size:12px}.quick-grid{gap:9px}.quick-grid div{padding:12px}.quick-grid strong{font-size:20px}.toolbar{flex-wrap:wrap;align-items:stretch}.search-box{width:100%}.filter-box{flex:1}.filter-box select{width:100%;min-width:0}.result-count{align-self:center}.desktop-table-wrap{display:none}.mobile-card-list{gap:9px;display:grid}.summary-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:16px 0}.summary-item{border-bottom:1px solid #f0f2f6;border-right:0;min-height:59px;padding:12px 10px 11px 0}.summary-item:nth-child(odd){border-right:1px solid #f0f2f6}.summary-item:nth-last-child(-n+2){border-bottom:0}.summary-item strong{font-size:15px}.project-summary-top{flex-direction:column;align-items:flex-start;gap:7px}.project-income-strip{grid-template-columns:repeat(2,1fr);gap:14px 12px;padding:12px}.notes-grid{grid-template-columns:1fr;gap:13px}.status-income-grid{gap:9px}.status-income-grid div{padding:12px}.status-income-grid strong{font-size:15px}.volume-grid{gap:0 13px}.volume-grid .summary-item{min-height:56px}.month-picker{align-self:stretch}.month-picker input{flex:1}.payroll-header-actions{width:100%}.payroll-header-actions .month-picker{flex:1}.payroll-header-actions>.button{flex:none}.reminder-header-actions{justify-content:flex-start;width:100%}.reminder-toolbar{flex-wrap:wrap;align-items:stretch}.reminder-toolbar .filter-box{width:100%}.reminder-toolbar .result-count{width:100%;margin-left:0}.reminder-guide{padding:14px}.reminder-item{grid-template-columns:1fr}.reminder-main{padding:11px 9px}.reminder-actions{justify-content:flex-end;padding:0 9px 9px}.reminder-copy span{white-space:normal}.reminder-count-chip{align-self:stretch}.page-tabs{gap:6px}.page-tab{flex:auto}.chart-bars{gap:6px;height:195px}.chart-bar-track{height:120px}.manual-override-row{flex-direction:column;align-items:stretch}.manual-override-row .money-input{width:100%}.monthly-export{flex-direction:column;align-items:stretch}.monthly-export-actions{justify-content:stretch}.monthly-export-actions .month-picker,.monthly-export-actions .button{flex:1}.form-grid-3,.form-grid-2{grid-template-columns:1fr}.supervisor-mapping-row{grid-template-columns:1fr;gap:11px}.mapping-remove{justify-self:end;margin:-2px 0 0}.settings-save-row .button{width:100%}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal-wide{border-radius:17px 17px 0 0;width:100%;max-height:94vh}.modal-header{padding:16px 17px}.modal-body{padding:18px 17px 23px}.form-section-title{flex-direction:column;align-items:flex-start;gap:4px}.check-grid{grid-template-columns:1fr;gap:9px;display:grid}.form-actions{z-index:1;background:#fffffff2;border-top:1px solid #edf0f5;margin:0 -17px -23px;padding:12px 17px;position:sticky;bottom:-1px}.form-actions .button{flex:1}.inline-inputs{flex-wrap:wrap}.inline-inputs .text-input{flex:1;width:0}.backup-actions .button{flex:1}.backup-main{min-height:0}.toast{bottom:14px;right:14px}}@media (width<=380px){.stat-grid-6,.stat-grid-5,.income-breakdown{grid-template-columns:1fr}.backup-actions{display:grid}.backup-actions .button{width:100%}}.account-button{color:#3e3630;background:#fcf7dfad;border:1px solid #3e363024;border-radius:10px;align-items:center;gap:7px;max-width:230px;min-height:34px;padding:0 10px;font-size:11px;display:inline-flex}.account-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-button:hover{background:#fcf7df;border-color:#a79a8a}.cloud-status-saving .status-pulse{background:#a79a8a}.cloud-status-error .status-pulse{background:#8a5d50}.cloud-migration-banner,.cloud-error-banner{border-radius:13px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;padding:13px 15px;display:flex}.cloud-migration-banner{background:#fcf7dfeb;border:1px solid #3e363029;box-shadow:0 5px 18px #3e36300f}.cloud-error-banner{color:#8a5d50;background:#f2e5df;border:1px solid #8a5d5033}.cloud-error-banner svg{flex:none}.cloud-migration-copy{color:#3e3630;align-items:center;gap:10px;min-width:0;display:flex}.cloud-migration-copy>svg{color:#687b72;flex:none}.cloud-migration-copy div{gap:3px;min-width:0;display:grid}.cloud-migration-copy strong{font-size:12px}.cloud-migration-copy span{color:#776f67;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.auth-shell{background:radial-gradient(circle at 16% 15%,#fcf7dfe6,#0000 31%),radial-gradient(circle at 86% 82%,#a79a8a40,#0000 35%),#c7d3db;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fcf7dff0;border:1px solid #3e363024;border-radius:24px;width:min(430px,100%);padding:31px;box-shadow:0 24px 70px #3e363029}.auth-loading-card{text-align:center;place-items:center;display:grid}.auth-icon{color:#fcf7df;background:#3e3630;border-radius:17px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.auth-icon-danger{color:#fcf7df;background:#8a5d50}.auth-card h1{color:#3e3630;letter-spacing:-.035em;margin:8px 0 10px;font-size:26px}.auth-card>p{color:#776f67;margin:0 0 22px;font-size:13px;line-height:1.75}.auth-card>small{color:#897e73;margin-top:17px;font-size:11px;line-height:1.65;display:block}.auth-loading-card>strong{color:#3e3630;font-size:15px}.auth-loading-card>p{margin:7px 0 0}.auth-form{gap:14px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label>span{color:#63605c;font-size:12px;font-weight:700}.auth-form .text-input{width:100%;min-height:44px}.auth-submit{width:100%;margin-top:3px}.auth-error{color:#8a5d50;background:#f2e5df;border:1px solid #8a5d5033;border-radius:9px;padding:10px 11px;font-size:11px;line-height:1.55}.setup-env-list{gap:8px;margin-top:17px;display:grid}.setup-env-list code{color:#3e3630;background:#c7d3db7a;border:1px solid #3e36301f;border-radius:9px;padding:10px 11px;font-size:11px;display:block}.spin{animation:.9s linear infinite cloud-spin}@keyframes cloud-spin{to{transform:rotate(360deg)}}.auth-error-actions{margin-top:20px}@media (width<=680px){.account-button{max-width:36px;padding:0 9px}.account-button span{display:none}.cloud-migration-banner{flex-direction:column;align-items:stretch}.cloud-migration-copy span{white-space:normal;overflow:visible}.cloud-migration-banner .button{width:100%}.auth-shell{padding:15px}.auth-card{border-radius:20px;padding:25px 20px}}.brand-mark{box-shadow:none;background:#007aff;border-radius:11px}.nav-item{color:#636366;border-radius:10px}.nav-item em{background:#ff3b30}.nav-active{color:#007aff;box-shadow:none;background:#e5f1ff}.topbar{-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);background:#ffffffeb;border-bottom-color:#d1d1d6}.date-chip,.eyebrow{color:#8e8e93}.section-header p,.settings-description,.backup-hero p,.heading-icon{color:#8e8e93}.button{border-radius:10px;transition:background .15s,border-color .15s,color .15s}.button:hover{transform:none}.button-primary{box-shadow:none;background:#007aff}.panel,.stat-card,.mobile-project-card{box-shadow:var(--shadow);background:#fff;border-color:#e5e5ea}.stat-card:hover{transform:none;box-shadow:0 2px 5px #00000012}.panel-heading h2 small,.stat-label{color:#8e8e93}.quick-grid div,.status-income-grid div,.penalty-line,.monthly-export,.tax-form-summary,.form-preview,.backup-counts div{background:#f2f2f7;border-color:#e5e5ea}.reminder-item{background:#fff;border-color:#e5e5ea}.reminder-copy span,.reminder-state-label,.reminder-arrow{color:#8e8e93}.guide-icon{background:#e5f1ff}.mini-project small,.mini-project>svg{color:#8e8e93}.search-box,.filter-box{color:#8e8e93;background:#f2f2f7;border-color:#d1d1d6}.search-box input{color:#1c1c1e}.filter-box select{color:#636366}.result-count,.data-table th{color:#8e8e93}.table-primary small,.sub-status,.date-cell small{color:#8e8e93}.mobile-project-title{color:#1c1c1e}.back-button{color:#636366}.summary-code,.summary-date,.summary-item span,.income-composition,.notes-grid span{color:#8e8e93}.project-income-strip{background:#f2f2f7;border:1px solid #e5e5ea}.notes-grid p{color:#636366}.month-picker{color:#636366;background:#fff;border-color:#d1d1d6}.month-picker input{color:#1c1c1e}.page-tab{color:#636366;background:#f2f2f7;border-color:#e5e5ea}.page-tab-active{color:#007aff;background:#e5f1ff;border-color:#cfe5ff}.penalty-line{color:#636366}.tax-form-summary>strong{color:#1c1c1e}.tax-form-summary p{color:#8e8e93}.tax-total-line{color:#8e8e93;border-top-color:#e5e5ea}.tax-total-line strong{color:#1c1c1e}.text-input{color:#1c1c1e;background:#f2f2f7;border-color:#d1d1d6;border-radius:9px}.money-input,.percent-input{background:#f2f2f7;border-color:#d1d1d6;border-radius:9px}.money-input .text-input,.percent-input .text-input{background:0 0}.form-preview{background:#e5f1ff;border-color:#cfe5ff}.settings-form .panel{box-shadow:none}.supervisor-mapping-row{background:#f2f2f7;border-color:#e5e5ea}.mapping-empty{color:#8e8e93;background:#f2f2f7;border-color:#d1d1d6}.backup-counts strong,.monthly-export strong{color:#1c1c1e}.backup-warning svg{color:#ff9500}.v2-extra-section{background:#f2f2f7;border-color:#e5e5ea}.v2-extra-section.form-section,.form-section{border-bottom-color:#e5e5ea}.form-section-title span{color:#1c1c1e}.form-section-title small{color:#8e8e93}.form-error{border-color:#ffd0cc}.toast{background:#1c1c1e;box-shadow:0 8px 24px #00000029}@media (width<=680px){.sidebar.sidebar-open{box-shadow:15px 0 40px #00000024}.sidebar-backdrop{background:#1c1c1e38}.topbar{background:#fffffff5}.panel,.stat-card,.mobile-project-card{border-radius:12px}.form-actions{background:#fffffff5}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#f2f2f7eb}.brand{padding-top:2px}.brand-mark{border-radius:12px}.nav-item{border-radius:12px;min-height:44px}.nav-item span{font-weight:500}.nav-label-short{display:none}.topbar{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffdb;border-bottom-color:#3c3c432e;height:64px;position:sticky;top:0}.topbar-title strong{letter-spacing:-.01em;font-size:14px}.topbar-reminder{border-radius:11px}.date-chip{font-variant-numeric:tabular-nums}.page-wrap{padding-top:32px}.section-header h1{letter-spacing:-.035em;font-weight:700}.panel-heading h2{letter-spacing:-.015em;font-size:17px}.panel-heading h2 small{font-weight:400}.panel,.stat-card,.mobile-project-card{box-shadow:none;border:1px solid #3c3c431f}.stat-value,.big-income,.summary-item strong,.quick-grid strong,.status-income-grid strong{font-variant-numeric:tabular-nums}.button,.text-input,.money-input,.percent-input,.month-picker,.search-box,.filter-box{border-radius:10px;min-height:40px}.button{font-weight:600}.button-primary{color:#fff}.button-secondary,.button-ghost{font-weight:600}.search-box,.filter-box,.month-picker{background:#fff}.search-box:focus-within,.filter-box:focus-within,.month-picker:focus-within{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.page-tabs{background:#e5e5ea;border-radius:11px;align-items:center;gap:2px;width:max-content;max-width:100%;padding:3px}.page-tab{color:#636366;background:0 0;border:0;border-radius:8px;min-height:32px}.page-tab:hover{color:#1c1c1e;background:#ffffff94;border-color:#0000}.project-summary-top,.backup-hero,.modal-header{border-bottom-color:#3c3c431f}.project-income-strip,.quick-grid div,.status-income-grid div,.tax-form-summary,.penalty-line,.monthly-export,.backup-counts div,.supervisor-mapping-row,.mapping-empty,.v2-extra-section{border-radius:12px}.data-table th{font-weight:600}.table-primary strong{font-weight:600}.reminder-action-button{border-radius:8px}.form-preview{border-radius:10px}.empty-icon,.guide-icon,.backup-icon{border-radius:12px}@media (width<=680px){.sidebar{z-index:40;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px max(7px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);background:#ffffffe6;border-top:1px solid #3c3c432e;border-right:0;flex-direction:row;transition:none;display:flex;inset:auto 0 0}.sidebar.sidebar-open{box-shadow:none;left:0}.sidebar .brand,.sidebar-footer,.sidebar-backdrop,.mobile-menu-button{display:none!important}.main-nav{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:0;width:100%;display:grid}.nav-item{color:#8e8e93;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:5px 1px 2px;position:relative}.nav-item:hover{color:#8e8e93;background:0 0}.nav-item svg{width:21px;height:21px}.nav-item span{width:100%;color:inherit;text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:10px;line-height:1.15;overflow:hidden}.nav-label-full{display:none!important}.nav-label-short{display:block!important}.nav-active,.nav-active:hover{color:#007aff;background:0 0}.nav-item em{border-radius:9px;min-width:16px;height:16px;padding:0 4px;font-size:9px;line-height:16px;position:absolute;top:2px;right:18%}.main-content{padding-bottom:0}.topbar{height:56px;padding:0 16px}.topbar-title{color:#1c1c1e;gap:0;font-size:17px;font-weight:700}.topbar-title strong{color:#1c1c1e;font-size:17px;font-weight:700}.topbar-actions{gap:6px}.topbar-reminder{padding:7px}.page-wrap{padding:25px 14px 104px}.page-tabs{flex-wrap:nowrap;width:100%;max-width:none;overflow-x:auto}.page-tab{white-space:nowrap;flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px}.panel,.stat-card,.mobile-project-card{border-radius:14px}.panel-heading h2{font-size:16px}}:root{--navy:#3e3630;--navy-soft:#a79a8a;--blue:#3e3630;--blue-dark:#2d2723;--blue-pale:#e7eef1;--green:#687b72;--green-pale:#e6eee9;--orange:#a79a8a;--orange-pale:#f1eadb;--red:#8a5d50;--red-pale:#f2e5df;--purple:#75685b;--purple-pale:#eee8df;--muted:#776f67;--line:#3e363029;--panel:#fcf7df;--shadow:0 1px 2px #3e363014}.sidebar{color:#fcf7dfc7;background:#3e3630;border-right:0}.brand-mark{color:#fcf7df;background:#a79a8a}.nav-item em{color:#3e3630;background:#c7d3db}.nav-active,.nav-active:hover{color:#3e3630;background:#fcf7df}.topbar{background:#fcf7dfeb;border-bottom-color:#3e363029}.topbar-reminder{color:#3e3630;background:#c7d3db;border-color:#3e363024}.eyebrow{color:#8f8174}.heading-icon{color:#a79a8a}.button-primary{color:#fcf7df;background:#3e3630}.panel,.stat-card,.mobile-project-card,.reminder-item,.modal{background:#fcf7df;border-color:#3e363029}.stat-label{color:#897e73}.quick-grid div,.status-income-grid div,.penalty-line,.monthly-export,.tax-form-summary,.backup-counts div,.project-income-strip,.supervisor-mapping-row,.mapping-empty,.v2-extra-section{background:#c7d3db70;border-color:#3e363021}.dot-blue{background:#3e3630}.dot-green{background:#687b72}.dot-purple{background:#75685b}.dot-red{background:#8a5d50}.mini-project>svg{color:#a79a8a}.search-box,.filter-box,.month-picker{color:#897e73;background:#fffbed;border-color:#3e36302e}.result-count,.data-table th{color:#897e73}.page-tabs{background:#3e363021}.page-tab-active{color:#fcf7df;background:#3e3630;box-shadow:0 1px 3px #3e363033}.composition-blue{background:#3e3630}.composition-cyan{background:#7d9aa7}.composition-green{background:#687b72}.composition-purple{background:#75685b}.composition-orange{background:#a79a8a}.composition-pink{background:#9f7c70}.composition-red{background:#8a5d50}.field-label{color:#6e6257}.text-input{color:#3e3630;background:#fffbed;border-color:#3e36302e}.money-input,.percent-input{background:#fffbed;border-color:#3e36302e}.modal-backdrop{background:#3e36305c}.toast{color:#fcf7df;background:#3e3630;box-shadow:0 8px 24px #3e363033}@media (width<=680px){.sidebar{background:#3e3630f0;border-top-color:#fcf7df33}.nav-item{color:#fcf7dfa3}.nav-item:hover{color:#fcf7dfa3;background:0 0}.nav-active,.nav-active:hover{color:#fcf7df;background:#a79a8a47}.nav-item em{color:#3e3630;background:#c7d3db}.topbar{background:#fcf7dff2}.topbar-title,.topbar-title strong{color:#3e3630}.form-actions{background:#fcf7dff5}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#111113;--navy-soft:#636366;--blue:#007aff;--blue-dark:#0066d6;--blue-pale:#eaf3ff;--green:#34c759;--green-pale:#eaf9ee;--orange:#ff9f0a;--orange-pale:#fff4dd;--red:#ff3b30;--red-pale:#fff0ef;--purple:#af52de;--purple-pale:#f7effb;--muted:#8e8e93;--line:#3c3c4324;--panel:#ffffffb8;--shadow:0 18px 50px #363e4e1a, inset 0 1px 0 #ffffffe6}html,body,.app-shell{background:#f5f5f7}body{background-image:radial-gradient(circle at 0 0,#75caff33,#0000 32%),radial-gradient(circle at 96% 12%,#ffbedd2e,#0000 28%),radial-gradient(circle at 52% 100%,#91e0c424,#0000 34%);background-attachment:fixed}.app-shell{background:0 0}.sidebar{color:#636366;-webkit-backdrop-filter:saturate(180%)blur(30px);backdrop-filter:saturate(180%)blur(30px);background:#f5f5f794;border-right:1px solid #ffffffd1;box-shadow:inset -1px 0 #ffffff6b}.brand-mark{color:#fff;background:linear-gradient(145deg,#007afff5,#5ac8fad1);border:1px solid #fffc;box-shadow:0 10px 24px #007aff38,inset 0 1px #ffffffa6}.brand strong{color:#111113}.brand span{color:#8e8e93}.nav-item{color:#636366}.nav-item:hover{color:#111113;background:#ffffff7a}.nav-item em{color:#fff;background:#ff3b30;box-shadow:0 2px 6px #ff3b303d}.nav-active{color:#007aff;background:#ffffffc7;border:1px solid #ffffffdb;box-shadow:0 8px 24px #363e4e14,inset 0 1px #fffffff2}.nav-active:hover{color:#007aff;background:#ffffffd6}.sidebar-footer{border-top-color:#3c3c431f}.local-status{color:#636366}.status-pulse{background:#34c759;box-shadow:0 0 0 4px #34c7591f}.sidebar-footer small{color:#8e8e93}.topbar{-webkit-backdrop-filter:saturate(180%)blur(26px);backdrop-filter:saturate(180%)blur(26px);background:#ffffff8a;border-bottom-color:#fffc;box-shadow:0 1px #3c3c430f}.topbar-title{color:#8e8e93}.topbar-title strong{color:#111113}.topbar-separator{color:#c7c7cc}.topbar-reminder{color:#007aff;background:#ffffff9e;border-color:#ffffffdb;box-shadow:inset 0 1px #ffffffe6}.topbar-reminder:hover{color:#0066d6;background:#ffffffd6}.date-chip,.eyebrow{color:#8e8e93}.section-header h1,.panel-heading h2,.summary-item strong,.big-income,.stat-value,.backup-hero h2,.modal-header h2{color:#111113}.section-header p,.settings-description,.backup-hero p,.heading-icon{color:#8e8e93}.button{border-color:#ffffffc2;box-shadow:inset 0 1px #ffffffd1}.button-primary{color:#fff;background:linear-gradient(145deg,#1585ff,#007aff);border-color:#ffffff7a;box-shadow:0 10px 22px #007aff38,inset 0 1px #ffffff7a}.button-primary:hover{background:linear-gradient(145deg,#2b92ff,#006fe8)}.button-secondary{color:#007aff;background:#ffffff9e;border-color:#ffffffe6}.button-secondary:hover{color:#0066d6;background:#ffffffd6;border-color:#007aff47}.button-ghost{color:#636366;background:#ffffff70;border-color:#ffffffc2}.button-ghost:hover{color:#007aff;background:#ffffffc7}.link-button{color:#007aff}.link-button:hover{color:#0066d6}.panel,.stat-card,.mobile-project-card,.reminder-item,.modal{-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);background:linear-gradient(135deg,#ffffffd1,#ffffff94);border-color:#ffffffd6;box-shadow:0 18px 50px #363e4e1a,inset 0 1px #ffffffeb}.panel{border-radius:24px}.stat-card{border-radius:20px}.stat-card:hover{box-shadow:0 22px 54px #363e4e24,inset 0 1px #fffffff2}.mobile-project-card{border-radius:20px}.panel-heading h2 small,.stat-label{color:#8e8e93}.stat-helper{color:#aeaeb2}.income-panel{background:linear-gradient(135deg,#ffffffdb,#e7f5ff99)}.income-line{color:#636366}.income-line strong{color:#111113}.quick-grid div,.status-income-grid div,.penalty-line,.monthly-export,.tax-form-summary,.backup-counts div,.project-income-strip,.supervisor-mapping-row,.mapping-empty,.v2-extra-section{background:#ffffff6b;border-color:#ffffffb8;box-shadow:inset 0 1px #ffffffa3}.quick-grid span,.status-income-grid span,.monthly-export span,.backup-counts span{color:#8e8e93}.quick-grid strong,.status-income-grid strong,.backup-counts strong{color:#111113}.name-tip,.payroll-tip,.rule-note,.backup-warning{color:#8a5c00;background:#fff4ddad;border-color:#ffc25057}.stat-blue .stat-icon{color:#007aff;background:#007aff1f}.stat-orange .stat-icon{color:#ff9f0a;background:#ff9f0a24}.stat-red .stat-icon{color:#ff3b30;background:#ff3b301f}.stat-green .stat-icon{color:#34c759;background:#34c75921}.stat-purple .stat-icon{color:#af52de;background:#af52de21}.reminder-item{border-radius:16px}.reminder-item:hover{background:#ffffffc2;border-color:#007aff4d}.reminder-copy strong{color:#111113}.reminder-copy span,.reminder-state-label,.reminder-arrow{color:#8e8e93}.reminder-action-button{color:#636366;background:#ffffff80;border-color:#ffffffc2}.reminder-action-button:hover{color:#007aff;background:#eaf3ffd1;border-color:#007aff3d}.reminder-action-primary{color:#248a3d;background:#eaf9eec2;border-color:#34c75938}.reminder-guide{background:linear-gradient(135deg,#ffffffc2,#eaf3ff94)}.reminder-guide strong{color:#111113}.reminder-guide p{color:#8e8e93}.reminder-count-chip{color:#a15c00;background:#fff4ddb8;border-color:#ffc25057}.guide-icon{color:#007aff;background:#007aff1f}.mini-project{border-bottom-color:#3c3c431a}.mini-project strong{color:#111113}.mini-project small,.mini-project>svg{color:#8e8e93}.project-avatar{color:#007aff;background:#007aff1f}.search-box,.filter-box,.month-picker{color:#8e8e93;background:#ffffff9e;border-color:#ffffffd6;box-shadow:inset 0 1px #ffffffdb}.search-box input,.filter-box select,.month-picker input{color:#111113}.search-box input::placeholder{color:#aeaeb2}.result-count,.data-table th{color:#8e8e93}.data-table td{border-top-color:#3c3c431c}.data-table tr:hover td{background:#ffffff6b}.type-pill{color:#007aff;background:#007aff1c}.type-project{color:#af52de;background:#af52de1c}.type-video{color:#0a84ff;background:#32ade61f}.table-primary{color:#111113}.table-primary small,.sub-status,.date-cell small,.summary-code,.summary-date,.summary-item span,.income-composition,.notes-grid span{color:#8e8e93}.date-cell{color:#636366}.money-cell{color:#111113}.badge{color:#636366;background:#ffffff85}.badge-success{color:#248a3d;background:#eaf9eec7}.badge-warning{color:#a15c00;background:#fff4ddcc}.badge-danger{color:#d70015;background:#fff0efd1}.badge-neutral{color:#636366;background:#ffffff85}.icon-button{color:#8e8e93}.icon-button:hover{color:#007aff;background:#eaf3ffcc;border-color:#007aff33}.icon-button.icon-danger:hover{color:#ff3b30;background:#fff0efd1;border-color:#ff3b3033}.mobile-project-title,.notes-grid p,.back-button{color:#111113}.mobile-project-title span,.mobile-project-meta,.mobile-card-bottom{color:#8e8e93}.project-summary-top{border-bottom-color:#3c3c431c}.summary-item,.mobile-project-meta,.form-section,.v2-extra-section.form-section{border-color:#3c3c431c}.project-income-strip{background:#ffffff6b}.page-tabs{background:#ffffff6b;border:1px solid #ffffffb8;box-shadow:inset 0 1px #ffffffd1}.page-tab{color:#636366;background:0 0}.page-tab:hover{color:#111113;background:#ffffff85}.page-tab-active{color:#007aff;background:#ffffffdb;border-color:#ffffffeb;box-shadow:0 4px 12px #363e4e1a,inset 0 1px #fffffff2}.chart-bar-value,.chart-bar-column small,.composition-label{color:#8e8e93}.chart-bar-track,.composition-track{background:#3c3c431a}.chart-bar-blue{background:linear-gradient(#75caff,#007aff)}.chart-bar-green{background:linear-gradient(#8fe3ae,#34c759)}.chart-bar-purple{background:linear-gradient(#d3a8ed,#af52de)}.composition-label strong,.field-label{color:#636366}.field-hint{color:#8e8e93}.text-input{color:#111113;background:#ffffff9e;border-color:#ffffffdb;box-shadow:inset 0 1px #ffffffdb}.text-input:focus{border-color:#007aff80;box-shadow:0 0 0 3px #007aff1f,inset 0 1px #ffffffe6}.text-input:disabled{color:#8e8e93;background:#e5e5ea8c}.text-input::placeholder{color:#aeaeb2}.money-input,.percent-input{background:#ffffff9e;border-color:#ffffffdb;box-shadow:inset 0 1px #ffffffdb}.money-input:focus-within,.percent-input:focus-within{border-color:#007aff80;box-shadow:0 0 0 3px #007aff1f,inset 0 1px #ffffffe6}.money-input>span,.percent-input>span,.inline-inputs{color:#8e8e93}.check-field{color:#636366}.check-field.is-disabled{color:#aeaeb2}.form-preview{color:#111113;background:#eaf3ffa8;border-color:#007aff24}.form-preview span{color:#5f83b4}.form-preview strong{color:#007aff}.backup-hero{border-bottom-color:#3c3c431c}.backup-icon{color:#007aff;background:#007aff1f}.backup-guide ol{color:#636366}.empty-icon{color:#007aff;background:#007aff1f}.empty-state strong{color:#636366}.empty-state p{color:#8e8e93}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1111133d}.modal{border-radius:24px;box-shadow:0 26px 80px #363e4e38,inset 0 1px #fffffff2}.modal-header{border-bottom-color:#3c3c431c}.v2-extra-section{background:#ffffff6b}.form-error{color:#d70015;background:#fff0efd1;border-color:#ff3b3033}.form-actions{border-top-color:#3c3c431c}.toast{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111113e0;box-shadow:0 12px 34px #11111333}.toast svg{color:#34c759}.text-success{color:#248a3d!important}.text-warning{color:#a15c00!important}.text-danger{color:#d70015!important}.text-muted{color:#8e8e93!important}@media (width<=680px){.sidebar{background:#ffffff9e;border-top-color:#ffffffdb;box-shadow:0 -12px 32px #363e4e1a}.nav-item{color:#8e8e93}.nav-item:hover{color:#8e8e93;background:0 0}.nav-active,.nav-active:hover{color:#007aff;background:#ffffffd1;box-shadow:0 6px 18px #363e4e1a,inset 0 1px #fffffff2}.nav-item em{color:#fff;background:#ff3b30}.topbar{background:#ffffffb8}.topbar-title,.topbar-title strong{color:#111113}.form-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7}.panel{border-radius:22px}}.quick-grid,.status-income-grid{background:#ffffff38;border:1px solid #3c3c431c;border-radius:16px;gap:0;overflow:hidden}.quick-grid div,.status-income-grid div{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0}.quick-grid div:nth-child(odd),.status-income-grid div:nth-child(odd){border-right:1px solid #3c3c4324}.quick-grid div:nth-child(-n+2),.status-income-grid div:nth-child(-n+2){border-bottom:1px solid #3c3c4324}.settings-form>.panel .text-input,.settings-form>.panel .money-input,.settings-form>.panel .percent-input{background:#fffffff0;border-color:#3c3c431f;box-shadow:0 5px 16px #363e4e14,inset 0 1px #fffffffa}.settings-form>.panel .text-input:focus,.settings-form>.panel .money-input:focus-within,.settings-form>.panel .percent-input:focus-within{border-color:#007aff5c;box-shadow:0 0 0 3px #007aff1a,0 5px 16px #363e4e14,inset 0 1px #fffffffa}.money-input .text-input,.money-input .text-input:focus,.percent-input .text-input,.percent-input .text-input:focus{box-shadow:none;border:0;outline:0}.money-input>span,.percent-input>span{z-index:1;box-shadow:none;border:0;position:relative}@media (width<=680px){.quick-grid,.status-income-grid{border-radius:15px}.quick-grid div,.status-income-grid div{padding:15px 13px}.settings-form>.panel .text-input,.settings-form>.panel .money-input,.settings-form>.panel .percent-input{min-height:48px}}.settings-form .payroll-defaults-panel .form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=900px) and (width>=681px){.settings-form .payroll-defaults-panel .form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width<=680px){.settings-form .payroll-defaults-panel .form-grid-3{grid-template-columns:1fr}}.settings-form{gap:24px}.settings-form>.panel{border-radius:28px;padding:29px 30px}.settings-form>.panel .panel-heading{margin-bottom:24px}.settings-form>.panel .panel-heading h2{font-size:22px}.settings-form>.panel .form-grid{gap:16px}.settings-form>.panel .field{background:#ffffff6b;border:1px solid #ffffffb8;border-radius:17px;gap:9px;min-width:0;padding:15px 16px;box-shadow:inset 0 1px #ffffffb8}.settings-form>.panel .field-label{color:#636366;font-size:13px;line-height:1.35}.settings-form>.panel .field-hint{color:#8e8e93;font-size:11px;line-height:1.5}.settings-form>.panel .text-input,.settings-form>.panel .money-input,.settings-form>.panel .percent-input{min-height:46px;font-size:14px}.settings-form>.panel .money-input .text-input,.settings-form>.panel .percent-input .text-input{min-height:44px}.settings-form>.panel .check-field{background:#ffffff8a;border:1px solid #ffffffbd;border-radius:14px;min-height:46px;padding:10px 12px}.settings-form>.panel .check-field input{width:18px;height:18px}.settings-form>.panel .rule-note{border-radius:16px;align-items:flex-start;margin-top:20px;padding:15px 16px;font-size:12px;line-height:1.7}.settings-form .inline-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.settings-form .inline-inputs .text-input{width:100%;min-width:0}.settings-form .inline-inputs>span{color:#8e8e93;white-space:nowrap}.settings-form .supervisor-mapping-row .field{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.settings-form .supervisor-mapping-row .field-label{font-size:12px}.settings-form .supervisor-mapping-row .text-input{min-height:44px;font-size:13px}.settings-form .supervisor-mapping-row{border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.35fr) auto;gap:16px;padding:18px}.settings-form .mapping-remove{align-self:center;margin-bottom:0}.settings-form .settings-description{max-width:760px;margin-top:-8px;margin-bottom:22px;font-size:13px}.settings-save-row{z-index:5;-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#ffffff8f;border:1px solid #ffffffc7;border-radius:20px;padding:14px;position:sticky;bottom:16px;box-shadow:0 12px 30px #363e4e1a,inset 0 1px #ffffffdb}.settings-save-row .button{min-width:160px}.record-form,.modal-form-stack{gap:20px}.record-form .form-section,.modal-form-stack .form-section{background:#ffffff57;border:1px solid #ffffffa8;border-radius:20px;padding:20px;box-shadow:inset 0 1px #ffffffb3}.record-form .form-section:last-of-type,.modal-form-stack .form-section:last-of-type{border-bottom:1px solid #ffffffa8;padding-bottom:20px}.record-form .form-section-title,.modal-form-stack .form-section-title{margin-bottom:17px}.record-form .form-section-title span,.modal-form-stack .form-section-title span{color:#111113;font-size:15px}.record-form .form-section-title small,.modal-form-stack .form-section-title small{color:#8e8e93;font-size:11px;line-height:1.45}.record-form .form-grid,.modal-form-stack .form-grid{gap:16px}.record-form .field,.modal-form-stack .field{gap:8px}.record-form .field-label,.modal-form-stack .field-label{color:#636366;font-size:12px}.record-form .text-input,.modal-form-stack .text-input{min-height:44px;font-size:13px}.record-form .check-grid,.modal-form-stack .check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px;display:grid}.record-form .check-field,.modal-form-stack .check-field{background:#ffffff70;border:1px solid #ffffffad;border-radius:14px;min-height:44px;padding:10px 12px}.record-form .check-field input,.modal-form-stack .check-field input{width:18px;height:18px}.record-form .rule-note,.modal-form-stack .rule-note{border-radius:15px;margin-top:18px;padding:14px 15px;line-height:1.65}@media (width<=900px){.settings-form>.panel .form-grid-3,.settings-form>.panel .form-grid-2,.settings-form .supervisor-mapping-row{grid-template-columns:1fr}.settings-form .supervisor-mapping-row .mapping-remove{grid-column:auto;justify-self:end}}@media (width<=680px){.settings-form{gap:17px}.settings-form>.panel{border-radius:23px;padding:21px 17px}.settings-form>.panel .panel-heading{margin-bottom:19px}.settings-form>.panel .panel-heading h2{font-size:19px}.settings-form>.panel .form-grid-3,.settings-form .supervisor-mapping-row{grid-template-columns:1fr}.settings-form .supervisor-mapping-row .mapping-remove{grid-column:auto;justify-self:end}.settings-form .inline-inputs{gap:7px}.settings-form>.panel .field{border-radius:15px;padding:14px}.settings-save-row{border-radius:16px;justify-content:stretch;padding:10px;bottom:82px;left:14px;right:14px}.settings-save-row .button{width:100%}.record-form .form-section,.modal-form-stack .form-section{border-radius:18px;padding:17px}.record-form .check-grid,.modal-form-stack .check-grid{grid-template-columns:1fr}}