:root{--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:.95rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--color-bg-main:#f8fafc;--color-bg-panel:#fff;--color-bg-muted:#e2e8f0;--color-bg-soft:#f1f5f9;--color-dark:#0f172a;--color-dark-soft:#1e293b;--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-primary-soft:#e2e8f0;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-soft:#fffbeb;--color-info:#2563eb;--color-info-soft:#eff6ff;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-neutral:#475569;--color-neutral-bg:#f1f5f9;--color-neutral-border:#cbd5e1;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--header-height:68px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a14,0 1px 2px #0f172a0a;--shadow-md:0 12px 28px #0f172a14;--shadow-lg:0 24px 60px #0f172a29;--shadow-focus:0 0 0 3px #f59e0b3d;--transition-fast:.16s ease;--transition-base:.2s ease}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg-main);scroll-padding-top:150px}body{background:linear-gradient(180deg,#ffffffeb,#f8fafcf5 340px),var(--color-bg-main);min-height:100vh;color:var(--color-text-main);font-family:var(--font-sans);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}button,a,input,select,textarea,.btn,.card,.panel,.badge,.status-badge{transition-duration:var(--transition-base);transition-timing-function:ease}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container,.shell{width:min(100%,1280px);margin:0 auto}.app-layout-horizontal{min-height:100vh}.main-content-horizontal{min-height:100vh;padding:calc(var(--header-height) + 28px)20px 48px}@media (min-width:900px){.main-content-horizontal{padding-left:32px;padding-right:32px}}.navbar{z-index:50;height:var(--header-height);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172af5;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 12px 34px #0f172a2e}@media (min-width:900px){.navbar{padding:0 32px}}.navbar-left,.navbar-right,.navbar-menu ul,.user-profile{align-items:center;display:flex}.navbar-left{gap:26px;min-width:0}.navbar-right{gap:14px}.navbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.navbar-brand img{object-fit:contain;width:auto;max-width:190px;height:42px;display:block}.navbar-brand-text{color:#fff;white-space:nowrap;font-size:1rem;font-weight:900;line-height:1}.brand-wordmark{letter-spacing:0;align-items:baseline;gap:0;display:inline-flex}.brand-wordmark-accent{color:#f97316}@media (max-width:480px){.navbar-brand img{max-width:146px;height:36px}}.navbar-brand h1{color:#fff;letter-spacing:0;align-items:baseline;gap:3px;font-size:1.05rem;font-weight:850;display:flex}.navbar-brand h1:before{content:"";background:linear-gradient(135deg,#ffffff2e,#fff0),var(--color-accent);border-radius:7px;width:30px;height:30px;margin-right:10px;box-shadow:inset 0 0 0 1px #fff3}.navbar-brand h1 span{color:var(--color-accent)}.navbar-menu ul{height:var(--header-height);gap:4px;list-style:none}.nav-link-horizontal{border-radius:var(--radius-md);color:#ffffffb8;height:40px;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);align-items:center;gap:8px;padding:0 12px;font-size:.86rem;font-weight:650;display:flex;position:relative}.nav-link-horizontal:hover,.nav-link-horizontal.active{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f}.nav-link-horizontal.active:after{background:var(--color-accent);content:"";border-radius:999px;height:3px;position:absolute;bottom:-14px;left:12px;right:12px}.user-profile{gap:10px}.user-profile-link{border-radius:var(--radius-md);min-height:42px;transition:background var(--transition-fast),box-shadow var(--transition-fast);padding:3px 6px}.user-profile-link:hover,.user-profile-link.active{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f}.user-avatar{background:var(--color-accent);width:36px;height:36px;color:var(--color-dark);border-radius:999px;place-items:center;font-size:.9rem;font-weight:800;display:grid}.user-info{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.86rem;font-weight:700;overflow:hidden}.user-role{color:#ffffff8f;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.72rem;overflow:hidden}.vertical-divider{background:#ffffff1f;width:1px;height:28px}.btn-logout,.icon-button{border-radius:var(--radius-md);width:36px;height:36px;color:inherit;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);background:0 0;place-items:center;display:inline-grid}.btn-logout{color:#ffffffad}.btn-logout:hover,.icon-button:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.navbar-mobile-only{display:none}.mobile-menu-dropdown{top:var(--header-height);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;position:absolute;left:12px;right:12px}.mobile-menu-list{gap:4px;padding:8px;list-style:none;display:grid}.mobile-menu-item{border-radius:var(--radius-md);width:100%;min-height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0 12px;font-size:.92rem;font-weight:650;display:flex}.mobile-menu-item.active,.mobile-menu-item:hover{background:var(--color-primary-soft);color:var(--color-primary)}.mobile-menu-item.mobile-logout{color:var(--color-danger)}@media (max-width:900px){.navbar-menu,.navbar-desktop-only,.vertical-divider{display:none!important}.navbar-mobile-only{display:inline-grid!important}}.page-header,.section-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px;display:flex}.section-header{min-width:0}.section-subtitle{color:var(--color-text-muted);margin-top:5px;font-size:.88rem;font-weight:500;line-height:1.55}.page-kicker{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800}.page-title{color:var(--color-dark);letter-spacing:0;font-size:clamp(1.55rem,2vw,2rem);font-weight:850;line-height:1.12}.page-subtitle{color:var(--color-text-muted);margin-top:6px;font-size:.92rem;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card,.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);box-shadow:var(--shadow-sm)}.card{padding:var(--space-5)}.panel{padding:var(--space-6)}.card-elevated,.page-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);box-shadow:var(--shadow-md)}.card-elevated{padding:var(--space-6)}.page-card{padding:var(--space-5)}.page-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.card-interactive,.card-hover{transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.card-interactive:hover,.card-hover:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-grid,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.insight-strip{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.insight-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:92px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);background:#fff;justify-content:space-between;align-items:center;gap:14px;padding:15px;display:flex}.insight-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.insight-card strong{color:var(--color-dark);margin-top:6px;font-size:1.35rem;line-height:1;display:block}.insight-card span{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:800}.workbench-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffd1}.workbench-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.workbench-title{color:var(--color-dark);font-size:1rem;font-weight:850}.workbench-meta{color:var(--color-text-muted);margin-top:4px;font-size:.84rem}.workbench-body{padding:18px}.employee-cell{align-items:center;gap:12px;min-width:220px;display:flex}.avatar-sm{border-radius:var(--radius-md);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);flex:none;place-items:center;font-weight:850;display:grid}.subtle-stack{gap:4px;display:grid}.subtle-line{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.pill-row{flex-wrap:wrap;gap:6px;display:flex}.role-pill{background:var(--color-bg-muted);min-height:24px;color:var(--color-dark-soft);border-radius:999px;align-items:center;padding:0 9px;font-size:.75rem;font-weight:750;display:inline-flex}.rate-chip{border-radius:var(--radius-md);background:var(--color-accent-soft);max-width:100%;color:var(--color-accent-hover);white-space:nowrap;border:1px solid #f59e0b38;align-items:baseline;gap:5px;padding:7px 9px;font-weight:850;display:inline-flex}.rate-chip span{color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem;font-weight:750}.attendance-summary{grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(120px,1fr));gap:12px;margin-bottom:18px;display:grid}.attendance-summary .insight-card{background:linear-gradient(135deg,#f59e0b14,#fff0 52%),#fff;border-color:#e2e8f0;box-shadow:0 10px 28px #0f172a0f}.attendance-summary .insight-card strong{color:#0f172a}.attendance-focus{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172a14,#f59e0b1f),#fff;border:1px solid #e2e8f0;padding:18px;box-shadow:0 12px 32px #0f172a14}.attendance-focus .page-subtitle strong{color:var(--color-dark)}.progress-track{background:var(--color-bg-muted);border-radius:999px;height:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-hover));height:100%}.attendance-field-label{color:var(--color-text-light);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.68rem;font-weight:850}.salary-card{gap:15px;min-width:0;display:grid}.salary-card-top{grid-template-columns:1fr;align-items:start;gap:10px;display:grid}.salary-card .employee-cell{min-width:0}.salary-card .employee-cell h3,.salary-card .employee-cell p{overflow-wrap:anywhere;white-space:normal}.salary-card .employee-cell h3{line-height:1.18}.salary-card-top .rate-chip{justify-self:start}.salary-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.salary-balance{border-radius:var(--radius-lg);background:var(--color-bg-soft);padding:12px}.salary-balance strong{color:var(--color-dark);margin-top:6px;font-size:1.45rem;display:block}.financial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.financial-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;padding:10px}.financial-tile span{color:var(--color-text-muted);font-size:.72rem;font-weight:750}.financial-tile strong{color:var(--color-dark);overflow-wrap:anywhere;margin-top:5px;font-size:.95rem;display:block}.salary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.salary-actions .btn{min-width:0}.metric-card{justify-content:space-between;align-items:flex-start;gap:16px;min-height:132px;padding:18px;display:flex}.metric-label{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:750}.metric-value{color:var(--color-dark);margin-top:12px;font-size:2rem;font-weight:850;line-height:1}.metric-note{color:var(--color-text-muted);margin-top:10px;font-size:.82rem}.metric-icon,.soft-icon{border-radius:var(--radius-md);background:var(--color-accent-soft);width:42px;height:42px;color:var(--color-accent);flex:none;place-items:center;display:grid}.soft-icon.primary{background:var(--color-accent-soft);color:var(--color-accent-hover)}.soft-icon.info{background:var(--color-info-soft);color:var(--color-info)}.soft-icon.danger{background:var(--color-danger-bg);color:var(--color-danger)}.soft-icon.warning{background:var(--color-warning-bg);color:var(--color-warning)}.btn{border-radius:var(--radius-md);cursor:pointer;min-height:40px;box-shadow:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:.88rem;font-weight:750;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:0 10px 22px #f59e0b33}.btn-primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);box-shadow:0 14px 28px #f59e0b42}.btn-outline{border-color:var(--color-border);color:var(--color-dark);background:#fff}.btn-outline:hover{border-color:var(--color-border-strong);background:var(--color-bg-soft);box-shadow:var(--shadow-sm)}.btn-info:hover{background:#dbeafe;border-color:#93c5fd}.btn-danger{border-color:var(--color-danger);background:var(--color-danger);box-shadow:0 10px 22px #dc262629;color:#fff!important}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-danger-subtle{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)!important}.btn-danger-subtle:hover{background:#fee2e2;border-color:#dc262661}.btn-sm{min-height:32px;padding:0 10px;font-size:.78rem}.btn-large{min-height:46px;font-size:.95rem}.btn-block{width:100%}.btn-icon{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important}.input,.select,textarea.input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--color-text-main);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);background:#fff;outline:none;padding:0 12px;font-size:.9rem;font-weight:550}textarea.input{resize:vertical;min-height:96px;padding-top:10px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:36px}.input:focus,.select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.input::placeholder{color:var(--color-text-light)}.label{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:800;display:block}.helper-text{color:var(--color-text-light);margin-top:6px;font-size:.78rem}.search-box,.date-control{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:44px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:#fff;align-items:center;gap:9px;padding:0 11px;display:flex}.search-box input,.date-control input{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:13px 14px;font-size:.72rem;font-weight:850}td{color:var(--color-text-main);vertical-align:middle;border-bottom:1px solid #edf2f7;padding:13px 14px;font-size:.9rem}tr:last-child td{border-bottom:0}.employee-row-inactive td{color:var(--color-text-muted);background:#f8fafc}.employee-row-inactive .employee-cell,.employee-row-inactive .pill-row,.employee-row-inactive .subtle-stack,.employee-row-inactive .rate-chip{filter:grayscale(.28);opacity:.72}.employee-row-inactive:hover td{background:#f1f5f9}.badge,.status-badge{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-color:var(--color-neutral-border);background:var(--color-neutral-bg);min-height:24px;color:var(--color-neutral);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.72rem;font-weight:800;display:inline-flex}.badge-active,.badge-success,.status-badge-success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.badge-danger,.status-badge-danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning,.status-badge-warning{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning)}.badge-inactive,.status-badge-neutral{border-color:var(--color-neutral-border);background:var(--color-neutral-bg);color:var(--color-neutral)}.site-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.site-summary-chip{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:58px;box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.site-summary-chip span{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.site-summary-chip strong{color:var(--color-dark);font-size:1.35rem;font-weight:850;line-height:1}.site-summary-active{border-color:var(--color-success-border);background:linear-gradient(135deg,var(--color-success-bg),#fff 62%)}.site-summary-hold{border-color:var(--color-warning-border);background:linear-gradient(135deg,var(--color-warning-bg),#fff 62%)}.site-summary-completed{background:linear-gradient(135deg,var(--color-bg-muted),#fff 62%)}.site-filter-tabs{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.site-filter-tab{border-radius:var(--radius-sm);min-height:34px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background:0 0;padding:0 12px;font-size:.82rem;font-weight:800}.site-filter-tab:hover,.site-filter-tab.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-xs)}.site-card{flex-direction:column;display:flex}.site-card-on-hold{border-color:var(--color-warning-border);background:linear-gradient(135deg,#fffbebe0,#fff0 54%),#fff}.site-card-completed{border-color:var(--color-neutral-border);filter:grayscale(.35);background:#f8fafc}.site-card-completed h3,.site-card-completed .subtle-line{color:var(--color-text-muted)}.site-card-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.modal-backdrop,.fixed.inset-0.bg-black\/50{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999!important;background:#0f172a8f!important;justify-content:center!important;align-items:center!important;padding:18px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(100%,560px);max-height:min(90vh,820px);box-shadow:var(--shadow-lg);padding:var(--space-6);background:#fff;overflow-y:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.modal-title{color:var(--color-dark);font-size:1.18rem;font-weight:850;line-height:1.25}.modal-subtitle{color:var(--color-text-muted);margin-top:4px;font-size:.86rem;line-height:1.5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-field{margin-bottom:14px}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);min-height:220px;color:var(--color-text-muted);text-align:center;background:#ffffff94;place-items:center;padding:32px 18px;display:grid}.empty-state svg{color:#a8b4af;margin-bottom:12px}.empty-state h3{color:var(--color-dark);margin-bottom:6px;font-size:1rem}.list-stack{gap:10px;display:grid}.detail-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.detail-row strong,.money-value{color:var(--color-dark);text-align:right;overflow-wrap:anywhere;font-weight:800}.divider{background:var(--color-border);height:1px}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:16px;display:grid}.settings-form{gap:14px;display:grid}.settings-actions{justify-content:flex-end}.settings-summary{text-align:center}.settings-avatar{border-radius:var(--radius-lg);background:var(--color-accent-soft);width:72px;height:72px;color:var(--color-accent);place-items:center;margin:0 auto 14px;font-size:1.7rem;font-weight:900;display:grid}.settings-summary h2{color:var(--color-dark);overflow-wrap:anywhere;font-size:1.2rem;font-weight:850}.settings-summary p{color:var(--color-text-muted);overflow-wrap:anywhere;margin-top:5px;font-size:.92rem}.settings-alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:9px;min-height:44px;padding:10px 12px;font-size:.88rem;font-weight:700;display:flex}.settings-alert.success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.settings-alert.danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.attendance-grid{grid-template-columns:repeat(auto-fit,minmax(292px,1fr));align-items:start;gap:16px;display:grid}.attendance-page{color:#0f172a}.attendance-page .page-kicker{color:var(--color-accent-hover)}.attendance-page .page-title{color:#0f172a}.attendance-page .search-box,.attendance-page .date-control{border-color:#e2e8f0;box-shadow:0 8px 20px #0f172a0d}.attendance-page .search-box:focus-within,.attendance-page .date-control:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26,0 8px 20px #0f172a0d}.attendance-view-tabs,.attendance-filter-tabs{margin-bottom:0}.attendance-quick-panel{margin-top:6px}.attendance-quick-toolbar{justify-content:flex-end;align-items:center}.attendance-mark-all{white-space:nowrap;min-height:44px}.attendance-quick-table table{min-width:820px}.attendance-quick-table th:last-child{width:390px}.attendance-quick-select{min-width:160px;max-width:220px}.attendance-quick-status-cell{justify-content:space-between;align-items:center;gap:12px;display:flex}.attendance-quick-status-actions{grid-template-columns:repeat(3,minmax(92px,1fr));gap:6px;display:grid}.attendance-quick-status-button{min-height:36px;padding:6px 9px;font-size:.74rem}.attendance-card{background:#fff;border-color:#e2e8f0;align-content:start;gap:14px;min-width:0;padding:16px 16px 16px 20px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f172a0f}.attendance-card:before{content:"";background:#94a3b8;border-radius:0 999px 999px 0;width:5px;position:absolute;inset:10px auto 10px 0}.attendance-card:hover{background:linear-gradient(135deg,#eff6ffb3,#fff0 48%),#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 18px 42px #0f172a1f}.attendance-card-present:before{background:#059669}.attendance-card-half-day:before{background:#d97706}.attendance-card-absent:before{background:#dc2626}.attendance-card-not-marked:before{background:#94a3b8}.attendance-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.attendance-card-header h3{color:#0f172a;overflow-wrap:anywhere;font-size:1.04rem;font-weight:900;line-height:1.2}.attendance-card-meta{color:#64748b;flex-wrap:wrap;gap:7px;margin-top:5px;font-size:.75rem;font-weight:700;display:flex}.attendance-card-badges{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;max-width:145px;display:flex}.attendance-status-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:.72rem;font-weight:850;display:inline-flex}.attendance-status-present{color:#059669;background:#0596691a;border-color:#05966940}.attendance-status-half-day{color:#d97706;background:#d977061c;border-color:#d9770642}.attendance-status-absent{color:#dc2626;background:#dc26261a;border-color:#dc26263d}.attendance-card-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.attendance-card-controls label{gap:5px;min-width:0;display:grid}.attendance-card-controls label>span,.attendance-segments-title{color:#64748b;text-transform:uppercase;font-size:.67rem;font-weight:850}.attendance-card .input{color:#0f172a;background:#fff;border-color:#e2e8f0;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:0 1px 2px #0f172a0a}.attendance-card .input:hover{border-color:#cbd5e1}.attendance-card .input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b2e}.attendance-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.attendance-segments-clean{border-radius:var(--radius-lg);background:#eff6ff;border:1px solid #dbeafe;gap:9px;padding:11px;display:grid;box-shadow:inset 0 1px #ffffffb3}.attendance-segments-title{letter-spacing:.04em;color:#334155;justify-content:space-between;align-items:center;display:flex}.attendance-segments-title strong{color:#0f172a;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.72rem;display:inline-flex;box-shadow:0 1px 2px #0f172a14}.attendance-segment-clean{border-radius:var(--radius-md);background:#fff;border:1px solid #dbeafe;gap:8px;padding:9px;display:grid;box-shadow:0 8px 20px #0f172a0d}.attendance-segment-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.attendance-segment-time-panel{grid-template-columns:repeat(2,minmax(92px,1fr));align-items:end;gap:7px;display:grid}.attendance-time-field{gap:5px;min-width:0;display:grid}.attendance-time-field>span{color:#475569;letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:850;line-height:1}.attendance-card .attendance-time-input{color:#0f172a;letter-spacing:0;text-align:left;min-height:44px;padding:0 10px;font-size:.86rem;font-weight:850;line-height:1}.attendance-time-input::-webkit-calendar-picker-indicator{opacity:.82;width:16px;height:16px;margin-left:4px}.attendance-segment-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding-top:2px;display:flex}.segment-hours{color:#1e40af;white-space:nowrap;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 11px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #dbeafe}.attendance-rate-muted{color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:750}.btn-attendance{min-height:50px;padding:8px 7px;font-size:.82rem;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s;color:#475569!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 2px #0f172a0a!important}.btn-attendance:hover{transform:translateY(-1px);color:#0f172a!important;background:#eff6ff!important;border-color:#bfdbfe!important;box-shadow:0 8px 18px #0f172a14!important}.btn-attendance.active-present{color:#fff!important;background:#059669!important;border-color:#059669!important;box-shadow:0 10px 22px #05966933!important}.btn-attendance.active-halfday{color:#fff!important;background:#d97706!important;border-color:#d97706!important;box-shadow:0 10px 22px #d9770633!important}.btn-attendance.active-absent{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important;box-shadow:0 10px 22px #dc26262e!important}.attendance-add-segment{justify-content:center;width:100%;min-height:44px;font-weight:850;color:var(--color-accent-hover)!important;background:#f59e0b0f!important;border-color:#f59e0b59!important}.attendance-add-segment:hover{color:#0f172a!important;background:#f59e0b1f!important;border-color:#f59e0b!important}.attendance-advance-form{gap:8px;display:grid}.attendance-advance-entry{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.attendance-advance-form label,.attendance-advance-entry label{gap:5px;min-width:0;display:grid}.attendance-advance-form label>span,.attendance-advance-entry label>span{color:#64748b;text-transform:uppercase;font-size:.67rem;font-weight:850}.attendance-advance-button{min-width:86px;color:#047857!important;background:#05966914!important;border-color:#05966947!important}.attendance-advance-button:hover{color:#064e3b!important;background:#05966924!important;border-color:#0596696b!important}.attendance-advance-paid{border-radius:var(--radius-md);color:#047857;background:#05966914;border:1px solid #05966938;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:7px 10px;display:flex}.attendance-advance-paid-copy{flex:auto;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.attendance-advance-paid-copy span{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:850}.attendance-advance-paid-copy strong{color:#064e3b;font-size:.9rem;font-weight:900}.attendance-advance-delete{color:#047857;width:28px;min-width:28px;height:28px;min-height:28px}.attendance-advance-delete:hover{color:#dc2626;background:#dc26261a}.attendance-delete-segment{color:#64748b;background:#f8fafc;border-color:#e2e8f0;min-width:36px;min-height:36px;transition:border-color .16s,background .16s,color .16s,transform .16s}.attendance-delete-segment:hover{color:#dc2626;background:#dc262614;border-color:#dc26264d;transform:translateY(-1px)}@media (max-width:640px){.attendance-view-tabs,.attendance-filter-tabs{width:100%}.attendance-view-tabs .site-filter-tab,.attendance-filter-tabs .site-filter-tab{flex:auto}.attendance-quick-toolbar,.attendance-mark-all{width:100%}.attendance-card-header{display:grid}.attendance-card-badges{justify-content:flex-start;max-width:none}.attendance-card-controls,.attendance-segment-grid,.attendance-advance-entry{grid-template-columns:1fr}.attendance-segment-time-panel{grid-template-columns:repeat(2,minmax(86px,1fr))}}.payment-type-badge{border:1px solid var(--color-neutral-border);background:var(--color-neutral-bg);min-height:24px;color:var(--color-neutral);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:.72rem;font-weight:800;display:inline-flex}.payment-type-advance{border-color:var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning)}.payment-type-bonus{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}.auth-page{background-color:#f8fafc;background-image:linear-gradient(#e2e8f094 1px,#0000 1px),linear-gradient(90deg,#e2e8f094 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px 56px;display:flex;position:relative;overflow-x:hidden}.auth-page:before{content:"";pointer-events:none;background:linear-gradient(#ffffffb8,#f8fafcf0),radial-gradient(circle at 50% 0,#f59e0b1a,#0000 38%);position:absolute;inset:0}.auth-form-side{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.auth-form-container{border:1px solid var(--color-border);background:#fff;border-radius:10px;width:min(100%,420px);padding:32px;box-shadow:0 18px 48px #0f172a1a}.auth-logo{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-logo img{object-fit:contain;border-radius:10px;width:48px;height:48px;display:block}.auth-logo-text{gap:2px;line-height:1.1;display:grid}.auth-logo-text strong{color:var(--color-dark);font-size:1.3rem;font-weight:900}.auth-logo-text span{color:var(--color-text-muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:750}.brand-logo-large{align-items:center;min-width:0;display:flex}.brand-logo-large img{object-fit:contain;object-position:left center;width:min(100%,460px);height:auto;max-height:150px;display:block}.brand img{object-fit:contain;object-position:left center;width:min(100%,190px);height:auto;margin-bottom:10px;display:block}.brand h1{color:#fff;font-size:1.2rem;font-weight:900}.loading-logo{object-fit:contain;width:min(100%,230px);height:auto;display:block}.logo-icon{background:var(--color-primary);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand-logo-large h1{font-size:1.3rem;font-weight:900}.brand-logo-large span{color:var(--color-accent)}.brand-tagline{color:#ffffffb8;margin-top:10px}.auth-header{text-align:left;margin-bottom:24px}.auth-header h2{color:var(--color-dark);font-size:1.55rem;font-weight:850}.auth-header p{color:var(--color-text-muted);margin-top:7px;font-size:.92rem}.auth-form{gap:15px;display:grid}.form-group{gap:7px;display:grid}.label-row{justify-content:space-between;align-items:center;display:flex}.link-forgot,.link-primary{color:var(--color-accent-hover);font-size:.84rem;font-weight:750}.input-wrapper{position:relative}.input-wrapper .input{padding-right:44px}.input-icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.input-icon-btn:hover{background:var(--color-bg-muted)}.auth-error{border:1px solid var(--color-danger-border);border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger);align-items:center;gap:9px;margin-bottom:18px;padding:12px;font-size:.86rem;font-weight:650;display:flex}.auth-footer{color:var(--color-text-muted);text-align:center;margin-top:22px;font-size:.9rem}.auth-copyright{color:var(--color-text-light);text-align:center;font-size:.76rem;position:absolute;bottom:16px;left:0;right:0}.auth-landing{background:linear-gradient(#ffffffd1,#f8fafcf5),linear-gradient(#e2e8f09e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#e2e8f09e 1px,#0000 1px) 0 0/44px 44px,#f8fafc;min-height:100vh;padding:22px 24px 54px;position:relative}.auth-landing:before{content:"";pointer-events:none;background:#0f172a0f;border-radius:999px;width:520px;height:520px;position:absolute;top:-220px;right:-160px}.auth-landing:after{content:"";pointer-events:none;background:#f59e0b1a;border-radius:999px;width:580px;height:580px;position:absolute;bottom:-260px;left:-180px}.auth-topbar,.auth-hero,.landing-feature-grid{z-index:1;width:min(100%,1180px);margin:0 auto;position:relative}.auth-topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #e2e8f0eb;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-height:62px;padding:0 16px;display:flex;position:sticky;top:14px;box-shadow:0 12px 38px #0f172a14}.auth-wordmark{color:var(--color-dark);align-items:center;gap:10px;font-size:1.08rem;font-weight:900;display:inline-flex}.auth-wordmark img{object-fit:contain;border-radius:8px;width:36px;height:36px}.auth-nav{color:var(--color-text-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;font-size:.88rem;font-weight:750;display:flex}.auth-nav-cta{border-radius:var(--radius-md);background:var(--color-dark);align-items:center;min-height:36px;padding:0 12px;display:inline-flex;color:#fff!important}.auth-hero{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start;gap:64px;padding:42px 0 34px;display:grid}.auth-hero-copy{max-width:650px}.hero-badge{min-height:34px;color:var(--color-accent-hover);background:#fffbebe0;border:1px solid #f59e0b47;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.78rem;font-weight:850;display:inline-flex}.auth-hero-copy h1{max-width:720px;color:var(--color-dark);letter-spacing:0;margin-top:18px;font-size:clamp(2.05rem,4vw,3.75rem);font-weight:900;line-height:1.04}.auth-hero-copy p{max-width:590px;color:var(--color-text-muted);margin-top:18px;font-size:1.08rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.auth-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;margin-top:28px;display:grid}.auth-stats div{box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background:#ffffffbd;border:1px solid #e2e8f0f2;border-radius:10px;padding:14px}.search-box:focus-within,.date-control:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.auth-stats strong{color:var(--color-dark);font-size:1.05rem;font-weight:900;display:block}.auth-stats span{color:var(--color-text-muted);margin-top:4px;font-size:.8rem;font-weight:650;display:block}.auth-panel{align-self:center}.auth-landing .auth-form-container{width:100%}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:10px 0 34px;display:grid}.landing-feature-grid article{box-shadow:var(--shadow-sm);background:#ffffffc7;border:1px solid #e2e8f0f2;border-radius:12px;padding:20px}.landing-feature-grid svg{color:var(--color-accent-hover)}.landing-feature-grid h2{color:var(--color-dark);margin-top:14px;font-size:1rem;font-weight:850}.landing-feature-grid p{color:var(--color-text-muted);margin-top:8px;font-size:.88rem;line-height:1.6}.auth-landing .auth-copyright{z-index:1;margin-top:18px;position:relative;bottom:auto}.features-page{padding-bottom:38px}.features-hero,.features-grid-expanded{z-index:1;width:min(100%,1180px);margin:0 auto;position:relative}.features-hero{grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:58px;padding:72px 0 34px;display:grid}.features-intro h1{max-width:760px;color:var(--color-dark);margin-top:20px;font-size:clamp(2.35rem,4.6vw,4.6rem);font-weight:900;line-height:1.02}.features-intro p{max-width:620px;color:var(--color-text-muted);margin-top:20px;font-size:1.06rem;line-height:1.75}.features-dashboard-preview{background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:16px;padding:22px;box-shadow:0 24px 70px #0f172a1f}.preview-topline{color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;font-weight:750;display:flex}.preview-topline strong{color:var(--color-success)}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.preview-metrics div{border:1px solid var(--color-border);background:var(--color-bg-soft);border-radius:10px;padding:13px}.preview-metrics span,.preview-list p{color:var(--color-text-muted);font-size:.82rem}.preview-metrics strong{color:var(--color-dark);margin-top:6px;font-size:1.2rem;font-weight:900;display:block}.preview-list{gap:10px;margin-top:18px;display:grid}.preview-list p{align-items:center;gap:8px;display:flex}.preview-list svg{color:var(--color-success)}.features-grid-expanded{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:28px 0;display:grid}.features-grid-expanded article{box-shadow:var(--shadow-sm);background:#ffffffd1;border:1px solid #e2e8f0f2;border-radius:14px;padding:20px}.features-grid-expanded svg{color:var(--color-accent-hover)}.features-grid-expanded h2{color:var(--color-dark);margin-top:14px;font-size:1rem;font-weight:850}.features-grid-expanded p{color:var(--color-text-muted);margin-top:8px;font-size:.88rem;line-height:1.62}.contact-page{flex-direction:column;min-height:100vh;padding-bottom:30px;display:flex}.about-contact-shell{z-index:1;grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);align-items:center;gap:58px;width:min(100%,1180px);margin:0 auto;padding:64px 0 48px;display:grid;position:relative}.about-product{max-width:620px}.about-product-heading{align-items:center;gap:14px;display:flex}.about-product-heading img{border:1px solid var(--color-border);object-fit:contain;background:#fff;border-radius:10px;width:48px;height:48px}.about-product-heading h1{color:var(--color-dark);font-size:1.65rem;font-weight:900;line-height:1.1}.about-product-heading p{color:var(--color-info);margin-top:4px;font-size:.9rem;line-height:1.2}.about-product>p{color:var(--color-text-muted);margin-top:28px;font-size:1rem;line-height:1.78}.about-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.btn-dark{background:var(--color-primary);color:#fff}.btn-dark:hover{background:var(--color-primary-hover)}.connect-card{box-shadow:var(--shadow-sm);background:#f8fafce0;border:1px solid #e2e8f0f2;border-radius:8px;padding:26px}.connect-card h2{color:var(--color-dark);font-size:1.18rem;font-weight:900}.connect-list{gap:12px;margin-top:24px;display:grid}.connect-item{border:1px solid var(--color-border);background:#fff;border-radius:7px;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;min-height:74px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.connect-item:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.connect-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.connect-icon.info{background:var(--color-info-soft);color:#2563eb}.connect-icon.warning{background:var(--color-accent-soft);color:var(--color-accent-hover)}.connect-icon.success{background:var(--color-success-bg);color:var(--color-success)}.connect-item small{color:var(--color-text-muted);font-size:.78rem;font-weight:750;display:block}.connect-item strong{color:var(--color-dark);margin-top:3px;font-size:.92rem;font-weight:900;display:block}.about-footer{z-index:1;border-top:1px solid var(--color-border);width:min(100%,1180px);color:var(--color-info);justify-content:space-between;align-items:center;gap:18px;margin:auto auto 0;padding-top:30px;font-size:.86rem;display:flex;position:relative}.about-footer nav{gap:28px;display:flex}.about-footer a:hover{color:var(--color-accent-hover)}.marketing-home{padding-bottom:30px}.marketing-hero,.marketing-section{z-index:1;width:min(100%,1180px);margin:0 auto;position:relative}.marketing-hero{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:56px;padding:58px 0 48px;display:grid}.marketing-copy h1{max-width:780px;color:var(--color-dark);margin-top:20px;font-size:clamp(2.35rem,4.35vw,4.25rem);font-weight:900;line-height:1.04}.marketing-copy p{max-width:630px;color:var(--color-text-muted);margin-top:22px;font-size:1.08rem;line-height:1.75}.site-hero-visual{background:var(--color-dark);border:1px solid #e2e8f0f2;border-radius:18px;justify-self:end;width:min(100%,440px);height:300px;min-height:0;position:relative;overflow:hidden;box-shadow:0 26px 78px #0f172a2e}.site-hero-visual>img{object-fit:cover;object-position:center 42%;width:100%;height:100%;display:block}.site-hero-visual:after{content:"";background:linear-gradient(#0000 48%,#0f172aa3),linear-gradient(90deg,#0000 48%,#0f172a1f);position:absolute;inset:0}.site-hero-overlay{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffff3d;border-radius:14px;padding:12px;position:absolute;bottom:14px;left:14px;right:14px;box-shadow:0 18px 44px #0f172a33}.site-hero-overlay .preview-metrics{gap:8px;margin-top:12px}.site-hero-overlay .preview-metrics div{padding:10px}.marketing-section{border-top:1px solid #e2e8f0e6;padding:58px 0;scroll-margin-top:150px}.marketing-section-header{max-width:680px}.marketing-section-header span,.pricing-panel span,.about-strip span{color:var(--color-accent-hover);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.marketing-section-header h2,.pricing-panel h2,.about-strip h2{color:var(--color-dark);margin-top:10px;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;line-height:1.08}.marketing-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.marketing-card-grid article{box-shadow:var(--shadow-sm);background:linear-gradient(#fffffff0,#f8fafcdb);border:1px solid #e2e8f0f2;border-radius:12px;padding:20px}.marketing-card-grid svg{color:var(--color-accent-hover)}.marketing-card-grid h3{color:var(--color-dark);margin-top:18px;font-size:1.08rem;font-weight:900}.marketing-card-grid p{color:var(--color-text-muted);margin-top:9px;font-size:.92rem;line-height:1.65}.construction-image-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:min(100%,680px);margin:22px auto 0;display:grid}.construction-image-grid figure{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0f2;border-radius:12px;overflow:hidden}.construction-image-grid img,.workflow-visual-stack>img,.about-strip>div>img{object-fit:cover;width:100%;display:block}.construction-image-grid img{object-position:center 44%;height:118px}.construction-image-grid figcaption{color:var(--color-dark);padding:9px 11px 10px;font-size:.8rem;font-weight:800;line-height:1.45}.marketing-split,.pricing-panel,.about-strip{grid-template-columns:minmax(0,.88fr) minmax(300px,.82fr);align-items:center;gap:38px;display:grid}.workflow-list{gap:12px;display:grid}.workflow-visual-stack{justify-self:end;gap:14px;max-width:440px;display:grid}.workflow-visual-stack>img{height:120px;box-shadow:var(--shadow-sm);object-position:center 44%;border:1px solid #e2e8f0f2;border-radius:12px;overflow:hidden}.workflow-list div{color:var(--color-dark);background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:10px;align-items:center;gap:14px;padding:14px;font-weight:800;display:flex}.workflow-list strong{color:var(--color-accent-hover);font-size:.9rem;font-weight:900}.pricing-panel,.about-strip{background:linear-gradient(#fffffff0,#f8fafce0);border:1px solid #e2e8f0f2;border-radius:14px;padding:34px}.pricing-panel p,.about-strip p{color:var(--color-text-muted);margin-top:12px;line-height:1.7}.landing-about-product{max-width:560px}.landing-about-product .about-product-heading{align-items:center}.landing-about-product .about-product-heading img{width:52px;height:52px}.landing-about-product .about-product-heading h2{color:var(--color-dark);margin:0;font-size:1.75rem;font-weight:900;line-height:1.08}.landing-about-product .about-product-heading p{color:var(--color-info);margin:4px 0 0;font-size:.92rem;font-weight:650;line-height:1.25}.landing-about-product>p{max-width:620px;color:var(--color-text-muted);margin-top:26px;font-size:1rem;line-height:1.78}.landing-connect-card{justify-self:end;width:min(100%,520px)}.landing-connect-card .connect-list{margin-top:22px}@media (max-width:960px){.auth-hero{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:34px}.auth-hero-copy h1{font-size:clamp(2.15rem,9vw,3.6rem)}.landing-feature-grid{grid-template-columns:1fr}}@media (max-width:640px){.auth-landing{padding:16px 14px 36px}.auth-topbar{flex-direction:column;align-items:flex-start;padding:12px;top:8px}.auth-nav{justify-content:space-between;gap:10px;width:100%}.auth-stats{grid-template-columns:1fr}.auth-form-container{padding:24px}}@media (max-width:1100px){.features-hero,.features-grid-expanded,.about-contact-shell,.marketing-hero,.marketing-card-grid,.construction-image-grid,.marketing-split,.pricing-panel,.about-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.features-intro,.about-product,.marketing-copy,.marketing-section-header{grid-column:1/-1}}@media (max-width:720px){.features-hero,.features-grid-expanded,.preview-metrics,.about-contact-shell,.marketing-hero,.marketing-card-grid,.construction-image-grid,.marketing-split,.pricing-panel,.about-strip{grid-template-columns:1fr}.features-hero,.about-contact-shell,.marketing-hero,.pricing-panel,.about-strip{display:grid}.about-footer{flex-direction:column;align-items:flex-start}.about-footer nav{gap:16px}.site-hero-visual{justify-self:start;width:min(100%,420px);height:250px}.construction-image-grid img,.workflow-visual-stack>img{height:140px}.landing-connect-card{justify-self:stretch}.page-header,.section-header{flex-direction:column;align-items:stretch}.toolbar,.toolbar>*,.toolbar .btn,.date-control,.search-box{width:100%}.form-grid,.metric-grid,.dashboard-grid,.content-grid,.insight-strip,.attendance-summary,.financial-grid,.salary-grid,.salary-actions,.settings-layout{grid-template-columns:1fr}.workbench-header,.salary-card-top{grid-template-columns:1fr;align-items:stretch}.settings-actions{justify-content:stretch}}@media (max-width:1180px){.salary-card-top{grid-template-columns:1fr}.salary-card-top .rate-chip{justify-self:start}}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.hidden{display:none}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.min-w-0{min-width:0}.w-full{width:100%}.w-32{width:8rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-h-\[90vh\]{max-height:90vh}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.z-\[60\]{z-index:60}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.col-span-full{grid-column:1/-1}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-medium{font-weight:500}.font-semibold{font-weight:650}.font-bold{font-weight:800}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.whitespace-nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-2xl{border-radius:var(--radius-lg)}.rounded-full{border-radius:999px}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-none{border:0!important}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg,.shadow-xl{box-shadow:var(--shadow-lg)}.bg-white{background:#fff}.bg-gray-50{background:var(--color-bg-soft)}.bg-gray-100{background:var(--color-bg-muted)}.bg-blue-50{background:var(--color-info-soft)}.bg-blue-50\/50{background:#e9f0f880}.bg-blue-100{background:var(--color-info-soft)}.bg-blue-500,.bg-blue-600{background:var(--color-info)}.bg-slate-100{background:var(--color-bg-muted)}.bg-slate-900{background:var(--color-dark)}.bg-black\/50{background:#0f172a8f}.text-white{color:#fff}.text-muted{color:var(--color-text-muted)}.text-slate-900,.text-gray-900{color:var(--color-dark)}.text-slate-500,.text-gray-500,.text-gray-600{color:var(--color-text-muted)}.text-gray-400{color:var(--color-text-light)}.text-gray-700{color:var(--color-dark-soft)}.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-900{color:var(--color-info)}.text-red-600,.text-danger{color:var(--color-danger)!important}.text-success{color:var(--color-success)!important}.text-\[var\(--color-dark\)\]{color:var(--color-dark)}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.text-\[var\(--color-text-main\)\]{color:var(--color-text-main)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.bg-\[var\(--color-light\)\]{background:var(--color-bg-main)}.border-gray-100,.border-gray-200,.border-blue-100,.border-blue-200{border-color:var(--color-border)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.transition-opacity{transition:opacity .18s}.transition-colors{transition:color .18s,background .18s,border-color .18s}.group:hover .group-hover\:opacity-100{opacity:1}.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover,.hover\:bg-blue-50:hover{background:var(--color-bg-soft)!important}.hover\:bg-red-50:hover{background:var(--color-danger-bg)!important}.hover\:bg-white\/10:hover{background:#ffffff1a!important}.hover\:text-gray-700:hover{color:var(--color-dark)!important}.hover\:text-\[var\(--color-primary\)\]:hover{color:var(--color-primary)!important}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)!important}.animate-pulse{animation:1.8s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:w-64{width:16rem}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:w-auto{width:auto}.md\:table-cell{display:table-cell!important}.md\:hidden{display:none!important}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.md\:table-cell{display:none!important}.md\:hidden{display:block!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{background:linear-gradient(180deg,#0f172a09,#f8fafc00 260px),var(--color-bg-main)}.navbar{background:#0f172a;border-bottom:1px solid #ffffff1a;box-shadow:0 16px 36px #0f172a38}.nav-link-horizontal.active,.nav-link-horizontal:hover,.user-profile-link.active,.user-profile-link:hover{color:#fff;background:#f59e0b24}.nav-link-horizontal.active:after{background:#f59e0b}.page-kicker,.attendance-page .page-kicker,.marketing-section-header span,.pricing-panel span,.about-strip span{color:#d97706}.page-title,.workbench-title,.modal-title,.metric-value,.insight-card strong,.detail-row strong,.financial-tile strong,.salary-balance strong{color:#0f172a}.page-subtitle,.section-subtitle,.workbench-meta,.metric-note,.helper-text,.subtle-line{color:#64748b}.card,.panel,.workbench-panel,.insight-card,.site-summary-chip,.financial-tile,.salary-balance,.modal-card,.auth-form-container,.connect-card,.pricing-panel,.about-strip,.marketing-card-grid article,.features-grid-expanded article,.landing-feature-grid article,.features-dashboard-preview{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a14,0 18px 40px #0f172a0a}.card,.panel,.workbench-panel,.modal-card{border-radius:10px}.card-interactive:hover,.card-hover:hover,.insight-card:hover,.connect-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 18px 42px #0f172a1f}.btn-primary{box-shadow:0 12px 24px #f59e0b42;color:#fff!important;background:#f59e0b!important;border-color:#f59e0b!important}.btn-primary:hover{background:#d97706!important;border-color:#d97706!important}.btn-outline{color:#0f172a;background:#fff;border-color:#cbd5e1}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-info{background:#eff6ff;border-color:#dbeafe;color:#2563eb!important}.btn-danger,.btn-attendance.active-absent{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.input,.select,textarea.input,.search-box,.date-control{color:#0f172a;background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0a}.input:focus,.select:focus,.search-box:focus-within,.date-control:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b3d}.table-container{border-color:#e2e8f0;box-shadow:0 1px 3px #0f172a14}th{color:#475569;background:#f1f5f9}td{border-bottom-color:#e2e8f0}tbody tr:hover td{background:#fffbeb}.badge,.status-badge,.role-pill{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.badge-active,.badge-success,.status-badge-success,.attendance-status-present{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.badge-warning,.status-badge-warning,.attendance-status-half-day{color:#d97706;background:#fffbeb;border-color:#fde68a}.badge-danger,.status-badge-danger,.attendance-status-absent{color:#dc2626;background:#fef2f2;border-color:#fecaca}.badge-inactive,.status-badge-neutral{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.soft-icon,.metric-icon{color:#d97706;background:#fffbeb}.soft-icon.info{color:#2563eb;background:#eff6ff}.soft-icon.danger{color:#dc2626;background:#fef2f2}.soft-icon.warning{color:#d97706;background:#fffbeb}.site-filter-tabs{border-color:#cbd5e1}.site-filter-tab.active,.site-filter-tab:hover{color:#fff;background:#0f172a}.modal-backdrop,.fixed.inset-0.bg-black\/50{background:#0f172a9e!important}html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%}.shell,.container,.main-content-horizontal,.auth-topbar,.auth-hero,.landing-feature-grid,.features-hero,.features-grid-expanded,.about-contact-shell,.marketing-hero,.marketing-section,.about-footer,.card,.panel,.workbench-panel,.modal-card,.site-card,.salary-card,.attendance-card,.settings-form,.settings-summary{min-width:0}.page-title,.workbench-title,.modal-title,.employee-cell h3,.site-card h3,.salary-card h3,.detail-row strong,.financial-tile strong,.connect-item strong{overflow-wrap:anywhere}.table-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%}.table-container table{min-width:720px}.salary-card .table-container table,.modal-card .table-container table,.bg-white.rounded-lg.border.overflow-hidden table{min-width:640px}.reports-page .table-container table{min-width:760px}@media (max-width:900px){.navbar{height:64px;padding:0 16px}.navbar-left{gap:12px}.navbar-brand img{max-width:150px;height:34px}.main-content-horizontal{padding:88px 18px 34px}.shell,.container{width:100%}.mobile-menu-dropdown{max-height:calc(100vh - 80px);left:10px;right:10px;overflow-y:auto}.page-header,.section-header,.workbench-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}.toolbar,.settings-actions,.site-card-actions,.hero-actions,.about-actions{align-items:stretch;width:100%}.toolbar>*,.toolbar .btn,.settings-actions .btn,.site-card-actions .btn,.hero-actions .btn,.about-actions .btn,.search-box,.date-control,.site-filter-tabs{width:100%}.site-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-filter-tab{width:100%}.metric-grid,.dashboard-grid,.content-grid,.page-grid,.insight-strip,.attendance-summary,.attendance-grid,.salary-grid,.settings-layout,.features-grid-expanded,.marketing-card-grid,.construction-image-grid,.marketing-split,.pricing-panel,.about-strip,.about-contact-shell,.marketing-hero,.features-hero,.auth-hero,.landing-feature-grid{grid-template-columns:1fr!important}.auth-hero,.marketing-hero,.features-hero,.about-contact-shell{gap:28px;padding-top:28px}.site-hero-visual,.workflow-visual-stack,.landing-connect-card{justify-self:stretch;width:100%}.modal-backdrop,.fixed.inset-0.bg-black\/50{align-items:flex-end!important;padding:10px!important}.modal-card,.modal-card.max-w-sm,.modal-card.max-w-md,.modal-card.max-w-2xl{border-radius:12px 12px 10px 10px;max-height:calc(100dvh - 20px);padding:18px;width:100%!important;max-width:none!important}.modal-header{align-items:flex-start;gap:12px}}@media (max-width:640px){body{font-size:.92rem}.main-content-horizontal{padding:82px 14px 28px}.page-title{font-size:clamp(1.35rem,7vw,1.75rem);line-height:1.16}.page-subtitle,.section-subtitle{font-size:.86rem}.card,.panel,.page-card,.card-elevated,.workbench-panel,.workbench-body,.attendance-focus,.salary-card,.settings-form,.settings-summary,.pricing-panel,.about-strip,.features-dashboard-preview,.auth-form-container,.connect-card{padding:16px}.workbench-header{padding:14px 16px}.metric-card{min-height:112px;padding:16px}.metric-value{font-size:1.65rem}.metric-icon,.soft-icon{width:38px;height:38px}.insight-card,.site-summary-chip{min-height:76px;padding:13px}.site-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-cell{gap:10px;min-width:0}.avatar-sm{width:34px;height:34px}.form-grid,.financial-grid,.salary-actions,.attendance-card-controls,.attendance-segment-grid,.attendance-quick-actions{grid-template-columns:1fr!important}.attendance-segment-time-panel{grid-template-columns:repeat(2,minmax(86px,1fr))!important}.attendance-card-header,.salary-card-top,.workbench-header{display:grid;grid-template-columns:1fr!important}.attendance-card-title-row,.attendance-card-badges,.pill-row{min-width:0}.attendance-card-badges,.pill-row{justify-content:flex-start}.rate-chip,.badge,.status-badge,.role-pill{white-space:normal;max-width:100%}.input,.select,textarea.input,.btn,.search-box,.date-control{min-height:44px}.btn-sm{min-height:38px}.modal-card{padding:16px}.modal-header{margin-bottom:14px}.modal-title{font-size:1.08rem}.fixed.inset-0.bg-black\/50 .flex.justify-end,.modal-card .flex.justify-end,.modal-card .toolbar{justify-content:stretch}.modal-card .flex.justify-end>.btn,.modal-card .toolbar>.btn{flex:1 1 0}.auth-landing{padding:12px 12px 28px}.auth-topbar{border-radius:10px;align-items:stretch;position:relative;top:0}.auth-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.auth-nav a{text-align:center}.auth-nav-cta{justify-content:center}.auth-hero-copy h1,.marketing-copy h1,.features-intro h1{font-size:clamp(2rem,12vw,3rem)}.auth-stats,.preview-metrics{grid-template-columns:1fr!important}.site-hero-visual{height:230px}.connect-item{grid-template-columns:38px minmax(0,1fr)}.connect-item>svg,.connect-item>:last-child:not(:only-child){display:none}.about-footer,.about-footer nav{width:100%}.about-footer nav{flex-wrap:wrap}}@media (max-width:480px){.navbar{padding:0 12px}.navbar-brand img{max-width:128px;height:30px}.user-avatar{width:32px;height:32px}.icon-button,.btn-logout,.btn-icon{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.main-content-horizontal{padding-left:12px;padding-right:12px}.card,.panel,.page-card,.workbench-panel,.modal-card,.attendance-card,.salary-card{border-radius:8px}.site-summary,.site-filter-tabs{grid-template-columns:1fr}.attendance-card .attendance-time-input{padding:0 8px;font-size:.8rem}.attendance-time-input::-webkit-calendar-picker-indicator{margin-left:2px}.financial-tile{padding:9px}.table-container table{min-width:680px}.modal-card .table-container table{min-width:600px}}.attendance-header-toolbar{justify-content:flex-end}.attendance-date-control{min-width:230px}.attendance-search-box{min-width:240px}.attendance-quick-row td{vertical-align:middle}@media (max-width:900px){.attendance-header-toolbar{flex-direction:column;align-items:stretch;width:100%;display:flex}.attendance-date-control{order:1}.attendance-search-box{order:2}.attendance-view-tabs{order:3}.attendance-date-control,.attendance-search-box,.attendance-view-tabs{width:100%;min-width:0}.attendance-summary{gap:10px}}@media (max-width:640px){.attendance-quick-panel .workbench-header{gap:12px}.attendance-quick-toolbar{justify-content:stretch;gap:10px;display:grid}.attendance-quick-toolbar .attendance-filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.attendance-quick-toolbar .attendance-filter-tabs .site-filter-tab:last-child{grid-column:1/-1}.attendance-mark-all{justify-content:center}.attendance-quick-table{box-shadow:none;background:0 0;border:0;overflow:visible}.attendance-quick-table table,.attendance-quick-table thead,.attendance-quick-table tbody,.attendance-quick-table tr,.attendance-quick-table td{width:100%;display:block;min-width:0!important}.attendance-quick-table thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.attendance-quick-table tbody{gap:12px;display:grid}.attendance-quick-row{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;gap:10px;padding:14px;display:grid!important}.attendance-quick-row td{border:0;gap:6px;padding:0;display:grid}.attendance-quick-row td:before{content:attr(data-label);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.attendance-quick-row td[data-label=Employee]:before{display:none}.attendance-quick-select{width:100%;min-width:0;max-width:none}.attendance-quick-status-cell{gap:9px;display:grid}.attendance-quick-status-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.attendance-quick-status-button{white-space:normal;min-height:44px;padding:8px 6px}}.dashboard-header{align-items:flex-end}.dashboard-actions{justify-content:flex-end}.dashboard-priority-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#0f172a0d,#f59e0b14),#fff;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);align-items:center;gap:16px;padding:18px;display:grid}.dashboard-priority-panel h2{color:var(--color-dark);font-size:clamp(1.8rem,3vw,2.45rem);font-weight:900;line-height:1}.dashboard-priority-panel p{color:var(--color-text-muted);margin-top:8px;font-size:.92rem;font-weight:650}.dashboard-progress-track{background:var(--color-bg-muted);border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.dashboard-progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--color-success));height:100%}.dashboard-priority-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.metric-card-warning{border-color:var(--color-warning-border);background:linear-gradient(135deg,#f59e0b1f,#fff0 58%),#fff}.metric-card-danger{border-color:var(--color-danger-border)}.dashboard-site-list,.dashboard-attention-list{gap:8px;display:grid}.dashboard-site-row,.dashboard-attention-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);min-width:0;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.dashboard-site-row:hover,.dashboard-attention-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);background:#fff}.dashboard-site-row>div,.dashboard-attention-row>div{gap:3px;min-width:0;display:grid}.dashboard-site-row>div:last-child{text-align:right;flex:none}.dashboard-site-row strong,.dashboard-attention-row strong{color:var(--color-dark);font-size:.9rem;line-height:1.2}.dashboard-site-row span,.dashboard-attention-row span,.dashboard-empty-note{color:var(--color-text-muted);font-size:.78rem;font-weight:650}.dashboard-site-row span,.dashboard-attention-row strong{overflow-wrap:anywhere}.dashboard-attention-row>strong{flex:none;font-size:1.3rem}.dashboard-attention-row.warning{border-color:var(--color-warning-border);background:var(--color-warning-bg)}.dashboard-attention-row.danger{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.dashboard-attention-row.success{border-color:var(--color-success-border);background:var(--color-success-bg)}.dashboard-empty-note{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-soft);padding:12px}@media (max-width:900px){.dashboard-header{align-items:stretch}.dashboard-actions,.dashboard-priority-actions{width:100%}.dashboard-priority-panel{grid-template-columns:1fr}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:520px){.dashboard-priority-actions,.dashboard-metric-grid{grid-template-columns:1fr!important}.dashboard-site-row,.dashboard-attention-row{align-items:flex-start}}.employees-header{align-items:flex-end}.employees-filter-tabs{margin-bottom:14px}.employees-directory-controls{justify-content:flex-end;align-items:center;gap:10px;min-width:min(100%,520px);display:flex}.employees-search-box{flex:320px;min-width:280px}.employees-role-filter{width:180px;min-height:42px}.employees-row-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.employee-form-section-title{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;margin:18px 0 10px;font-size:.72rem;font-weight:850}.employee-form-section-title:first-child{margin-top:0}@media (max-width:900px){.employees-header{align-items:stretch}.employees-directory-controls{grid-template-columns:1fr;width:100%;min-width:0;display:grid}.employees-search-box,.employees-role-filter{width:100%;min-width:0}}@media (max-width:700px){.employees-table-container{box-shadow:none;background:0 0;border:0;overflow:visible}.employees-table-container table,.employees-table-container thead,.employees-table-container tbody,.employees-table-container tr,.employees-table-container td{width:100%;display:block;min-width:0!important}.employees-table-container thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.employees-table-container tbody{gap:12px;display:grid}.employees-table-row{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;gap:12px;padding:14px;display:grid!important}.employees-table-row.employee-row-inactive{background:var(--color-bg-soft)}.employees-table-row td{border:0;gap:6px;padding:0;display:grid;text-align:left!important}.employees-table-row td:before{content:attr(data-label);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.employees-table-row td[data-label=Employee]:before{display:none}.employees-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid}.employees-row-actions .btn{width:100%}}@media (max-width:480px){.employees-row-actions{grid-template-columns:1fr}}.sites-header{align-items:flex-end}.sites-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.site-summary-hours{border-color:var(--color-info);background:linear-gradient(135deg,var(--color-info-soft),#fff 62%)}.site-card-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.site-card-edit{flex:none}.site-operational-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.site-operational-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);grid-template-columns:auto 1fr;align-items:center;gap:4px 7px;padding:10px;display:grid}.site-operational-tile svg{color:var(--color-text-muted)}.site-operational-tile span{color:var(--color-text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.site-operational-tile strong{color:var(--color-dark);grid-column:1/-1;font-size:1.2rem;font-weight:900;line-height:1}.site-status-row{border-top:1px solid var(--color-border);margin-top:14px;padding-top:14px}.site-card-actions .btn-primary{flex:100%}@media (max-width:900px){.sites-header{align-items:stretch}}@media (max-width:480px){.site-card-top{grid-template-columns:1fr auto;display:grid}.site-operational-grid{grid-template-columns:1fr}}.payments-header{align-items:flex-end}.payments-date-control{min-width:230px}.payments-search-box{min-width:320px}.payments-daily-log{background:linear-gradient(135deg,#eff6fff2,#ffffffb8),#fff;border-color:#bfdbfe}.payments-daily-log-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.payment-card{position:relative}.payment-card-due{border-color:var(--color-danger-border)}.payment-card-settled{border-color:var(--color-success-border)}.payment-card-due .salary-balance{background:linear-gradient(135deg,#fef2f2f2,#ffffffb8),#fff}.payment-card-settled .salary-balance{background:linear-gradient(135deg,#ecfdf5f2,#ffffffb8),#fff}.payment-card-note{color:var(--color-text-muted);margin-top:4px;font-size:.78rem;font-weight:650}.payment-modal-balance{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-soft);margin-bottom:16px;padding:12px;font-size:.88rem}@media (max-width:900px){.payments-header{align-items:stretch}.payments-date-control,.payments-search-box{width:100%;min-width:0}.payments-daily-log-header{align-items:flex-start}}@media (max-width:520px){.payments-daily-log-header{display:grid}}.settings-page-header{align-items:flex-end}.settings-page .settings-form.panel,.settings-page .settings-summary{box-shadow:var(--shadow-sm)}.settings-section-label{color:var(--color-text-muted);letter-spacing:.07em;text-transform:uppercase;margin:18px 0 10px;font-size:.72rem;font-weight:850}.settings-section-label:first-child{margin-top:0}.settings-section-label.danger{color:var(--color-danger)}.settings-save-row{justify-content:space-between;gap:12px}.settings-unsaved-note{color:var(--color-warning);font-size:.82rem;font-weight:750}.settings-danger-zone{border-color:var(--color-danger-border);background:linear-gradient(135deg,#fef2f2d6,#ffffffb8),#fff}.settings-danger-zone .btn-danger-subtle{justify-self:flex-start}.settings-summary-chip{border:1px solid var(--color-success-border);border-radius:var(--radius-md);background:var(--color-success-bg);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.settings-summary-chip span{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:850}.settings-summary-chip strong{color:var(--color-success);font-size:.88rem}@media (max-width:900px){.settings-page-header,.settings-save-row{align-items:stretch}}@media (max-width:520px){.settings-save-row{display:grid}}.auth-landing{background:linear-gradient(180deg,#0f172a0a,#f8fafc00 360px),var(--color-bg-main)}.auth-topbar{background:#ffffffe6;border:1px solid #cbd5e1b8;box-shadow:0 14px 40px #0f172a14}.auth-wordmark>span{color:var(--color-dark)}.auth-wordmark .brand-wordmark-accent{color:#f97316}.auth-nav a{color:var(--color-text-muted)}.auth-nav a:hover{color:var(--color-dark)}.auth-nav .auth-nav-cta,.auth-nav-cta{color:#fff!important}.marketing-hero,.auth-hero,.about-contact-shell{padding-top:46px}.marketing-copy h1,.auth-hero-copy h1,.features-intro h1,.about-product-heading h1{letter-spacing:0}.marketing-copy h1{font-size:clamp(2.45rem,5vw,4.7rem);line-height:.98}.marketing-copy p,.auth-hero-copy p,.about-product>p{font-size:1rem;line-height:1.72}.hero-badge{color:#b45309;background:#fffbeb;border:1px solid #f59e0b3d}.site-hero-visual{border-radius:14px;width:min(100%,470px);height:340px;box-shadow:0 24px 60px #0f172a2e}.site-hero-overlay{border-radius:10px;width:auto;bottom:16px;left:16px;right:16px}.marketing-card-grid article,.landing-feature-grid article,.connect-card,.auth-form-container{border-radius:10px;box-shadow:0 1px 3px #0f172a14,0 18px 42px #0f172a0f}.marketing-card-grid article{min-height:210px}.construction-image-grid figure{border-radius:10px;overflow:hidden}.construction-image-grid figcaption{color:var(--color-text-muted);font-weight:650}.workflow-list div{background:#fff;border-color:#e2e8f0}.workflow-list strong{min-width:34px}.pricing-panel{background:linear-gradient(135deg,#0f172a0f,#f59e0b1a),#fff}.about-strip{align-items:start}.landing-about-product,.about-product{min-width:0}.about-product-heading h1,.about-product-heading h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.connect-item{border-radius:8px}.auth-form-container{background:#fffffff5}.auth-stats div{background:#ffffffdb;border-color:#e2e8f0}.contact-page .about-contact-shell{align-items:center}.about-footer,.auth-copyright{color:var(--color-text-muted)}@media (max-width:900px){.marketing-hero,.auth-hero,.about-contact-shell{padding-top:30px}.site-hero-visual{height:290px}.auth-nav{overscroll-behavior-x:contain;padding-bottom:2px;overflow-x:auto}}@media (max-width:640px){.auth-topbar{gap:12px}.auth-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-nav a{justify-content:center;min-height:38px}.marketing-copy h1,.auth-hero-copy h1{font-size:clamp(2.1rem,11vw,3.1rem)}.site-hero-visual{height:250px}.site-hero-overlay{position:absolute;bottom:10px;left:10px;right:10px}.about-product-heading{align-items:flex-start}}.reports-header{align-items:flex-end}.reports-filter-panel{background:linear-gradient(135deg,#eff6ffb8,#ffffffdb),#fff}.reports-filter-grid{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(170px,.8fr));gap:14px;display:grid}.reports-summary-panel{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f172af5,#1e293bf0),var(--color-dark);color:#fff;box-shadow:var(--shadow-md);border:1px solid #0f172a24;grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);align-items:center;gap:18px;padding:22px;display:grid}.reports-summary-panel p{color:#ffffffa8;letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:850}.reports-summary-panel>div:first-child>strong{margin-top:8px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;line-height:1;display:block}.reports-summary-panel>div:first-child>span{color:#ffffffb3;margin-top:10px;font-size:.9rem;display:block}.reports-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.reports-summary-grid div{border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff24;gap:6px;padding:12px;display:grid}.reports-summary-grid svg{color:var(--color-accent)}.reports-summary-grid span{color:#ffffffa3;text-transform:uppercase;font-size:.72rem;font-weight:800}.reports-summary-grid strong{color:#fff;overflow-wrap:anywhere;font-size:1rem}.reports-breakdown-panel{overflow:hidden}@media (max-width:900px){.reports-header{align-items:stretch}.reports-filter-grid,.reports-summary-panel{grid-template-columns:1fr}}@media (max-width:700px){.reports-table-container{box-shadow:none;background:0 0;border:0;overflow:visible}.reports-table-container table,.reports-table-container thead,.reports-table-container tbody,.reports-table-container tr,.reports-table-container td{width:100%;display:block;min-width:0!important}.reports-table-container thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reports-table-container tbody{gap:10px;display:grid}.reports-table-row{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;gap:8px;padding:12px;display:grid!important}.reports-table-row td{border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex;text-align:right!important}.reports-table-row td:before{content:attr(data-label);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}}@media (max-width:520px){.reports-summary-grid{grid-template-columns:1fr}}.public-header{position:sticky}.public-nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:38px;color:var(--color-dark);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.86rem;font-weight:800;display:none}.public-nav-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(260px,100vw - 28px);box-shadow:var(--shadow-lg);background:#fff;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.public-nav-dropdown a{border-radius:var(--radius-md);min-height:40px;color:var(--color-text-muted);align-items:center;padding:0 11px;font-size:.88rem;font-weight:750;display:flex}.public-nav-dropdown a:hover{background:var(--color-bg-soft);color:var(--color-dark)}.public-nav-dropdown .auth-nav-cta{justify-content:center;margin-top:2px}@media (max-width:700px){.public-header.auth-topbar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex;position:sticky;top:8px}.public-nav-desktop{display:none!important}.public-nav-toggle{flex:none;display:inline-flex}.public-header .auth-wordmark{min-width:0}.public-header .auth-wordmark img{width:34px;height:34px}}