.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2937,#374151);padding:20px}.login-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;text-align:center;max-width:360px;width:100%}.login-card h1{font-size:1.75rem;color:#1f2937;margin-bottom:8px}.login-card h2{font-size:1.1rem;color:#6b7280;font-weight:500;margin-bottom:8px}.login-hint{font-size:.85rem;color:#9ca3af;margin-bottom:24px}.login-input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.login-input{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s;box-sizing:border-box}.login-input:focus{border-color:#3b82f6}.login-input::placeholder{color:#9ca3af}.login-error{color:#dc2626;font-size:.9rem;margin-bottom:16px;padding:10px;background:#fef2f2;border-radius:6px}.login-message{color:#059669;font-size:.9rem;margin-bottom:16px;padding:10px;background:#ecfdf5;border-radius:6px}.login-button{width:100%;padding:14px;font-size:1rem;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background:#2563eb}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.login-toggle{display:block;width:100%;margin-top:16px;padding:8px;background:none;border:none;color:#3b82f6;font-size:.85rem;cursor:pointer}.login-toggle:hover{text-decoration:underline}.shift-block{position:absolute;left:0;right:0;height:40px;border-radius:6px;padding:4px 8px;cursor:pointer;overflow:hidden;transition:transform .1s,box-shadow .1s,opacity .2s;z-index:1;box-sizing:border-box}.shift-block:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026;z-index:2}.shift-block.highlighted{box-shadow:0 0 0 3px #3b82f680,0 4px 12px #00000026;z-index:3}.shift-block.dimmed{opacity:.4}.shift-block-content{display:flex;flex-direction:column;gap:2px;height:100%;justify-content:center}.shift-block-name{font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-block-time{font-size:10px;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.shift-block--template{border:2px dashed #9ca3af}.shift-block--template .shift-block-name{color:#6b7280;text-shadow:none}.shift-block--template .shift-block-time{color:#9ca3af;text-shadow:none}.shift-block--template:hover{border-color:#6b7280}.shift-block--unavailable{background-color:#ef4444!important;cursor:default;opacity:.7}.shift-block--unavailable:hover{transform:none;box-shadow:none}.shift-block--unavailable .shift-block-name{font-style:italic}.shift-block.drop-target{box-shadow:0 0 0 3px #3b82f6,0 4px 16px #3b82f666;transform:scale(1.03);z-index:4}.shift-block.state-new-draft{outline:2px solid #3b82f6;outline-offset:-2px}.shift-block.state-changed{outline:2px solid #f97316;outline-offset:-2px}.shift-block.state-pending-delete{opacity:.6;outline:2px solid #ef4444;outline-offset:-2px;text-decoration:line-through;cursor:default}.shift-block.state-pending-delete:hover{transform:none;box-shadow:none}.shift-block{overflow:visible}.shift-block-content{overflow:hidden}.shift-diff-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#1f2937;color:#fff;border-radius:6px;padding:8px 10px;font-size:11px;z-index:20;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d}.shift-block:hover .shift-diff-tooltip{display:flex;flex-direction:column;gap:4px}.diff-row{display:flex;gap:6px;align-items:baseline}.diff-label{font-weight:600;flex-shrink:0;color:#9ca3af}.diff-published .diff-label{color:#9ca3af}.diff-draft .diff-label{color:#60a5fa}.diff-delete .diff-label{color:#f87171;font-weight:500}.schedule-grid{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.schedule-grid.read-only .day-column{cursor:default}.grid-header{display:flex;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.day-header{flex:1;min-width:100px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.day-name{font-weight:600;color:#374151;font-size:.9rem}.day-date{font-size:.75rem;color:#6b7280}.grid-body{display:flex}.days-container{display:flex;flex:1}.day-column{flex:1;min-width:100px;position:relative;border-right:1px solid #e5e7eb;background-color:#fefefe;padding:4px}.day-column.clickable{cursor:pointer}.day-column.clickable:hover{background-color:#fafafa}.day-column:last-child{border-right:none}.day-column.day-unavailable{background:repeating-linear-gradient(45deg,rgba(239,68,68,.08),rgba(239,68,68,.08) 4px,transparent 4px,transparent 8px)}.day-column.day-unavailable.clickable:hover{background:repeating-linear-gradient(45deg,#ef44441f,#ef44441f 4px,#fafafa80 4px,#fafafa80 8px)}.day-column.column-drop-target{background:#3b82f612;outline:2px dashed #93c5fd;outline-offset:-2px}.time-input-wrapper{display:inline-flex;flex-direction:column;gap:2px}.time-input{padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;font-size:.85rem;color:#374151;text-align:center;font-variant-numeric:tabular-nums;font-family:monospace;background-color:#fff}.time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.time-input.invalid{border-color:#dc2626}.time-input.invalid:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262626}.time-input-error{font-size:.7rem;color:#dc2626;line-height:1.2;white-space:nowrap}.time-input-wrapper.full-width{width:100%}.time-input-wrapper.full-width .time-input{width:100%;padding:10px 12px;font-size:14px;text-align:left}.time-input-wrapper.full-width .time-input:focus{box-shadow:0 0 0 3px #3b82f61a}.shift-editor{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.shift-editor-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:20px}.shift-editor-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:6px;font-size:14px;margin-bottom:16px}.shift-editor-warning{background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e;padding:12px;border-radius:6px;font-size:14px;margin-bottom:16px}.shift-editor-field{margin-bottom:16px}.shift-editor-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.shift-editor-field select,.shift-editor-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff}.shift-editor-field select:focus,.shift-editor-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.shift-editor-field textarea{resize:vertical;font-family:inherit}.shift-editor-summary{background-color:#f3f4f6;padding:12px;border-radius:6px;font-size:14px;font-weight:500;color:#374151;text-align:center;margin-bottom:20px}.shift-editor-actions{display:flex;gap:8px}.shift-editor-actions .btn{flex:1}.shift-editor-actions .btn-danger{flex:0 0 auto}.time-text-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;font-family:monospace}.time-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.week-navigator{display:flex;align-items:center;gap:12px}.week-nav-btn{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.week-nav-btn:hover{background:#f3f4f6;border-color:#9ca3af}.week-label{font-size:1rem;font-weight:600;color:#1f2937;min-width:180px;text-align:center}.week-today-btn{padding:8px 12px;border:1px solid #3b82f6;background:#fff;color:#3b82f6;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.week-today-btn:hover{background:#3b82f6;color:#fff}.employee-manager{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.employee-manager-toggle{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;font-weight:600;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px}.employee-manager-toggle:hover{background-color:#f9fafb}.employee-manager-content{padding:0 16px 16px}.employee-manager-list{margin-bottom:16px}.employee-manager-empty{color:#9ca3af;font-size:14px;text-align:center;padding:12px}.employee-manager-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6}.employee-manager-item:last-child{border-bottom:none}.employee-manager-item--pending{opacity:.6}.employee-manager-color{width:20px;height:20px;border-radius:50%;flex-shrink:0}.employee-manager-info{flex:1;min-width:0}.employee-manager-name{display:block;font-size:14px;color:#1f2937;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-manager-email{display:block;font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-manager-pending{margin-top:8px;padding-top:8px;border-top:1px dashed #e5e7eb}.employee-manager-pending-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.employee-manager-delete{width:24px;height:24px;border:none;background:none;color:#9ca3af;font-size:18px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.employee-manager-delete:hover{background-color:#fee2e2;color:#ef4444}.employee-manager-add{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.employee-manager-add .btn{width:100%}.employee-manager-input{flex:1;min-width:0;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.employee-manager-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.employee-manager-color-picker{width:36px;height:36px;padding:2px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}.employee-manager-color-picker::-webkit-color-swatch-wrapper{padding:0}.employee-manager-color-picker::-webkit-color-swatch{border:none;border-radius:4px}.employee-manager-error{margin-top:8px;padding:8px;font-size:12px;color:#dc2626;background:#fef2f2;border-radius:4px}.employee-manager-drag-handle{cursor:grab;color:#9ca3af;font-size:16px;padding:0 2px;flex-shrink:0;-webkit-user-select:none;user-select:none;line-height:1}.employee-manager-drag-handle:hover{color:#4b5563}.employee-manager-item.is-dragging{opacity:.4}.hours-display{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.hours-display h3{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:12px}.hours-list{display:flex;flex-direction:column;gap:12px}.hours-item{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.hours-item:last-child{padding-bottom:0;border-bottom:none}.hours-employee{display:flex;align-items:center;gap:8px}.hours-color{width:12px;height:12px;border-radius:50%}.hours-name{font-size:.9rem;font-weight:500;color:#1f2937}.hours-values{display:flex;gap:16px;padding-left:20px}.hours-value{display:flex;flex-direction:column;gap:2px}.hours-label{font-size:.75rem;color:#6b7280}.hours-number{font-size:.9rem;font-weight:600;color:#1f2937}.export-panel{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.export-panel h3{font-size:.9rem;font-weight:600;color:#374151;margin-bottom:12px}.export-buttons{display:flex;flex-direction:column;gap:8px}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:.9rem;color:#374151;cursor:pointer;transition:all .15s}.export-btn:hover{background:#f9fafb;border-color:#d1d5db}.export-icon{font-size:1.1rem}@media print{.export-panel,.week-navigator,.employee-manager,.hours-display,.shift-editor,.dashboard-sidebar,.dashboard-header button,.availability-editor{display:none!important}.dashboard{display:block!important}.dashboard-main{margin:0!important;padding:0!important}.schedule-grid{box-shadow:none!important;border:1px solid #000!important}body{background:#fff!important}}.availability-editor{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.availability-editor h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:4px}.availability-hint{font-size:.85rem;color:#6b7280;margin-bottom:16px}.availability-days{display:flex;gap:4px;margin-bottom:16px}.availability-day{flex:1;padding:8px 4px;border:1px solid #e5e7eb;background:#fff;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;position:relative}.availability-day:hover{background:#f9fafb}.availability-day.selected{background:#3b82f6;color:#fff;border-color:#3b82f6}.availability-day.has-avail:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#10b981}.availability-day.selected.has-avail:after{background:#fff}.availability-form{display:flex;flex-direction:column;gap:12px}.availability-field label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151;font-weight:500;margin-bottom:4px}.availability-field select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.availability-field select:focus{outline:none;border-color:#3b82f6}.availability-status-options{display:flex;gap:8px}.status-btn{flex:1;padding:8px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .15s}.status-btn:hover{background:#f9fafb}.status-btn.active.available{background:#dcfce7;border-color:#10b981;color:#166534}.status-btn.active.unavailable{background:#fee2e2;border-color:#ef4444;color:#991b1b}.availability-time-range{display:flex;gap:12px}.availability-time-range .availability-field{flex:1}.availability-actions{display:flex;gap:8px;margin-top:8px}.availability-actions .btn{flex:1}.availability-editor .time-input-group{display:flex;gap:8px}.availability-editor .time-text-input{width:70px;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#1f2937;background-color:#fff;font-family:monospace}.availability-editor .time-text-input:focus{outline:none;border-color:#3b82f6}.availability-editor .time-input-group select{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:10px;padding:28px 32px;width:440px;max-width:calc(100vw - 32px);box-shadow:0 20px 60px #00000040}.modal-title{font-size:1.15rem;font-weight:700;color:#111827;margin:0 0 12px}.modal-body{font-size:.9rem;color:#374151;line-height:1.5;margin:0 0 16px}.modal-empty{font-size:.875rem;color:#6b7280;font-style:italic;margin:0 0 16px}.modal-slot-list{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.modal-slot-item{display:flex;align-items:center;gap:10px;font-size:.875rem;padding:6px 10px;background:#f9fafb;border-radius:6px;color:#374151}.modal-slot-day{font-weight:600;width:32px;flex-shrink:0}.modal-slot-time{flex:1;color:#6b7280}.modal-slot-qty{font-weight:500;color:#374151}.modal-error{color:#dc2626;font-size:.875rem;margin:8px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.spe-panel{padding:24px;background:#f9fafb;min-height:100%;display:flex;flex-direction:column;gap:24px}.spe-header{display:flex;flex-direction:column;gap:6px}.spe-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.spe-subtitle{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;max-width:560px}.spe-close-btn{align-self:flex-start;margin-top:4px}.spe-days{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.spe-day-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:10px}.spe-day-name{font-size:.95rem;font-weight:600;color:#374151;margin:0}.spe-empty-day{font-size:.8rem;color:#9ca3af;font-style:italic;margin:0}.spe-slot-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.spe-slot-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#f3f4f6;border-radius:6px;font-size:.875rem}.spe-slot-time{flex:1;color:#374151;font-variant-numeric:tabular-nums}.spe-slot-qty{color:#6b7280;font-weight:500;font-size:.8rem}.spe-slot-delete{background:none;border:none;color:#9ca3af;font-size:16px;line-height:1;padding:0 2px;cursor:pointer;border-radius:3px;transition:color .1s,background .1s}.spe-slot-delete:hover:not(:disabled){color:#ef4444;background:#fee2e2}.spe-slot-delete:disabled{opacity:.4;cursor:not-allowed}.spe-add-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:4px;border-top:1px solid #f3f4f6}.spe-time-input{width:64px;padding:5px 8px;border:1px solid #d1d5db;border-radius:5px;font-size:.85rem;color:#374151;text-align:center;font-variant-numeric:tabular-nums}.spe-time-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.spe-dash{color:#9ca3af;font-size:.875rem}.spe-qty-control{display:flex;align-items:center;gap:4px;margin-left:4px}.spe-qty-btn{width:24px;height:24px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.spe-qty-btn:hover:not(:disabled){background:#f3f4f6}.spe-qty-btn:disabled{opacity:.4;cursor:not-allowed}.spe-qty-value{font-size:.875rem;font-weight:500;color:#374151;min-width:20px;text-align:center}.spe-add-btn{font-size:.8rem;padding:5px 12px;margin-left:4px}.spe-cancel-btn{font-size:.8rem;padding:5px 10px}.spe-add-day-btn{width:100%;font-size:.8rem;padding:6px 0;color:#6b7280;border-color:#e5e7eb;background:#f9fafb}.spe-add-day-btn:hover{background:#f3f4f6;color:#374151}.spe-error{font-size:.75rem;color:#ef4444;width:100%}.aev-container{padding:14px 16px;border-top:1px solid #f3f4f6}.aev-title{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.aev-loading{font-size:.8rem;color:#9ca3af;margin:0}.aev-list{display:flex;flex-direction:column;gap:5px}.aev-row{display:flex;align-items:center;gap:8px}.aev-day-label{font-size:.75rem;color:#9ca3af;width:28px;flex-shrink:0}.aev-badge{font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.aev-badge-none{background:#f3f4f6;color:#9ca3af}.aev-badge-available{background:#dcfce7;color:#166534}.aev-badge-unavailable{background:#fee2e2;color:#991b1b}.aev-badge-partial{background:#fef3c7;color:#92400e;text-transform:none;font-weight:500}.aev-partial-time{font-variant-numeric:tabular-nums}.vrp-container{border-top:1px solid #f3f4f6}.vrp-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left}.vrp-header:hover{background:#f9fafb}.vrp-header-title{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.vrp-pending-count{font-size:.7rem;font-weight:600;background:#fef3c7;color:#92400e;padding:1px 6px;border-radius:20px;text-transform:none;letter-spacing:0}.vrp-chevron{font-size:.65rem;color:#9ca3af}.vrp-list{display:flex;flex-direction:column;gap:1px;padding-bottom:8px}.vrp-empty{font-size:.8rem;color:#9ca3af;text-align:center;padding:12px 16px;margin:0}.vrp-row{padding:10px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #f9fafb}.vrp-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.vrp-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vrp-employee-name{font-size:.85rem;font-weight:600;color:#111827}.vrp-dates{font-size:.8rem;color:#374151}.vrp-submitted{font-size:.72rem;color:#9ca3af}.vrp-rejection-reason{font-size:.75rem;color:#dc2626}.vrp-affects-week{font-size:.72rem;font-weight:600;color:#92400e;background:#fef3c7;border-radius:4px;padding:1px 6px;display:inline-block}.vrp-badge{font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.vrp-badge-pending{background:#fef3c7;color:#92400e}.vrp-badge-approved{background:#dcfce7;color:#166534}.vrp-badge-rejected{background:#fee2e2;color:#991b1b}.vrp-actions{display:flex;gap:6px}.vrp-reject-form{display:flex;flex-direction:column;gap:6px}.vrp-reject-input{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;font-family:inherit;width:100%;box-sizing:border-box}.vrp-reject-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.vrp-reject-actions{display:flex;gap:6px}.vrp-btn{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:6px;border:none;cursor:pointer}.vrp-btn:disabled{opacity:.5;cursor:not-allowed}.vrp-btn-approve{background:#dcfce7;color:#166534}.vrp-btn-approve:hover:not(:disabled){background:#bbf7d0}.vrp-btn-reject{background:#fee2e2;color:#991b1b}.vrp-btn-reject:hover:not(:disabled){background:#fecaca}.vrp-btn-cancel{background:#f3f4f6;color:#374151}.vrp-btn-cancel:hover:not(:disabled){background:#e5e7eb}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:#f3f4f6}.dashboard-header{background:#1f2937;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:1.25rem;font-weight:600}.dashboard-header-actions{display:flex;gap:12px}.dashboard-header .btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.dashboard-header .btn:hover{background:#fff3}.copy-message{padding:12px 24px;text-align:center;font-weight:500}.copy-message.success{background:#dcfce7;color:#166534}.copy-message.error{background:#fef2f2;color:#991b1b}.drag-error-banner{padding:10px 24px;background:#fef2f2;color:#991b1b;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.drag-error-banner button{background:none;border:none;color:#991b1b;font-size:18px;cursor:pointer;line-height:1;padding:0 4px}.dashboard-layout{display:flex;flex:1;padding:24px;gap:24px}.dashboard-sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center}.template-toggle{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.template-toggle input[type=checkbox]{cursor:pointer}.dashboard-content{display:flex;gap:24px;flex:1}.grid-wrapper{flex:1;overflow-x:auto}.grid-wrapper.with-editor{flex:1}.editor-wrapper{width:320px;flex-shrink:0}.employee-selector-panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.employee-selector-label{font-size:.85rem;font-weight:600;color:#374151}.employee-selector{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#374151;background:#fff}.btn-publish{background:#16a34a!important;border-color:#15803d!important;color:#fff!important;font-weight:600}.btn-publish:hover:not(:disabled){background:#15803d!important}.btn-publish:disabled{opacity:.45;cursor:not-allowed}.pattern-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px;z-index:200;overflow-y:auto}.pattern-editor-overlay>*{width:100%;max-width:960px;border-radius:10px;box-shadow:0 8px 32px #00000040}.unpublished-indicator{font-size:.8rem;color:#fbbf24;font-weight:500;align-self:center;white-space:nowrap}.vacation-conflict-callout{margin:0 16px 12px;padding:8px 12px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;font-size:.78rem;color:#92400e;font-weight:500}.day-detail{padding:8px 0}.day-detail-empty{padding:24px 16px;text-align:center;color:#9ca3af;font-size:.875rem;margin:0}.day-detail-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:8px;margin:2px 8px;transition:background .1s}.day-detail-row.self{background:#eff6ff}.day-detail-row.unassigned{opacity:.6}.day-detail-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.day-detail-name{flex:1;font-size:.9rem;color:#111827;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-detail-row.self .day-detail-name{font-weight:700}.day-detail-row.unassigned .day-detail-name{font-style:italic;color:#6b7280}.day-detail-time{font-size:.85rem;color:#6b7280;font-variant-numeric:tabular-nums;white-space:nowrap}.day-detail-row.self .day-detail-time{color:#3b82f6}.day-detail-notes{font-size:.75rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.schedule-page{display:flex;flex-direction:column;min-height:100%}.schedule-week-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;background:#fff;border-bottom:1px solid #e5e7eb}.schedule-nav-btn{background:none;border:none;font-size:1.4rem;color:#6b7280;cursor:pointer;padding:4px 8px;line-height:1}.schedule-nav-btn:active{color:#111827}.schedule-week-info{display:flex;flex-direction:column;align-items:center;gap:2px}.schedule-week-range{font-size:.9rem;font-weight:600;color:#111827}.schedule-week-hours{font-size:.75rem;color:#6b7280}.schedule-days-list{display:flex;flex-direction:column;padding:8px 12px 24px;gap:6px}.schedule-day-card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 1px 2px #0000000f;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.schedule-day-card:active,.schedule-day-card.expanded{background:#f0f4ff}.schedule-day-heading{display:flex;align-items:baseline;gap:5px;min-width:110px}.schedule-day-name{font-size:.9rem;font-weight:600;color:#111827}.schedule-day-num{font-size:.8rem;color:#6b7280}.schedule-day-shifts{display:flex;flex-wrap:wrap;gap:4px;flex:1}.schedule-day-shift-time{font-size:.8rem;color:#374151;background:#eff6ff;border-radius:5px;padding:2px 7px;font-variant-numeric:tabular-nums}.schedule-day-off{font-size:.8rem;color:#9ca3af;font-style:italic}.schedule-day-expand-icon{font-size:.65rem;color:#9ca3af;flex-shrink:0}.schedule-day-detail{border-radius:0 0 10px 10px;overflow:hidden;margin-top:-6px;padding-top:4px}.week-strip{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb}.week-strip-nav{flex-shrink:0;width:32px;height:32px;border:none;background:none;font-size:22px;color:#6b7280;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .1s,color .1s}.week-strip-nav:hover{background:#f3f4f6;color:#111827}.week-strip-days{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.week-strip-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:none;background:none;border-radius:8px;cursor:pointer;transition:background .1s;min-width:0}.week-strip-day:hover:not(.selected){background:#f3f4f6}.week-strip-day.today .week-strip-day-num{color:#3b82f6;font-weight:700}.week-strip-day.selected{background:#3b82f6}.week-strip-day.selected .week-strip-day-label,.week-strip-day.selected .week-strip-day-num{color:#fff}.week-strip-day-label{font-size:.7rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.week-strip-day-num{font-size:.95rem;font-weight:600;color:#111827}.avail-page{display:flex;flex-direction:column;min-height:100%}.avail-page-header{padding:16px 16px 4px}.avail-page-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.avail-loading,.avail-error-screen{padding:32px 16px;text-align:center;color:#6b7280;font-size:.9rem}.avail-days{display:flex;flex-direction:column;padding:8px 0}.avail-day-row{border-bottom:1px solid #f3f4f6}.avail-day-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:none;background:none;cursor:pointer;gap:8px;text-align:left;transition:background .1s}.avail-day-trigger:hover{background:#f9fafb}.avail-day-labels{display:flex;flex-direction:column;gap:1px}.avail-day-name{font-size:.85rem;font-weight:600;color:#374151}.avail-day-name.today{color:#3b82f6}.avail-day-full{font-size:.75rem;color:#9ca3af}.avail-status-badge{font-size:.75rem;font-weight:500;color:#fff;padding:3px 8px;border-radius:20px;white-space:nowrap}.avail-status-badge.unset{background:#e5e7eb;color:#9ca3af}.avail-edit-panel{padding:12px 16px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.avail-status-toggle{display:flex;gap:6px}.avail-status-btn{flex:1;padding:7px 4px;font-size:.8rem;font-weight:500;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:all .1s}.avail-status-btn.active{color:#fff}.avail-time-row{display:flex;align-items:center;gap:8px}.avail-time-dash{color:#9ca3af;font-size:.875rem}.avail-note-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.85rem;color:#374151;resize:none;font-family:inherit;box-sizing:border-box}.avail-note-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.avail-error{font-size:.8rem;color:#dc2626;margin:0}.avail-edit-actions{display:flex;gap:8px}.hours-widget{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:10px}.hours-widget-header{display:flex;justify-content:space-between;align-items:baseline}.hours-widget-label{font-size:.8rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.hours-widget-period{font-size:.8rem;color:#9ca3af}.hours-widget-bar-track{height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.hours-widget-bar-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .4s ease}.hours-widget-bar-fill.over{background:#f59e0b}.hours-widget-footer{display:flex;align-items:baseline;gap:6px}.hours-widget-accrued{font-size:1.5rem;font-weight:700;color:#111827;font-variant-numeric:tabular-nums}.hours-widget-target{font-size:.875rem;color:#6b7280}.upcoming-shift-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;padding:16px;color:#fff;display:flex;flex-direction:column;gap:4px}.upcoming-shift-card-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.upcoming-shift-card-date{font-size:1rem;font-weight:600}.upcoming-shift-card-time{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.upcoming-shift-card-notes{font-size:.8rem;opacity:.8;margin-top:4px}.profile-page{display:flex;flex-direction:column;gap:0;padding-bottom:24px}.profile-page-header{display:flex;align-items:center;gap:16px;padding:24px 16px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.profile-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.01em}.profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-name{font-size:1.1rem;font-weight:700;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-emp-number{font-size:.8rem;color:#6b7280;font-variant-numeric:tabular-nums}.profile-section{padding:16px}.profile-logout-btn{width:100%}.vacation-page{display:flex;flex-direction:column;min-height:100%}.vacation-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px}.vacation-page-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.vacation-new-btn{font-size:.85rem;padding:7px 14px}.vacation-loading,.vacation-empty{padding:32px 16px;text-align:center;color:#9ca3af;font-size:.9rem}.vacation-error{padding:24px 16px;text-align:center;color:#6b7280}.vacation-list{display:flex;flex-direction:column;gap:10px;padding:0 16px 24px}.vacation-card{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #00000012;display:flex;flex-direction:column;gap:6px}.vacation-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.vacation-card-dates{font-size:.9rem;font-weight:600;color:#111827}.vacation-badge{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.vacation-card-note{font-size:.82rem;color:#6b7280;margin:0}.vacation-card-rejection{font-size:.8rem;color:#dc2626;margin:0}.vacation-form{background:#fff;margin:0 16px 16px;border-radius:10px;padding:16px;box-shadow:0 1px 3px #00000012;display:flex;flex-direction:column;gap:14px}.vacation-form-title{font-size:1rem;font-weight:700;color:#111827;margin:0}.vacation-form-field{display:flex;flex-direction:column;gap:4px}.vacation-form-field label{font-size:.8rem;font-weight:500;color:#374151}.vacation-form-field input[type=date],.vacation-form-field textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;color:#111827;font-family:inherit;width:100%;box-sizing:border-box}.vacation-form-field input[type=date]:focus,.vacation-form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.vacation-form-field textarea{resize:none}.vacation-form-error{font-size:.8rem;color:#dc2626;margin:0}.vacation-form-actions{display:flex;gap:8px}.requests-page{display:flex;flex-direction:column;min-height:100%}.requests-page-header{padding:16px 16px 12px}.requests-page-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.requests-loading,.requests-empty{padding:32px 16px;text-align:center;color:#9ca3af;font-size:.9rem}.requests-error{padding:24px 16px;text-align:center;color:#6b7280}.requests-list{display:flex;flex-direction:column}.requests-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #f3f4f6}.requests-row-left{display:flex;flex-direction:column;gap:2px;min-width:0}.requests-type-pill{font-size:.7rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.04em}.requests-dates{font-size:.875rem;font-weight:500;color:#111827}.requests-submitted{font-size:.75rem;color:#9ca3af}.rq-badge{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.rq-badge-pending{background:#fef3c7;color:#92400e}.rq-badge-approved{background:#dcfce7;color:#166534}.rq-badge-rejected{background:#fee2e2;color:#991b1b}.emp-shell{display:flex;flex-direction:column;height:100dvh;height:100vh;background:#f9fafb;max-width:480px;margin:0 auto;position:relative}.emp-shell-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.emp-shell-tabbar{flex-shrink:0;display:flex;background:#fff;border-top:1px solid #e5e7eb;padding-bottom:env(safe-area-inset-bottom,0)}.emp-shell-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;background:none;cursor:pointer;color:#9ca3af;transition:color .1s;min-width:0}.emp-shell-tab.active{color:#3b82f6}.emp-shell-tab:hover:not(.active){color:#6b7280}.emp-shell-tab-icon{font-size:1.2rem;line-height:1}.emp-shell-tab-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f3f4f6;color:#1f2937}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.loading-spinner{font-size:1.25rem;color:#6b7280}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#d1d5db}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}