:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#17352f;background:#f5f8f7;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{min-height:100vh;display:grid;place-items:center;gap:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex}.sidebar{width:245px;background:#fff;border-right:1px solid #e4ece8;display:flex;flex-direction:column;padding:22px 14px;flex:none}.brand{display:flex;align-items:center;gap:10px}.brand img{width:34px;height:34px;border-radius:9px;background:#16705c}.brand strong{font-size:19px;color:#133d35}.brand strong span{display:block;font-size:8px;letter-spacing:1.2px;color:#7e958e;font-weight:600}.workspace-label{margin:30px 8px 18px;padding:10px;background:#eef7f3;border-radius:8px;font-size:12px;color:#53766d;display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:#1d9b78;display:inline-block}.workspace-label svg{margin-left:auto}.nav-label{font-size:11px;color:#99aaa5;margin:16px 10px 7px}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;background:none;color:#56716a;text-align:left;padding:11px 12px;border-radius:8px;display:flex;align-items:center;gap:11px}.sidebar nav button.active,.sidebar nav button:hover{background:#eaf5f0;color:#14705b;font-weight:600}.nav-count{margin-left:auto;font-size:11px;background:#eef3f1;padding:2px 7px;border-radius:10px}.sidebar-bottom{margin-top:auto}.connection{font-size:11px;color:#849a93;padding:12px 8px;display:flex;align-items:center;gap:7px}.connection span:last-child{margin-left:auto}.user-control{width:100%;border:0;border-top:1px solid #edf1ef;background:none;padding:14px 5px 0;display:flex;align-items:center;gap:8px;text-align:left;color:#46645c}.user-control span:nth-child(2){display:grid;flex:1}.user-control small{color:#91a49f;font-size:11px}.avatar{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:50%;font-size:12px;color:#fff;font-weight:700;background:#358d77;flex:none}.avatar.small{width:27px;height:27px;font-size:10px}.color-1{background:#d27b56}.color-2{background:#657eb1}.color-3{background:#8d68aa}.color-4{background:#bc8b49}.main-shell{flex:1;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid #e6eeeb;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb,.topbar-right{display:flex;align-items:center;gap:9px;color:#7d928b;font-size:13px}.breadcrumb strong{color:#294e45}.topbar-right i{height:20px;width:1px;background:#e4ebe8}.today{display:flex;align-items:center;gap:5px}.today span{color:#a0b0ab}.icon-btn{border:0;background:transparent;color:#728b83;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:7px}.icon-btn:hover{background:#edf5f2;color:#16705c}.mobile-only{display:none}.main-content{max-width:1440px;margin:0 auto;padding:34px 42px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#2a9075;font-weight:700}.page-heading h1{margin:7px 0 5px;font-size:29px;letter-spacing:-.6px}.page-heading p{margin:0;color:#829691;font-size:13px}.heading-actions,.form-actions{display:flex;gap:10px}.btn{border:0;border-radius:7px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:13px}.btn.primary{background:#19755e;color:#fff}.btn.primary:hover{background:#125e4c}.btn.secondary{background:#fff;border:1px solid #dbe7e2;color:#46675e}.btn.danger{background:#c54945;color:#fff}.btn.danger-ghost{background:#fff0ef;color:#be4c46}.btn.full{width:100%;margin-top:8px}.filters{background:#fff;border:1px solid #e4ece8;border-radius:9px;padding:14px 16px;margin-bottom:22px}.filter-main,.filter-selects{display:flex;align-items:center;gap:9px}.filter-main{padding-bottom:12px;border-bottom:1px solid #edf2f0}.period-tabs{display:flex;gap:2px;background:#f2f6f4;border-radius:6px;padding:3px}.period-tabs button{border:0;background:none;padding:7px 13px;border-radius:5px;color:#71847e;font-size:12px}.period-tabs button.selected{background:#fff;color:#14705b;box-shadow:0 1px 3px #d9e4df;font-weight:600}.date-range{display:flex;align-items:center;gap:6px;color:#889b94;font-size:12px}.date-range input{border:0;background:#f7f9f8;padding:7px 5px;color:#4d6960;font-size:12px}.filter-spacer{flex:1}.filter-label{color:#81958f;font-size:12px;display:flex;gap:5px;align-items:center}.filter-selects{padding-top:12px}.filter-selects select{border:1px solid #e0eae6;border-radius:6px;background:#fff;padding:8px 28px 8px 10px;color:#537169;min-width:122px;font-size:12px}.text-btn{border:0;background:none;color:#18745e;display:inline-flex;gap:5px;align-items:center;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e5edea;border-radius:9px;padding:18px 19px}.stat-top,.stat-foot,.stat-value{display:flex;align-items:center}.stat-top{justify-content:space-between;color:#667f77;font-size:12px}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#e7f5ef;color:#1a8066}.stat-blue .stat-icon{background:#eaf1fb;color:#3d76bb}.stat-red .stat-icon{background:#fff0f0;color:#b64f5a}.stat-orange .stat-icon{background:#fff4e8;color:#bd7a3e}.stat-value{gap:3px;margin:18px 0 13px;color:#81938d}.stat-value strong{font-size:25px;color:#234c42}.stat-value small{font-size:12px;color:#6c837b}.stat-value span{font-size:13px}.stat-foot{justify-content:space-between;border-top:1px solid #eef2f1;padding-top:11px;color:#8b9c97;font-size:11px}.stat-foot small{color:#afbbb7}.analytics{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:26px}.trend-section,.shop-section,.records-section,.management-section{background:#fff;border:1px solid #e4ece8;border-radius:9px;padding:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.section-heading h2{font-size:16px;margin:0;color:#234b41}.section-heading p{margin:4px 0 0;color:#94a49f;font-size:11px}.count-pill{background:#edf5f2;color:#3a806d;border-radius:10px;padding:2px 8px;font-size:11px;margin-left:7px}.legend{font-size:11px;color:#7f938c;display:flex;gap:5px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%;background:#238567}.shop-ranking{display:grid;gap:18px;padding-top:9px}.shop-rank{display:grid;grid-template-columns:28px 1fr;gap:9px}.rank-number{font-weight:700;color:#9bacaa;font-size:13px}.rank-number.first{color:#d39a3f}.shop-rank-label{display:flex;justify-content:space-between;font-size:12px;color:#536e65}.shop-rank-label b{color:#2d574c}.rank-track{height:6px;background:#edf2f0;border-radius:5px;margin:7px 0 3px}.rank-track span{display:block;height:100%;background:#288b6d;border-radius:5px}.shop-rank small{font-size:10px;color:#91a19c}.chart-unit{font-size:10px;color:#9aaba5;text-align:right}.chart-body{display:flex;gap:8px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;height:190px;font-size:9px;color:#a1b0ab}.chart-drawing{flex:1}.chart-drawing svg{width:100%;height:190px}.x-labels{display:flex;justify-content:space-between;color:#a1b0ab;font-size:9px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;color:#9aa9a4;font-size:11px;font-weight:500;padding:11px 12px;border-bottom:1px solid #e9efed;white-space:nowrap}.data-table td{padding:14px 12px;border-bottom:1px solid #eef3f1;color:#526c64;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.align-right{text-align:right}.anchor-cell{display:flex;align-items:center;gap:9px;border:0;background:none;color:#274e43;padding:0;text-align:left}.cell-primary{color:#415f56}.cell-secondary{font-size:10px;color:#9caaa6;margin-top:3px}.next-day{color:#bd7a3e;margin-left:5px}.badge{display:inline-flex;align-items:center;font-size:10px;padding:3px 7px;border-radius:4px;margin-top:5px}.shift-0{color:#bd733e;background:#fff2e5}.shift-1{color:#3276a2;background:#eaf3fb}.shift-2{color:#a75f92;background:#faeef8}.shift-3{color:#6572a7;background:#eef0fc}.store-cell{display:block;color:#436359}.normal-badge{font-size:10px;color:#8d9d98}.continuous-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:#287e66;background:#e9f5f0;padding:4px 7px;border-radius:4px}.amount-cell{font-weight:700;color:#216b57!important}.row-actions{display:flex;justify-content:flex-end;gap:2px}.mobile-records{display:none}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:14px;color:#92a39d;font-size:11px}.pagination>div{display:flex;align-items:center;gap:8px}.submission-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.submission-form{background:#fff;border:1px solid #e4ece8;border-radius:9px;padding:25px}.submission-aside{display:grid;align-content:start;gap:15px}.aside-stat,.calculation-guide{background:#fff;border:1px solid #e4ece8;border-radius:9px;padding:19px}.aside-stat>span{display:flex;gap:7px;color:#6f8980;font-size:12px}.aside-stat>strong{display:block;font-size:29px;color:#1c5f4d;margin:13px 0}.aside-stat strong small{font-size:12px;margin-left:3px}.aside-stat-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf2f0;padding-top:11px;font-size:11px;color:#90a09b}.aside-stat-bottom b{color:#43836f}.recent-record{border:0;background:none;border-bottom:1px solid #e8efed;padding:6px 0 12px;display:flex;align-items:center;gap:8px;text-align:left;color:#385a50}.recent-record>span{display:grid;flex:1}.recent-record strong{font-size:12px}.recent-record small{font-size:10px;color:#9aa9a4}.recent-record b{font-size:12px;color:#2c7761}.calculation-guide{margin-top:8px;background:#f0f8f4}.calculation-guide h3{font-size:13px;margin:0 0 13px;color:#276c58}.calculation-guide>div{display:flex;justify-content:space-between;font-size:11px;color:#779188;padding:4px 0}.calculation-guide b{color:#39685b}.guide-total{border-top:1px dashed #cfe3db;margin-top:6px;padding-top:10px!important;color:#26755c!important}.form-section-title{display:flex;align-items:center;gap:10px;margin:5px 0 19px}.form-section-title>span{font-size:11px;font-weight:700;color:#198267;background:#e8f5ef;padding:5px 7px;border-radius:5px}.form-section-title h3{margin:0;font-size:15px;color:#2c5148}.form-section-title small{margin-left:auto;color:#9aa8a3;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:grid;gap:6px;margin-bottom:15px}.field>span{font-size:11px;color:#688078}.required{color:#c44d47;margin-left:3px}.field input,.field select,.field textarea,.password-input{width:100%;border:1px solid #dce7e3;border-radius:6px;padding:10px 11px;background:#fff;color:#34564c;outline:none;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#45a488;box-shadow:0 0 0 3px #e3f3ed}.password-input{padding:0;display:flex}.password-input input{border:0;box-shadow:none!important}.password-input .icon-btn{margin-right:3px}.shift-options,.segmented{display:flex;gap:7px}.shift-options button,.segmented button{border:1px solid #dce7e3;background:#fff;border-radius:6px;padding:8px 15px;color:#6a837a;display:flex;align-items:center;gap:5px;font-size:12px}.shift-options button.selected,.segmented button.selected{border-color:#3c9b7f;background:#eaf6f1;color:#14715a;font-weight:600}.continuity-control{border:1px solid #e1ebe7;background:#f8fbfa;border-radius:8px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;margin:22px 0}.continuity-title{font-size:13px;color:#2f594c;display:flex;align-items:center;gap:7px}.continuity-control p{margin:4px 0 0;color:#94a59f;font-size:11px}.sales-inputs{display:grid;gap:12px}.sale-row{border:1px solid #e1ebe7;border-radius:8px;padding:15px;background:#fbfdfc}.sale-row-header{display:flex;justify-content:space-between;color:#789089;font-size:11px;margin-bottom:10px}.money-input{display:flex;align-items:center;border:1px solid #dce7e3;border-radius:6px;overflow:hidden}.money-input span{padding-left:11px;color:#97aaa3}.money-input input{border:0!important}.baseline-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.calculated-row{background:#edf8f3;border-radius:6px;padding:10px 12px;margin-bottom:15px;color:#7b9890;font-size:11px;display:flex;justify-content:space-between}.calculated-row b{color:#17745b}.calculated-row.invalid{background:#fff0ee}.add-store{border:1px dashed #b9d5ca;background:#f8fcfa;width:100%;padding:10px;border-radius:6px;color:#218168;font-size:12px;display:flex;justify-content:center;align-items:center;gap:5px;margin:10px 0 18px}.form-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8efed;padding-top:16px;color:#859992;font-size:11px}.form-total>div{display:flex;align-items:baseline;gap:13px}.form-total strong{color:#176e57;font-size:24px}.form-actions{justify-content:flex-end;margin-top:20px}.error{background:#fff0ef;color:#b64c47;padding:10px 12px;border-radius:6px;font-size:12px;margin:10px 0;display:flex;gap:8px;align-items:center}.error button{margin-left:auto;border:0;background:none;color:#a9433e}.success{background:#eaf7f1;color:#1c7a60;padding:10px 12px;border-radius:6px;font-size:12px;display:flex;gap:8px;align-items:center}.setup-notice{display:flex;gap:10px;background:#fff9e8;border:1px solid #f0dfac;padding:13px;border-radius:7px;color:#987a32;margin-bottom:18px}.setup-notice strong{font-size:12px}.setup-notice p{margin:3px 0;font-size:11px}.content-footer{display:flex;justify-content:space-between;color:#a0b0aa;font-size:10px;padding:35px 0 10px}.footer-divider{padding:0 10px;color:#d7dfdc}.empty{text-align:center;padding:46px 20px;color:#9aaba5}.empty-icon{width:56px;height:56px;border-radius:50%;background:#edf5f2;color:#55917e;display:grid;place-items:center;margin:0 auto 12px}.empty h3{font-size:14px;color:#55746a;margin:0}.empty p{font-size:12px;margin:6px 0 17px}.loading{min-height:250px;display:grid;place-items:center;color:#7e938b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#183b3333;display:grid;place-items:center;padding:20px;z-index:10}.modal{background:#fff;border-radius:10px;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 55px #204c3a22}.modal.wide{width:min(800px,100%)}.modal-header{padding:20px 22px;border-bottom:1px solid #e7eeeb;display:flex;justify-content:space-between}.modal-header h2{margin:0;color:#254c42;font-size:18px}.modal-header p{margin:4px 0 0;color:#91a19c;font-size:11px}.record-form,.simple-form,.detail-body{padding:22px}.detail-overview{display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf2f0;padding-bottom:18px}.detail-overview h3{margin:0;color:#244f43;font-size:16px}.detail-overview span{font-size:11px;color:#859a92}.detail-overview>strong{margin-left:auto;color:#19755c;font-size:20px}.detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 0;margin:0}.detail-meta dt,.detail-sale dt{font-size:10px;color:#9aa9a4}.detail-meta dd{font-size:12px;color:#47655b;margin:4px 0}.detail-subtitle{font-size:13px;color:#426258;border-top:1px solid #edf2f0;padding-top:18px}.detail-sale{border:1px solid #e5eeeb;border-radius:7px;padding:12px;margin:10px 0}.detail-sale>div{display:flex;align-items:center;gap:7px;color:#42665a;font-size:12px}.detail-sale dl{display:flex;gap:24px;margin:12px 0 0}.detail-sale dd{margin:4px 0;color:#45655b;font-size:12px}.detail-sale dd.green{color:#188063;font-weight:700}.detail-note{background:#f7faf8;padding:10px;border-radius:6px;font-size:11px;color:#728b82}.detail-note p{margin:5px 0}.checkbox-label{display:flex;align-items:center;gap:8px;color:#5e786f;font-size:12px;margin:4px 0 16px}.management-section{min-height:250px}.search-input{display:flex;align-items:center;gap:6px;border:1px solid #dfebe6;border-radius:6px;padding:0 9px;color:#91a39c}.search-input input{border:0;outline:0;padding:8px 0;font-size:12px;min-width:210px}.master-icon{width:32px;height:32px;border-radius:8px;background:#edf6f2;color:#3c927a;display:grid;place-items:center}.status{font-size:11px;color:#a2afab;display:flex;align-items:center;gap:5px}.status i{width:6px;height:6px;border-radius:50%;background:#b7c3bf}.status.enabled{color:#318067}.status.enabled i{background:#2da27e}.role-admin,.role-staff{font-size:11px;padding:4px 7px;border-radius:4px}.role-admin{color:#8b6baf;background:#f4edfb}.role-staff{color:#397c67;background:#eaf5f0}.preview-banner{background:#fff8df;border-bottom:1px solid #f0dfae;padding:8px 42px;display:flex;justify-content:space-between;align-items:center;color:#997b32;font-size:11px}.preview-banner>span{display:flex;align-items:center;gap:7px}.preview-banner>span>span{opacity:.7}.preview-banner button{border:0;background:none;color:#866d2b;font-size:11px;margin-left:12px}.preview-banner .leave-preview{background:#826d2e;color:#fff;border-radius:5px;padding:6px 10px}.platform-options{display:flex;gap:10px;flex-wrap:wrap}.platform-option{border:1px solid #dce7e3;border-radius:7px;padding:9px 12px;display:flex;align-items:center;gap:7px;color:#5c776e;font-size:12px}.platform-option.selected{border-color:#3a9b7e;background:#eef8f4;color:#167259}.platform-option input{accent-color:#19755e}.platform-symbol{width:22px;height:22px;border-radius:6px;display:inline-grid;place-items:center;color:#fff;font-size:11px;font-weight:700;background:#e44f56}.platform-symbol.douyin{background:#161b27}.platform-row-title{display:flex;align-items:center;gap:7px;color:#42645a}.platform-row-title small{color:#9ba9a5;margin-left:5px}.platform-revenue{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#657d75}.platform-revenue b{color:#246e59}.platform-totals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.platform-totals div{display:flex;justify-content:space-between;background:#f5faf7;padding:10px;border-radius:6px;font-size:11px;color:#6c877d}.platform-totals strong{color:#1b7259}.simple-form p{font-size:13px;color:#5c746c}.global-error{margin:20px;max-width:500px}.muted{color:#91a29c;font-size:12px}.login-page{min-height:100vh;background:#f5f8f7;display:flex;flex-direction:column}.login-brand{padding:28px 6%;display:flex;align-items:center;gap:13px;color:#759087;font-size:12px}.login-main{flex:1;display:grid;place-items:center;padding:30px 20px}.login-card{background:#fff;width:min(400px,100%);padding:38px 40px;border:1px solid #e1ebe7;border-radius:12px;box-shadow:0 18px 50px #235a4810;text-align:center}.login-icon img{width:56px;height:56px;background:#19755e;border-radius:16px}.login-card h1{margin:14px 0 4px;font-size:24px;color:#244e43}.login-subtitle{color:#94a59f;font-size:12px;margin:0 0 24px}.login-card .field{text-align:left}.login-bottom{color:#9aa9a4;font-size:11px;margin-top:20px;display:flex;gap:6px;justify-content:center;align-items:center}.login-preview{margin-top:23px;padding-top:16px;border-top:1px solid #edf2f0;display:flex;justify-content:center;gap:10px}.login-preview button{border:0;background:none;color:#2c8068;font-size:11px;display:flex;align-items:center;gap:4px}.login-preview span{border-left:1px solid #dce7e2}.login-footer{padding:22px 6%;display:flex;justify-content:space-between;color:#86a097;font-size:12px}.login-footer span{font-size:11px;color:#a7b3ae}@media(max-width:900px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;transform:translate(-100%);transition:.25s;width:275px;box-shadow:10px 0 30px #1e47341a}.sidebar.open{transform:translate(0)}.mobile-only{display:inline-grid}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#153c3226;border:0}.topbar{padding:0 18px}.today{display:none}.main-content{padding:25px 18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.analytics,.submission-layout{grid-template-columns:1fr}.submission-aside{display:none}.page-heading h1{font-size:24px}.preview-banner{padding:8px 18px}.desktop-records{display:none}.mobile-records{display:grid;gap:9px}.mobile-record{background:#fff;border:1px solid #e5edea;border-radius:8px;padding:13px}.mobile-record-top,.mobile-record-bottom,.mobile-record-meta{display:flex;justify-content:space-between;align-items:center}.mobile-record-top b{color:#1c7259}.mobile-record-meta{font-size:11px;color:#859992;margin:11px 0}.mobile-record-bottom{font-size:10px;color:#90a19b;border-top:1px solid #edf2f0;padding-top:10px}.mobile-record-bottom div{display:flex}.form-grid{grid-template-columns:1fr}.form-section-title{margin-top:9px}.submission-form,.records-section,.management-section{padding:16px}.filter-main{flex-wrap:wrap}.filter-spacer{display:none}.filter-selects{flex-wrap:wrap}.filter-selects select{flex:1;min-width:130px}.content-footer{padding-top:25px;gap:10px;flex-wrap:wrap}.login-card{padding:30px 22px}.login-footer{padding:18px;display:block;text-align:center}.login-footer span{display:block;margin-top:5px}.detail-meta{grid-template-columns:repeat(2,1fr)}.detail-sale dl{gap:10px;flex-wrap:wrap}.modal-overlay{padding:0;align-items:end}.modal{max-height:94vh;border-radius:12px 12px 0 0}.modal.wide{width:100%}.breadcrumb span,.breadcrumb>svg{display:none}.breadcrumb .icon-btn{display:inline-grid}.heading-actions .btn.secondary{display:none}.analytics .trend-section{overflow:hidden}.date-range{width:100%}.date-range input{flex:1}.platform-options{width:100%}}.payroll-settings{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:15px 0 25px}.payroll-settings>div{border:1px solid #e5edea;border-radius:8px;padding:18px}.payroll-settings h3{margin:0 0 15px;color:#31584d;font-size:14px}.payroll-settings .field{grid-template-columns:1fr 180px;align-items:center}.payroll-settings .field>span{font-size:12px}.payroll-settings .money-input span{padding:0 10px}.payroll-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.payroll-summary div{background:#f1f8f5;padding:14px;border-radius:7px;display:flex;justify-content:space-between;color:#6a877c;font-size:12px}.payroll-summary b{color:#19745b}@media(max-width:900px){.payroll-settings,.payroll-settings .field,.payroll-summary{grid-template-columns:1fr}}.daily-payroll{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:8px;background:#f7faf8;border-radius:6px}.daily-payroll span{display:grid;gap:2px;padding:7px;border:1px solid #e3ece8;border-radius:5px;background:#fff;font-size:10px;color:#789087}.daily-payroll strong{color:#24765f}.daily-payroll small{color:#9aaba4}@media(max-width:900px){.daily-payroll{grid-template-columns:repeat(3,1fr)}}.anchor-summary{margin-bottom:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.anchor-summary-card{border:1px solid #e4ece8;border-radius:8px;padding:13px;background:#fbfdfc}.anchor-summary-head{display:flex;align-items:center;gap:8px}.anchor-summary-head strong{color:#31574d;font-size:13px}.anchor-summary-head .text-btn{margin-left:auto}.anchor-summary-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.anchor-summary-values span{display:grid;gap:2px}.anchor-summary-values small{color:#97a8a2;font-size:10px}.anchor-summary-values b{color:#26755d;font-size:12px}.anchor-daily-list{border-top:1px solid #e8efec;margin-top:12px;padding-top:8px;display:grid;gap:5px}.anchor-daily-list div{display:grid;grid-template-columns:1fr 45px 90px;font-size:10px;color:#779087}.anchor-daily-list strong{text-align:right;color:#28775f}.anchor-daily-list em{font-size:10px;color:#9ca9a5}@media(max-width:900px){.summary-grid{grid-template-columns:1fr}.anchor-summary-values b{font-size:11px}}@media(max-width:900px){.period-tabs{width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.period-tabs button{padding-left:3px;padding-right:3px;font-size:11px}.date-range{flex-wrap:wrap}.date-range input{min-width:0}.date-range input[type=month]{flex-basis:100%}}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100vw!important;height:100vh!important}.modal{position:relative!important;margin:auto!important;transform:none!important;flex:none!important}.payroll-summary{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.payroll-summary{grid-template-columns:repeat(2,1fr)}}