:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary: #475569;--secondary-hover: #334155;--accent: #0ea5e9;--success: #16a34a;--success-light: #dcfce7;--warning: #d97706;--warning-light: #fef3c7;--error: #dc2626;--error-light: #fee2e2;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .05), 0 20px 50px rgba(0, 0, 0, .1);--transition: .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#f0f4ff,#f8fafc,#f0f9ff);color:var(--neutral-800);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px 24px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:.95rem;color:var(--neutral-500);letter-spacing:.02em}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:40px 36px;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card h1{font-size:1.625rem;font-weight:700;color:var(--neutral-900);letter-spacing:-.02em;margin-bottom:6px}.auth-subtitle{font-size:.9375rem;color:var(--neutral-500);margin-bottom:28px;line-height:1.5}.auth-subtitle strong{color:var(--neutral-700);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:.8125rem;font-weight:600;color:var(--neutral-600);letter-spacing:.01em}.field input{padding:11px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;color:var(--neutral-800);background:var(--neutral-50);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.field input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-light)}.field input::placeholder{color:var(--neutral-400)}.auth-form-actions{display:flex;justify-content:flex-end;margin-top:-6px}.btn{padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition);letter-spacing:.01em}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;width:100%;margin-top:4px}.btn-primary:not(:disabled):hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.btn-primary:not(:disabled):active{transform:translateY(0)}.btn-secondary{background:var(--neutral-100);color:var(--neutral-700);border:1.5px solid var(--neutral-200);width:100%}.btn-secondary:hover{background:var(--neutral-200);color:var(--neutral-800)}.auth-footer{text-align:center;margin-top:24px;font-size:.875rem;color:var(--neutral-500)}.auth-footer a,.link-muted{color:var(--primary);text-decoration:none;font-weight:500;font-size:.8125rem;transition:color var(--transition)}.auth-footer a:hover,.link-muted:hover{color:var(--primary-hover);text-decoration:underline}.auth-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--neutral-100);border-radius:var(--radius-sm);padding:4px}.auth-tab{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-size:.8125rem;font-weight:600;font-family:inherit;color:var(--neutral-500);cursor:pointer;transition:background var(--transition),color var(--transition)}.auth-tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 2px #0000000f}.auth-tab:hover:not(.active){color:var(--neutral-700)}.otp-input{letter-spacing:.5em;font-size:1.5rem;font-weight:700;text-align:center;padding:14px 16px}.org-code-card{background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.org-code-value{font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:var(--neutral-900);font-family:SF Mono,Fira Code,monospace}.org-code-label{font-size:.75rem;font-weight:600;color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.join-request-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--radius-sm);background:var(--neutral-50);border:1px solid var(--neutral-100);margin-bottom:8px;flex-wrap:wrap;gap:8px}.join-request-info{display:flex;flex-direction:column;gap:2px}.join-request-email{font-size:.875rem;font-weight:600;color:var(--neutral-800)}.join-request-meta{font-size:.75rem;color:var(--neutral-500)}.join-request-actions{display:flex;gap:8px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:20px;line-height:1.4;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-error{background:var(--error-light);color:var(--error);border:1px solid rgba(220,38,38,.15)}.alert-success{background:var(--success-light);color:var(--success);border:1px solid rgba(22,163,74,.15)}.dashboard-content{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:var(--radius-sm);padding:20px;margin-bottom:24px;font-size:.9375rem;color:var(--neutral-600)}.page-container{width:100%;max-width:800px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:36px;animation:fadeInUp .4s ease-out}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;flex-wrap:wrap}.page-header-left{display:flex;flex-direction:column;gap:4px}.page-header-left h1{font-size:1.625rem;font-weight:700;color:var(--neutral-900);letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:var(--neutral-500)}.page-subtitle strong{color:var(--neutral-700);font-weight:600}.page-header-right{display:flex;gap:10px;align-items:center}.btn-sm{padding:8px 16px;font-size:.8125rem;width:auto;margin-top:0}.btn-xs{padding:5px 12px;font-size:.75rem;width:auto;margin-top:0}.btn-danger{background:var(--error);color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.org-card{display:block;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius);padding:20px;text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);animation:fadeInUp .3s ease-out}.org-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #2563eb14;transform:translateY(-2px)}.org-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.org-avatar{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700}.org-card h3{font-size:1rem;font-weight:600;color:var(--neutral-900);margin-bottom:4px}.org-meta{font-size:.8125rem;color:var(--neutral-500)}.role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.role-manager{background:var(--primary-light);color:var(--primary)}.role-member{background:var(--neutral-100);color:var(--neutral-600)}.empty-state{text-align:center;color:var(--neutral-400);padding:40px 0;font-size:.9375rem}.empty-state-card{text-align:center;padding:48px 24px;border:2px dashed var(--neutral-200);border-radius:var(--radius)}.empty-state-card h2{font-size:1.125rem;font-weight:600;color:var(--neutral-700);margin-bottom:8px}.empty-state-card p{font-size:.875rem;color:var(--neutral-500);margin-bottom:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease-out;padding:24px}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px 24px;width:100%;max-width:400px;animation:fadeInUp .2s ease-out}.modal h2{font-size:1.125rem;font-weight:700;color:var(--neutral-900);margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.detail-grid{display:flex;flex-direction:column;gap:32px}.detail-section h2{font-size:1rem;font-weight:700;color:var(--neutral-800);margin-bottom:16px;padding-bottom:8px;border-bottom:1.5px solid var(--neutral-100)}.org-title-row{display:flex;align-items:center;gap:12px}.inline-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-edit-input{padding:7px 12px;border:1.5px solid var(--primary);border-radius:var(--radius-sm);font-size:1.25rem;font-weight:700;font-family:inherit;color:var(--neutral-900);outline:none;box-shadow:0 0 0 3px var(--primary-light)}.invite-form{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.invite-email-input{flex:1;min-width:180px;padding:9px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:var(--neutral-50);transition:border-color var(--transition),background var(--transition)}.invite-email-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-light)}.invite-role-select{padding:9px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:.875rem;font-family:inherit;background:var(--neutral-50);color:var(--neutral-800);cursor:pointer}.invite-role-select:focus{outline:none;border-color:var(--primary)}.member-list{display:flex;flex-direction:column;gap:2px}.member-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--radius-sm);transition:background var(--transition)}.member-row:hover{background:var(--neutral-50)}.member-info{display:flex;align-items:center;gap:12px;min-width:0}.member-avatar{width:36px;height:36px;border-radius:50%;background:var(--neutral-200);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.member-details{display:flex;flex-direction:column;gap:2px;min-width:0}.member-email{font-size:.875rem;font-weight:600;color:var(--neutral-800);display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.self-badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--neutral-100);color:var(--neutral-500)}.member-joined{font-size:.75rem;color:var(--neutral-400)}.member-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.last-manager-note{font-size:.6875rem;color:var(--neutral-400);font-style:italic}.invite-list{display:flex;flex-direction:column;gap:2px}.invite-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--radius-sm);transition:background var(--transition)}.invite-row:hover{background:var(--neutral-50)}.invite-info{display:flex;flex-direction:column;gap:2px}.invite-email{font-size:.875rem;font-weight:600;color:var(--neutral-800)}.invite-meta{font-size:.75rem;color:var(--neutral-400);text-transform:capitalize}.invite-code-display{font-size:.75rem;color:var(--neutral-600);margin-top:2px}.invite-code-display strong{font-family:monospace;font-size:.8125rem;color:var(--primary);letter-spacing:.05em}.invite-hint{font-size:.8125rem;color:var(--neutral-500);margin-bottom:10px;line-height:1.4}@media (max-width: 640px){.page-container{padding:24px 20px}.page-header{flex-direction:column}.page-header-right{width:100%}.card-grid{grid-template-columns:1fr}.member-row{flex-direction:column;align-items:flex-start;gap:10px}.member-actions{width:100%;flex-wrap:wrap}.invite-form{flex-direction:column}.invite-email-input,.invite-role-select{width:100%}}.schedule-container{max-width:1200px}.schedule-locked-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #f59e0b;margin-bottom:16px;flex-wrap:wrap}.schedule-locked-banner .lock-icon{font-size:1.125rem;flex-shrink:0}.schedule-locked-banner .lock-text{font-size:.9375rem;font-weight:600;color:#92400e}.schedule-locked-banner .lock-meta{font-size:.75rem;color:#b45309;margin-left:auto}.schedule-unlocked-banner{display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-sm);background:var(--success-light);border:1.5px solid rgba(22,163,74,.2);margin-bottom:16px;flex-wrap:wrap}.schedule-unlocked-banner .lock-icon{font-size:1rem;flex-shrink:0}.schedule-unlocked-banner .lock-text{font-size:.875rem;font-weight:500;color:#166534}.week-grid.schedule-locked .day-column{opacity:.92}.week-grid.schedule-locked .shift-card-expanded{border-color:var(--neutral-300);background:var(--neutral-50)}.day-locked-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px 8px;font-size:.75rem;font-weight:600;color:var(--warning)}.lock-confirm-text{font-size:.9375rem;color:var(--neutral-600);line-height:1.5;margin-bottom:20px}.week-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-wrap:nowrap}.week-label{font-size:.9375rem;font-weight:600;color:var(--neutral-700);margin:0 auto;text-align:center;white-space:nowrap}.week-grid.schedule-3day{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-height:300px}.day-column{display:flex;flex-direction:column;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);min-height:200px}.day-column.day-today{border-color:var(--primary);background:var(--primary-light)}.day-header{display:flex;flex-direction:column;align-items:center;padding:12px 4px 10px;border-bottom:1.5px solid var(--neutral-200)}.day-today .day-header{border-bottom-color:var(--primary)}.day-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-500)}.day-date{font-size:1.25rem;font-weight:700;color:var(--neutral-800);margin-top:2px}.day-today .day-date{color:var(--primary)}.day-shifts{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 8px;min-height:60px}.no-shifts{font-size:.75rem;color:var(--neutral-400);text-align:center;padding:12px 0}.shift-card-expanded{position:relative;background:#fff;border:1.5px solid var(--neutral-200);border-radius:8px;padding:10px 12px 12px;cursor:default;transition:border-color var(--transition),box-shadow var(--transition);animation:fadeIn .2s ease-out;width:100%;box-sizing:border-box;min-width:0}.shift-card-expanded:hover{border-color:var(--neutral-300);box-shadow:0 2px 8px #0000000a}.shift-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shift-time-edit{display:flex;align-items:center;gap:4px}.time-input{padding:5px 6px;border:1.5px solid var(--neutral-200);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--neutral-800);background:var(--neutral-50);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.time-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px var(--primary-light)}.time-input:disabled{opacity:.7;cursor:default}.time-dash{font-size:.8125rem;color:var(--neutral-400);font-weight:600}.shift-time-error{font-size:.6875rem;color:var(--error);margin-bottom:6px}.shift-delete-btn{width:22px;height:22px;border:none;border-radius:50%;background:var(--neutral-200);color:var(--neutral-600);font-size:.9375rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition),color var(--transition);flex-shrink:0}.shift-delete-btn:hover{background:var(--error);color:#fff}.shift-slots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shift-slot{display:flex;align-items:center;gap:6px;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:6px;padding:6px 8px;min-height:40px;transition:border-color var(--transition)}.shift-slot:focus-within{border-color:var(--primary)}.slot-label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.slot-cl{background:var(--primary-light);color:var(--primary)}.slot-oe{background:var(--success-light);color:var(--success)}.slot-name-input{flex:1;width:100%;min-width:0;box-sizing:border-box;padding:4px 6px;border:none;background:transparent;font-size:.8125rem;font-family:inherit;color:var(--neutral-800);outline:none}.slot-name-input::placeholder{color:var(--neutral-400);font-size:.75rem}.slot-name-input:disabled{opacity:.7;cursor:default}.slot-name-placeholder{font-size:.75rem;color:var(--neutral-400)}.add-shift-btn{display:block;width:calc(100% - 16px);padding:10px 8px;border:1.5px dashed var(--neutral-300);border-radius:8px;background:transparent;color:var(--neutral-500);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition);margin:0 8px 8px;min-height:42px;-webkit-tap-highlight-color:transparent}.add-shift-btn:hover,.add-shift-btn:active{border-color:var(--primary);border-style:solid;background:var(--primary);color:#fff}.add-shift-btn:active{transform:scale(.97)}.field-select{padding:11px 14px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;color:var(--neutral-800);background:var(--neutral-50);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.field-select:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-light)}.field-row{display:flex;gap:12px}.field-row .field{flex:1}@media (max-width: 860px){.week-nav{justify-content:space-between;flex-wrap:nowrap}.week-label{margin:0;flex:1;text-align:center;white-space:nowrap;font-size:.8125rem}.week-nav .btn-sm{padding:6px 12px;font-size:.75rem;white-space:nowrap}}.schedule-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid var(--neutral-200)}.schedule-tab{padding:8px 20px;font-size:.875rem;font-weight:600;color:var(--neutral-500);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition),border-color var(--transition)}.schedule-tab:hover{color:var(--neutral-800)}.schedule-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.overtime-page-panel{background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);padding:20px 24px}.overtime-week-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:nowrap}.overtime-nav-btn{flex-shrink:0;white-space:nowrap}.overtime-week-label{font-size:.9375rem;font-weight:600;color:var(--neutral-700);text-align:center;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overtime-table{display:flex;flex-direction:column;gap:0}.overtime-table-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:2px solid var(--neutral-200);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--neutral-500)}.overtime-table-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--neutral-200)}.overtime-table-row:last-child{border-bottom:none}.overtime-col-name{flex:1;min-width:0}.overtime-col-hours{display:flex;align-items:center;gap:8px;flex-shrink:0}.overtime-cell-name{font-size:.875rem;color:var(--neutral-700);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-panel{background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:16px}.emp-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.emp-panel-header h2{font-size:1rem;font-weight:700;color:var(--neutral-800);margin:0}.emp-add-form{display:flex;align-items:center;gap:8px}.emp-add-input{padding:6px 12px;border:1.5px solid var(--neutral-200);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--neutral-800);background:#fff;width:200px;transition:border-color var(--transition)}.emp-add-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.emp-list{display:flex;flex-direction:column;gap:4px}.emp-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--neutral-200);border-radius:6px;padding:6px 12px}.emp-row-inactive{opacity:.6}.emp-name{flex:1;min-width:0;font-size:.8125rem;color:var(--neutral-700);font-weight:500}.emp-status{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:4px;flex-shrink:0}.emp-status-active{color:var(--success);background:var(--success-light)}.emp-status-inactive{color:var(--neutral-400);background:var(--neutral-100)}.slot-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23666' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding-right:18px;cursor:pointer}.slot-select:disabled{cursor:not-allowed;opacity:.7}.overtime-panel{background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:20px}.overtime-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.overtime-header h2{font-size:1rem;font-weight:700;color:var(--neutral-800);margin:0}.overtime-nav{display:flex;align-items:center;gap:10px}.overtime-week-label{font-size:.875rem;font-weight:600;color:var(--neutral-700);white-space:nowrap}.overtime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.overtime-empty{color:var(--neutral-400);font-size:.875rem;padding:8px 0}.overtime-row{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--neutral-200);border-radius:6px;padding:6px 10px}.overtime-name{flex:1;min-width:0;font-size:.8125rem;color:var(--neutral-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overtime-input-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.overtime-input{width:64px;padding:5px 8px;border:1.5px solid var(--neutral-200);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--neutral-800);background:var(--neutral-50);text-align:right;transition:border-color var(--transition)}.overtime-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 2px var(--primary-light)}.overtime-input-dirty{border-color:var(--warning);background:#fffbeb}.overtime-unit{font-size:.75rem;color:var(--neutral-400);font-weight:600}.overtime-saved-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--success);background:var(--success-light);padding:2px 6px;border-radius:4px;flex-shrink:0}.overtime-message{margin-top:10px;font-size:.8125rem;padding:8px 12px;border-radius:6px}.overtime-message-success{color:var(--success);background:var(--success-light)}.overtime-message-error{color:var(--error);background:#fef2f2}.overtime-actions{margin-top:12px;display:flex;justify-content:flex-end}.slot-error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.slot-error-dismiss{background:transparent;border:1px solid var(--error);color:var(--error);border-radius:6px;padding:4px 12px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition)}.slot-error-dismiss:hover{background:var(--error);color:#fff}@media (max-width: 600px){.schedule-container{padding:20px 12px}.week-grid.schedule-3day{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;min-height:300px;padding-bottom:8px}.day-column{flex:0 0 240px;min-width:240px;width:240px}.day-header{padding:10px 4px 8px}.day-name{font-size:.6875rem}.day-date{font-size:1.0625rem}.day-shifts{padding:8px 6px;gap:8px}.shift-card-expanded{padding:8px 8px 10px}.shift-card-header{flex-wrap:wrap;gap:6px;margin-bottom:8px}.shift-time-edit{flex:1;min-width:0}.time-input{font-size:.6875rem;padding:3px 4px}.time-dash{font-size:.6875rem}.shift-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.shift-slot{padding:4px;min-height:32px;gap:3px}.slot-label{width:20px;height:20px;font-size:.5rem;border-radius:4px}.slot-name-input{font-size:.625rem;padding:2px 3px}.slot-name-input::placeholder{font-size:.5625rem}.add-shift-btn{font-size:.6875rem;min-height:34px;width:calc(100% - 12px);margin:0 6px 6px;padding:8px 6px}.overtime-panel{padding:12px 14px;margin-bottom:16px}.overtime-header{flex-direction:column;align-items:stretch;gap:8px}.overtime-nav{justify-content:space-between}.overtime-grid{grid-template-columns:1fr;gap:6px}.overtime-nav .btn-sm{padding:6px 12px;font-size:.75rem;white-space:nowrap}.emp-panel{padding:12px 14px;margin-bottom:14px}.emp-panel-header{flex-direction:column;align-items:stretch;gap:8px}.emp-add-form{flex-direction:row}.emp-add-input{width:100%;flex:1}.emp-row{flex-wrap:wrap;gap:6px}.emp-name{font-size:.75rem}.schedule-tabs{margin-bottom:12px}.schedule-tab{padding:6px 14px;font-size:.8125rem}.overtime-page-panel{padding:12px 14px}.overtime-week-nav{gap:6px;margin-bottom:14px}.overtime-nav-btn{padding:6px 10px;font-size:.6875rem}.overtime-week-label{font-size:.75rem}.overtime-table-header{padding:6px 8px;font-size:.625rem}.overtime-table-row{padding:6px 8px}.overtime-cell-name{font-size:.75rem}}#root{padding-top:max(48px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.install-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--neutral-200);box-shadow:0 -4px 20px #00000014;padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));z-index:200;animation:fadeInUp .3s ease-out}.install-banner-content{display:flex;align-items:center;gap:12px;margin-bottom:12px}.install-banner-icon{width:44px;height:44px;border-radius:10px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.install-banner-text strong{font-size:.9375rem;font-weight:700;color:var(--neutral-900)}.install-banner-text span{font-size:.8125rem;color:var(--neutral-500);line-height:1.4}.install-banner-actions{display:flex;gap:10px;justify-content:flex-end}.install-btn-accept{padding:9px 24px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition)}.install-btn-accept:hover{background:var(--primary-hover)}.install-btn-dismiss{padding:9px 20px;border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);background:transparent;color:var(--neutral-600);font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition)}.install-btn-dismiss:hover{background:var(--neutral-100)}.duty-container{max-width:1000px}.duty-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:28px;min-height:200px}.duty-day-column{display:flex;flex-direction:column;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);min-height:140px;transition:border-color var(--transition)}.duty-day-column.duty-day-today{border-color:var(--primary);background:var(--primary-light)}.duty-day-column.duty-day-weekend{background:linear-gradient(135deg,var(--neutral-50) 0%,#fff5f5 100%)}.duty-day-header{display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;border-bottom:1.5px solid var(--neutral-200)}.duty-day-today .duty-day-header{border-bottom-color:var(--primary)}.duty-day-name{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--neutral-500)}.duty-day-date{font-size:.875rem;font-weight:700;color:var(--neutral-800);margin-top:2px}.duty-day-today .duty-day-date{color:var(--primary)}.duty-day-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 6px;text-align:center}.duty-name{font-size:.8125rem;font-weight:600;color:var(--neutral-800);word-break:break-word;line-height:1.3}.duty-name-empty{color:var(--neutral-400);font-weight:400}.duty-override-badge{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--warning);background:var(--warning-light);padding:2px 6px;border-radius:4px}.duty-edit-btn,.duty-reset-btn{font-size:.6875rem;font-weight:600;font-family:inherit;border:none;background:transparent;color:var(--primary);cursor:pointer;padding:2px 6px;border-radius:4px;transition:background var(--transition);-webkit-tap-highlight-color:transparent}.duty-edit-btn:hover,.duty-reset-btn:hover{background:var(--primary-light)}.duty-reset-btn{color:var(--neutral-500)}.duty-reset-btn:hover{background:var(--neutral-100)}.duty-edit-inline{display:flex;flex-direction:column;gap:6px;width:100%;padding:0 4px}.duty-edit-input{width:100%;box-sizing:border-box;padding:6px 8px;border:1.5px solid var(--primary);border-radius:6px;font-size:.8125rem;font-family:inherit;color:var(--neutral-800);background:#fff;outline:none;box-shadow:0 0 0 2px var(--primary-light)}.duty-edit-actions{display:flex;gap:4px;justify-content:center}.duty-lists-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.duty-list-card{background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);padding:20px 24px}.duty-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:6px}.duty-list-header h2{font-size:1rem;font-weight:700;color:var(--neutral-800);margin:0}.duty-gen-time{font-size:.6875rem;color:var(--neutral-400);font-weight:500}.duty-list-desc{font-size:.75rem;color:var(--neutral-500);margin-bottom:14px}.duty-positions{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.duty-position-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--neutral-200);border-radius:6px;padding:6px 10px;transition:border-color var(--transition)}.duty-position-row:focus-within{border-color:var(--primary)}.duty-position-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:700;flex-shrink:0}.duty-position-input{flex:1;min-width:0;padding:5px 8px;border:none;background:transparent;font-size:.8125rem;font-family:inherit;color:var(--neutral-800);outline:none}.duty-position-input::placeholder{color:var(--neutral-400)}.duty-position-input:disabled{opacity:.7;cursor:default}.duty-list-actions{display:flex;gap:8px;flex-wrap:wrap}.duty-list-actions .btn{width:auto;flex:1;min-width:140px;margin-top:0}.duty-readonly-note{font-size:.8125rem;color:var(--neutral-400);text-align:center;padding:12px 0}.duty-locked-banner{display:flex;align-items:center;gap:10px;background:var(--error-light);border:1.5px solid var(--error);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;flex-wrap:wrap}.duty-locked-banner .lock-icon{font-size:1.125rem}.duty-locked-banner .lock-text{font-size:.875rem;font-weight:600;color:var(--error)}.duty-locked-banner .lock-meta{font-size:.75rem;color:var(--neutral-500);margin-left:auto}.duty-unlocked-banner{display:flex;align-items:center;gap:10px;background:var(--neutral-50);border:1.5px solid var(--neutral-200);border-radius:var(--radius-sm);padding:10px 16px;margin-bottom:16px}.duty-unlocked-banner .lock-icon{font-size:1.125rem}.duty-unlocked-banner .lock-text{font-size:.8125rem;color:var(--neutral-600)}.duty-grid-locked .duty-day-column{opacity:.85}.duty-grid-locked .duty-day-column:hover{border-color:var(--neutral-200)}.duty-card-locked{opacity:.75}.duty-card-locked .duty-position-row{background:var(--neutral-100)}@media (max-width: 768px){.duty-week-grid{grid-template-columns:1fr;gap:8px}.duty-day-column{flex-direction:row;align-items:center;min-height:auto;padding:10px 12px}.duty-day-header{flex-direction:row;align-items:center;gap:8px;border-bottom:none;border-right:1.5px solid var(--neutral-200);padding:0 12px 0 0;min-width:90px}.duty-day-today .duty-day-header{border-right-color:var(--primary);border-bottom:none}.duty-day-body{flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 0 0 12px;text-align:left}.duty-name{flex:1;text-align:left}.duty-lists-section{grid-template-columns:1fr}}