@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#f8faf9;--bg-card:#fff;--bg-glass:#ffffffd9;--primary:#10b981;--primary-hover:#059669;--primary-light:#e6f4ea;--primary-dark:#064e3b;--accent-green:#a7f3d0;--accent-table-header:#c8e6c9;--text-main:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb;--border-focus:#10b981;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -5px #10b9811a, 0 8px 10px -6px #0000000d;--shadow-xl:0 20px 30px -10px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#10b9810d 0,#0000 50%),radial-gradient(at 100% 100%,#34d3990d 0,#0000 50%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.app-container{max-width:1560px;margin:0 auto;padding:1.5rem 2rem 3rem}.header-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #e5e7ebcc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.brand-title-container{align-items:center;gap:.75rem;display:flex}.brand-logo-icon{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #10b9814d}.brand-title{background:linear-gradient(135deg,#064e3b 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.6rem;font-weight:800}.brand-subtitle{color:var(--text-muted);font-size:.82rem;font-weight:500}.week-navigator{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#f1f5f9;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.btn-nav{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:#fff;justify-content:center;align-items:center;display:flex}.btn-nav:hover{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary)}.week-display{color:var(--primary-dark);text-align:center;min-width:170px;padding:0 .75rem;font-size:.95rem;font-weight:700}.actions-group{align-items:center;gap:.75rem;display:flex}.btn-primary{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 14px #10b98159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.9rem;font-weight:600;display:flex}.btn-secondary:hover{border-color:var(--text-light);background:#f9fafb;transform:translateY(-1px)}.btn-accent{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 14px #0284c74d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0284c766}.stats-banner{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-normal);background:#fff;align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-icon.green{color:#10b981;background:#ecfdf5}.stat-icon.blue{color:#0284c7;background:#f0f9ff}.stat-icon.amber{color:#f59e0b;background:#fffbeb}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:800;font-family:var(--font-heading)}.stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.planning-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);background:#fff;overflow:hidden}.planning-header-bar{border-bottom:1px solid var(--border-color);background:#fafbfc;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.planning-title{color:var(--primary-dark);align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;display:flex}.planning-table-wrapper{overflow-x:auto}.planning-table{border-collapse:collapse;text-align:center;width:100%;font-size:.9rem}.planning-table th{color:#1e293b;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;border:1px solid #cbd5e1;padding:.85rem .6rem;font-size:.82rem}.th-day-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.th-day-name{letter-spacing:.04em;color:#1e293b;font-size:.82rem;font-weight:700}.th-day-date{color:#047857;letter-spacing:.02em;text-transform:none;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:.1rem .45rem;font-size:.74rem;font-weight:600}.planning-table th.col-employee{color:#065f46;text-align:left;background-color:#d1fae5;width:220px;padding-left:1.25rem}.planning-table th.col-total{color:#fff;background-color:#064e3b;width:140px}.planning-table td{vertical-align:middle;height:72px;transition:var(--transition-fast);border:1px solid #e2e8f0;padding:.6rem;position:relative}.planning-table tr:hover td{background-color:#f1f5f966}.employee-cell{text-align:left;justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.employee-cell-info{align-items:center;gap:.75rem;display:flex}.avatar-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.employee-name{color:var(--text-main);font-size:.95rem;font-weight:700}.btn-hide-row{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .15s;display:flex}.btn-hide-row:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5;transform:scale(1.08)}.hidden-employees-bar{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.65rem 1.25rem;display:flex}.btn-unhide-chip{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-unhide-chip:hover{color:#047857;background:#ecfdf5;border-color:#10b981}.employee-role{color:var(--text-muted);font-size:.75rem}.shift-cell-content{border-radius:var(--radius-sm);cursor:pointer;width:100%;height:100%;transition:var(--transition-fast);border:1px dashed #0000;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.35rem .5rem;display:flex}.shift-cell-content:hover{border-color:var(--primary);background-color:#f0fdf4}.shift-text{color:#1f2937;text-align:center;font-size:.82rem;font-weight:600;line-height:1.25}.shift-text-sub{opacity:.88;margin-top:1px;font-size:.7rem;font-weight:600;line-height:1.1;display:block}.shift-hours{color:#047857;background:#10b98126;border-radius:10px;padding:.1rem .4rem;font-size:.72rem;font-weight:700}.shift-cell-empty{color:var(--text-light);font-size:.78rem;font-style:italic}.shift-cell-off{color:#9ca3af;border-radius:var(--radius-sm);background-color:#f3f4f6;font-size:.82rem;font-weight:500}.shift-cell-absence{border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;color:#b91c1c!important;background-color:#fee2e2!important;border:1px solid #fca5a5!important}.shift-cell-absence:hover{background-color:#fecaca!important;border-color:#f87171!important}.shift-cell-absence .shift-text{font-weight:700;color:#b91c1c!important}.shift-cell-morning{border-radius:var(--radius-sm);background-color:#e0f2fe;border:1px solid #bae6fd!important}.shift-cell-morning .shift-text{color:#0369a1;font-weight:700}.shift-cell-morning .shift-hours{color:#0369a1;background:#0369a11f}.shift-cell-morning:hover{background-color:#bae6fd!important;border-color:#7dd3fc!important}.shift-cell-afternoon{border-radius:var(--radius-sm);background-color:#fff7ed;border:1px solid #fed7aa!important}.shift-cell-afternoon .shift-text{color:#c2410c;font-weight:700}.shift-cell-afternoon .shift-hours{color:#c2410c;background:#c2410c1f}.shift-cell-afternoon:hover{background-color:#fed7aa!important;border-color:#fdba74!important}.tr-template-employee td{opacity:.72;background-color:#f8fafc!important}.tr-template-employee:hover td{opacity:.85;background-color:#f1f5f9!important}.td-template .shift-cell-content{border-style:dashed!important;border-color:#cbd5e1!important}.tr-template-employee .employee-name{color:#94a3b8!important}.tr-template-employee .employee-cell{filter:grayscale(.35)}.total-cell{color:#064e3b;font-size:1.05rem;font-weight:800;font-family:var(--font-heading);background-color:#ecfdf5!important}.total-cell .hours-badge{color:#fff;background:#10b981;border-radius:20px;padding:.3rem .75rem;display:inline-block;box-shadow:0 2px 6px #10b9814d}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:1.25rem 1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-card{border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);background:#fff;flex-direction:column;max-height:calc(100dvh - 2.5rem);margin:auto;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);background:#f8fafc;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.15rem 1.4rem;display:flex}.modal-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.btn-close{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;display:flex}.btn-close:hover{color:var(--text-main);background:#e2e8f0}.modal-body{overscroll-behavior:contain;flex:auto;min-height:0;padding:1.25rem 1.4rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f8fafc}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-main);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:var(--transition-fast);outline:none;padding:.7rem .9rem;font-size:.9rem}.form-input:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #10b98126}.presets-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.25rem;display:grid}.preset-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);text-align:left;cursor:pointer;transition:var(--transition-fast);background:#f8fafc;flex-direction:column;gap:.2rem;padding:.65rem .75rem;font-size:.82rem;font-weight:600;display:flex}.preset-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.preset-btn .preset-hours{color:var(--text-muted);font-size:.72rem}.employee-list{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.employee-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f8fafc;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.btn-icon-danger{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.35rem}.btn-icon-danger:hover{background:#fee2e2}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}.app-container{max-width:100%!important;margin:0!important;padding:0!important}.print-only-container{width:100%;padding:1rem;display:block!important}.print-header{text-align:center;margin-bottom:1.5rem}.print-title{color:#4a2c5a;font-size:26pt;font-weight:800;font-family:var(--font-heading);margin-bottom:.5rem}.print-subtitle{color:#1e293b;margin-bottom:1rem;font-size:13pt;font-weight:700}.print-table{border-collapse:collapse;border:2px solid #000;width:100%}.print-table th,.print-table td{text-align:center;border:1.5px solid #000;padding:10px 6px;font-size:10.5pt}.print-table th{-webkit-print-color-adjust:exact;font-weight:700;background-color:#f1f5f9!important}.print-table th.col-valence{color:#064e3b;width:14%;background-color:#d1fae5!important}.print-table td.col-valence{-webkit-print-color-adjust:exact;text-align:center;font-weight:700;background-color:#c8e6c9!important}.print-table th.col-total{width:10%;background-color:#e2e8f0!important}.print-table td.print-cell-repos{font-style:italic;color:#475569!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#e2e8f0!important}.print-table td.print-cell-absence{font-weight:700;color:#b91c1c!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#fee2e2!important}.print-shift-text{font-size:10pt;font-weight:600;line-height:1.25}.print-shift-hours{margin-top:3px;font-size:8.5pt;font-weight:700;color:#047857!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.print-only-container{display:none}