:root{color-scheme:light;--primary: #006600;--primary-dark: #004d00;--primary-light: #e6f4e6;--success: #006600;--success-light: #e6f4e6;--warning: #b45309;--warning-light: #fffbeb;--danger: #BB0000;--danger-light: #fff0f0;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg: #f5f5f0;--surface: #ffffff;--border: #e2e4e0;--text: #1a1a1a;--text-muted:#5c6370;--danger-bg: #fee2e2;--danger-bg-soft: #fff5f5;--danger-border: #fca5a5;--warning-bg: #fffbeb;--warning-border: #fde68a;--exchange: #0f766e;--exchange-bg: #f0fdfa;--exchange-border: #5eead4;--exchange-btn-bg: #0f766e;--exchange-btn-fg: #ffffff;--scheduled-bg: #ecfdf5;--scheduled-border: #6ee7b7;--open-bg: #fff1e6;--open-border: #fdba74;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--sidebar-width: 240px;--navbar-height: 60px;--content-max: 1200px;--chart-nurse: #2a78d6;--chart-caregiver: #1baf7a;--chart-admin: #eda100;--chart-other: #9aa0a6}[data-theme=dark]{color-scheme:dark;--bg: #111827;--surface: #1f2937;--border: #374151;--text: #f3f4f6;--text-muted: #9ca3af;--chart-nurse: #3987e5;--chart-caregiver: #199e70;--chart-admin: #c98500;--chart-other: #8a9096;--danger: #e5657a;--danger-light: #3a1e1e;--danger-bg: #3a1e1e;--danger-bg-soft: #2c1717;--danger-border: #7f1d1d;--warning-bg: #37300f;--warning-border: #6b530f;--exchange: #5eead4;--exchange-bg: #0f2e2b;--exchange-border: #115e59;--exchange-btn-bg: #5eead4;--exchange-btn-fg: #0f2e2b;--scheduled-bg: #10261b;--scheduled-border: #2f6b46;--open-bg: #2a1a0e;--open-border: #7c4a1e;--gray-50: #1f2937;--gray-100: #1f2937;--gray-200: #374151;--gray-300: #4b5563;--gray-500: #9ca3af;--gray-600: #cbd5e1;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 6px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px rgba(0,0,0,.5), 0 4px 6px rgba(0,0,0,.4)}[data-density=compact]{--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-8: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:var(--text-base);color:var(--text);background-color:var(--bg);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}html,body{overflow-x:clip;overscroll-behavior-x:none;max-width:100%}#root,.app-shell{overflow-x:clip;max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--text)}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}img{max-width:100%;display:block}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.font-bold{font-weight:700}.font-medium{font-weight:500}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.hidden{display:none}@media (max-width: 640px){.hide-mobile{display:none!important}}@media (min-width: 641px){.hide-desktop{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border:1px solid transparent;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s,transform .1s,border-color .15s;white-space:nowrap;text-decoration:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:hover:not(:disabled){background:var(--gray-100);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#046c4e}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#9b1c1c}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--gray-100)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.quick-guide-btn{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:700}.quick-guide-btn:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-sm{padding:6px 14px;font-size:var(--text-xs)}.btn-lg{padding:14px 28px;font-size:var(--text-lg)}.btn-full{width:100%}.btn-icon{padding:8px}.prompt-actions{display:flex;flex-direction:column;gap:12px}.prompt-actions .btn{width:100%;min-height:58px;padding:14px 20px;font-size:var(--text-base);white-space:normal;line-height:1.3;touch-action:manipulation}.prompt-actions-row{display:flex;gap:12px}.prompt-actions-row .btn{flex:1 1 0;min-width:0;min-height:52px;padding:14px 20px;font-size:var(--text-base);white-space:normal;line-height:1.3;touch-action:manipulation}.prompt-choice{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;font-size:var(--text-base)}@media (hover: hover){.prompt-choice:hover{background:var(--gray-100)}}.prompt-choice input[type=radio],.prompt-choice input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:var(--primary)}.prompt-card{max-height:90vh;max-height:calc(90dvh - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}.prompt-card--split{display:flex;flex-direction:column;overflow:hidden}.prompt-card--split .prompt-head,.prompt-card--split .prompt-foot{flex-shrink:0}.prompt-card--split .prompt-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.prompt-card--split .prompt-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.prompt-form .form-input,.prompt-form textarea.form-input{font-size:var(--text-base);padding:12px 14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:var(--space-3)}.card-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.5}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.form-input,.form-select{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text);background:var(--surface);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1f}select option,.form-input option,.form-select option{background:var(--surface);color:var(--text)}.form-error{font-size:var(--text-xs);color:var(--danger)}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid}.alert-danger{background:var(--danger-light);color:var(--danger);border-color:#fca5a5}.alert-success{background:var(--success-light);color:var(--success);border-color:#6ee7b7}.alert-warning{background:var(--warning-light);color:var(--warning);border-color:#fcd34d}.alert-info{background:var(--primary-light);color:var(--primary);border-color:#93c5fd}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}thead th{text-align:left;padding:10px 16px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--gray-50);white-space:nowrap}tbody td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}.page-header h1{font-size:var(--text-2xl)}.page-header p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.spinner-wrap{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm)}.alert-info{background:var(--primary-light);border:1px solid #a3c9a3;color:var(--primary-dark);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:1.5}.pw-input-wrap{position:relative;display:flex}.pw-input-wrap .form-input{padding-right:40px;flex:1}.pw-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:flex;align-items:center}.pw-eye-btn:hover{color:var(--text)}.pw-strength-wrap{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.pw-strength-bar{flex:1;height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden}.pw-strength-fill{height:100%;border-radius:2px;transition:width .3s}.pw-strength-fill.pw-strength-weak{background:var(--danger)}.pw-strength-fill.pw-strength-fair{background:var(--warning)}.pw-strength-fill.pw-strength-good{background:#60a5fa}.pw-strength-fill.pw-strength-strong{background:var(--success)}.pw-strength-label{font-size:11px;font-weight:600;white-space:nowrap}.pw-strength-label.pw-strength-weak{color:var(--danger)}.pw-strength-label.pw-strength-fair{color:var(--warning)}.pw-strength-label.pw-strength-good{color:var(--primary)}.pw-strength-label.pw-strength-strong{color:var(--success)}.pw-hints{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-2)}.pw-hints span{font-size:11px;color:var(--text-muted)}.pw-hints span.pw-hint-met{color:var(--success)}.pw-hints span.pw-hint-met:before{content:"✓ "}.pw-success-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);text-align:center}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-6) 0}.stat-big{font-size:var(--text-3xl);font-weight:800;line-height:1}.stat-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}@media (max-width: 639px){.col-hide-mobile{display:none!important}}@media (max-width: 639px){.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}table{min-width:0;font-size:var(--text-xs)}thead th{padding:8px 10px;font-size:10px}tbody td{padding:8px 10px}tbody td>div[style*="display:flex"],tbody td>div[style*="display: flex"]{flex-wrap:wrap;gap:4px!important}}@media (max-width: 639px){table.stack-table,table.stack-table tbody,table.stack-table tfoot{display:block;width:100%}table.stack-table thead{display:none}table.stack-table tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}table.stack-table tr:hover td{background:transparent}table.stack-table td{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding:5px 0;border-bottom:1px solid var(--border);text-align:right;white-space:normal;overflow-wrap:anywhere}table.stack-table tr td:last-child{border-bottom:none}table.stack-table td:before{content:attr(data-label);flex-shrink:0;max-width:45%;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}table.stack-table td:not([data-label]){justify-content:flex-start;text-align:left}table.stack-table td:not([data-label]):before{content:none}.expanded-entries-cell{padding:0 0 var(--space-3) 0!important}}@media (max-width: 639px){.page-header{margin-bottom:var(--space-4)}.page-header h1,.page-title{font-size:var(--text-xl)!important}.page-header[style*="display:flex"],.page-header[style*="display: flex"]{flex-direction:column;gap:var(--space-3)}}@media (max-width: 639px){.modal{padding:var(--space-5) var(--space-4);max-height:95vh;border-radius:var(--radius-lg)}.modal-overlay{padding:var(--space-2);align-items:flex-end}.modal-actions{flex-direction:column-reverse;gap:var(--space-2)}.modal-actions .btn{width:100%;justify-content:center}}@media (max-width: 639px){.btn-row,[class*=button-group]{flex-wrap:wrap!important;gap:var(--space-2)!important}.form-cta .btn{width:100%;justify-content:center}}@media (max-width: 639px){.card,.section-card{padding:var(--space-4)}.card-grid{grid-template-columns:1fr}}@media (max-width: 639px){.search-bar-row{flex-direction:column!important;align-items:stretch!important;gap:var(--space-3)!important}.search-bar-row input,.search-bar-row select,.search-bar-row .btn{width:100%!important}}@media (max-width: 639px){.main-content,.page-content,main{max-width:100%;overflow-x:hidden}}@media (max-width: 639px){.clock-page-grid{grid-template-columns:1fr!important}.clock-period-btns{flex-wrap:wrap}.clock-period-btn{flex:1 1 auto;min-width:calc(50% - var(--space-1));font-size:var(--text-xs)}}@media (max-width: 639px){.emp-dash-grid{grid-template-columns:1fr!important}}@media (max-width: 639px){.staff-action-cell{display:flex;flex-wrap:wrap;gap:4px}.staff-action-cell .btn{font-size:10px;padding:4px 8px}}@media (max-width: 639px){.filter-pills,.period-pills{flex-wrap:wrap}}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#111;color:#ffffffd9;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;height:100dvh;overflow-y:auto;z-index:100}.sidebar-brand{padding:var(--space-5);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand-name{font-size:.78rem;font-weight:700;color:#fff;line-height:1.35;letter-spacing:.01em}.sidebar-nav{flex:1;padding:var(--space-3) 0}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-5);color:#ffffffa6;text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:background .15s,color .15s;border-left:3px solid transparent}.sidebar-link:hover{background:#ffffff12;color:#ffffffe6}.sidebar-link.active{background:var(--primary);color:#fff;font-weight:700;border-left-color:#fff}.sidebar-link.active:hover{background:var(--primary);color:#fff}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid rgba(255,255,255,.1);position:sticky;bottom:0;background:#111;margin-top:auto}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-name{font-size:var(--text-xs);font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:#ffffff73}.sidebar-logout-btn{width:100%;padding:8px var(--space-3);background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);color:#ffffffbf;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:background .15s,color .15s}.sidebar-logout-btn:hover{background:#ffffff24;color:#fff}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;background:var(--bg);min-width:0}.topbar{height:var(--navbar-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1 1 auto}.topbar-org{font-size:1.05rem;font-weight:800;color:var(--text);letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topbar-guide-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.topbar-guide-btn:hover{background:var(--primary-light);border-color:var(--primary)}.topbar-guide-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:#fff;flex-shrink:0}.topbar-user-name{font-size:var(--text-sm);font-weight:600;color:var(--text)}.topbar-role-badge{font-size:var(--text-xs);font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px var(--space-2);border-radius:var(--radius-full)}.app-content{flex:1;padding:var(--space-8);min-width:0;overflow-x:hidden}.page-header{margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--text);margin-bottom:var(--space-1)}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.stat-icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3)}.stat-value{font-size:var(--text-3xl);font-weight:800;color:var(--text);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.stat-note{font-size:11px;color:var(--gray-400);margin-left:var(--space-1)}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.section-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-5);box-shadow:var(--shadow-sm)}.section-card-title{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.quick-action-list{display:flex;flex-direction:column;gap:var(--space-2)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:500;cursor:pointer;text-align:left;width:100%;transition:background .15s,border-color .15s,color .15s}.quick-action-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.house-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.house-chip{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--primary-light);border:1px solid transparent;font-size:var(--text-sm);color:var(--primary-dark);font-weight:600;text-align:center;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;font-family:inherit}.house-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary-dark);transform:translateY(-1px)}.today-shift-row{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--gray-50)}.today-shift-time{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:2px}.today-shift-meta{font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600}.badge-active{background:#dcfce7;color:#14532d}.badge-inactive{background:var(--gray-100);color:var(--text-muted)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.coming-soon-icon{color:var(--gray-300);margin-bottom:var(--space-4)}.coming-soon-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--space-2)}.coming-soon-text{color:var(--text-muted);font-size:var(--text-sm);max-width:320px}.welcome-banner{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);border-radius:var(--radius-lg);padding:var(--space-8);color:#fff;margin-bottom:var(--space-6)}.welcome-banner-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-1)}.welcome-banner-sub{color:#ffffffb8;font-size:var(--text-sm)}.clock-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.clock-panel-time{font-size:3rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;line-height:1;margin-bottom:var(--space-1)}.clock-panel-date{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.clock-status-pill{display:inline-block;padding:var(--space-1) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-5)}.status-out{background:var(--gray-100);color:var(--text-muted)}.status-in{background:var(--success-light);color:var(--success)}.topbar-hamburger{display:none;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:var(--space-1);color:var(--text-muted);border-radius:var(--radius);transition:background .15s}.topbar-hamburger:hover{background:var(--gray-100)}.sidebar-close-btn{display:none;align-items:center;justify-content:center;background:#ffffff1a;border:none;cursor:pointer;padding:var(--space-1);color:#ffffffbf;border-radius:var(--radius)}.sidebar-close-btn:hover{background:#fff3}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:200}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.app-main{margin-left:0}.topbar-hamburger,.sidebar-close-btn{display:flex}.app-content{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}.topbar-right{gap:var(--space-2)}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-3)}.section-grid{grid-template-columns:1fr;gap:var(--space-4)}.house-grid{grid-template-columns:1fr}.clock-panel-time{font-size:2.25rem}.page-title{font-size:var(--text-xl)}.welcome-banner{padding:var(--space-5)}.stat-card{padding:var(--space-4)}.stat-value{font-size:var(--text-2xl)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.app-content{padding:var(--space-3)}}.emp-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5);align-items:start}.emp-dash-grid .clock-panel{margin-bottom:0}@media (max-width: 900px){.emp-dash-grid{grid-template-columns:1fr}}.emp-guide-btn{flex-shrink:0;display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.55);background:#ffffff26;color:#fff;font-size:var(--text-sm);font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}.emp-guide-btn:hover{background:#ffffff47}.emp-guide-btn:active{transform:translateY(1px)}.emp-guide-list{list-style:disc;margin:0;padding-left:20px;font-size:var(--text-sm);color:var(--text)}.emp-guide-list>li{margin-bottom:var(--space-3);line-height:1.5}.emp-guide-list strong{color:var(--success);font-weight:800}.emp-guide-list ul{list-style:circle;margin:4px 0 0;padding-left:18px}.emp-guide-list ul li{margin:2px 0;color:var(--text-muted);line-height:1.45}.emp-guide-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--primary);cursor:pointer;text-decoration:underline}.emp-guide-link:hover{color:var(--primary-dark)}.exception-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:var(--space-5);align-items:start;min-width:0}.exception-grid>*{min-width:0}.exception-zone{margin-bottom:var(--space-6);min-width:0}.exception-zone-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.exception-zone-bar{width:4px;height:18px;border-radius:2px;flex-shrink:0}.exception-zone-title{font-size:var(--text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0}.exception-zone-count{color:#fff;font-size:11px;font-weight:800;min-width:20px;text-align:center;padding:1px 7px;border-radius:999px;flex-shrink:0}.exception-zone-hint{font-size:12px;color:var(--text-muted)}.exception-zone-toggle{margin-left:auto;font-size:11px;white-space:nowrap}.exception-stack{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:start;min-width:0}.exception-stack>*{min-width:0}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}@media (max-width: 600px){.quick-action-grid{grid-template-columns:1fr}}.payroll-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(130px,100%),1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.payroll-stat{background:#ffffffa6;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);padding:var(--space-3) var(--space-4)}.payroll-stat-value{font-size:1.35rem;font-weight:700;line-height:1;margin-bottom:4px}.payroll-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.house-mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--space-4)}.house-mgmt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow .15s}.house-mgmt-card:hover{box-shadow:0 4px 12px #00000014}.house-mgmt-card.inactive{opacity:.6}.house-mgmt-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.house-mgmt-card-name{font-size:var(--text-base);font-weight:700;color:var(--text);flex:1;min-width:0}.house-mgmt-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.week-nav{display:flex;align-items:center;gap:var(--space-3)}.week-nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:background .15s}.week-nav-btn:hover{background:var(--gray-100)}.week-range-label{font-size:var(--text-base);font-weight:700;color:var(--text);min-width:220px;text-align:center}.house-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.house-filter-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.house-filter-btn:hover{background:var(--gray-100);color:var(--text)}.house-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.week-grid-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));min-width:1050px}.day-col{border-right:1px solid var(--border)}.day-col:last-child{border-right:none}.day-header{padding:var(--space-3);border-bottom:1px solid var(--border);text-align:center;background:var(--gray-50);position:sticky;top:0}.day-header.today{background:var(--primary-light)}.day-name{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.day-date{font-size:var(--text-base);font-weight:800;color:var(--text);margin-top:2px}.day-header.today .day-name,.day-header.today .day-date{color:var(--primary-dark)}.day-shifts{padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);min-height:120px}.day-empty{font-size:var(--text-xs);color:var(--gray-400);text-align:center;padding:var(--space-4) var(--space-2)}.shift-type-divider{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:2px var(--space-1);margin-top:var(--space-1);border-bottom:1px solid var(--border)}.shift-card{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);border-left:3px solid transparent;background:var(--gray-50);border:1px solid var(--border);font-size:var(--text-xs);transition:box-shadow .15s}.shift-card:hover{box-shadow:var(--shadow)}.shift-card.scheduled{border-left:4px solid var(--success);background:var(--scheduled-bg);border-color:var(--scheduled-border)}.shift-card.open{border-left:4px dashed #ea580c;background:var(--open-bg);border-color:var(--open-border)}.shift-card.ended{background:var(--gray-100);border-color:var(--border);border-left-color:var(--gray-400)}.shift-card.ended .shift-house-label,.shift-card.ended .shift-time,.shift-card.ended .shift-position{color:var(--text-muted)}.mobile-shift-card.ended{background:var(--gray-100);border-color:var(--border)}.mobile-shift-card.ended .shift-house-label,.mobile-shift-card.ended .mobile-shift-time,.mobile-shift-card.ended .shift-position{color:var(--text-muted)}.shift-card.called-in{border-left:4px solid #5f7a5f;background:#cdd8c9;border-color:#9fb59a}@media (prefers-color-scheme: dark){.shift-card.called-in{background:#2b352b;border-color:#4b5f4a;border-left-color:#6f8a6a}}:root[data-theme=dark] .shift-card.called-in{background:#2b352b;border-color:#4b5f4a;border-left-color:#6f8a6a}:root[data-theme=light] .shift-card.called-in{background:#cdd8c9;border-color:#9fb59a;border-left-color:#5f7a5f}.shift-time{font-weight:700;color:var(--text);margin-bottom:2px}.shift-position{color:var(--text-muted);margin-bottom:2px;font-size:11px}.shift-assignee{font-weight:700;color:var(--text);font-size:11px}.shift-house-label{font-size:11px;color:var(--primary-dark);background:var(--primary-light);padding:1px 6px;border-radius:var(--radius-sm);margin-bottom:4px;display:inline-block;font-weight:700;letter-spacing:.02em}.shift-actions{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.shift-action-btn{padding:2px 7px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:10px;font-weight:600;cursor:pointer;transition:background .15s}.shift-action-btn:hover{background:var(--gray-100)}.shift-action-btn.danger{color:var(--danger);border-color:var(--danger)}.shift-action-btn.danger:hover{background:var(--danger-light)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:500;padding:var(--space-4)}.modal{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-title{font-size:var(--text-xl);font-weight:800;color:var(--text);margin-bottom:var(--space-5)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.conflict-alert{background:var(--warning-light);border:1px solid #fde68a;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--warning);margin-bottom:var(--space-4);display:flex;gap:var(--space-2);align-items:flex-start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.my-schedule-list{display:flex;flex-direction:column;gap:var(--space-3)}.my-shift-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm)}.my-shift-date-block{text-align:center;min-width:52px;flex-shrink:0}.my-shift-day{font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase}.my-shift-num{font-size:var(--text-2xl);font-weight:800;color:var(--text);line-height:1}.my-shift-details{flex:1}.my-shift-time{font-size:var(--text-base);font-weight:700;color:var(--text)}.my-shift-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.my-shift-house{font-size:var(--text-xs);font-weight:600;color:var(--primary);background:var(--primary-light);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}@media (max-width: 768px){.schedule-header{flex-direction:column;align-items:stretch}.schedule-header .btn{width:100%;justify-content:center}.week-range-label{min-width:160px;font-size:var(--text-sm)}.house-filter{flex-wrap:wrap}.house-filter-btn{white-space:nowrap}.form-row{grid-template-columns:1fr}.my-shift-card{flex-wrap:wrap;gap:var(--space-3)}.modal{padding:var(--space-5)}}.my-schedule-mobile{display:none}@media (max-width: 639px){.my-schedule-page .week-grid-wrap{display:none}.my-schedule-mobile{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-day-section{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}.mobile-day-hdr{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-bottom:1px solid var(--border)}.mobile-day-hdr.today{background:var(--primary-light)}.mobile-day-name{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mobile-day-hdr.today .mobile-day-name{color:var(--primary-dark)}.mobile-day-date{font-size:var(--text-base);font-weight:800;color:var(--text)}.mobile-day-hdr.today .mobile-day-date{color:var(--primary-dark)}.mobile-today-pill{margin-left:auto;font-size:11px;font-weight:700;color:var(--primary-dark);background:var(--primary-light);border:1px solid var(--primary);padding:1px var(--space-2);border-radius:var(--radius-full)}.mobile-no-shift{font-size:var(--text-sm);color:var(--gray-400);padding:var(--space-3) var(--space-4);margin:0;font-style:italic}.mobile-shift-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.mobile-shift-card{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--scheduled-bg);border:1px solid var(--scheduled-border);border-left:3px solid var(--success)}.mobile-shift-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-1)}.mobile-shift-type-label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mobile-shift-time{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:3px}.called-in-label{font-size:var(--text-xs);color:var(--warning);font-weight:700}.mobile-shift-card .shift-action-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.view-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;flex-shrink:0}.view-toggle-btn{padding:var(--space-2) var(--space-5);border:none;background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.view-toggle-btn:first-child{border-right:1px solid var(--border)}.view-toggle-btn.active{background:var(--primary);color:#fff}.view-toggle-btn:hover:not(.active){background:var(--gray-100);color:var(--text)}.month-grid-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.month-day-headers{display:grid;grid-template-columns:repeat(7,1fr);background:var(--gray-50);border-bottom:1px solid var(--border)}.month-header-cell{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-day{min-height:110px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-2);cursor:pointer;transition:background .1s;position:relative}.month-day:nth-child(7n){border-right:none}.month-day.today{background:var(--primary-light)}.month-day.today .month-day-num{color:var(--primary-dark)}.month-day.filler{background:var(--gray-50);cursor:default;min-height:110px}.month-day:not(.filler):hover{background:#f8fdf8}.month-day.today:hover{background:#dff5e0}.month-day-num{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:var(--space-1);line-height:1;-webkit-user-select:none;user-select:none}.month-shift-chip{display:flex;align-items:center;gap:3px;padding:2px 5px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;line-height:1.35;margin-bottom:2px;background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46;cursor:pointer;overflow:hidden;transition:box-shadow .1s;max-width:100%}.month-shift-chip:hover{box-shadow:0 1px 4px #0000001f}.month-shift-chip.open{background:#fff1e6;border:1px dashed #ea580c;color:#9a3412}.month-shift-chip.called-in{background:#d3ddce;border:1px solid #9fb59a;color:#33452f}@media (prefers-color-scheme: dark){.month-shift-chip.called-in{background:#2b352b;border-color:#4b5f4a;color:#cbd8c4}}:root[data-theme=dark] .month-shift-chip.called-in{background:#2b352b;border-color:#4b5f4a;color:#cbd8c4}:root[data-theme=light] .month-shift-chip.called-in{background:#d3ddce;border-color:#9fb59a;color:#33452f}.msc-type{font-weight:900;font-size:11px;min-width:10px;flex-shrink:0}.msc-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--primary-dark)}.msc-del{background:none;border:none;cursor:pointer;color:inherit;opacity:0;font-size:14px;line-height:1;padding:0 1px;flex-shrink:0;transition:opacity .1s}.month-shift-chip:hover .msc-del{opacity:.6}.msc-del:hover{opacity:1!important;color:var(--danger)}.month-day-add{display:block;width:100%;margin-top:var(--space-1);padding:2px 4px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;text-align:center;opacity:0;transition:opacity .15s,background .1s,color .1s;font-family:inherit}.month-day:hover .month-day-add{opacity:1}.month-day-add:hover{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary);opacity:1!important}@media (max-width: 900px){.month-day{min-height:80px;padding:var(--space-1)}.month-day.filler{min-height:80px}.month-shift-chip{font-size:9px}.month-header-cell{font-size:10px;padding:var(--space-1)}}@media (max-width: 600px){.month-day{min-height:56px;padding:3px}.month-day.filler{min-height:56px}.month-shift-chip{font-size:8px;padding:1px 3px}.month-day-add,.msc-name{display:none}}.clock-page-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-5);margin-bottom:var(--space-6);align-items:start}@media (max-width: 900px){.clock-page-grid{grid-template-columns:1fr}}.clock-action-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.clock-status-badge{display:inline-block;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;background:var(--gray-100);color:var(--text-muted);margin-bottom:var(--space-2)}.clock-status-badge.clocked-in{background:var(--success-light);color:var(--success)}.clock-elapsed{font-size:2.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);line-height:1}.clock-elapsed.running{color:var(--success)}.clock-since{font-size:var(--text-sm);color:var(--text-muted)}.clock-house-tag{display:inline-block;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-dark);font-size:var(--text-sm);font-weight:700}.clock-btn{width:100%;max-width:260px;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:transform .1s,box-shadow .15s;margin-top:var(--space-2)}.clock-btn:active{transform:scale(.98)}.clock-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.clock-btn-in{background:var(--primary);color:#fff;box-shadow:0 4px 12px #00660059}.clock-btn-in:hover:not(:disabled){background:var(--primary-dark)}.clock-btn-out{background:var(--danger);color:#fff;box-shadow:0 4px 12px #bb000059}.clock-btn-out:hover:not(:disabled){background:#a51a1a}.clock-unsched-btn{width:100%;max-width:260px;margin-top:var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;line-height:1.2;border:2px solid var(--primary);border-radius:var(--radius-lg);background:var(--surface);color:var(--primary);cursor:pointer;transition:transform .1s,background .15s}.clock-unsched-btn:hover{background:var(--primary-light)}.clock-unsched-btn:active{transform:scale(.98)}.clock-unsched-btn svg{flex-shrink:0}.clock-unsched-hint{max-width:260px;margin:var(--space-2) auto 0;font-size:var(--text-xs);color:var(--text-muted);text-align:center;line-height:1.3}.clock-house-select{width:100%;text-align:left;margin-bottom:var(--space-2)}.clock-house-select label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-2)}.clock-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.clock-session-row{display:flex;gap:var(--space-5);flex-wrap:wrap;padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border)}.clock-session-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:3px}.clock-session-value{font-size:var(--text-base);font-weight:700;color:var(--text)}.clock-session-value.running{color:var(--success)}.clock-period-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:var(--space-3)}.clock-period-btns{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-bottom:var(--space-2)}.clock-period-btn{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;background:transparent;color:var(--text-muted);transition:background .12s,color .12s,border-color .12s;font-family:inherit}.clock-period-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.clock-period-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.clock-period-range{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.clock-period-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}@media (max-width: 700px){.clock-period-stats{grid-template-columns:repeat(2,1fr)}}.clock-stat{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-3);text-align:center}.clock-stat.ot{background:var(--warning-light);border-color:#fcd34d}.clock-stat-value{font-size:1.3rem;font-weight:800;color:var(--text);line-height:1;margin-bottom:3px}.clock-stat.ot .clock-stat-value{color:var(--warning)}.clock-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.clock-period-note{font-size:var(--text-xs);color:var(--text-muted);font-style:italic;margin-top:var(--space-1)}.clock-custom-range{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius)}.clock-custom-range .form-input{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.clock-records-section{margin-top:var(--space-4)}.clock-records-title{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.clock-entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-3)}.clock-entry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:box-shadow .15s}.clock-entry-card:hover{box-shadow:0 4px 12px #00000014}.clock-entry-card.active-entry{border-color:#a7f3d0;background:var(--success-light)}.cec-date{display:flex;flex-direction:column;align-items:center;min-width:42px;flex-shrink:0}.cec-day{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.cec-num{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1}.cec-month{font-size:10px;color:var(--text-muted);margin-top:1px}.cec-body{flex:1;min-width:0}.cec-house{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:2px}.cec-times{font-size:var(--text-xs);color:var(--text-muted)}.cec-approved{display:block;font-size:10px;color:var(--success);font-weight:700;margin-top:2px}.cec-right{text-align:right;flex-shrink:0}.cec-duration{font-size:var(--text-sm);font-weight:700;color:var(--text)}.cec-ot{font-size:var(--text-xs);color:var(--warning);font-weight:600}.cec-autoout{font-size:10px;color:var(--text-muted);font-style:italic}.records-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--space-5)}.records-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}tr.entry-active td{background:var(--success-light)}tr.entry-ot td{background:var(--warning-light)}.status-pill{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:11px;font-weight:600}.pill-active{background:var(--success-light);color:var(--success)}.pill-completed{background:var(--gray-100);color:var(--gray-600)}.pill-auto-out{background:var(--warning-light);color:var(--warning)}.pill-approved{background:#d1fae5;color:#065f46}.pill-pending{background:var(--warning-light);color:var(--warning)}@media (max-width: 1024px){.records-stat-grid{grid-template-columns:repeat(2,1fr)}}.callin-shift-summary{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-5)}.callin-shift-date{font-size:var(--text-base);font-weight:700;color:var(--text);margin-bottom:4px}.callin-shift-time{font-size:var(--text-sm);color:var(--text-muted)}.open-shift-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--space-3)}.open-shift-card{display:flex;align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5);flex-wrap:wrap}.open-shift-date{min-width:90px;font-size:var(--text-sm);font-weight:700;color:var(--text)}.open-shift-details{flex:1;min-width:140px}.open-shift-time{font-size:var(--text-base);font-weight:600;color:var(--text)}.open-shift-meta{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.my-shift-card.past{opacity:.55}.req-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--border);margin-bottom:var(--space-6);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.req-tabs::-webkit-scrollbar{display:none}.req-tab{padding:var(--space-3) var(--space-5);border:none;background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:var(--radius) var(--radius) 0 0;display:flex;align-items:center;flex-shrink:0;white-space:nowrap;transition:color .15s,border-color .15s}@media (max-width: 600px){.req-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.req-tab:hover{color:var(--text)}.req-tab.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:600}.req-tabs.req-tabs-buttons{border-bottom:none;gap:var(--space-2);flex-wrap:wrap}.req-tabs-buttons .req-tab{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);margin-bottom:0;color:var(--text);font-weight:600}.req-tabs-buttons .req-tab:hover{border-color:var(--primary);color:var(--primary)}.req-tabs-buttons .req-tab.active{background:var(--primary);border:1px solid var(--primary);color:#fff}.req-tabs-buttons .req-tab.active .req-tab-badge{background:#ffffff40;color:#fff}.req-tab-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--gray-200);color:var(--text-muted);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;margin-left:var(--space-2);padding:0 5px}.req-tab-badge-warn{background:#fef3c7;color:#92400e}.req-tab-badge-danger{background:#fee2e2;color:#991b1b}.req-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.req-pill-pending{background:#fef9c3;color:#713f12}.req-pill-approved{background:#dcfce7;color:#14532d}.req-pill-rejected{background:#fee2e2;color:#7f1d1d}tr.row-expiring td{background:#fffbeb}.records-controls{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-5)}tr.entry-active td{background:#f0fdf4}tr.entry-ot td{background:#fffbeb}.notif-bell-btn{position:relative;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius);color:var(--text-muted);display:flex;align-items:center;transition:background .15s,color .15s;margin-right:var(--space-2)}.notif-bell-btn:hover{background:var(--gray-100);color:var(--text)}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.notif-list{display:flex;flex-direction:column;gap:0;max-width:680px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.notif-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--gray-50)}.notif-item.notif-unread{background:#f0f7ff}.notif-item.notif-unread:hover{background:#e0f0ff}.notif-icon-wrap{margin-top:2px;flex-shrink:0}.notif-body{flex:1;min-width:0}.notif-title{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:2px}.notif-item.notif-unread .notif-title{font-weight:700}.notif-message{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.notif-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.notif-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.avail-type-card{flex:1 1 180px;display:flex;flex-direction:column;gap:4px;padding:var(--space-3);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.avail-type-card.selected{border-color:var(--primary);background:var(--primary-light)}.exception-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.exception-section-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.exception-section-title{font-size:var(--text-md);font-weight:700;flex:1;margin:0}.exception-count-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;color:#fff}.exception-count-badge.urgent{background:var(--danger)}.exception-count-badge.warning{background:var(--warning)}.exception-count-badge.info{background:var(--primary)}.exception-count-badge.clear{background:var(--success)}.missed-out-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.missed-out-table th{text-align:left;padding:6px 8px;font-weight:700;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.missed-out-table td{padding:8px;border-bottom:1px solid var(--gray-100)}.missed-out-table tr.long-session td:first-child{color:var(--danger)}.avail-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700}.avail-pill-pending{background:#fef3c7;color:#d97706}.avail-pill-approved{background:#d1fae5;color:#059669}.avail-pill-rejected{background:#fee2e2;color:#dc2626}.avail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.avail-info-card{padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid transparent}.avail-info-card.time-off{background:#eff6ff;border-left-color:#3b82f6}.avail-info-card.unavailable{background:#fff7ed;border-left-color:#f59e0b}.avail-info-card-title{font-weight:700;margin-bottom:4px}.avail-info-card.time-off .avail-info-card-title{color:#1e40af}.avail-info-card.unavailable .avail-info-card-title{color:#92400e}.avail-info-card-desc{font-size:var(--text-sm)}.avail-info-card.time-off .avail-info-card-desc{color:#3b82f6}.avail-info-card.unavailable .avail-info-card-desc{color:#d97706}.avail-req-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.avail-req-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow .15s}.avail-req-card:hover{box-shadow:0 2px 8px #0000000f}.avail-req-card-type{display:flex;align-items:center;gap:var(--space-3)}.avail-type-badge{font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}.avail-type-badge.timeOff,.avail-type-badge.unavailable{background:var(--gray-100);color:var(--gray-700)}.avail-req-card-dates{font-size:var(--text-sm);font-weight:600;color:var(--text)}.avail-req-card-reason{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.avail-req-card-note{font-size:var(--text-sm);color:#6b21a8;background:#f3e8ff;padding:4px 10px;border-radius:var(--radius)}.avail-req-card-ts{font-size:11px;color:var(--text-muted)}.req-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.req-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:4px;transition:box-shadow .15s}.req-card:hover{box-shadow:0 2px 8px #0000000f}.req-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.req-card-date{font-weight:700;font-size:var(--text-sm)}.req-card-time{font-size:var(--text-sm);font-weight:600;color:var(--text)}.req-card-meta{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width: 600px){.avail-info-grid{grid-template-columns:1fr}.exception-card{padding:var(--space-4)}.missed-out-table th:nth-child(4),.missed-out-table td:nth-child(4){display:none}}.mambo-banner{position:relative;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:#fffdf3;color:#2c2a1c;border:1px solid #e7d98f;border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:mambo-in .24s ease-out}@media (prefers-reduced-motion: reduce){.mambo-banner{animation:none}}@keyframes mambo-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.mambo-banner:before{content:"";position:absolute;top:-7px;left:28px;width:54px;height:14px;border-radius:3px;background:#0066002e;transform:rotate(-3deg)}.mambo-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;background:none;border:none;cursor:pointer;color:#8a8462;padding:4px;border-radius:6px}.mambo-close:hover{background:#0000000f}.mambo-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mambo-banner-title{display:flex;align-items:center;gap:10px;margin:0 0 var(--space-2);padding-right:28px;font-size:var(--text-lg);font-weight:800;line-height:1.25;color:#23210f}.mambo-emoji{font-size:1.3em}.mambo-banner-intro{margin:0 0 var(--space-3);font-size:var(--text-sm);color:#4a4531}.mambo-banner-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}@media (max-width: 640px){.mambo-banner-list{grid-template-columns:1fr}}.mambo-banner-list li{display:flex;gap:9px;align-items:flex-start;font-size:var(--text-sm);line-height:1.45;color:#2f2c1c}.mambo-bullet{flex:0 0 auto}.mambo-banner-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.mambo-banner-outro{margin:0;font-size:var(--text-sm);font-weight:700;color:#33301f}.mambo-dismiss{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-weight:700;font-size:var(--text-sm);cursor:pointer}.mambo-dismiss:hover{background:var(--primary-dark)}.mambo-dismiss:focus-visible{outline:3px solid #b45309;outline-offset:2px}@media (max-width: 560px){.mambo-dismiss{width:100%}}[data-theme=dark] .mambo-banner{background:#2b2717;border-color:#4a4326;color:#efe8ce}[data-theme=dark] .mambo-banner-title{color:#f6efd6}[data-theme=dark] .mambo-banner-intro{color:#d9d2b8}[data-theme=dark] .mambo-banner-list li{color:#e7e0c6}[data-theme=dark] .mambo-banner-outro{color:#f0e9cf}[data-theme=dark] .mambo-close{color:#b8b193}.mambo-wrap{position:relative;display:inline-flex}.mambo-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius);background:none;color:inherit;cursor:pointer}.mambo-btn:hover{background:#0000000f}.mambo-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mambo-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:320px;max-width:calc(100vw - 24px);padding:var(--space-4) var(--space-4) var(--space-3);background:#fffdf3;color:#2c2a1c;border:1px solid #e7d98f;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:mambo-in .2s ease-out}@media (prefers-reduced-motion: reduce){.mambo-pop{animation:none}}.mambo-pop:before{content:"";position:absolute;top:-7px;right:22px;width:42px;height:14px;border-radius:3px;background:#0066002e;transform:rotate(-4deg)}.mambo-pop-title{display:flex;align-items:center;gap:8px;margin:0 0 var(--space-2);font-size:var(--text-base);font-weight:800;line-height:1.25;color:#23210f}.mambo-pop-intro{margin:0 0 var(--space-2);font-size:var(--text-sm);color:#4a4531}.mambo-pop-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:grid;gap:7px}.mambo-pop-list li{display:flex;gap:9px;align-items:flex-start;font-size:var(--text-sm);line-height:1.4;color:#2f2c1c}.mambo-pop-outro{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:700;color:#33301f}@media (max-width: 560px){.mambo-pop{position:fixed;top:calc(var(--navbar-height) + 6px);left:12px;right:12px;width:auto;max-width:none}.mambo-pop:before{display:none}}[data-theme=dark] .mambo-pop{background:#2b2717;color:#efe8ce;border-color:#4a4326}[data-theme=dark] .mambo-pop-title{color:#f6efd6}[data-theme=dark] .mambo-pop-intro{color:#d9d2b8}[data-theme=dark] .mambo-pop-list li{color:#e7e0c6}[data-theme=dark] .mambo-pop-outro{color:#f0e9cf}@keyframes intransit-pulse{0%{box-shadow:0 0 #d977068c}70%{box-shadow:0 0 0 14px #d9770600}to{box-shadow:0 0 #d9770600}}@keyframes intransit-blink{0%,to{opacity:1}50%{opacity:.6}}.intransit-badge{position:fixed;right:18px;bottom:18px;z-index:9997;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:none;border-radius:var(--radius-full);background:var(--warning, #d97706);color:#fff;font-size:var(--text-sm);font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000040;animation:intransit-pulse 1.5s ease-out infinite,intransit-blink 1.5s ease-in-out infinite}.intransit-badge:hover{filter:brightness(1.05)}.intransit-badge:focus-visible{outline:3px solid #fff;outline-offset:2px}@media (prefers-reduced-motion: reduce){.intransit-badge{animation:none}}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);background:linear-gradient(145deg,var(--primary-dark) 0%,var(--primary) 55%,#3f83f8 100%);padding:var(--space-4)}.login-page-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);text-align:center;font-size:var(--text-xs);color:#ffffffd9}.login-footer-sep{color:#ffffff8c}.login-faq-link{background:none;border:none;color:#fff;font-size:var(--text-xs);font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.login-faq-link:hover{color:#ffffffd9}.login-faq-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5);max-height:60vh;overflow-y:auto}.login-faq-q{font-weight:700;color:var(--text);margin-bottom:var(--space-1)}.login-faq-a{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.login-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);width:100%;max-width:440px;box-shadow:0 20px 50px #00000040}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{font-size:3.5rem;margin-bottom:var(--space-3);line-height:1}.login-header h1{font-size:var(--text-xl);font-weight:800;color:var(--primary-dark);margin-bottom:var(--space-1);line-height:1.3}.login-header p{color:var(--text-muted);font-size:var(--text-sm)}.login-demo-section{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border)}.login-demo-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.login-demo-label code{background:var(--gray-100);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.login-demo-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.login-footer{margin-top:var(--space-5);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}.login-link-btn{background:none;border:none;color:var(--primary);font-size:var(--text-sm);cursor:pointer;text-decoration:underline;padding:0}.login-link-btn:hover{color:var(--primary-dark)}.login-panel-title{font-size:var(--text-lg);font-weight:700;color:var(--text);margin-bottom:var(--space-4)}.login-reset-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-5)}.alert-success{background:#f0fdf4;border:1px solid #86efac;color:#14532d;border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:1.5}@media (max-width: 480px){.login-card{padding:var(--space-8) var(--space-5)}}