:root{color:#1f2a2e;background:#f6f7f4}body{margin:0;min-width:320px}.login-shell{min-height:100vh;display:flex;align-items:center;background:linear-gradient(#f6f7f4eb,#f6f7f4fa),url(https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1800&q=80);background-size:cover;background-position:center;padding:48px 0}.login-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:40px;align-items:center}.hero-chip{align-self:flex-start;background:#e9efe8;border:1px solid #cddbc8}.login-title{max-width:720px;color:#183039}.login-copy{max-width:720px;color:#435159;margin-top:16px}.login-card,.demo-panel,.workspace-panel,.metric-card,.work-card,.reset-status-panel{border:1px solid #dfe4dc;background:#fffffff0}.login-card{padding:28px}.demo-panel{padding:18px;max-width:620px}.demo-account{justify-content:space-between;min-height:52px;text-align:left}.demo-account small{color:#6b7478;margin-left:16px}.topbar{border-bottom:1px solid #dfe4dc}.content{padding-top:28px;padding-bottom:48px}.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:16px}.metric-card{padding:18px;min-height:142px}.reset-status-panel{padding:14px 16px}.metric-card p{color:#536068}.tone-danger{border-top:4px solid #b42318}.tone-warning{border-top:4px solid #b7791f}.tone-success{border-top:4px solid #3f7d4f}.tone-info{border-top:4px solid #285d74}.workspace-panel{padding:0;overflow:hidden}.tab-panel{padding:22px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}.work-card{padding:16px;min-height:146px}.data-table th{font-weight:800;white-space:nowrap;background:#f0f3ed}.data-table td{vertical-align:top;max-width:420px}.schedule-validation{border:1px solid #dfe4dc;padding:16px}.schedule-week-grid{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:12px;align-items:start}.schedule-day{border:1px solid #dfe4dc;padding:12px;min-height:280px;background:#fbfcfa}.schedule-shift{border:1px solid #d8ded5;border-left:4px solid #285d74;background:#fff;padding:10px}.schedule-shift.open{border-left-color:#b7791f;background:#fffaf0}.time-clock-panel,.time-list-panel,.time-detail-panel{border:1px solid #dfe4dc;padding:16px;background:#fff}.time-list-panel{width:min(100%,320px)}.time-detail-panel{flex:1;width:100%}.timesheet-list-button{justify-content:space-between;min-height:54px;text-align:left}.timesheet-list-button small{margin-left:14px;color:inherit;opacity:.78}.payroll-generate-panel,.payroll-list-panel,.payroll-report-panel,.payroll-summary-card{border:1px solid #dfe4dc;background:#fff}.payroll-generate-panel,.payroll-list-panel,.payroll-report-panel{padding:16px}.payroll-generate-panel{flex:1}.payroll-list-panel{width:min(100%,340px)}.payroll-list-button{justify-content:space-between;min-height:54px;text-align:left}.payroll-list-button small{margin-left:14px;color:inherit;opacity:.78}.payroll-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.payroll-summary-card{padding:12px}.leave-balances-panel,.leave-request-panel,.leave-queue-panel,.leave-calendar-panel,.leave-balance-card,.leave-approval-card,.leave-calendar-item{border:1px solid #dfe4dc;background:#fff}.leave-balances-panel,.leave-request-panel,.leave-queue-panel,.leave-calendar-panel{padding:16px}.leave-balances-panel,.leave-request-panel{flex:1}.leave-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.leave-balance-card,.leave-approval-card,.leave-calendar-item{padding:12px}.leave-calendar-strip{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:12px}.leave-calendar-item.pending{border-left:4px solid #b7791f}.leave-calendar-item.approved{border-left:4px solid #3f7d4f}.leave-calendar-item.rejected{border-left:4px solid #7a8287}.integration-import-panel,.integration-history-panel,.integration-detail-panel,.integration-export-panel,.integration-webhook-list,.integration-webhook-detail{border:1px solid #dfe4dc;background:#fff;padding:16px}.integration-import-panel,.integration-detail-panel,.integration-export-panel,.integration-webhook-detail{flex:1}.integration-history-panel,.integration-webhook-list{width:min(100%,360px)}.integration-mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px}.integration-list-button{justify-content:space-between;min-height:56px;text-align:left}.integration-list-button small{margin-left:14px;color:inherit;opacity:.78}.json-viewer{background:#172024;color:#f6f7f4;border-radius:6px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.45;max-height:260px;overflow:auto;white-space:pre-wrap}.audit-filter-panel{border:1px solid #dfe4dc;background:#fff;padding:16px}.audit-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.audit-json-block{background:#172024;color:#f6f7f4;border-radius:6px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem;line-height:1.45;max-height:260px;overflow:auto;white-space:pre-wrap}.mono-cell{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem}.analytics-shell{min-height:100vh;padding:42px 0;background:#f6f7f4}.analytics-code-card,.analytics-filter-panel,.analytics-panel,.analytics-metric-card{border:1px solid #dfe4dc;background:#fff}.analytics-code-card{max-width:520px}.analytics-filter-panel{padding:16px}.analytics-panel{flex:1}.analytics-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}@media (max-width: 980px){.login-grid,.metric-grid,.work-grid,.schedule-week-grid,.leave-balance-grid,.leave-calendar-strip,.integration-mapping-grid,.audit-filter-grid,.analytics-metric-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.time-list-panel,.payroll-list-panel,.integration-history-panel,.integration-webhook-list{width:100%}.payroll-summary-grid{grid-template-columns:1fr 1fr}}