:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--foreground:#0f172a;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--surface:#fff;--sidebar:#0f172a;--sidebar-muted:#94a3b8;--sidebar-active:#2563eb}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{background:var(--background);min-height:100vh}.app-sidebar{background:var(--sidebar);color:#fff;flex-direction:column;gap:1.5rem;width:16rem;padding:1rem;display:flex;position:fixed;inset:0 auto 0 0}.app-main{min-height:100vh;margin-left:16rem}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:4rem;padding:0 1.5rem;display:flex}.app-header h1{margin:0;font-size:1rem}.app-content{padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 8px 24px #0f172a0f}.stack{gap:1rem;display:grid}.nav-link{color:var(--sidebar-muted);border-radius:.75rem;padding:.75rem .875rem;font-size:.875rem;display:block}.nav-link:hover,.nav-link-active{background:var(--sidebar-active);color:#fff}.button-primary{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:700;display:inline-flex}.button-primary:hover{background:var(--primary-hover)}.button-secondary{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:700;display:inline-flex}.button-secondary:hover{background:#f8fafc}.button-danger,.button-warning{color:#fff;cursor:pointer;border:0;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:700;display:inline-flex}.button-danger{background:#dc2626}.button-danger:hover{background:#b91c1c}.button-warning{background:#d97706}.button-warning:hover{background:#b45309}.error-shell{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.error-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:1rem;max-width:32rem;margin:0 auto;padding:2rem;box-shadow:0 8px 24px #0f172a0f}.error-code{color:var(--primary);margin:0 0 .5rem;font-size:2rem;font-weight:800}.error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:999px;width:3rem;height:3rem;margin:0 auto 1rem;animation:1s linear infinite spin}.text-muted{color:var(--muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filter-bar{gap:.75rem;display:flex}.filter-bar input{border:1px solid var(--border);border-radius:.75rem;flex:1;min-width:12rem;padding:.75rem 1rem}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb a{color:var(--primary);font-weight:700}.breadcrumb li:not(:first-child):before{color:var(--muted);content:"/";margin-right:.5rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.85rem}.data-table th{color:var(--muted);font-size:.8125rem}.table-link{color:var(--primary);font-weight:700}.empty-message{color:var(--muted);margin:0}.status-badge{border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge-active{color:#166534;background:#dcfce7}.status-badge-inactive{color:#475569;background:#f1f5f9}.status-badge-warning{color:#92400e;background:#fef3c7}.status-badge-neutral{color:#075985;background:#e0f2fe}.notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;padding:1rem}.notice-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.page-actions button:not(.button-primary):not(.button-secondary):not(.button-danger):not(.button-warning),.date-controls button,.month-controls button,.work-hour-row button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:700}.page-actions button:not(.button-primary):not(.button-secondary):not(.button-danger):not(.button-warning):hover,.date-controls button:hover,.month-controls button:hover,.work-hour-row button:hover{background:#f8fafc}.date-controls,.month-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.date-controls input,.date-controls select,.month-controls input,.month-controls select{border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem}.summary-grid,.definition-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.summary-grid strong{font-size:1.75rem;display:block}.home-hero,.home-grid{gap:1rem;display:grid}.home-hero{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}.home-grid{grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr)}.management-filter,.management-kpi-grid,.management-queue-grid,.management-reminder-grid{gap:1rem;display:grid}.management-filter{grid-template-columns:minmax(16rem,1.5fr) repeat(2,minmax(11rem,1fr)) auto;align-items:end}.management-filter-actions{display:flex}.management-kpi-grid,.management-reminder-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.management-kpi-card{color:inherit;gap:.5rem;display:grid}.management-kpi-card:hover,.management-queue-card:hover{border-color:#bfdbfe;box-shadow:0 10px 28px #2563eb1f}.management-kpi-card strong,.management-count{font-size:1.75rem;display:block}.management-queue-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.management-queue-card{border:1px solid var(--border);border-radius:.85rem;gap:.35rem;padding:1rem;display:grid}.management-queue-card strong{font-size:2rem}.management-queue-warning{background:#fffbeb;border-color:#fcd34d}.management-queue-info{background:#f8fafc}.management-user-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.management-user-list li{border-top:1px solid var(--border);gap:.25rem;padding-top:.75rem;display:grid}.home-card-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.home-card-header h2{margin:0;font-size:1rem}.home-status{font-size:2rem;line-height:1.2;display:block}.home-status-not_clocked_in{color:#475569}.home-status-working{color:#166534}.home-status-on_break{color:#92400e}.home-status-clocked_out{color:#1e40af}.home-clock-actions{flex-wrap:wrap;gap:.75rem;display:flex}.home-clock-sync-list{gap:.5rem;display:grid}.home-info-link{border:1px solid var(--border);border-radius:.75rem;gap:.35rem;padding:.85rem;display:grid}.home-info-link:hover{background:#f8fafc}.home-info-link span,.home-info-link small{color:var(--muted)}.progress-track{background:#e2e8f0;border-radius:999px;height:.75rem;overflow:hidden}.progress-track span{background:var(--primary);height:100%;display:block}.chip-list{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);color:#334155;background:#f1f5f9;border-radius:999px;padding:.35rem .75rem;font-size:.8125rem;display:inline-flex}.definition-grid dt{color:var(--muted);font-size:.875rem}.definition-grid dd{margin:.25rem 0 0;font-weight:700}.form-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.form-field{gap:.35rem;display:grid}.form-field label{color:var(--muted);font-size:.875rem;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:.75rem;width:100%;padding:.75rem 1rem}.form-error{color:#dc2626;margin:0;font-size:.875rem}.filter-controls{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.filter-controls label{color:var(--muted);gap:.35rem;font-size:.875rem;font-weight:700;display:grid}.filter-controls select,.report-line-row input,.report-line-row select{border:1px solid var(--border);color:var(--foreground);border-radius:.75rem;padding:.75rem 1rem}.pill-list{gap:.75rem;display:grid}.pill-item{border:1px solid var(--border);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem;display:flex}.pill-item code,.pill-item em{color:var(--muted);background:#f1f5f9;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-style:normal}.notification-actions,.report-line-editor{gap:.75rem;display:grid}.report-line-row{border:1px solid var(--border);border-radius:1rem;grid-template-columns:minmax(9rem,.8fr) minmax(9rem,.8fr) minmax(10rem,1fr) minmax(14rem,1.2fr) minmax(12rem,1fr) auto;align-items:end;gap:1rem;padding:1rem;display:grid}.report-line-row label,.card label{color:var(--muted);gap:.35rem;font-size:.875rem;font-weight:700;display:grid}.card input,.card select,.card textarea{border:1px solid var(--border);color:var(--foreground);border-radius:.75rem;padding:.75rem 1rem}.month-controls,.date-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.month-controls button:not(.button-primary):not(.button-secondary),.date-controls button:not(.button-primary):not(.button-secondary),.work-hour-row button:not(.button-primary):not(.button-secondary),.card.page-actions button:not(.button-primary):not(.button-secondary),.card.stack button:not(.button-primary):not(.button-secondary){border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:700}.work-hour-editor{gap:.75rem;display:grid}.work-hour-row{border:1px solid var(--border);border-radius:1rem;grid-template-columns:minmax(12rem,1.2fr) minmax(9rem,.8fr) minmax(9rem,.7fr) minmax(14rem,1.3fr) auto;align-items:end;gap:1rem;padding:1rem;display:grid}.work-description{min-width:0}.preview-list{gap:.75rem;display:grid}.preview-item{border:1px solid var(--border);border-radius:.75rem;grid-template-columns:minmax(12rem,1fr) 8rem 5rem minmax(12rem,1.5fr);align-items:center;gap:.75rem;padding:.85rem;display:grid}.preserve-lines{white-space:pre-wrap}.leave-balance-inline{border:1px solid var(--border);background:#f8fafc;border-radius:.75rem;align-items:center;gap:.75rem;min-height:2.875rem;padding:.75rem 1rem;display:flex}.leave-balance-inline strong{color:var(--primary);font-size:1.25rem}.leave-calendar-header{justify-content:center;align-items:center;gap:1rem;display:flex}.leave-calendar{grid-template-columns:repeat(7,minmax(2.75rem,1fr));gap:.5rem;display:grid}.leave-calendar-weekday{color:var(--muted);text-align:center;font-size:.8125rem;font-weight:800}.leave-calendar-blank,.leave-calendar-day{min-height:4rem}.leave-calendar-day{border:1px solid var(--border);color:var(--foreground);cursor:pointer;background:#fff;border-radius:.75rem;place-items:center;gap:.25rem;display:grid}.leave-calendar-day span{font-weight:800}.leave-calendar-day small{color:#fff;font-size:.6875rem}.leave-calendar-day:hover{border-color:var(--primary)}.leave-calendar-day:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.leave-calendar-day-selected{background:var(--primary);border-color:var(--primary);color:#fff}.hour-stepper{align-items:center;gap:.5rem;display:inline-flex}.hour-stepper button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;width:2rem;height:2rem}.hour-stepper button:disabled,.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled,.button-warning:disabled{cursor:not-allowed;opacity:.5}.hour-stepper span{text-align:center;min-width:4rem;font-weight:800}.stepper{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.stepper-item{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.stepper-item span{background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:800;display:inline-flex}.stepper-item-active{border-color:var(--primary);color:var(--foreground)}.stepper-item-active span,.stepper-item-done span{background:var(--primary);color:#fff}.toast{z-index:20;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;max-width:28rem;padding:1rem;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 8px 24px #0f172a1f}.toast button{cursor:pointer;background:0 0;border:0;font-size:1.25rem}.toast-success{color:#166534;background:#dcfce7}.toast-error{color:#991b1b;background:#fee2e2}.modal-root{z-index:50;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-backdrop{cursor:pointer;background:#0f172a8c;border:0;position:absolute;inset:0}.modal-panel{background:var(--surface);border-radius:1rem;outline:none;width:min(100%,34rem);max-width:34rem;max-height:calc(100vh - 2rem);padding:1.25rem;position:relative;overflow-y:auto;box-shadow:0 24px 72px #0f172a3d}.modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-header h2{margin:0;font-size:1.125rem}.modal-close{cursor:pointer;background:0 0;border:0;font-size:1.5rem}.modal-body{margin-top:1rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.text-right{text-align:right}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.app-sidebar{width:100%;position:static}.app-main{margin-left:0}.work-hour-row,.report-line-row,.preview-item,.home-hero,.home-grid{grid-template-columns:1fr}}