.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}.owner-shell{display:grid;grid-template-columns:220px 1fr;height:100vh;overflow:hidden}.owner-shell-sidebar{background:#1a1f2e;color:#c9d1e0;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.owner-shell-brand{padding:20px 20px 16px;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.04em;border-bottom:1px solid rgba(255,255,255,.07)}.owner-shell-nav{list-style:none;margin:0;padding:12px 0;flex:1}.owner-shell-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 18px;background:none;border:none;border-left:3px solid transparent;color:#8a93a8;font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s,border-color .12s}.owner-shell-nav-item:hover{background:#ffffff0f;color:#dde3ef}.owner-shell-nav-item--active{background:#638fff1f;border-left-color:#638fff;color:#fff}.owner-shell-nav-icon{font-size:1rem;width:18px;text-align:center;flex-shrink:0}.owner-shell-nav-label{flex:1}.owner-shell-sidebar-footer{padding:14px 14px 18px;border-top:1px solid rgba(255,255,255,.07)}.owner-shell-logout{width:100%;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8a93a8;font-size:.82rem;cursor:pointer;text-align:left;transition:background .12s,color .12s}.owner-shell-logout:hover{background:#ffffff1a;color:#dde3ef}.owner-shell-content{overflow:auto;background:#f4f6f9;display:flex;flex-direction:column}.dashboard-page{display:flex;flex-direction:column;height:100%;background:#f4f6f9}.dashboard-page-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 32px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.dashboard-page-title{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:#111827}.dashboard-page-date{margin:0;font-size:.875rem;color:#6b7280}.dashboard-page-clock{font-size:2.4rem;font-weight:300;color:#111827;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;align-self:center}.dashboard-page-body{flex:1;overflow:auto;padding:24px 32px;display:flex;flex-direction:column;gap:20px}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.dash-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 12px;border-bottom:1px solid #f3f4f6}.dash-card-title{font-size:.875rem;font-weight:600;color:#374151}.dash-card-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#f3f4f6;border-radius:99px;font-size:.78rem;font-weight:600;color:#6b7280}.dash-list{list-style:none;margin:0;padding:0}.dash-list-row{display:flex;align-items:center;justify-content:space-between;padding:9px 18px;border-bottom:1px solid #f9fafb;font-size:.875rem}.dash-list-row:last-child{border-bottom:none}.dash-list-name{color:#111827;font-weight:500}.dash-list-time{color:#6b7280;font-variant-numeric:tabular-nums}.dash-overnight{color:#9ca3af;font-size:.78rem}.dash-empty{padding:16px 18px;margin:0;font-size:.875rem;color:#9ca3af}.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{background:#dbeafe!important;border-left:3px solid #3b82f6;box-shadow:0 2px 8px #3b82f626;z-index:3}.shift-block.dimmed{opacity:.45}.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:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-block-time{font-size:10px;color:#6b7280}.shift-block--unavailable .shift-block-name{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.shift-block--unavailable .shift-block-time{color:#ffffffd9}.shift-block--normal{border:1px solid #d1d5db}.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}.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}.employee-manager-item.is-selected{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:7px}.employee-manager-item.is-selected .employee-manager-name{font-weight:700;color:#1d4ed8}.assignment-mode-banner{display:flex;align-items:center;justify-content:space-between;background:#3b82f6;color:#fff;padding:7px 14px;font-size:.78rem;font-weight:600;gap:8px}.assignment-mode-banner button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;opacity:.8;flex-shrink:0}.assignment-mode-banner button:hover{opacity:1}.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}.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}.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-employee-email{font-size:.72rem;color:#9ca3af}.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}.shift-popover{position:fixed;width:248px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #00000024,0 1px 4px #00000014;border:1px solid #e5e7eb;z-index:1000;padding:12px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow:hidden;box-sizing:border-box}.shift-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.shift-popover-title{font-size:.82rem;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.04em}.shift-popover-close{background:none;border:none;color:#9ca3af;font-size:.85rem;cursor:pointer;padding:0 2px;line-height:1}.shift-popover-close:hover{color:#374151}.shift-popover-row{display:flex;align-items:center;gap:8px}.shift-popover-label{font-size:.75rem;font-weight:600;color:#6b7280;width:58px;flex-shrink:0}.shift-popover-value{font-size:.82rem;color:#1f2937;font-weight:500}.shift-popover-row .time-input-wrapper{flex:1;min-width:0}.shift-popover-row .time-input{width:100%}.shift-popover-error{font-size:.75rem;color:#dc2626;background:#fef2f2;border-radius:5px;padding:5px 8px}.shift-popover-actions{display:flex;gap:6px;margin-top:2px}.shift-popover-btn{flex:1;padding:7px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}.shift-popover-btn--save{background:#3b82f6;color:#fff}.shift-popover-btn--save:hover{background:#2563eb}.shift-popover-btn--unassign{background:#fef3c7;color:#92400e}.shift-popover-btn--unassign:hover{background:#fde68a}.shift-popover-btn--delete{background:#fee2e2;color:#991b1b}.shift-popover-btn--delete:hover{background:#fecaca}.shift-popover-overnight{font-size:.72rem;color:#6b7280;margin-left:4px;white-space:nowrap}.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}.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}.requests-page{display:flex;flex-direction:column;height:100%;background:#f4f6f9}.requests-page-header{padding:24px 32px 16px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.requests-page-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.requests-page-body{flex:1;overflow:auto;padding:24px 32px}.requests-section-title{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.requests-loading{color:#6b7280;font-size:.875rem}.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}