:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.4;color:#1f2937;background:#fffaf5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #d97706;--accent-dark: #b45309;--accent-soft: #fff7ed;--accent-border: #fed7aa;--accent-ink: #9a3412;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 14px;--control-py: .55rem;--control-px: .7rem;--panel-pad: .95rem;--text-sm: .84rem;--text-xs: .76rem;--loader-dot: var(--accent);--loader-dot-light: var(--accent-border);--loader-text: var(--accent-ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fffaf5;color:#1f2937}#root{width:100%}.app-shell{margin:0 auto;max-width:920px;padding:1.25rem}.app-header{display:grid;gap:.5rem;margin-bottom:1rem}.header-row{display:flex;justify-content:flex-start}.btn-back{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:#fff;color:var(--accent-ink);text-decoration:none;font-weight:600;padding:.46rem .72rem;line-height:1}.btn-back:hover{background:var(--accent-soft)}.back-icon{width:16px;height:16px;display:grid;place-items:center}.eyebrow{margin:0 0 .2rem;font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:.08em}h1{margin:0;font-size:1.8rem}.lead{margin:.4rem 0 0;color:#6b7280}.layout-grid{display:grid;grid-template-columns:1fr;gap:1rem}.panel{background:#fff;border:1px solid #f2d6bd;border-radius:var(--radius-lg);padding:var(--panel-pad);box-shadow:0 2px 8px #b4530914}.stack{display:grid;gap:.72rem}.section-title h2{margin:0;font-size:1.02rem}.section-title p{margin:.2rem 0 0;color:#6b7280;font-size:.86rem}.grid{display:grid;gap:.7rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two.align-controls{align-items:start;gap:.55rem}.grid.two.align-controls .field{font-size:.79rem}.grid.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:.22rem;font-size:var(--text-sm);font-weight:600}.helper-text{font-size:var(--text-xs);font-weight:500;color:#9ca3af;line-height:1.2}.helper-spacer{visibility:hidden}.required-block{border:1px solid #f2d6bd;border-radius:var(--radius-md);padding:.72rem;background:#fffbf6}.file-upload{display:grid;gap:.35rem}.file-upload-label{font-size:var(--text-sm);font-weight:600;color:#6b7280}.hidden{display:none!important}.upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-label{font-size:var(--text-xs);font-weight:600;color:#6b7280}.filter-select,.filter-input{min-width:160px;width:100%;max-width:220px;padding:.4rem .6rem;border:1px solid #cfd6e3;border-radius:var(--radius-sm);font-size:.9rem}.filter-actions{display:flex;gap:.5rem;align-items:center}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid #cfd6e3;border-radius:var(--radius-sm);background:#fff;color:#111827;padding:var(--control-py) var(--control-px);min-height:44px}.file-upload-input{width:100%;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:#fff;color:#9ca3af;font-size:.86rem;padding:.42rem .5rem}.file-upload-input::file-selector-button{border:0;border-radius:8px;margin-right:.55rem;background:var(--accent);color:#fff;font-size:.82rem;font-weight:700;padding:.42rem .65rem;cursor:pointer}.file-upload-input::file-selector-button:hover{background:var(--accent-dark)}textarea{resize:vertical}.chip-row{display:flex;gap:.5rem;flex-wrap:wrap}.chip{border-radius:999px;border:1px solid #dbe2ef;background:#fff;padding:.22rem .56rem;font-size:var(--text-xs);font-weight:600}.chip.highlight{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-ink)}.attachment-list,.audit-list{list-style:none;margin:0;padding:0}.attachment-list li,.audit-list li{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.5rem .6rem;border-radius:var(--radius-sm);border:1px solid #e5e7eb;background:#fff}.attachment-list li button{border:1px solid #cbd5e1;border-radius:8px;padding:.3rem .55rem;cursor:pointer;background:#fff}.btn-primary,.btn-secondary{border:1px solid var(--accent-border);border-radius:var(--radius-sm);padding:.5rem .85rem;font-weight:600;cursor:pointer;background:#fff;color:var(--accent-ink)}.btn-primary:hover,.btn-secondary:hover{background:var(--accent-soft)}.btn-secondary.danger{background:#fff;color:var(--accent-ink);border:1px solid var(--accent-border)}.btn-secondary.danger:hover{background:var(--accent-soft)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;gap:.35rem}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.table th,.table td{padding:.5rem .75rem;border-bottom:1px solid #e5e7eb}.table th{font-weight:600;color:#374151}.table tbody tr:hover{background:#f9fafb}.employee-list-table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left}.employee-list-table th,.employee-list-table td{padding:.6rem .85rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.employee-list-table thead th{background:#f8fafc;font-weight:600;color:#374151}.employee-list-table tbody tr:hover{background:#f9fafb}.employee-list-table .cell-code{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.employee-list-table .cell-department{color:#6b7280}.employee-list-table .cell-actions{width:1%;white-space:nowrap;padding-left:1.25rem;text-align:right}.btn-remove{display:inline-block;padding:.4rem .6rem;font-size:.8125rem;font-weight:600;color:var(--accent-ink);background:#fff;border:1px solid var(--accent-border);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .15s ease}.btn-remove:hover{background:var(--accent-soft)}.btn-action-edit{display:inline-block;padding:.4rem .6rem;font-size:.8125rem;font-weight:600;color:var(--accent-ink);background:#fff;border:1px solid var(--accent-border);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .15s ease}.btn-action-edit:hover{background:var(--accent-soft)}.action-buttons{display:inline-flex;align-items:center;gap:.5rem}.employee-list-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid #e2e8f0}.checkbox-apple{position:relative;width:50px;height:25px;margin:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-apple input[type=checkbox]{position:absolute;width:50px;height:25px;opacity:0;margin:0;cursor:pointer}.checkbox-apple label{position:absolute;top:0;left:0;width:50px;height:25px;border-radius:50px;background:linear-gradient(to bottom,#b3b3b3,#e6e6e6);cursor:pointer;transition:all .3s ease}.checkbox-apple label:after{content:"";position:absolute;top:1px;left:1px;width:23px;height:23px;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0000004d;transition:all .3s ease}.checkbox-apple input[type=checkbox]:checked+label{background:linear-gradient(to bottom,#4cd964,#5de24e)}.checkbox-apple input[type=checkbox]:checked+label:after{transform:translate(25px)}.checkbox-apple label:hover{background:linear-gradient(to bottom,#b3b3b3,#e6e6e6)}.checkbox-apple label:hover:after{box-shadow:0 1px 3px #0000004d}.yep{position:absolute;top:0;left:0;width:50px;height:25px}.cell-title{margin:0;font-weight:600}.cell-sub{margin:.14rem 0 0;color:#6b7280;font-size:.78rem}.badge{border-radius:999px;font-size:.7rem;text-transform:capitalize;font-weight:700;padding:.18rem .48rem;display:inline-flex;align-items:center;gap:.35rem}.badge.submitted{background:#fef3c7;color:#92400e}.badge.acknowledged{background:#dcfce7;color:#166534}.muted{margin:0;color:#6b7280}.muted.small{font-size:.78rem}.entry-list{display:grid;gap:.75rem}.entry-card{border:1px solid #e5e7eb;border-radius:var(--radius-md);background:#fff;padding:.72rem;border-left-width:4px}.entry-card.submitted{border-left-color:#f59e0b}.entry-card.acknowledged{border-left-color:#22c55e}.entry-top,.entry-bottom{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.entry-note{margin:.58rem 0;white-space:pre-wrap;line-height:1.6}.badge-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor}.attachment-links{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.attachment-link{display:inline-block;font-size:var(--text-xs);color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:.16rem .48rem;text-decoration:none}.attachment-link:hover{background:#ffedd5}.acknowledge-field{max-width:360px}.empty-state{border:1px dashed var(--accent-border);border-radius:var(--radius-md);background:#fffcf8;padding:1.05rem;text-align:center}.empty-illustration{width:52px;height:52px;margin:0 auto .5rem;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-border);display:grid;place-items:center;color:var(--accent-ink);font-size:.7rem;font-weight:800;letter-spacing:.06em}.empty-state h3{margin:0;font-size:1rem}.empty-state p{margin:.45rem 0 0;color:#6b7280;font-size:.85rem}.skeleton-card{border-left-color:#e5e7eb!important}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,#f3f4f6,#eceff4,#f3f4f6);background-size:220% 100%;animation:shimmer 1.2s linear infinite;margin:.32rem 0}.skeleton-line.w-full{width:100%}.skeleton-line.w-80{width:80%}.skeleton-line.w-40{width:40%}.skeleton-line.w-28{width:28%}.modal-backdrop{position:fixed;inset:0;background:#11182775;display:grid;place-items:center;padding:1rem;z-index:1000}.modal-panel{width:min(760px,100%);background:#fff;border:1px solid var(--accent-border);border-radius:var(--radius-lg);padding:.95rem;box-shadow:0 18px 44px #00000038;display:grid;gap:.75rem}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.modal-actions{display:flex;gap:.45rem;flex-wrap:wrap}.modal-header h3{margin:0}.modal-meta{display:flex;flex-wrap:wrap;gap:.45rem}.modal-meta span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;padding:.18rem .52rem;font-size:var(--text-xs)}.modal-note{margin:0;white-space:pre-wrap;line-height:1.65}.confirm-modal-backdrop{background:#11182766}.confirm-modal-panel{width:min(360px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:0 12px 32px #0000002e;display:grid;gap:1rem}.confirm-modal-title{margin:0;font-size:1rem;font-weight:700;color:#111827}.confirm-modal-message{margin:0;font-size:.9rem;line-height:1.5;color:#4b5563}.confirm-modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.25rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-field{display:flex;flex-direction:column;gap:.25rem}.modal-label{font-size:var(--text-xs);font-weight:600;color:#6b7280}.modal-control{width:100%;padding:var(--control-py) var(--control-px);border-radius:var(--radius-sm);border:1px solid #cfd6e3;font-size:.9rem;background:#fff;color:#111827;min-height:40px}.modal-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.undo-banner{position:fixed;right:1rem;bottom:1rem;z-index:1200;background:#111827;color:#fff;border-radius:var(--radius-md);padding:.6rem .7rem;display:flex;align-items:center;gap:.65rem;box-shadow:0 12px 28px #0000004d}.undo-banner .btn-secondary{background:transparent;color:#fff;border-color:#ffffff80}.undo-banner .btn-secondary:hover{background:#ffffff1f}.error{margin:0;color:#b91c1c;font-size:var(--text-sm);font-weight:600}time{font-size:.78rem;color:#6b7280;white-space:nowrap}@media(max-width:760px){.panel{padding:.72rem}.grid.two,.grid.filters{grid-template-columns:1fr}.entry-top,.entry-bottom{flex-direction:column;align-items:flex-start}.entry-bottom .btn-secondary{width:100%}.modal-header{flex-direction:column;align-items:flex-start}.modal-actions{width:100%}.modal-panel{padding:.8rem}.undo-banner{left:1rem;right:1rem;bottom:1rem;justify-content:space-between}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.meal-section{margin-top:1.5rem;text-align:left}.meal-section .section-title{font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.meal-section .section-lead{margin:0 0 1rem;color:#6b7280;font-size:.86rem;line-height:1.4}.meal-section .section-lead code{background:#f3f4f6;padding:.1rem .35rem;border-radius:4px;font-size:.8em}.meal-section input[type=date],.meal-section input[type=text]{width:auto;min-width:0}.meal-section .input-field{width:100%;max-width:12rem}.audit-panel .section-lead{margin:0 0 1.25rem}.audit-filters .filter-input.audit-date{min-width:10rem;max-width:11rem}.audit-filters .filter-input.audit-code{min-width:8rem;max-width:10rem}.audit-status{margin:.75rem 0 0;font-size:.875rem}.nav-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.nav-tabs button{padding:.5rem .85rem;font-weight:600;font-size:.9rem;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;color:var(--accent-ink)}.nav-tabs button:hover{color:var(--accent-ink);opacity:.85}.nav-tabs button.active{color:var(--accent-ink);border-bottom-color:var(--accent)}:root{--hr-admin-sidebar-width: 16rem;--hr-admin-header-height: 4rem}.hr-admin-shell{min-height:100vh;position:relative}.hr-admin-content{margin-left:var(--hr-admin-sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left .2s ease}@media(max-width:767px){.hr-admin-content{margin-left:0}}.hr-admin-header{height:var(--hr-admin-header-height);flex-shrink:0;background:#fff;border-bottom:1px solid var(--accent-border);position:sticky;top:0;z-index:10}.hr-admin-header-inner{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:64rem;margin:0 auto}@media(max-width:767px){.hr-admin-header-inner{padding-left:3.5rem}}.hr-admin-header-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--accent-ink);flex:1;text-align:center}@media(max-width:480px){.hr-admin-header-title{font-size:.95rem}}.hr-admin-body{flex:1;padding:1.25rem 1rem 1.5rem}.hr-admin-container{max-width:920px;margin:0 auto}.hr-admin-footer{flex-shrink:0;padding:.6rem 1rem;border-top:1px solid var(--accent-border);background:#fff;font-size:.75rem;color:#6b7280;text-align:center}.hr-admin-sidebar{position:fixed;top:0;left:0;width:var(--hr-admin-sidebar-width);height:100vh;background:#fff;border-right:1px solid var(--accent-border);z-index:20;transition:transform .2s ease,box-shadow .2s ease;overflow-y:auto}.hr-admin-sidebar-inner{padding:1.25rem 0}.hr-admin-sidebar-title{margin:0 0 1rem;padding:0 1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.hr-admin-sidebar-menu{list-style:none;margin:0;padding:0 .75rem}.hr-admin-sidebar-menu li{margin:0}.hr-admin-sidebar-link{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--accent-ink);text-align:left;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease,color .15s ease}.hr-admin-sidebar-link:hover{background:var(--accent-soft);color:var(--accent-ink)}.hr-admin-sidebar-link-active{background:var(--accent-soft);color:var(--accent)}.hr-admin-sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:30;width:2.5rem;height:2.5rem;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 2px 8px #b453091a}.hr-admin-sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000040;z-index:19;opacity:0;pointer-events:none;transition:opacity .2s ease}@media(max-width:767px){.hr-admin-sidebar-toggle{display:flex}.hr-admin-sidebar-backdrop.hr-admin-backdrop-open{display:block;opacity:1;pointer-events:auto}.hr-admin-sidebar{transform:translate(-100%)}.hr-admin-sidebar.hr-admin-sidebar-open{transform:translate(0);box-shadow:8px 0 24px #0000001f}.hr-admin-sidebar-toggle-line{width:1.25rem;height:2px;background:var(--accent-ink);border-radius:1px}}@media(min-width:768px){.demographic-charts{grid-template-columns:repeat(2,1fr)!important}}.universal-loader{display:inline-flex;align-items:center;gap:.5rem}.universal-loader-text{margin:0;color:var(--loader-text);font-size:.8rem}.universal-loader-bar{width:16px;height:16px;border-radius:999px;border:2px solid var(--loader-dot-light);border-top-color:var(--loader-dot);animation:universal-spinner .6s linear infinite}@keyframes universal-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.universal-loader-text,.universal-loader-bar{animation:none}}