.loading{display:grid;place-items:center;gap:16px;min-height:65vh;color:var(--muted)}.loading img{width:50px}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--green);color:var(--bg);padding:8vw;display:flex;flex-direction:column;justify-content:center}.auth-story .brand{color:white}.auth-story .brand img{width:46px}.auth-story h1{font-size:40px;line-height:1.5;letter-spacing:-.05em;margin:60px 0 20px}.auth-story p{font-size:15px;line-height:1.9;color:#d1d9c9}.auth-story .auth-lines{margin-top:50px;border-top:1px solid #71816b;padding-top:25px;font-size:13px}.auth-content{display:flex;align-items:center;justify-content:center;padding:50px 28px}.auth-card{width:100%;max-width:390px}.auth-card .eyebrow{margin-bottom:12px}.auth-card h2{font-size:28px;margin-bottom:10px}.auth-card>p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:28px}.auth-card form{display:grid;gap:20px}.auth-card .btn.primary{width:100%;margin-top:8px}.auth-links{display:flex;gap:16px;font-size:13px;margin-top:25px;flex-wrap:wrap}.auth-links a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.auth-sub{font-size:12px;color:var(--muted);line-height:1.8;margin-top:24px}.sync-row{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:20px;flex-wrap:wrap}.sync-dot{height:6px;width:6px;background:#709553;border-radius:50%;display:inline-block}.range-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.range-controls .btn{padding:6px 10px;min-height:37px}.range-controls input{width:auto;max-width:160px;font-size:13px;min-height:38px}.range-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.blank-state{padding:45px 28px;text-align:center}.blank-state .eyebrow{margin-bottom:10px}.blank-state h2{font-size:20px;margin-bottom:12px}.blank-state p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:22px}.blank-state .actions{justify-content:center}.setup-checklist{display:grid;gap:12px;margin:20px 0}.setup-step{display:flex;align-items:center;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.setup-step strong{font-size:14px}.setup-step small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.setup-step .step-no{flex-shrink:0}.list-stack{display:grid;gap:12px}.record-row{padding:19px 23px;display:flex;align-items:center;gap:15px;justify-content:space-between}.record-row h3{font-size:15px}.record-row p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.7}.record-row .money{font-size:18px;font-weight:600}.record-row .row-main{min-width:0;flex:1}.record-row .row-action{display:flex;align-items:center;gap:12px;flex-shrink:0}.record-row .btn{font-size:12px;padding:7px 10px}.daily-bars{display:flex;gap:12px;height:170px;align-items:end}.daily-col{flex:1;min-width:0;text-align:center;font-size:11px;color:var(--muted)}.daily-col>div{height:110px;display:flex;align-items:end;justify-content:center;margin:8px 0}.daily-col .bar-static{width:65%;max-width:38px;background:#97a985;border-radius:4px 4px 0 0;min-height:2px}.daily-col .bar-static.negative{background:var(--red)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-grid .span-2{grid-column:1/-1}.field-grid label{display:block}.field-grid input,.field-grid select,.field-grid textarea{margin-top:7px}.extra-info{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.extra-info summary{font-size:14px;color:var(--green);cursor:pointer}.extra-info .field-grid{margin-top:18px}.pay-note{padding:15px 20px;background:#f4efdf;color:#80632b;border-radius:9px;font-size:13px;margin-bottom:17px}.pay-rows{padding:20px 25px}.pay-rows .calculation-row{font-size:14px}.rule-form{padding:22px 25px}.rule-form h3{margin-bottom:18px}.employee-card .actions{flex-wrap:wrap}.account-line{font-size:12px;color:var(--muted);margin:10px 0}.token-box{font-size:12px;background:#edf0e6;border:1px solid var(--line);padding:14px;border-radius:9px;overflow-wrap:anywhere;user-select:all;margin:16px 0}.audit-list{font-size:13px}.audit-list strong{font-size:14px}.badge-save{font-size:11px;background:#edf0e6;padding:4px 7px;border-radius:4px;color:#627257}.mobile-form-total{position:static}.review-meta{font-size:12px;color:var(--muted);margin-bottom:10px}.no-data-amount{font-size:14px;color:var(--muted)}.section-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.section-toolbar select{max-width:250px}.content .panel{min-width:0}.form-hint{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.busy{opacity:.65;pointer-events:none}.connection-error{background:#f5e6e0;color:#8a493d;padding:13px 17px;border-radius:10px;margin-bottom:18px;font-size:13px}.auth-mode{border:1px solid var(--line);padding:14px;border-radius:9px;font-size:12px;color:var(--muted);line-height:1.8;margin-top:20px}
@media(max-width:1000px){.auth-story{padding:45px}.auth-story h1{font-size:33px}.dashboard-grid{grid-template-columns:1fr}.employee-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.auth-layout{display:block}.auth-story{padding:25px 24px 30px}.auth-story h1{font-size:26px;margin:28px 0 12px}.auth-story p{font-size:13px}.auth-story .auth-lines{display:none}.auth-content{padding:31px 24px 45px}.auth-card h2{font-size:25px}.auth-card form{gap:17px}.auth-story .brand-caption{color:#d1d9c9}.topbar-controls>.avatar{display:none}.record-row{padding:17px;gap:10px}.record-row h3{font-size:14px}.record-row .money{font-size:15px}.record-row .row-action{gap:8px}.record-row .btn{padding:6px 8px}.range-toolbar{gap:12px}.range-controls{width:100%;justify-content:space-between}.range-controls input{max-width:140px}.field-grid{gap:18px 12px}.rule-form,.pay-rows{padding:20px 18px}.employee-grid{grid-template-columns:1fr}.sync-row{gap:8px}.auth-card .auth-mode{font-size:11px}.mobile-form-total{position:sticky;bottom:76px;z-index:9;box-shadow:0 -5px 15px #25371c0d}.daily-bars{gap:8px}.section-toolbar{flex-wrap:wrap}.page-heading .actions{flex-wrap:wrap}.record-row .row-action{flex-direction:column;align-items:flex-end}.setup-step{padding:15px}.badge-save{display:none}.review-layout{grid-template-columns:1fr}.stat-value{font-size:24px}.payroll-select{width:100%;margin-bottom:20px}.sidebar{display:none}}
@media(max-width:370px){.field-grid{grid-template-columns:1fr}.field-grid .span-2{grid-column:auto}.auth-content{padding:28px 18px}.auth-story{padding:24px 18px}.stat-value{font-size:21px}}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;margin:25px 0 22px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.passkey-section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.passkey-section h3{font-size:17px}.passkey-list{display:grid;gap:12px;margin:18px 0}.passkey-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;background:#edf0e6;border-radius:9px}.passkey-item strong{font-size:14px;overflow-wrap:anywhere}.passkey-item p{font-size:12px;color:var(--muted);margin-top:6px}.passkey-section form,.account-form{display:grid;gap:16px;margin-top:20px}.passkey-section label input{margin-top:8px}.passkey-section .form-hint{font-size:14px}.passkey-login .form-hint{font-size:14px}.auth-content .error-message:empty{display:none}.auth-links,.auth-sub,.auth-mode{font-size:14px}.auth-mode{line-height:1.8}.account-form{margin-top:20px}@media(max-width:760px){.auth-story h1{display:none}.auth-story p{display:none}.auth-story{padding:22px 24px}.auth-content{padding-top:28px}.auth-card .auth-mode{font-size:14px}.passkey-section .form-hint{font-size:14px}.passkey-item{align-items:flex-start}.passkey-item .btn{flex-shrink:0}}
/* Final operating tools use the same compact card and form rhythm. */
.check-label{display:flex;align-items:center;gap:10px;margin:16px 0;line-height:1.6}
.check-label input[type="checkbox"]{width:20px;height:20px;flex:0 0 20px;accent-color:var(--green)}
.import-row{border-bottom:1px solid var(--line);padding:14px 0}
.import-row .check-label{margin:0;overflow-wrap:anywhere}
.import-row .row-main{min-width:0}
input[type="file"]{max-width:100%;font-size:14px}
@media(max-width:600px){.mini-stat-row{grid-template-columns:1fr}.mini-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-stat p{margin:0;min-width:0}.mini-stat strong{font-size:20px;white-space:nowrap}.import-row{align-items:flex-start}}
.salary-import{margin-top:24px}.salary-tiers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.salary-tiers h4{margin:18px 0 12px}.salary-tiers .field-grid{margin-bottom:12px}.salary-detail summary{cursor:pointer;font-weight:600;margin-bottom:20px}.salary-source-summary .mini-stat strong{font-size:19px}.salary-source-summary li{margin:10px 0;line-height:1.65}.salary-detail .data-table td:first-child{max-width:180px;overflow-wrap:anywhere}.salary-detail h4{margin:24px 0 12px}.salary-import .record-row{padding:18px}
@media(max-width:760px){.salary-tiers{grid-template-columns:1fr}.salary-source-summary .mini-stat-row{grid-template-columns:1fr}.salary-source-summary .mini-stat{padding:14px}.salary-source-summary .mini-stat strong{font-size:20px}.salary-detail .data-table{min-width:650px}.salary-import .actions .btn{width:100%}}