:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#2f261d;background:radial-gradient(circle at top,rgba(111,130,92,.14),transparent 24%),linear-gradient(180deg,#efe1cd,#f6efe5 46%,#fbf6ee);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: rgba(255, 249, 241, .92);--panel: rgba(255, 252, 247, .92);--panel-strong: #fffaf3;--border: rgba(117, 85, 52, .18);--text: #5d4b3c;--heading: #2f261d;--primary: #6c4a2d;--primary-dark: #533621;--accent: #50633f;--accent-soft: rgba(80, 99, 63, .12);--danger: #9d4b3c;--danger-soft: rgba(157, 75, 60, .12);--success: #3f6b49;--success-soft: rgba(63, 107, 73, .12);--shadow: 0 24px 60px rgba(74, 52, 32, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);overflow-x:hidden;max-width:100%}button,input,table{font:inherit}button{cursor:pointer}img{max-width:100%}a{color:inherit}#root{min-height:100vh;overflow-x:hidden;max-width:100%}.deploy-config-missing{box-sizing:border-box;max-width:38rem;margin:0 auto;padding:2rem 1.25rem;font-family:Inter,system-ui,sans-serif;line-height:1.55;color:var(--text, #5d4b3c)}.deploy-config-missing h1{margin:0 0 1rem;font-size:1.35rem;color:var(--heading, #2f261d)}.deploy-config-missing p{margin:0 0 .85rem}.deploy-config-missing ul{margin:0 0 1rem 1.25rem}.deploy-config-missing code{font-size:.9em;padding:.1em .35em;border-radius:4px;background:#7555341f}.deploy-config-missing__hint{font-size:.9rem;opacity:.9}h1,h2,h3,p{margin:0}.dashboard-shell,.fullscreen-state{min-height:100vh;min-height:100dvh}.auth-layout{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;--auth-inset: clamp(16px, 4.5vmin, 28px);padding-top:max(var(--auth-inset),env(safe-area-inset-top,0px));padding-right:max(var(--auth-inset),env(safe-area-inset-right,0px));padding-bottom:max(var(--auth-inset),env(safe-area-inset-bottom,0px));padding-left:max(var(--auth-inset),env(safe-area-inset-left,0px));min-height:100svh;min-height:100dvh}.auth-card-login{width:100%;max-width:420px}.auth-card,.panel,.stat-card,.state-card,.hero-panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-card{padding:32px}.state-card h1,.dashboard-header h1{color:inherit;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.dashboard-header p,.card-header p,.stat-card p,.summary-row span,.muted{color:inherit;opacity:.84}.eyebrow,.stat-label{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.eyebrow{background:#ffffff29;color:inherit}.auth-card .eyebrow,.panel .eyebrow,.dashboard-header .eyebrow{background:#6c4a2d1a;color:var(--primary)}.form-grid{display:grid;gap:16px;margin-top:24px}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-weight:600;color:var(--heading)}.field input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--panel-strong);color:var(--heading)}.field input:focus{outline:2px solid rgba(80,99,63,.22);border-color:var(--accent)}.field-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:var(--heading);-webkit-user-select:none;user-select:none}.field-checkbox input{flex-shrink:0;width:22px;height:22px;margin:0;accent-color:var(--accent);cursor:pointer}.field-checkbox span{line-height:1.35}.primary-button,.secondary-button,.text-button{border:none;border-radius:14px;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button,.secondary-button{padding:14px 18px;font-weight:700}.primary-button{background:var(--primary);color:#fffaf5}.primary-button:hover,.secondary-button:hover,.text-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary-button{background:var(--accent-soft);color:var(--accent)}.text-button{background:transparent;color:var(--primary);padding:0;font-weight:700}.muted-button{color:var(--text)}.danger-button{color:var(--danger)}.form-error,.form-success{padding:12px 14px;border-radius:14px;font-size:.95rem}.form-error{background:var(--danger-soft);color:var(--danger)}.form-success{background:var(--success-soft);color:var(--success)}.dashboard-shell{width:min(1280px,100%);max-width:100%;margin:0 auto;padding:24px 16px 40px;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:24px}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}a.header-link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.profile-card{display:grid;gap:2px;padding:14px 16px;border-radius:16px;background:#fffaf3d9;border:1px solid var(--border)}.profile-card strong{color:var(--heading)}.hero-panel{display:flex;justify-content:space-between;gap:20px;padding:24px;margin-bottom:20px;background:linear-gradient(135deg,#50633f2e,#6c4a2d29),var(--panel)}.actions-row,.inline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{padding:20px}.stat-card strong{display:block;margin:8px 0;font-size:1.9rem;color:var(--heading)}.stat-label{padding:0;background:transparent;color:var(--text)}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.panel-grid-wide{align-items:start}.payroll-settings-panel{margin-bottom:20px}.payroll-settings-help{font-size:.92rem;line-height:1.45;max-width:52rem}.payroll-day-form{max-width:320px}.payroll-last-purge{margin-top:12px;font-size:.9rem}.panel{padding:24px}.card-header{display:grid;gap:8px;margin-bottom:20px}.card-header--split{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px}.card-header--split .card-header-titles{flex:1;min-width:200px;display:grid;gap:8px}.card-header-subline{margin:0}.attendance-filter-bar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end}.field--compact{min-width:160px}.field--compact span{display:block;font-size:.8rem;color:var(--text);opacity:.88}.field--compact select,.field--compact input[type=month]{width:100%;min-width:0;margin-top:4px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-strong);color:var(--heading)}.employee-month-summary{margin-bottom:20px;padding:14px 16px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--border)}.employee-month-summary__title{margin:0 0 10px;font-size:1rem;line-height:1.35}.employee-month-summary__stats{display:flex;flex-wrap:wrap;gap:20px 28px;font-size:1.05rem;font-weight:600;color:var(--heading)}.employee-month-summary__stats .muted{font-weight:500;font-size:.85rem;margin-right:6px}.attendance-summary-hint{margin:0 0 16px;font-size:.9rem}.archived-history-block{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.employee-profile-loading{padding:24px}.employee-admin-back{margin-top:14px;text-align:center}.employee-admin-back a{color:var(--primary);font-weight:700;text-decoration:none}.employee-admin-back a:hover{text-decoration:underline}.card-header h2,.card-header h3,.hero-panel h2,.dashboard-header h1{color:var(--heading)}.summary-list{display:grid;gap:14px}.summary-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.summary-row strong,.mono-text{color:var(--heading);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#6c4a2d1a;color:var(--primary);font-weight:700;margin-bottom:12px}.status-pill.live{background:var(--success-soft);color:var(--success)}.table-wrap{overflow-x:auto;max-width:100%}.table-wrap--wide table{min-width:720px}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--border)}thead th{color:var(--heading);font-size:.92rem}.fullscreen-state{display:grid;place-items:center;padding:24px}.state-card{width:min(520px,100%);padding:32px;text-align:center}.danger-state{border-color:#9d4b3c3d}body.drawer-open{overflow:hidden}.employee-dashboard{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-sizing:border-box}.employee-top-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.employee-top-bar__name{font-size:clamp(1.25rem,4vw,1.75rem);color:var(--heading);font-weight:700;line-height:1.2}.employee-menu-btn{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--panel-strong);box-shadow:var(--shadow)}.employee-menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:22px}.employee-menu-icon span{display:block;height:2px;width:100%;border-radius:1px;background:var(--heading)}.employee-clock-card{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:24px;max-width:100%}.employee-session-hint{margin:8px 0 12px;color:var(--text);font-size:.95rem}.employee-actions-stack{display:flex;flex-direction:column;gap:clamp(14px,2.5vh,24px);flex:1;min-height:min(58vh,480px);width:100%;margin-top:4px}.employee-clock-btn{flex:1;width:100%;min-height:0;font-size:clamp(1.15rem,4.5vw,1.5rem);font-weight:700;border-radius:20px;padding:16px 20px}@media(min-width:600px){.employee-actions-stack{min-height:min(420px,50vh);max-width:420px;margin-left:auto;margin-right:auto}}.employee-drawer-backdrop{position:fixed;inset:0;z-index:40;border:none;padding:0;margin:0;width:100%;height:100%;background:#2f261d73;cursor:pointer}.employee-drawer{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(100%,400px);max-width:100vw;display:flex;flex-direction:column;background:var(--panel-strong);border-left:1px solid var(--border);box-shadow:-8px 0 40px #2f261d26;animation:employee-drawer-in .2s ease-out}@keyframes employee-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.employee-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(16px,env(safe-area-inset-top,0px)) 16px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.employee-drawer-title{font-size:1.15rem;color:var(--heading)}.employee-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;-webkit-overflow-scrolling:touch}.employee-drawer-section{margin-bottom:20px}.employee-drawer-section:last-of-type{margin-bottom:0}.employee-drawer-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-drawer-panel{margin-bottom:0}.employee-drawer-footer{flex-shrink:0;padding:12px 16px max(16px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:#fffaf3f2}.employee-logout-btn{width:100%;min-height:48px}.employee-table-wrap{width:100%;max-width:100%;overflow-x:hidden}table.employee-table{min-width:0;width:100%;table-layout:fixed;font-size:.8rem}table.employee-table th,table.employee-table td{padding:10px 6px;word-wrap:break-word;overflow-wrap:break-word}table.employee-table th:nth-child(1),table.employee-table td:nth-child(1){width:32%}table.employee-table th:nth-child(2),table.employee-table td:nth-child(2){width:32%}table.employee-table th:nth-child(3),table.employee-table td:nth-child(3){width:18%}table.employee-table th:nth-child(4),table.employee-table td:nth-child(4){width:18%}@media(max-width:1080px){.stats-grid,.panel-grid{grid-template-columns:1fr}.dashboard-header,.hero-panel{flex-direction:column}.header-actions,.profile-card{width:100%}.two-columns{grid-template-columns:1fr}}@media(max-width:720px){.dashboard-shell{width:100%;max-width:100%;padding-left:12px;padding-right:12px}.auth-card.auth-card-login{padding:28px 22px;border-radius:20px;width:100%;max-width:min(420px,100%)}.auth-card-login .card-header{text-align:center}.auth-card-login .card-header h2{font-size:1.45rem;line-height:1.2}.auth-card-login .form-grid{margin-top:20px;gap:18px}.auth-card-login .field input{min-height:48px;font-size:16px}.auth-card-login .field-checkbox{align-items:center;min-height:44px}.auth-card-login .primary-button{min-height:48px;width:100%}.auth-card:not(.auth-card-login),.panel,.stat-card,.hero-panel{padding:20px;border-radius:20px}.header-actions{flex-direction:column;align-items:stretch}.actions-row .primary-button,.actions-row .secondary-button,.form-grid button,.actions-row{width:100%}}