:root{--primary-color:#4a6fa5;--primary-dark:#2a4a7f;--primary-light:#3a5a8f;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-gray:#f5f5f5;--dark-gray:#333}body,html{height:auto!important;min-height:100vh!important;overflow-x:hidden!important}.navigation-header{position:fixed;top:0;left:0;right:0;color:#333;display:flex;justify-content:space-between;align-items:center;z-index:1000;background-color:#fff;border-bottom:1px solid #eee;-webkit-print-color-adjust:exact;print-color-adjust:exact}.navigation-header img{height:40px}.navigation-header #groupInfo{color:var(--primary-color)}.navigation-header #groupInfo i{color:var(--primary-color)}.nav-buttons{display:flex;gap:10px;margin-right:0;padding-right:0}.nav-buttons button{padding:8px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:600;display:flex;align-items:center;gap:5px}.nav-buttons button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.nav-buttons button.logout{background-color:var(--danger-color)}.nav-buttons button.logout:hover{background-color:#c82333}.nav-buttons button.leave-group{background-color:#fd7e14}.nav-buttons button.leave-group:hover{background-color:#e8680a}*,::after,::before{box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#fff;margin:0;padding:0;height:100vh;overflow:hidden;color:#333}.container{padding:20px;height:100%;display:flex;flex-direction:column}.header-logo{text-align:center;margin-bottom:20px}.header-logo img{max-height:80px;max-width:100%;padding-top:5px}h2{text-align:center;margin-bottom:15px;color:var(--primary-dark)}.table-wrapper{width:100%;overflow:auto;margin-top:15px;border:1px solid #ddd;border-radius:5px;flex-grow:1;box-shadow:0 2px 5px rgba(0,0,0,.1)}table{width:auto;border-collapse:collapse;font-size:12px}td,th{border:1px solid #ddd;padding:6px;text-align:center;min-width:80px;max-width:80px;word-wrap:break-word}th{background-color:var(--primary-color);color:#fff;position:sticky;top:0;font-weight:600}td:first-child,th:first-child{position:sticky;left:0;z-index:30;min-width:50px;background:var(--primary-color);color:#fff}thead th:not(:first-child){position:sticky;top:0;z-index:20}#subHeaders th{position:sticky;top:31px;z-index:20;background-color:var(--primary-light)}.repos{background-color:var(--danger-color);color:#fff;font-weight:700}.ferie{background-color:var(--warning-color);font-weight:700}.conge{background-color:var(--success-color);color:#fff;font-weight:700}.recup{background-color:var(--info-color);color:#fff;font-weight:700}.maladie{background-color:var(--dark-gray);color:#fff;font-weight:700}.ok{color:var(--success-color);font-weight:700}.absent{color:var(--danger-color);font-weight:700}.weekend{background-color:#f9f9f9}.controls{display:flex;justify-content:space-between;padding:0 25px;border-radius:5px;align-items:center}.controls-group{display:flex;gap:10px;align-items:center}button{padding:8px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:5px}button:hover{transform:translateY(-1px);background-color:var(--primary-dark)}button:active{transform:translateY(0)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}button:disabled:hover{transform:none;background-color:var(--primary-color)}button .fa-spinner{animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}button.success-feedback{background-color:var(--success-color)!important;animation:successPulse .6s ease-out}button.error-feedback{background-color:var(--danger-color)!important;animation:errorShake .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes errorShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}button.leave-group:hover{background-color:#e8680a!important}button.admin-btn{background-color:var(--primary-color)!important}button.admin-btn:hover{background-color:var(--primary-dark)!important}button.logout-btn{background-color:var(--danger-color)!important}button.logout-btn:hover{background-color:#c82333!important}select{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;min-width:120px}.fixed-header{position:sticky;top:0;z-index:100;background:#fff;padding:10px 0;box-shadow:0 2px 5px rgba(0,0,0,.1)}.table-wrapper{margin-top:0;height:calc(100vh - 260px)}input[type=text]{width:50px;padding:6px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:14px}select.status-select{width:100%;padding:4px;border:none;background:0 0;font-weight:700;color:var(--success-color);cursor:pointer}.holiday-day{background-color:var(--warning-color);font-weight:700}.holiday-name{font-size:11px;white-space:normal;line-height:1.2;padding:2px}input[type=number]{width:60px;padding:6px;text-align:center;border:1px solid #ddd;border-radius:4px;-moz-appearance:textfield;font-size:14px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input-wrapper{display:flex;align-items:center;justify-content:center}.number-input-wrapper button{width:25px;height:25px;padding:0;margin:0 2px;background-color:var(--primary-color);color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.number-input-wrapper button:hover{background-color:var(--primary-dark)}.employee-name{cursor:pointer;transition:color .2s}.employee-name:hover{color:#fc0}.nav-menu{display:flex;justify-content:center;margin-bottom:0;padding:10px;border-radius:5px;gap:10px;flex-wrap:wrap}.nav-menu button{margin:0;padding:8px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.nav-menu button:hover{background-color:var(--primary-dark)}.nav-menu button.active{background-color:var(--primary-dark);box-shadow:0 0 0 2px rgba(74,111,165,.3)}.stats-container{display:none;width:100%;overflow:auto;margin-top:15px;flex-grow:1}.stats-container.active{display:block}.stats-table{width:100%;border-collapse:collapse;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.stats-table td,.stats-table th{padding:12px;text-align:left;border-bottom:1px solid #ddd;font-size:15px}.stats-table th{background-color:var(--primary-color);color:#fff;position:sticky;top:0}.stats-table tr:nth-child(even){background-color:#f9f9f9}.stats-table tr:hover{background-color:#f1f1f1}.stats-summary{display:flex;justify-content:space-around;margin-bottom:25px;flex-wrap:wrap;gap:15px}.stat-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:20px;min-width:200px;text-align:center;flex:1;transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-card h3{color:var(--primary-color);margin-top:0;margin-bottom:10px;font-size:16px}.stat-value{font-size:28px;font-weight:700;color:#333;margin:10px 0}.stat-label{color:#666;font-size:14px}.chart-container{width:100%;height:300px;margin-top:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:15px}.yearly-container{display:none;width:100%;overflow:auto;margin-top:15px;flex-grow:1}.yearly-container.active{display:block}.yearly-calendar{width:100%;border-collapse:collapse;font-size:10px;page-break-after:avoid}.yearly-calendar td,.yearly-calendar th{border:1px solid #ddd;padding:3px;text-align:center}.yearly-calendar th{background-color:var(--primary-color);color:#fff}.yearly-month{page-break-inside:avoid;margin-bottom:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden}.yearly-month-title{background-color:var(--primary-color);color:#fff;padding:8px;text-align:center;font-weight:700;font-size:14px}.yearly-day{width:28px;height:22px;position:relative}.yearly-status{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;bottom:1px;left:0;right:0}.employee-stats-title{text-align:center;color:var(--primary-color);margin-bottom:20px;font-size:1.5em}#companyStatsPeriod,#currentEmployeeName{font-weight:700;color:var(--primary-dark)}.print-month-title{display:none}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;background-color:var(--primary-color);color:#fff;border-radius:4px;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:1000;animation:slideIn .3s,fadeOut .5s 2.5s;animation-fill-mode:forwards}.toast-warning{background-color:var(--warning-color);color:#333}.toast-success{background-color:var(--primary-color)}.toast-error{background-color:var(--danger-color)}.yearly-calendar tr td:first-child{font-weight:700;position:relative}.yearly-calendar tr.weekend td:first-child::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background-color:var(--primary-light)}.yearly-calendar td:empty{background-color:#f9f9f9}.yearly-calendar tr:hover td:not(:first-child){background-color:rgba(74,111,165,.1)}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@media print{.controls,.nav-menu,.yearly-container{display:none!important}.header-logo{text-align:center;margin-bottom:10px;page-break-after:avoid}.header-logo img{max-height:50px}.print-month-title{display:block!important;text-align:center;font-size:1.2em;font-weight:700;margin:5px 0 10px;color:var(--primary-dark);page-break-after:avoid}.table-wrapper{overflow:visible!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;page-break-inside:avoid}table{width:100%!important;font-size:8px!important;page-break-inside:auto}td,th{padding:3px!important;text-align:center!important;min-width:auto!important;max-width:none!important;height:15px!important;font-size:7px!important}td:first-child,th:first-child{position:static!important;background:var(--primary-color)!important;color:#fff!important;width:25px!important}#subHeaders th{position:static!important;background-color:var(--primary-light)!important}@page{size:auto;margin:5mm}body{padding:0;margin:0;height:auto;overflow:visible}.container{padding:0;height:auto}.employee-group{page-break-inside:avoid;margin-bottom:10px}.print-footer{text-align:center;font-size:8px;margin-top:5px}.stats-table{width:auto!important;table-layout:fixed;margin:0 auto!important}.stats-container{display:flex;flex-direction:column;align-items:center;width:100%!important}.stats-table td:nth-child(1),.stats-table th:nth-child(1){width:10%!important}.stats-table td:nth-child(2),.stats-table td:nth-child(3),.stats-table td:nth-child(4),.stats-table td:nth-child(5),.stats-table th:nth-child(2),.stats-table th:nth-child(3),.stats-table th:nth-child(4),.stats-table th:nth-child(5){width:12%!important}.stats-table td,.stats-table th{padding:4px!important;font-size:9px!important;word-wrap:break-word}.yearly-print-table{width:100%!important;margin:0!important;padding:0!important;border-collapse:collapse}.yearly-print-table td,.yearly-print-table th{padding:2px!important;font-size:8px!important}.print-page{width:100%!important;margin:0!important;padding:0!important}.print-header{padding:5px 0!important;margin-bottom:5px!important}.print-title{font-size:14px!important;margin:5px 0!important}.stats-summary{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;page-break-inside:avoid!important;margin-bottom:15px!important}.stat-card{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;border:2px solid!important;background-color:#fff!important;page-break-inside:avoid!important}.stat-card h3{font-size:10px!important;margin:0 0 5px 0!important}.stat-value{font-size:16px!important;font-weight:700!important;margin:0 0 3px 0!important}.stat-label{font-size:8px!important}#printChart,canvas{page-break-inside:avoid!important;max-width:100%!important;height:auto!important}.chart-container{page-break-inside:avoid!important;margin-bottom:15px!important;background-color:#fff!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}.chart-container h3{font-size:12px!important;margin:0 0 10px 0!important;color:#4a6fa5!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}}@media (max-width:768px){.header-logo img{padding-top:25px}.header-logo{margin-bottom:0}.controls{flex-direction:column;gap:10px}.stats-summary{flex-direction:column}.container{padding:0 0!important}.stat-card{width:100%}.nav-menu{flex-direction:column;align-items:stretch}.nav-wrapper{flex-direction:column!important;align-items:center!important;gap:10px!important}.group-info-left{position:static!important;transform:none!important;text-align:center!important;margin-bottom:10px!important}table{font-size:10px}td,th{padding:4px;min-width:60px;max-width:60px}.nav-buttons{display:none!important}.mobile-nav-toggle{display:block!important}.navigation-header{position:fixed}}.alert{padding:12px 15px;margin:10px 0;border:1px solid transparent;border-radius:5px;font-size:14px;line-height:1.4}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000;flex-direction:column}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-text{margin-top:15px;font-size:16px;color:#fff;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2001;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:450px;width:90%;padding:0;overflow:hidden;animation:slideIn .3s ease}.modal-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:20px;text-align:center}.modal-header i{font-size:48px;margin-bottom:10px;opacity:.9}.modal-header h3{margin:0;font-size:22px;font-weight:600}.modal-body{padding:25px;text-align:center}.modal-body p{font-size:16px;color:#555;margin:0 0 25px 0;line-height:1.5}.modal-checkbox-container{margin:15px 0 20px 0;display:flex;align-items:center;justify-content:center;gap:8px}.modal-checkbox-label{font-size:14px;color:#666;cursor:pointer;user-select:none}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-btn{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-btn-primary{background-color:var(--primary-color);color:#fff;padding-left:40px!important}.modal-btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.modal-btn-secondary{background-color:#6c757d;color:#fff}.modal-btn-secondary:hover{background-color:#545b62;transform:translateY(-1px)}.modal-btn-danger{background-color:var(--danger-color);color:#fff}.modal-btn-danger:hover{background-color:#c82333;transform:translateY(-1px)}.modal-btn-warning{background-color:var(--warning-color);color:#333}.modal-btn-warning:hover{background-color:#e0a800;transform:translateY(-1px)}.modal-checkbox{margin:20px 0;padding:15px 0;border-top:1px solid #eee;display:flex;align-items:center;justify-content:center;gap:8px}.modal-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.modal-checkbox label{font-size:14px;color:#666;cursor:pointer;margin:0;user-select:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-nav-toggle{display:none;background:0 0;border:none;color:var(--primary-color);font-size:24px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s,color .3s}.mobile-nav-toggle:hover{background-color:var(--primary-color);color:#fff}.mobile-nav-menu{display:none;position:fixed;top:60px;right:20px;background:#fff;border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.15);min-width:220px;overflow:hidden;z-index:1001;animation:slideDown .3s ease-out;border:1px solid var(--primary-color)}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-menu.show{display:block}.mobile-nav-menu button{width:100%;padding:15px 20px;text-align:left;background:0 0;border:none;color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f0;transition:all .3s;display:flex;align-items:center;gap:12px}.mobile-nav-menu button:last-child{border-bottom:none}.mobile-nav-menu button:hover{background-color:var(--primary-color);color:#fff}.mobile-nav-menu button.logout{color:#dc3545}.mobile-nav-menu button.logout:hover{background-color:#dc3545;color:#fff}.mobile-nav-menu button.leave-group{color:#fd7e14}.mobile-nav-menu button.leave-group:hover{background-color:#fd7e14;color:#fff}