.login-container{justify-content:center;align-items:center;margin-top:-8px;display:flex}.login-container form{background-color:#fff;border-radius:12px;justify-content:center;width:450px;min-height:500px;padding:2rem;display:flex;box-shadow:0 6px 12px #0000001f}.form-content{flex-direction:column;gap:1rem;width:100%;max-width:320px;margin:0 auto;display:flex}input{color:#333;background-color:#fff;border:2px solid #9e9e9d;border-radius:6px;height:44px;padding:0 10px 0 50px}input::placeholder{color:#9e9e9d}.form-content button{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:6px;padding:10px;transition:color .5s}.form-content button:hover{background-color:#e6833f}.input-wrapper{align-items:center;width:100%;margin-bottom:.5rem;display:flex;position:relative}.input-icon{object-fit:contain;pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}h1{text-align:center;color:#a4120c;white-space:nowrap;font-family:Schoolbell,cursive;font-size:2.5rem}input,button{box-sizing:border-box;width:100%}form img{margin:0 auto;display:block}.error-text{color:#ff3b3b;text-align:center;margin-top:12px;font-family:Akshar,sans-serif;font-size:14px;font-style:italic;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.forgot-password{text-align:center;color:#f79452;margin-top:2px;font-family:Akshar,sans-serif;font-size:.9rem;text-decoration:none}.forgot-password:hover{color:#e6833f;text-decoration:underline}.error-box{text-align:center;color:#b00020;width:100%;margin-top:10px;font-family:Akshar,sans-serif;font-size:.95rem}.input-error{background-color:#fff5f5;border:1.5px solid #e53935!important}.input-wrapper input{transition:all .2s}.eye-icon svg{pointer-events:auto}.input-wrapper input:focus{border-color:#f79452;outline:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}.wave-header{z-index:-1;width:100%;height:300px;position:absolute;top:0;left:0}.wave-header svg{width:100%;height:100%;display:block}.wave-fill{fill:#f79452}.wave-border{fill:none;stroke:#ffb37a;stroke-width:8px}.navbar{background-color:#f5f5f5;align-items:center;height:70px;padding:0 50px;font-family:Akshar,sans-serif;display:flex;position:relative;box-shadow:0 6px 10px -6px #00000038}.navbar-nav{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-right{align-items:center;gap:1rem;margin-left:auto;display:flex}.navbar-nav a,.navbar-nav a:link,.navbar-nav a:visited,.navbar-nav-mobile a,.navbar-nav-mobile a:link,.navbar-nav-mobile a:visited{color:#a4120c;font-size:1.2rem;text-decoration:none}.navbar-nav a:hover,.navbar-nav-mobile a:hover{color:#f79452}.logout-btn{cursor:pointer;background:0 0;border:none;padding:6px}.logout-btn img{height:22px}.hamburger-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;display:none}.navbar-nav-mobile{display:none}.logout-btn-mobile{cursor:pointer;color:#a4120c;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-family:Akshar,sans-serif;font-size:1.2rem;display:flex}.logout-btn-mobile:hover{color:#f79452}.logout-btn-mobile img{height:20px}.nav-item-logout{border-top:1px solid #a4120c26;padding-top:1rem}@media (width<=768px){.navbar-nav .nav-item:not(:first-child),.logout-btn{display:none}.hamburger-btn{display:flex}.navbar-nav-mobile{z-index:100;background-color:#f5f5f5;flex-direction:column;gap:1rem;margin:0;padding:1rem 50px;list-style:none;display:flex;position:absolute;top:70px;left:0;right:0;box-shadow:0 6px 10px -6px #00000038}.navbar-nav-mobile .nav-item{width:100%}.navbar-nav-mobile a{display:block}}.footer{width:100%;margin-top:auto;font-family:Akshar,sans-serif}.footer-wave{width:100%;height:60px;display:block}.footer-fill{fill:#f79452}.footer-border{fill:none;stroke:#ffb37a;stroke-width:20px}.footer-content{color:#f5f5f5;background:#f79452;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10rem;min-height:60px;padding:1.5rem 3rem;display:flex}.footer-vinclock,.footer-legal,.footer-contact{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.footer-legal a{color:#f5f5f5;cursor:pointer;text-decoration:none;transition:color .5s}.footer-legal a:hover{color:#a4120c}.footer-vinclock img{width:auto;height:35px}.footer-vinclock{flex-direction:column;gap:.5rem;display:flex}.logo-row{align-items:center;gap:10px;display:flex}.logo-row img:first-child{height:35px}.logo-row img:last-child{height:22px}h4{color:#a4120c;margin-bottom:3px;font-size:18px}@media (width<=900px){.footer-content{gap:3rem;padding:1.5rem 2rem}}@media (width<=600px){.footer-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1.5rem 2rem}.footer-vinclock,.footer-legal,.footer-contact{align-items:center}.logo-row{justify-content:center}.footer-wave{height:40px}}.loading-screen{background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Akshar,sans-serif;display:flex}.spinner{border:4px solid #ddd;border-top-color:#f79452;border-radius:50%;width:40px;height:40px;margin-bottom:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-welcome{text-align:center;margin-top:3rem}.dashboard-welcome h1{margin-bottom:.5rem;font-family:Schoolbell,cursive;font-size:3rem}.dashboard-welcome p{color:#000;font-family:Akshar,sans-serif;font-size:1.3rem;font-style:italic}.dashboard-container{grid-template-columns:repeat(3,minmax(240px,320px));justify-content:center;gap:30px;max-width:1200px;margin:50px auto;padding:0 20px;font-family:Akshar,sans-serif;display:grid}.dashboard-card{cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:250px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f}.dashboard-card:hover{transform:scale(1.08);box-shadow:0 10px 25px #0000001f,0 20px 40px #f7945233}.dashboard-card img{object-fit:contain;width:45%;height:80px;margin-bottom:15px}.dashboard-card h3{color:#333;margin-top:25px;font-size:1.1rem;font-weight:600}.dashboard-container a{color:inherit;text-decoration:none}@media (width<=900px){.dashboard-container{grid-template-columns:repeat(2,minmax(240px,320px));gap:20px}}@media (width<=600px){.dashboard-container{grid-template-columns:1fr}.dashboard-card{width:100%;max-width:90%;margin:0 auto}.dashboard-welcome h1{font-size:2.2rem}}.employee-list{max-width:1100px;margin:40px auto;padding:0 20px;font-family:Akshar,sans-serif}.employee-top{margin-bottom:26px}.employee-top h1{color:#222;margin-bottom:4px;font-size:2rem}.employee-subtitle{color:#9ca3af;margin-bottom:14px;font-size:.95rem}.search-wrapper{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;width:280px;margin-bottom:20px;padding:6px 10px;transition:all .2s;display:flex}.search-wrapper:focus-within{box-shadow:none;background:#fff;border-color:#d1d5db}.search-wrapper input{color:#333;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;font-size:.9rem}.search-wrapper input::placeholder{color:#9ca3af}.employee-card{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px 22px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000f}.employee-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001f}.employee-info h3{color:#111;margin:0;font-size:1.1rem}.employee-children{color:#6b7280;margin-top:5px;font-size:.9rem}.employee-children span{color:#374151;font-weight:600}.employee-actions{gap:10px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:.85rem;transition:all .2s}.btn-primary{color:#fff;background:#f79452}.btn-primary:hover{transform:scale(1.05)}.btn-secondary{color:#333;background:#f3f4f6}.shift-request-container{max-width:700px;margin:0 auto 80px;padding:0 20px}.shift-request-card{background:#fff;border-radius:18px;flex-direction:column;gap:20px;padding:30px;display:flex;box-shadow:0 8px 25px #00000014}.form-group{flex-direction:column;display:flex;position:relative}.form-group input,.form-group textarea{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:#f79452}.form-group input.input-error,.form-group textarea.input-error{position:static;border-color:#dc2626!important}.form-group .error-text{color:#dc2626;margin-top:6px;font-size:.8rem;line-height:1.3;display:block;position:static}.employee-search-box{position:relative}.employee-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 25px #00000014}.employee-option{cursor:pointer;padding:12px 14px;transition:all .15s}.employee-option:hover{background:#f3f4f6}.employee-empty{color:#9ca3af;padding:12px 14px}.selected-employee{color:#6b7280;margin-top:8px;font-size:.85rem}.action-row{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-send-request{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.btn-send-request:hover{transform:translateY(-2px)}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.status-badge{border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:max-content;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.success-modal{text-align:center;background:#fff;border-radius:18px;width:90%;max-width:420px;padding:40px 32px 32px;font-family:Akshar,sans-serif;animation:.2s modalPop;box-shadow:0 15px 40px #00000026}.success-modal p{color:#6b7280;margin:0 0 24px;font-family:Akshar,sans-serif;line-height:1.5}.success-modal .btn-send-request{width:100%;margin-top:10px;font-family:inherit}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.request-top{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.request-search-wrapper{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:0 auto;align-self:center;align-items:center;width:280px;min-width:200px;max-width:300px;height:36px;margin:0;padding:0 8px;transition:border-color .15s;display:flex}.request-search-wrapper:focus-within{border-color:#f79452}.request-search-wrapper input{text-indent:0;background:0 0;border:none;outline:none;width:100%;height:100%;margin:0;padding:0;font-size:.85rem;line-height:1}.btn-new-request{color:#fff;box-sizing:border-box;cursor:pointer;white-space:nowrap;background:#f79452;border:none;border-radius:8px;flex:none;justify-content:center;align-self:center;align-items:center;width:auto;height:36px;margin:0;padding:0 14px;font-size:.85rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-new-request:hover{background:#f58a3d;transform:translateY(-1px)}.request-date-group{margin-bottom:14px}.request-date-header{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;transition:all .15s;display:flex}.request-date-header:hover{background:#f9fafb}.chevron{color:#6b7280;font-size:.8rem;transition:transform .2s,color .15s;display:inline-block}.chevron.open{color:#f79452;transform:rotate(90deg)}.request-date-label{color:#111827;font-size:.95rem;font-weight:600;transition:color .15s}.request-date-header.open .request-date-label{color:#f79452}.request-date-count{color:#6b7280;background:#fff;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.8rem}.request-date-items{flex-direction:column;gap:12px;margin-top:12px;padding-left:4px;display:flex}.request-card{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000f}.status-badge.accepted{color:#166534;background:#dcfce7}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-modal{text-align:center;background:#fff;border-radius:18px;width:90%;max-width:420px;padding:30px;animation:.2s modalPop;box-shadow:0 15px 40px #00000026}.success-modal h3{color:#111827;margin:0 0 10px;font-family:Akshar,sans-serif;font-size:1.3rem}.success-modal p{color:#6b7280;margin:0;font-family:Akshar,sans-serif;font-size:.95rem;line-height:1.4}.success-modal button{font-family:Akshar,sans-serif;font-size:1rem}.btn-delete-big{border-radius:10px;padding:10px 16px;font-size:.9rem}.status-badge.rejected,.status-badge.declined{color:#991b1b;background:#fee2e2}.vacation-list{max-width:1100px;margin:40px auto;padding:0 20px}.vacation-filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.vacation-filters-group{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.vacation-filters-bar select,.vacation-filters-bar input[type=date]{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:44px;padding:0 12px;font-size:1rem}.vacation-filters-bar select:focus,.vacation-filters-bar input[type=date]:focus{border-color:#f79452}.vacation-filters-bar label{color:#6b7280;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.vacation-card{background:#fff;border-radius:14px;justify-content:space-between;gap:20px;margin-bottom:14px;padding:20px 24px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000f}.vacation-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001f}.vacation-info{flex-direction:column;flex:1;gap:8px;display:flex}.vacation-info h3{color:#111827;margin:0;font-size:1.05rem;font-weight:600}.vacation-type{color:#fff;border-radius:999px;width:fit-content;padding:5px 12px;font-size:.9rem;font-weight:600;display:inline-block}.vacation-type.type-urlaub{background:#f79452}.vacation-type.type-pflegeurlaub{background:#e06b2d}.vacation-type.type-sonderurlaub{background:#c2540f}.vacation-type.type-default{background:#9ca3af}@media (width<=700px){.vacation-card{flex-direction:column;align-items:flex-start}.vacation-filters-bar{align-items:flex-start}.vacation-filters-group{flex-direction:column;align-items:stretch;width:100%}.btn-clear-filters{align-self:flex-end}}.vacation-filters-bar select,.vacation-filters-bar input[type=date],.vacation-filters-bar input[type=text]{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:44px;padding:0 12px;font-size:1rem}.vacation-filters-bar input[type=text]:focus{border-color:#f79452}.vacation-filters-bar input[type=text]{width:200px}.notfound-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:2rem;font-family:Akshar,sans-serif;display:flex}.notfound-code{color:#f79452;margin:0;font-size:8rem;line-height:1}.notfound-title{color:#a4120c;margin:.5rem 0;font-size:2rem}.notfound-text{color:#555;margin-bottom:2rem;font-size:1.1rem}.notfound-btn{color:#fff;background:#f79452;border-radius:10px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s}.notfound-btn:hover{background:#a4120c;transform:translateY(-2px)}.forgot-password-container{background:#fff;border-radius:16px;flex-direction:column;align-items:center;max-width:500px;margin:4rem auto 0;padding:2rem;font-family:Akshar,sans-serif;display:flex;box-shadow:0 6px 18px #00000014}.forgot-password-container h1{color:#a4120c;text-align:center;margin-bottom:1rem}.forgot-password-container p{text-align:center;color:#555;margin-bottom:1.5rem}.forgot-password-container form{flex-direction:column;gap:1rem;width:100%;display:flex}.forgot-password-container input{box-sizing:border-box;border:2px solid #ddd;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .3s}.forgot-password-container input:focus{border-color:#f79452;outline:none}.forgot-password-container button{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:10px;height:48px;font-family:Akshar,sans-serif;font-size:1rem;transition:all .5s}.forgot-password-container button:hover:not(:disabled){background-color:#e6833f}.forgot-password-container button:disabled{opacity:.7;cursor:not-allowed}.forgot-password-container a{text-align:center;color:#f79452;margin-top:1rem;font-family:Akshar,sans-serif;font-size:.9rem;text-decoration:none}.forgot-password-container a:hover{color:#e6833f;text-decoration:underline}.reset-password-container{background:#fff;border-radius:16px;flex-direction:column;align-items:center;max-width:500px;margin:4rem auto 0;padding:2rem;font-family:Akshar,sans-serif;display:flex;box-shadow:0 6px 18px #00000014}.reset-password-container h1{color:#a4120c;text-align:center;margin-bottom:1rem}.reset-password-container p{text-align:center;color:#555;margin-bottom:1.5rem}.reset-password-container form{flex-direction:column;gap:1rem;width:100%;display:flex}.reset-password-container input{box-sizing:border-box;border:2px solid #ddd;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .3s}.reset-password-container input:focus{border-color:#f79452;outline:none}.reset-password-container button{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:10px;height:48px;font-family:Akshar,sans-serif;font-size:1rem;transition:all .5s}.reset-password-container button:hover:not(:disabled){background-color:#e6833f}.reset-password-container button:disabled{opacity:.7;cursor:not-allowed}.success-box{text-align:center;color:#555;margin-top:1.5rem;font-family:Akshar,sans-serif}.error-box{text-align:center;color:#a4120c;margin-top:1.5rem;font-family:Akshar,sans-serif}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.eye-icon{cursor:pointer;z-index:10;width:22px;height:22px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.edit-employee-container{max-width:700px;margin:0 auto 80px;padding:0 20px}.edit-employee-card{background:#fff;border-radius:18px;flex-direction:column;gap:20px;padding:30px;display:flex;box-shadow:0 8px 25px #00000014}.form-group{flex-direction:column;display:flex}.form-group label{color:#374151;margin-bottom:8px;font-weight:600}.form-group input{border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:.95rem}.form-group input:focus{border-color:#f79452}.page-content .btn-primary{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.page-content .btn-primary:hover{transform:translateY(-2px)}.page-content .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.page-content .btn-secondary:hover{background:#f3f4f6}.page-content .btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.page-content .btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.action-row{gap:10px;margin-top:10px;display:flex}.modal{background:#fff;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:30px;display:flex;box-shadow:0 8px 25px #0000001f}.modal h3{color:#374151;margin:0 0 8px;font-size:1.1rem}.modal-row{cursor:pointer;color:#374151;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-weight:500;transition:all .15s}.modal-row:hover{background:#f3f4f6}.child-select{cursor:pointer;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem}.child-select:focus{border-color:#f79452}.error-text{color:#ef4444;margin-top:4px;font-size:.8rem}.child-row p{color:#374151;margin:0;font-weight:500}.child-row{border-bottom:1px solid #f3f4f6;gap:10px;padding:10px 0;justify-content:space-between!important;align-items:center!important;display:flex!important}.child-row span{color:#374151;margin:0;font-weight:500}.btn-remove{color:#fff;cursor:pointer;white-space:nowrap;background:#f79452;border:none;border-radius:999px;flex-shrink:0;width:auto;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.btn-remove:hover{background:#f58a3d}.create-child-form{flex-direction:column;gap:12px;margin-top:10px;display:flex}.form-input{border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:.95rem}.page-content{font-family:Akshar,sans-serif}.times-container{flex-direction:column;gap:16px;max-width:700px;margin:0 auto 80px;padding:0 20px;display:flex}.times-card{background:#fff;border-radius:18px;flex-direction:column;gap:4px;padding:30px;display:flex;box-shadow:0 8px 25px #00000014}.times-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.times-employee-name{color:#374151;font-size:1.1rem;font-weight:700}.times-filter{cursor:pointer;color:#374151;border:1px solid #e5e7eb;border-radius:10px;outline:none;padding:8px 12px;font-family:Akshar,sans-serif;font-size:.9rem}.times-filter:focus{border-color:#f79452}.times-empty{color:#9ca3af;margin:0}.time-row{box-sizing:border-box;border-bottom:1px solid #f3f4f6;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;width:100%;padding:12px 0;display:grid!important}.time-row:last-child{border-bottom:none}.time-info{flex-direction:column;gap:2px;min-width:0;display:flex}.time-date{color:#374151;align-items:center;gap:6px;font-size:.95rem;font-weight:600;display:flex}.time-hours{color:#6b7280;font-size:.85rem}.time-row-actions{justify-content:flex-end;align-items:center;gap:16px;width:max-content;margin:0;padding-right:6px;display:flex}.time-duration{color:#f79452;white-space:nowrap;background:#fff4ec;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.btn-back{color:#9ca3af;cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;font-family:Akshar,sans-serif;font-size:.95rem;transition:all .2s}.btn-back:hover{color:#f79452}.btn-edit-time{color:#f79452;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;margin:0;padding:0;font-family:Akshar,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-edit-time:hover{text-decoration:underline}.time-row-edited{background:#fff5f5;border-left:4px solid #ef4444;border-radius:6px;padding-left:10px}.edited-info-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.edited-badge{color:#fff;cursor:help;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.7rem;font-style:normal;font-weight:700;line-height:1;transition:transform .15s,background .15s;display:inline-flex}.edited-info-wrapper:hover .edited-badge{background:#dc2626;transform:scale(1.08)}.edited-tooltip{color:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#374151;border-radius:10px;flex-direction:column;gap:5px;min-width:220px;max-width:280px;padding:12px 14px;font-family:Akshar,sans-serif;font-size:.82rem;line-height:1.35;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 20px #0000002e}.edited-tooltip strong{margin-bottom:2px;font-size:.88rem;font-weight:700}.edited-tooltip span{color:#f3f4f6}.edited-info-wrapper:hover .edited-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.edited-tooltip:after{content:"";border-top:6px solid #374151;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:200;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{box-sizing:border-box;background:#fff;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:30px;font-family:Akshar,sans-serif;display:flex;box-shadow:0 8px 25px #0000001f}.modal h3{color:#374151;margin:0 0 8px;font-family:Akshar,sans-serif;font-size:1.1rem}.create-child-form{flex-direction:column;gap:12px;margin-top:10px;font-family:Akshar,sans-serif;display:flex}.create-child-form label{color:#374151;margin-bottom:-6px;font-family:Akshar,sans-serif;font-size:.9rem;font-weight:600}.form-input{box-sizing:border-box;color:#374151;border:1px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px;font-family:Akshar,sans-serif;font-size:.95rem}.form-input:focus{border-color:#f79452}.input-error{border-color:#ef4444!important}.error-text{color:#ef4444;margin-top:-6px;font-family:Akshar,sans-serif;font-size:.8rem}.modal .btn-primary,.modal .btn-secondary{box-sizing:border-box;min-height:44px;font-family:Akshar,sans-serif;font-size:.95rem;font-weight:600;line-height:1.2}.modal .btn-primary{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:12px;padding:12px 20px;transition:all .2s}.modal .btn-primary:hover{transform:translateY(-2px)}.modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal .btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px 20px;transition:all .2s}.modal .btn-secondary:hover{background:#f3f4f6}.modal .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal>div:last-child{gap:10px;margin-top:15px;display:flex}@media (width<=600px){.times-card{padding:20px}.time-row{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.time-row-actions{gap:10px}.time-duration{padding:4px 9px;font-size:.75rem}.btn-edit-time{font-size:.8rem}.edited-tooltip{left:auto;right:0;transform:translateY(4px)}.edited-info-wrapper:hover .edited-tooltip{transform:translateY(0)}.edited-tooltip:after{left:auto;right:3px;transform:none}.modal{width:calc(100% - 30px);padding:24px}}.cookie-banner{z-index:9999;pointer-events:none;justify-content:center;padding:16px;font-family:Akshar,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-banner-card{pointer-events:auto;background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;max-width:760px;padding:20px 24px;animation:.35s ease-out cookie-slide-up;display:flex;box-shadow:0 10px 30px #0000002e}@keyframes cookie-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-banner-text{text-align:left;flex-direction:column;flex:360px;align-items:flex-start;display:flex}.cookie-banner-text *{text-align:left}.cookie-details-toggle{color:#ea7d2e;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:8px;padding:0;font-size:.85rem;text-decoration:underline}.cookie-banner-text p{color:#6b7280;text-align:left;margin:0;font-size:.92rem;line-height:1.4}.cookie-banner-links{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;margin-top:8px;display:flex}.cookie-legal-link{color:#6b7280;font-size:.85rem;text-decoration:none}.cookie-legal-link:hover{color:#ea7d2e}.cookie-details-list{color:#6b7280;text-align:left;margin:10px 0 0;padding-left:18px;font-size:.88rem;line-height:1.5}.cookie-details-list li{margin-bottom:6px}.cookie-banner-actions{flex-wrap:wrap;flex:none;align-self:center;align-items:center;gap:10px;display:flex}@media (width<=600px){.cookie-banner-card{flex-direction:column;align-items:stretch}.cookie-banner-actions{justify-content:stretch}.cookie-banner-actions button{flex:1}}.legal-container{justify-content:center;padding:0 16px 40px;display:flex}.legal-card{color:#374151;background:#fff;border-radius:16px;width:100%;max-width:820px;padding:32px 36px;line-height:1.6;box-shadow:0 6px 20px #0000000f}.legal-meta{color:#9ca3af;margin-top:0;margin-bottom:24px;font-size:.9rem}.legal-card h2{color:#1f2937;margin-top:28px;margin-bottom:10px;font-size:1.15rem}.legal-card h2:first-of-type{margin-top:0}.legal-card h3{color:#1f2937;margin-top:18px;margin-bottom:8px;font-size:1rem}.legal-card p{margin:0 0 12px}.legal-card ul{margin:0 0 14px;padding-left:20px}.legal-card li{margin-bottom:4px}.legal-card a{color:#ea7d2e;text-decoration:underline}@media (width<=600px){.legal-card{padding:24px 20px}}.download-container{justify-content:center;padding:0 16px 40px;display:flex}.download-card{color:#374151;background:#fff;border-radius:16px;width:100%;max-width:600px;padding:36px;box-shadow:0 6px 20px #0000000f}.download-content h2{color:#1f2937;margin-top:0;margin-bottom:12px;font-size:1.5rem}.download-content>p{color:#6b7280;margin:0 0 12px;line-height:1.5}.download-note{color:#ea7d2e;font-weight:500;margin-top:16px!important}.download-info{background:#f9fafb;border-left:4px solid #ea7d2e;border-radius:8px;margin:24px 0;padding:16px}.download-info h3{color:#1f2937;margin-top:0;margin-bottom:12px;font-size:1rem}.download-info ul{color:#6b7280;margin:0;padding-left:20px;font-size:.95rem;line-height:1.6}.download-info li{margin-bottom:6px}.download-btn{width:100%;margin-top:24px;padding:12px 24px;font-size:1rem;font-weight:600}.download-modal{z-index:10000;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0003}.download-modal h3{color:#1f2937;margin-top:0;margin-bottom:8px;font-size:1.25rem}.download-modal p{color:#6b7280;margin:0 0 20px;font-size:.95rem;line-height:1.5}.download-modal input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:8px;padding:10px 12px;font-size:1rem}.download-modal input:focus{border-color:#ea7d2e;outline:none;box-shadow:0 0 0 3px #ea7d2e1a}.download-modal input.input-error{background-color:#fef2f2;border-color:#ef4444}.download-modal .error-text{color:#ef4444;margin-bottom:16px;font-size:.85rem;display:block}.modal-actions{gap:10px;margin-top:24px;display:flex}.modal-actions button{flex:1;padding:10px 16px}@media (width<=600px){.download-card,.download-modal{padding:24px 20px}}.request-list{max-width:1100px;margin:40px auto;padding:0 20px}.request-filters{gap:10px;margin-bottom:14px;display:flex}.request-filters button{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:6px 10px;font-size:.85rem;transition:all .2s}.request-filters button.active{color:#fff;background:#f79452}.divider{background:#e5e7eb;width:100%;height:1px;margin:10px 0 20px}.request-card{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000f}.request-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001f}.request-info{flex-direction:column;gap:4px;display:flex}.request-info h3{color:#111827;margin:0;font-size:1.05rem;font-weight:600}.sub-line{color:#6b7280;margin:0;font-size:.9rem}.date{color:#9ca3af;margin-top:4px;font-size:.85rem}.status-badge{border-radius:999px;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.approved{color:#166534;background:#dcfce7}.status-badge.rejected{color:#991b1b;background:#fee2e2}.request-actions{flex:none;gap:10px;display:flex}.btn-approve{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;padding:10px 14px;font-size:.8rem}.btn-approve:hover{background:#16a34a}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 14px;font-size:.8rem}.btn-danger:hover{background:#dc2626}.btn-secondary{color:#fff;cursor:pointer;background:#f79452;border:none;border-radius:8px;padding:10px 14px;font-size:.8rem}.btn-secondary:hover{background:#e6803c}.btn-approve:disabled,.btn-danger:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (width<=700px){.request-card{flex-direction:column;align-items:flex-start}.request-actions{width:100%}.btn-approve,.btn-danger,.btn-secondary{flex:1}}.sick-leave-list{max-width:1100px;margin:40px auto;padding:0 20px}.sick-leave-filters-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.sick-leave-filters-group{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.sick-leave-filters-bar select,.sick-leave-filters-bar input[type=date]{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;height:44px;padding:0 12px;font-size:1rem}.sick-leave-filters-bar select:focus,.sick-leave-filters-bar input[type=date]:focus{border-color:#f79452}.sick-leave-filters-bar label{color:#6b7280;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.btn-clear-filters{box-sizing:border-box;color:#fff;cursor:pointer;white-space:nowrap;background:#f79452;border:none;border-radius:8px;flex:none;justify-content:center;align-self:flex-end;align-items:center;width:fit-content;height:44px;padding:0 18px;font-size:.95rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.btn-clear-filters:hover{background:#e6803c}.sick-leave-card{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;padding:20px 24px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000000f}.sick-leave-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001f}.sick-leave-info{flex-direction:column;flex:1;gap:8px;display:flex}.sick-leave-info h3{color:#111827;margin:0;font-size:1.05rem;font-weight:600}.date-range{color:#9ca3af;font-size:.85rem}.sick-leave-status{color:#fff;background:#e6803c;border-radius:999px;width:fit-content;padding:5px 12px;font-size:.9rem;font-weight:600;display:inline-block}.sick-leave-status.status-pending{background:#e6803c}.sick-leave-status.status-approved{background:#22a06b}.sick-leave-status.status-rejected{background:#d64545}.comment{color:#6b7280;margin-top:6px;font-size:.9rem}.btn-attachment{box-sizing:border-box;color:#f79452;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #f79452;border-radius:8px;flex:none;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-attachment:hover{color:#fff;background:#f79452}@media (width<=700px){.sick-leave-card{flex-direction:column;align-items:flex-start}.sick-leave-filters-bar{align-items:flex-start}.sick-leave-filters-group{flex-direction:column;align-items:stretch;width:100%}.btn-clear-filters{align-self:flex-end}}.no-attachment{color:#9ca3af;white-space:nowrap;flex:none;font-size:.85rem}@font-face{font-family:Akshar;src:url(/assets/Akshar-ZA9hZiDv.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Schoolbell;src:url(/assets/Schoolbell-Dfq7mvIn.ttf)format("truetype");font-weight:400;font-style:normal}body{margin:0;padding:0}html,body{height:100%;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.header-heading{color:#fff;text-align:center;margin-top:3.5rem;margin-bottom:7.5rem;font-size:3rem}.page-content{flex:1}