.login-container{display:flex;height:100vh;font-family:Arial,Helvetica,sans-serif}.brand-panel{flex:1;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.brand-logo-card{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 30px #0003;margin-bottom:20px}.brand-logo{width:120px;display:block}.brand-panel h1{font-size:36px;margin:10px 0}.brand-panel span{opacity:.8;max-width:320px;margin-top:10px}.login-panel{flex:1;display:flex;align-items:center;justify-content:center;background:#f5f7fb}.login-card{width:360px;background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0000001a}.login-card h2{margin-bottom:5px}.login-card p{font-size:14px;color:#6b7280;margin-bottom:20px}.form-group{margin-bottom:15px}label{display:block;font-size:13px;margin-bottom:6px}input{width:100%;padding:10px;border-radius:8px;border:1px solid #d1d5db}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.login-btn{width:100%;padding:11px;border:none;background:#2563eb;color:#fff;font-weight:600;border-radius:8px;cursor:pointer;margin-top:10px}.login-btn:hover{background:#1d4ed8}.error-box{background:#fee2e2;color:#991b1b;padding:8px;border-radius:6px;margin-bottom:10px;font-size:13px}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-darker: #1e3a8a;--color-primary-light: #eff6ff;--color-primary-border: #bfdbfe}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f6fb;color:#1b2230}a{color:inherit;text-decoration:none}input,textarea,select{width:100%;border:1px solid #d7deea;border-radius:12px;padding:12px 14px;font-size:14px;font-family:inherit;background:#fff;color:#1b2230}textarea{min-height:120px;resize:vertical}button:disabled{opacity:.5;cursor:not-allowed}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#1f2937)}.login-card{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:24px;box-shadow:0 20px 60px #00000040}.login-card h1{margin:0 0 8px}.login-card p{color:#667085;margin-bottom:24px}.login-card form{display:grid;gap:12px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:28px;display:flex;flex-direction:column;gap:24px}.brand{font-size:28px;font-weight:700}.sidebar-sub{color:#94a3b8;font-size:14px}.nav-links{display:grid;gap:10px}.nav-links a{padding:12px 14px;border-radius:12px;background:#ffffff0a;transition:.2s ease}.nav-links a:hover{background:#ffffff14}.user-box{margin-top:auto;display:grid;gap:8px;padding:16px;border-radius:18px;background:#ffffff0f}.user-box span{color:#cbd5e1;font-size:13px}.content{padding:30px}.page-header{margin-bottom:18px}.page-header h2{margin:0 0 4px}.page-header p{margin:0;color:#64748b}.action-row,.inline-form{display:flex;gap:12px;align-items:end;margin-bottom:18px;flex-wrap:wrap}.inline-form>div{min-width:180px}.form-grid,.two-col{display:grid;gap:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid button{grid-column:1 / -1}.two-col{grid-template-columns:420px 1fr}.error-box,.info-box{margin-top:12px;padding:12px 14px;border-radius:12px;font-size:14px}.error-box{background:#fee2e2;color:#991b1b}.info-box{background:#ecfccb;color:#365314}.primary-btn,.secondary-btn,.danger-btn{border:none;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:600;transition:.2s ease}.primary-btn{background:var(--color-primary);color:#fff}.primary-btn:hover{background:var(--color-primary-dark)}.secondary-btn{background:#e2e8f0;color:#111827}.secondary-btn:hover{opacity:.92}.danger-btn{background:#dc2626;color:#fff}.danger-btn:hover{opacity:.92}.dashboard-container{padding:30px;background:#f3f4f6;min-height:100vh}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 30px #0f172a0f}.hero-eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.hero-title{margin:0;font-size:32px;font-weight:700;color:#0f172a}.hero-subtitle{margin:10px 0 0;font-size:15px;color:#64748b;line-height:1.6}.hero-actions{display:flex;align-items:center;justify-content:flex-end}.live-clock-card{min-width:220px;padding:18px 20px;border-radius:16px;background:#0f172a;color:#fff;box-shadow:0 10px 25px #0f172a33}.clock-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.75;margin-bottom:6px}.clock-time{display:block;font-size:28px;font-weight:700;line-height:1.2}.clock-date{display:block;margin-top:6px;font-size:13px;opacity:.8}.grid-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.metric-card{padding:22px 24px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0f172a0d;transition:.2s}.metric-card:hover{transform:translateY(-4px)}.metric-card span{display:block;font-size:14px;color:#64748b;margin-bottom:10px}.metric-card strong{display:block;font-size:32px;color:#0f172a;font-weight:700}.card-icon{font-size:22px;margin-bottom:6px}.panel{background:#fff;border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0f172a0d;padding:24px;margin-bottom:20px}.panel h3{margin-top:0;margin-bottom:18px;font-size:22px;color:#0f172a}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7edf5;font-size:14px}thead th{color:#64748b;font-weight:600;background:#f9fafb}tbody td{color:#0f172a}tr:hover{background:#f8fafc}.empty{text-align:center;padding:20px;color:#6b7280}.bundy-section{margin-bottom:18px}.bundy-clock-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.4fr .9fr;gap:18px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#081427,#10213f,#16305a);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #0914272e;margin-bottom:14px}.bundy-clock-glow{position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,#60a5fa59,#60a5fa00 70%);pointer-events:none}.bundy-clock-left,.bundy-clock-right{position:relative;z-index:1}.bundy-clock-head{margin-bottom:14px}.bundy-clock-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:#ffffffb3}.bundy-clock-title{margin:0;font-size:26px;font-weight:800;color:#fff}.bundy-clock-time{font-size:54px;font-weight:900;line-height:1;letter-spacing:-.04em;color:#fff}.bundy-clock-date{margin-top:10px;font-size:15px;color:#ffffffd1}.bundy-status-badge{display:inline-flex;align-items:center;margin-top:16px;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:800;border:1px solid transparent}.status-not-clocked-in{background:#94a3b82e;color:#e2e8f0;border-color:#94a3b838}.status-clocked-in{background:#22c55e2e;color:#bbf7d0;border-color:#22c55e42}.status-on-break{background:#f59e0b2e;color:#fde68a;border-color:#f59e0b47}.status-clocked-out{background:#3b82f62e;color:#bfdbfe;border-color:#3b82f647}.bundy-clock-right{display:grid;grid-template-columns:1fr;gap:12px;align-content:center}.bundy-info-card{padding:14px 16px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bundy-info-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffffa3}.bundy-info-card strong{display:block;font-size:16px;font-weight:800;color:#fff}.bundy-action-row{display:flex;gap:10px;flex-wrap:wrap}.bundy-action-row .primary-btn,.bundy-action-row .secondary-btn{min-width:120px}.announcements-grid{display:grid;gap:20px}.announcement-card{overflow:hidden}.announcement-image{width:100%;max-height:320px;object-fit:cover;border-radius:16px;margin-bottom:16px;border:1px solid #e5e7eb}.announcement-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#64748b;font-size:13px}.announcement-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.dashboard-alert-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 30px #ef444447}.dashboard-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-link-btn{text-decoration:none;font-size:14px;font-weight:600;color:var(--color-primary)}.dashboard-announcement-list{display:grid;gap:12px}.dashboard-announcement-item{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#f8fafc}.dashboard-announcement-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.dashboard-announcement-text{margin:0 0 8px;color:#475569;white-space:pre-wrap}.dashboard-announcement-date{font-size:12px;color:#94a3b8}.mini-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#ef44441f;color:#dc2626;font-size:11px;font-weight:700;letter-spacing:.4px}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{padding:20px}.grid-cards,.two-col,.form-grid{grid-template-columns:1fr}}@media (max-width: 900px){.dashboard-hero{flex-direction:column;align-items:flex-start}.hero-actions,.live-clock-card{width:100%}.grid-cards,.bundy-clock-card{grid-template-columns:1fr}.bundy-clock-time{font-size:42px}.dashboard-panel-head,.announcement-footer,.announcement-meta{flex-direction:column;align-items:flex-start}}.muted-row{color:#6b7280;font-size:12px;margin-top:4px}.profile-list{display:grid;gap:14px}.profile-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.profile-item span{color:#6b7280}.profile-item strong{text-align:right}.premium-profile-card{position:relative;overflow:hidden;margin-bottom:24px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#0f172a,#172554 52%,#1d4ed8);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 50px #0f172a2e}.premium-profile-glow{position:absolute;right:-90px;top:-100px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,#60a5fa66,#60a5fa00 72%);pointer-events:none}.premium-profile-main,.premium-profile-grid,.premium-profile-actions{position:relative;z-index:1}.premium-profile-main{display:flex;align-items:center;gap:18px;margin-bottom:20px}.premium-profile-avatar{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3,#ffffff14);border:1px solid rgba(255,255,255,.16);font-size:24px;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff1f}.premium-profile-copy h3{margin:8px 0;font-size:28px;line-height:1.1}.premium-profile-copy p{margin:0;max-width:760px;color:#fffc;line-height:1.6}.premium-profile-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.premium-profile-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.premium-profile-meta span{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;background:#ffffff14;color:#ffffffeb;font-size:13px}.premium-profile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.premium-profile-stat{padding:16px;border-radius:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.premium-profile-stat span{display:block;margin-bottom:8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#ffffffad}.premium-profile-stat strong{display:block;font-size:15px;line-height:1.5;color:#fff}.premium-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap}.premium-profile-actions .primary-btn{display:inline-flex;align-items:center}.premium-profile-note{color:#ffffffc7;font-size:14px}@media (max-width: 1200px){.premium-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.premium-profile-main{align-items:flex-start;flex-direction:column}.premium-profile-copy h3{font-size:24px}.premium-profile-grid{grid-template-columns:1fr}.premium-profile-actions{align-items:flex-start;flex-direction:column}}.gov-id-stack{display:grid;gap:6px;min-width:180px}.gov-id-stack span{font-size:13px;color:#475569}.payroll-dashboard-page{display:grid;gap:22px}.payroll-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border-radius:24px;background:linear-gradient(135deg,#ffffff 0%,var(--color-primary-light) 100%);border:1px solid var(--color-primary-border);box-shadow:0 12px 30px #0f172a0f}.payroll-hero-actions{display:flex;gap:12px;align-items:center;min-width:360px}.payroll-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.payroll-kpi-card{padding:22px;border-radius:20px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 20px #0f172a0a}.payroll-kpi-card.accent{background:linear-gradient(135deg,var(--color-primary-light) 0%,#ffffff 100%);border-color:var(--color-primary-border)}.payroll-kpi-card span,.preview-item span,.preview-line span,.preview-netpay-card span,.preview-block span,.insight-stat-list span,.workflow-label{display:block;color:#64748b;font-size:13px}.payroll-kpi-card strong,.preview-netpay-card strong{display:block;margin-top:8px;font-size:28px;color:#0f172a}.payroll-kpi-card small{display:block;margin-top:10px;color:#94a3b8}.payroll-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:20px}.payroll-content-grid{align-items:start}.payroll-generator-card,.payroll-insight-card,.payroll-drawer{height:100%}.payroll-cutoff-row{display:flex;gap:10px;width:100%;margin-bottom:6px}.insight-stat-list{display:grid;gap:12px}.insight-stat-list div,.preview-item,.preview-block,.empty-state-card{padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.insight-stat-list strong,.preview-item strong,.preview-block strong,.preview-line strong{display:block;margin-top:6px;font-size:16px;color:#0f172a}.workflow-card{margin-top:18px;padding:16px;border-radius:18px;background:#0f172a;color:#fff}.workflow-steps{display:grid;gap:10px;margin-top:12px}.workflow-steps div{padding:10px 12px;border-radius:12px;background:#ffffff14;color:#ffffffc7}.workflow-steps .active{background:#2563eb52;color:var(--color-primary-light)}.premium-table-wrap table tbody tr{transition:background .2s ease,transform .2s ease;cursor:pointer}.premium-table-wrap table tbody tr:hover,.premium-table-wrap table tbody tr.selected-row{background:var(--color-primary-light)}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.warning{background:#fff7ed;color:#c2410c}.status-pill.success{background:#dcfce7;color:#166534}.status-pill.info{background:#dbeafe;color:#1d4ed8}.preview-profile-card{padding:20px;border-radius:18px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.preview-profile-card h4{margin:12px 0 6px;font-size:22px}.preview-profile-card p{margin:0 0 14px;color:#cbd5e1}.preview-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:700}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.preview-section{margin-top:18px;padding:18px;border-radius:18px;border:1px solid #e5e7eb;background:#fff}.preview-section h4{margin:0 0 12px}.preview-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9}.preview-line.total{border-bottom:none;padding-bottom:0}.preview-netpay-card{margin-top:18px;padding:20px;border-radius:20px;background:linear-gradient(135deg,var(--color-primary-light) 0%,#ffffff 100%);border:1px solid var(--color-primary-border)}.preview-netpay-card .primary-btn{margin-top:16px;width:100%}.empty-state-card{color:#64748b}@media (max-width: 1200px){.payroll-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-main-grid{grid-template-columns:1fr}}@media (max-width: 760px){.payroll-hero,.payroll-hero-actions{flex-direction:column;align-items:stretch;min-width:0}.payroll-kpi-grid,.preview-grid,.confirm-modal-details{grid-template-columns:1fr}.confirm-modal-actions{flex-direction:column}.confirm-modal-actions button{width:100%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.confirm-modal{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px #0f172a2e;border:1px solid #e5e7eb}.confirm-modal h3{margin:0 0 10px;font-size:22px;font-weight:700;color:#0f172a}.confirm-modal p{margin:0 0 18px;color:#475569;line-height:1.5}.confirm-modal-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.confirm-modal-details div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}.confirm-modal-details span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.confirm-modal-details strong{font-size:15px;color:#0f172a}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;flex-wrap:wrap}.directory-search{width:100%;max-width:320px}.directory-search input{width:100%}.panel-subtext{margin:6px 0 0;color:#64748b;font-size:14px}.password-panel{padding:28px;border-radius:22px}.password-panel-header{margin-bottom:18px}.password-panel-header h3{margin:0 0 6px}.password-form{display:flex;flex-direction:column;gap:18px}.password-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group-full{grid-column:1 / -1}.field-group label{font-size:14px;font-weight:600;color:#0f172a}.field-group input{height:48px;padding:0 14px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.field-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb26}.password-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:4px}.checkbox-inline{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#334155;cursor:pointer}.checkbox-inline input{width:16px;height:16px;accent-color:var(--color-primary)}.password-submit-btn{min-width:180px}.password-message{margin-top:16px}@media (max-width: 768px){.password-grid{grid-template-columns:1fr}.field-group-full{grid-column:auto}.password-toolbar{align-items:stretch;flex-direction:column}.password-submit-btn{width:100%}}.password-input{position:relative;width:100%}.password-input input{width:100%;padding-right:42px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:#64748b;font-size:18px;display:flex;align-items:center}.password-toggle:hover{color:var(--color-primary)}.payroll-breakdown-list{display:grid;gap:10px;margin-top:12px}.payroll-breakdown-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;transition:.2s ease}.payroll-breakdown-item:hover{background:var(--color-primary-light);border-color:var(--color-primary-border)}.payroll-breakdown-item span{font-size:13px;color:#64748b;font-weight:600}.payroll-breakdown-item strong{font-size:14px;font-weight:700;color:#0f172a;text-align:right}.payroll-breakdown-item.total{background:linear-gradient(135deg,var(--color-primary-light),#ffffff);border-color:var(--color-primary-border)}.payroll-breakdown-item.total strong{font-size:18px;color:var(--color-primary-dark)}@media (max-width: 640px){.payroll-breakdown-item{flex-direction:column;align-items:flex-start}.payroll-breakdown-item strong{text-align:left}}.payroll-preview-overlay{background:#0a12238c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;display:flex;align-items:center;justify-content:center}.payroll-preview-modal{width:min(1240px,95vw);height:min(88vh,820px);display:flex;flex-direction:column;border-radius:20px;padding:18px;overflow:hidden;background:#fff;box-shadow:0 24px 70px #0c18302e}.payroll-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.payroll-preview-header h3{margin:0 0 4px;font-size:20px;line-height:1.1}.payroll-preview-header p{margin:0;color:#6b7a90;font-size:13px}.preview-close-btn{border:none;background:#eef3fb;color:#16325c;width:34px;height:34px;border-radius:10px;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}.preview-close-btn:hover{background:#dfe9f8}.payroll-preview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.preview-summary-card{background:#f8fbff;border:1px solid #e5edf8;border-radius:16px;padding:12px 14px;min-height:78px;display:flex;flex-direction:column;justify-content:center}.preview-summary-card span{font-size:11px;color:#6b7a90;margin-bottom:4px}.preview-summary-card strong{font-size:20px;line-height:1.05;color:#102544;margin-bottom:4px}.preview-summary-card small{color:#7c8aa0;font-size:11px}.preview-summary-card.accent{border-color:var(--color-primary-border);background:var(--color-primary-light)}.payroll-preview-table-wrap{flex:1;border:1px solid #e7edf6;border-radius:16px;overflow:auto;background:#fff;min-height:0}.payroll-preview-table{width:100%;border-collapse:collapse;min-width:1020px}.payroll-preview-table thead th{position:sticky;top:0;z-index:2;background:#f7faff;color:#5e6f89;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:10px;border-bottom:1px solid #e7edf6;white-space:nowrap}.payroll-preview-table tbody td{padding:10px;border-bottom:1px solid #edf2f8;font-size:12px;color:#11294a;vertical-align:middle}.payroll-preview-table tbody tr:hover{background:#fbfdff}.preview-employee-cell{display:flex;flex-direction:column;gap:1px}.preview-employee-cell strong{font-size:13px;color:#102544;line-height:1.2}.preview-employee-cell span,.preview-employee-cell small{font-size:11px;color:#6d7b90;line-height:1.2}.preview-net-pay{font-weight:700;color:#0e2b56;white-space:nowrap}.payroll-preview-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;margin-top:10px;border-top:1px solid #e8eef7;background:#fff}.payroll-preview-footer .primary-btn,.payroll-preview-footer .secondary-btn{min-width:170px;height:42px}.status-pill{white-space:nowrap}.status-pill.danger{background:#fee2e2;color:#b91c1c}.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}.calendar-toolbar h3{margin:0;min-width:180px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekday{text-align:center;font-weight:700;font-size:13px;color:#667085;padding:6px 0}.calendar-day{min-height:92px;border:1px solid #e8eef7;border-radius:12px;padding:8px;background:#fff}.calendar-day-muted{background:#f8fafc}.calendar-day-muted .calendar-day-number{color:#cbd5e1}.calendar-day-number{font-size:13px;font-weight:600;color:#1b2230}.calendar-day-events{display:flex;flex-direction:column;gap:3px;margin-top:6px}.calendar-event-pill{background:#0f766e;color:#fff;font-size:11px;font-weight:600;padding:3px 6px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}