@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.public-popup-for-downtime{width:340px}.popup-for-downtime{width:340px}.down-time-p:last-child{border-right:0}.down-time-p{padding:5px;height:30px;display:grid;grid-template-columns:1fr;align-items:center!important;border-right:1px solid #aaa}.down-time-item{display:grid;grid-template-columns:1fr 1fr;margin-bottom:3px;border-radius:4px;padding:5px;border:1px solid #aaa}.single-bar{height:30px;border-radius:1px}.single-bar:hover{border:1px solid}.dropdown-scroll{max-height:300px;overflow:auto}.page-not-found{max-width:500px;margin:50px auto 0;padding:40px;border:1px solid #c8c8c8;text-align:center}.page-not-found .title{font-size:50px;letter-spacing:10px;margin-bottom:10px}.page-not-found .desc{font-size:20px;margin-bottom:20px}.go-back-btn{min-width:160px}.Select{position:relative}.Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{display:none!important}.Select input::-ms-clear,.Select input::-ms-reveal{display:none!important}.Select,.Select div,.Select input,.Select span{box-sizing:border-box}.Select.is-disabled .Select-arrow-zone{cursor:default;pointer-events:none;opacity:.35}.Select.is-disabled>.Select-control{background-color:#f9f9f9}.Select.is-disabled>.Select-control:hover{box-shadow:none}.Select.is-open>.Select-control{border-bottom-right-radius:0;border-bottom-left-radius:0;background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.Select.is-open>.Select-control .Select-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.Select.is-searchable.is-focused:not(.is-open)>.Select-control,.Select.is-searchable.is-open>.Select-control{cursor:text}.Select.is-focused>.Select-control{background:#fff}.Select.is-focused:not(.is-open)>.Select-control{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);background:#fff}.Select.has-value.is-clearable.Select--single>.Select-control .Select-value{padding-right:42px}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.Select--single>.Select-control .Select-value .Select-value-label{color:#333}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label{cursor:pointer;text-decoration:none}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover{color:#007eff;outline:none;text-decoration:underline}.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus{background:#fff}.Select.has-value.is-pseudo-focused .Select-input{opacity:0}.Select.is-open .Select-arrow,.Select .Select-arrow-zone:hover>.Select-arrow{border-top-color:#666}.Select.Select--rtl{direction:rtl;text-align:right}.Select-control{background-color:#fff;border-radius:4px;border:1px solid #ccc;color:#333;cursor:default;display:table;border-spacing:0;border-collapse:initial;height:25px;outline:none;overflow:hidden;position:relative;width:100%}.Select-control:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.Select-control .Select-input:focus{outline:none;background:#fff}.Select--single>.Select-control .Select-value,.Select-placeholder{bottom:0;color:#333;left:0;line-height:23px;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Select-input{height:24px;padding-left:10px;padding-right:10px;vertical-align:middle}.Select-input>input{width:100%;background:none transparent;border:0;box-shadow:none;cursor:default;display:inline-block;font-family:inherit;font-size:inherit;margin:0;outline:none;line-height:17px;padding:8px 0 12px;-webkit-appearance:none}.is-focused .Select-input>input{cursor:text}.has-value.is-pseudo-focused .Select-input{opacity:0}.Select-control:not(.is-searchable)>.Select-input{outline:none}.Select-loading-zone{cursor:pointer;display:table-cell;text-align:center}.Select-loading,.Select-loading-zone{position:relative;vertical-align:middle;width:16px}.Select-loading{animation:Select-animation-spin .4s linear infinite;height:16px;box-sizing:border-box;border-radius:50%;border:2px solid #ccc;border-right-color:#333;display:inline-block}.Select-clear-zone{animation:Select-animation-fadeIn .2s;color:#999;cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:17px}.Select-clear-zone:hover{color:#d0021b}.Select-clear{display:inline-block;font-size:18px;line-height:1}.Select--multi .Select-clear-zone{width:17px}.Select-arrow-zone{cursor:pointer;display:table-cell;position:relative;text-align:center;vertical-align:middle;width:25px;padding-right:5px}.Select--rtl .Select-arrow-zone{padding-right:0;padding-left:5px}.Select-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px;display:inline-block;height:0;width:0;position:relative}.Select-control>:last-child{padding-right:5px}.Select--multi .Select-multi-value-wrapper{display:inline-block}.Select .Select-aria-only{position:absolute;display:inline-block;height:1px;width:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;float:left}@keyframes Select-animation-fadeIn{0%{opacity:0}to{opacity:1}}.Select-menu-outer{border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#fff;border:1px solid #ccc;border-top-color:#e6e6e6;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:200px;position:absolute;left:0;top:100%;width:100%;z-index:1;-webkit-overflow-scrolling:touch}.Select-menu{max-height:198px;overflow-y:auto}.Select-option{box-sizing:border-box;background-color:#fff;color:#666;cursor:pointer;display:block;padding:8px 10px}.Select-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.Select-option.is-selected{background-color:#f5faff;background-color:rgba(0,126,255,.04);color:#333}.Select-option.is-focused{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);color:#333}.Select-option.is-disabled{color:#ccc;cursor:default}.Select-noresults{box-sizing:border-box;color:#999;cursor:default;display:block;padding:8px 10px}.Select--multi .Select-input{vertical-align:middle;margin-left:10px;padding:0}.Select--multi.Select--rtl .Select-input{margin-left:0;margin-right:10px}.Select--multi.has-value .Select-input{margin-left:5px}.Select--multi .Select-value{background-color:#ebf5ff;background-color:rgba(0,126,255,.08);border-radius:2px;border:1px solid #c2e0ff;border:1px solid rgba(0,126,255,.24);color:#007eff;display:inline-block;font-size:.9em;line-height:1.4;margin-left:5px;margin-top:5px;vertical-align:top}.Select--multi .Select-value-icon,.Select--multi .Select-value-label{display:inline-block;vertical-align:middle}.Select--multi .Select-value-label{border-bottom-right-radius:2px;border-top-right-radius:2px;cursor:default;padding:2px 5px}.Select--multi a.Select-value-label{color:#007eff;cursor:pointer;text-decoration:none}.Select--multi a.Select-value-label:hover{text-decoration:underline}.Select--multi .Select-value-icon{cursor:pointer;border-bottom-left-radius:2px;border-top-left-radius:2px;border-right:1px solid #c2e0ff;border-right:1px solid rgba(0,126,255,.24);padding:1px 5px 3px}.Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover{background-color:#d8eafd;background-color:rgba(0,113,230,.08);color:#0071e6}.Select--multi .Select-value-icon:active{background-color:#c2e0ff;background-color:rgba(0,126,255,.24)}.Select--multi.Select--rtl .Select-value{margin-left:0;margin-right:5px}.Select--multi.Select--rtl .Select-value-icon{border-right:none;border-left:1px solid #c2e0ff;border-left:1px solid rgba(0,126,255,.24)}.Select--multi.is-disabled .Select-value{background-color:#fcfcfc;border:1px solid #e3e3e3;color:#333}.Select--multi.is-disabled .Select-value-icon{cursor:not-allowed;border-right:1px solid #e3e3e3}.Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{background-color:#fcfcfc}@keyframes Select-animation-spin{to{transform:rotate(1turn)}}.form-file{background:#eee;border:none;color:#000;padding:6px 15px;text-align:left;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;width:100%;border-radius:8px;cursor:pointer;display:flex}.form-file:hover{background-color:#d9d9d9}.form-file:after{content:"Tıklayınız... ";font-size:10px;display:inline-block;position:absolute;right:2em}nav.react-contextmenu{position:fixed;width:200px;left:0;top:calc(100% + 10px);border-radius:4px;background-color:#fff;padding:10px 0;z-index:99;box-shadow:0 0 20px rgba(0,0,0,.2)}.react-contextmenu .react-contextmenu-item:hover{background:#ccc}.react-contextmenu-item:hover:not(.react-contextmenu-item--disabled){background-color:#f1f1f1}.react-contextmenu .react-contextmenu-item{font-size:14px;display:block;text-decoration:none;padding:10px 15px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s;position:relative;margin-bottom:2px;font-weight:500;display:flex;align-items:center;outline:none}.react-contextmenu-item .delete{color:red}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.vacation-main-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.08),0 4px 15px rgba(0,0,0,.05),inset 0 1px 0 hsla(0,0%,100%,.8);border:1px solid rgba(226,232,240,.4);margin:0;width:100%;position:relative;animation:vacation-cardSlideIn .8s cubic-bezier(.23,1,.32,1);display:flex;flex-direction:column;height:100%;z-index:1;overflow:visible;max-width:100vw;box-sizing:border-box}@keyframes vacation-cardSlideIn{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.vacation-card-header{background:linear-gradient(135deg,#667eea,#764ba2 60%,#f093fb);color:#fff;padding:16px 20px;position:relative;overflow:hidden;margin:-1px -1px 0;border-radius:18px 18px 0 0;z-index:2}.vacation-card-header h4{text-shadow:0 2px 10px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f8f9fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:vacation-textGlow 2s ease-in-out infinite alternate;margin:0;font-weight:800;font-size:18px;position:relative;z-index:2;letter-spacing:.4px}@keyframes vacation-textGlow{0%{filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}to{filter:drop-shadow(0 0 12px rgba(255,255,255,.6))}}.vacation-form-container{padding:20px;background:transparent;position:relative;flex:1 1;display:flex;flex-direction:column;overflow:visible;z-index:1}.vacation-required-note{background:linear-gradient(135deg,#fffefa,#fff6d2 50%,#ffd896);color:#92400e;padding:8px 16px;border-radius:10px;margin-bottom:16px;text-align:center;font-weight:700;font-size:12px;border:none;box-shadow:0 4px 15px rgba(245,158,11,.15),inset 0 1px 0 hsla(0,0%,100%,.5);animation:vacation-noteFloat 3s ease-in-out infinite;position:relative;overflow:hidden;z-index:2}@keyframes vacation-noteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.vacation-required-note:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:vacation-noteShine 2s ease-in-out infinite}@keyframes vacation-noteShine{0%{left:-100%}50%,to{left:100%}}.vacation-blink-star{animation:vacation-starPulse 2s ease-in-out infinite;font-size:16px;margin-right:6px;color:#f59e0b;filter:drop-shadow(0 2px 5px rgba(245,158,11,.4));display:inline-block}@keyframes vacation-starPulse{0%,to{transform:scale(1) rotate(0deg);opacity:1}50%{transform:scale(1.15) rotate(180deg);opacity:.7}}.vacation-form-group:first-child{animation-delay:.08s;position:relative}.vacation-form-group:nth-child(2){animation-delay:.16s}.vacation-form-group:nth-child(3){animation-delay:.24s}.vacation-form-group:nth-child(4){animation-delay:.32s}.vacation-form-group:nth-child(5){animation-delay:.4s}@keyframes vacation-slideInUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.vacation-label{font-size:10px;font-weight:700;color:#1f2937;margin-bottom:8px;display:block;letter-spacing:.4px;text-transform:uppercase;position:relative;transition:all .3s ease;word-break:break-word}.vacation-label:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.vacation-form-group:focus-within .vacation-label:after{width:100%}.vacation-form-group:focus-within .vacation-label{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vacation-required-star{color:#ef4444;font-weight:900;font-size:14px;margin-right:4px;filter:drop-shadow(0 2px 3px rgba(239,68,68,.4));animation:vacation-starBounce 2s ease-in-out infinite}@keyframes vacation-starBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.vacation-input{width:100%;padding:10px 14px;border:2px solid transparent;border-radius:10px;font-size:13px;transition:all .4s cubic-bezier(.23,1,.32,1);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e5e7eb,#f3f4f6) border-box;outline:none;font-family:inherit;color:#111827;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.8);position:relative;min-height:42px;box-sizing:border-box;min-width:120px}.vacation-input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;box-shadow:0 0 0 5px rgba(102,126,234,.15),0 6px 24px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.9);transform:translateY(-2px) scale(1.015);animation:vacation-morphing 2s ease-in-out infinite}@keyframes vacation-morphing{0%,to{border-radius:10px}50%{border-radius:14px}}.vacation-input:hover:not(:focus){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#9ca3af,#6b7280) border-box;transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.8)}.vacation-textarea{width:100%;padding:12px 14px;border:2px solid transparent;border-radius:10px;font-size:13px;resize:vertical;min-height:80px;transition:all .4s cubic-bezier(.23,1,.32,1);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e5e7eb,#f3f4f6) border-box;outline:none;font-family:inherit;color:#111827;line-height:1.5;font-weight:500;box-shadow:0 2px 10px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.8);position:relative;z-index:1}.vacation-textarea:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;box-shadow:0 0 0 5px rgba(102,126,234,.15),0 6px 24px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.9);transform:translateY(-2px);animation:vacation-morphing 2s ease-in-out infinite}.vacation-textarea:hover:not(:focus){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#9ca3af,#6b7280) border-box;transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.8)}.vacation-textarea::-webkit-scrollbar{width:6px}.vacation-textarea::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:8px}.vacation-textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.vacation-textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.vacation-address-button{position:absolute;top:4px;left:4px;padding:2px 6px;font-size:9px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;grid-gap:3px;gap:3px;box-shadow:0 1px 4px rgba(102,126,234,.3);z-index:5;outline:none;-webkit-tap-highlight-color:transparent;transition:all .3s ease;max-width:calc(100% - 8px)}.vacation-address-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 2px 6px rgba(102,126,234,.4)}.vacation-address-button:active{transform:scale(.98)}.vacation-address-button .fa{font-size:8px}.vacation-address-textarea{padding-top:25px!important;height:100px!important}.vacation-explanation-textarea{height:100px!important}.vacation-file-section-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:8px;flex-wrap:wrap}.vacation-file-section-label{margin:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.vacation-file-upload-button{padding:4px 8px;font-size:9px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 1px 4px rgba(102,126,234,.3);transition:all .3s ease;white-space:nowrap}.vacation-file-upload-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 2px 8px rgba(102,126,234,.4)}.vacation-file-info-text{font-size:9px;color:#718096;font-weight:500;flex:1 1;min-width:0}.vacation-file-grid-container{margin-top:4px}.vacation-file-grid{display:grid;grid-gap:4px;gap:4px;padding:8px;background:rgba(247,250,252,.9);border-radius:8px;border:2px solid #e2e8f0;height:100px;overflow-y:auto;align-content:flex-start;width:100%;box-sizing:border-box}.vacation-file-grid.vacation-empty{align-content:center}.vacation-file-empty-message{grid-column:1/-1;color:#9ca3af;font-size:10px;font-weight:500;font-style:italic;text-align:center}.vacation-file-item{display:flex;align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);padding:3px 6px;border-radius:6px;border:1px solid #e2e8f0;font-size:9px;font-weight:600;color:#374151;grid-gap:4px;gap:4px;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:all .2s ease;cursor:default;height:22px;min-width:0}.vacation-file-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.08)}.vacation-file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0}.vacation-file-remove-button{background:rgba(239,68,68,.1);border:none;color:#ef4444;font-size:10px;cursor:pointer;padding:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.vacation-file-remove-button:hover{background:rgba(239,68,68,.2);transform:scale(1.1)}.vacation-button-container{display:flex;grid-gap:12px;gap:12px;justify-content:flex-end;align-items:center;padding:20px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:0 0 18px 18px;margin:auto -20px -20px;position:relative;overflow:hidden;border-top:1px solid rgba(226,232,240,.6);flex-shrink:0;z-index:5;max-height:70px}.vacation-button-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.02) 0,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(99,102,241,.01) 50%,transparent 70%);animation:vacation-containerFloat 10s ease-in-out infinite alternate}@keyframes vacation-containerFloat{0%{transform:translateX(-1px)}to{transform:translateX(1px)}}.vacation-btn{border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex;align-items:center;grid-gap:4px;gap:4px;letter-spacing:.3px;min-width:90px;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);z-index:11}.vacation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease}.vacation-btn:hover:not(:disabled):before{left:100%}.vacation-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03);box-shadow:0 6px 20px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.3)}.vacation-btn-primary{background:linear-gradient(135deg,#fff,#f8fafc);color:#10b981;border:2px solid #10b981}.vacation-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #10b981}.vacation-btn-secondary{background:linear-gradient(135deg,#fff,#f8fafc);color:#3b82f6;border:2px solid #3b82f6}.vacation-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:2px solid #3b82f6}.vacation-btn.vacation-disabled,.vacation-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:grayscale(.5)}.vacation-row{display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.vacation-row.vacation-visible-overflow{overflow:visible;position:relative;z-index:10}.vacation-row>[class*=vacation-col-]{position:relative;padding-left:8px;padding-right:8px;box-sizing:border-box}.vacation-col-xl-3{flex:0 0 25%;max-width:25%}.vacation-col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.vacation-col-lg-6{flex:0 0 50%;max-width:50%}.vacation-col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.vacation-col-md-6{flex:0 0 50%;max-width:50%}.vacation-col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.vacation-col-sm-12{flex:0 0 100%;max-width:100%}.vacation-col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.vacation-col-lg-3{flex:0 0 25%;max-width:25%}.vacation-col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.vacation-col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.vacation-col-12,.vacation-col-md-12{flex:0 0 100%;max-width:100%}.vacation-hidden-input{display:none}.vacation-success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}.vacation-success-overlay .sweet-alert{position:relative;z-index:10000;margin:0;max-width:400px;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.3)}.vacation-success-overlay .sweet-alert h2{color:#27ae60!important;font-size:24px!important;margin-bottom:15px!important}.vacation-success-overlay .sweet-alert p{font-size:16px!important;color:#555!important;margin-bottom:20px!important}.vacation-success-overlay .sweet-alert .sa-icon.sa-success{margin-bottom:20px!important}.vacation-success-overlay .sweet-alert button{border:none!important;padding:10px 20px!important;border-radius:5px!important;font-size:14px!important;cursor:pointer!important}@media (min-width:1200px){.vacation-col-xl-3{flex:0 0 25%;max-width:25%}.vacation-col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.vacation-col-lg-3{flex:0 0 25%;max-width:25%}.vacation-col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.vacation-col-lg-5,.vacation-input{flex:0 0 41.666667%;max-width:41.666667%}}@media (min-width:992px) and (max-width:1199px){.vacation-col-xl-3{flex:0 0 30%;max-width:30%}.vacation-col-xl-2{flex:0 0 23.333333%;max-width:23.333333%}.vacation-col-lg-3{flex:0 0 25%;max-width:25%}.vacation-col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.vacation-col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}}@media (min-width:768px) and (max-width:991px){.vacation-col-xl-3{flex:0 0 33.333333%;max-width:33.333333%}.vacation-col-lg-2,.vacation-col-xl-2{flex:0 0 22.222222%;max-width:22.222222%}.vacation-col-lg-3,.vacation-col-lg-4,.vacation-col-lg-5{flex:0 0 100%;max-width:100%;margin-bottom:15px}}@media (max-width:767px){.vacation-col-xl-3{flex:0 0 100%;max-width:100%;margin-bottom:15px}.vacation-col-lg-2,.vacation-col-xl-2{flex:0 0 50%;max-width:50%;margin-bottom:15px}.vacation-col-lg-3,.vacation-col-lg-4,.vacation-col-lg-5{flex:0 0 100%;max-width:100%;margin-bottom:15px}.vacation-form-container{padding:15px}.vacation-button-container{flex-direction:row;grid-gap:10px;gap:10px;padding:15px}.vacation-btn{flex:1 1;min-width:auto}}@media (max-width:575px){.vacation-col-lg-2,.vacation-col-lg-3,.vacation-col-lg-4,.vacation-col-lg-5,.vacation-col-sm-5,.vacation-col-xl-2,.vacation-col-xl-3{flex:0 0 100%;max-width:100%;margin-bottom:12px}.vacation-form-container{padding:12px}.vacation-button-container{flex-direction:row;grid-gap:8px;gap:8px;padding:12px}.vacation-btn{flex:1 1;min-width:auto;font-size:11px;padding:6px 12px}}input{font-size:13px;padding:10px 12px;min-width:auto}.vacation-file-grid{max-width:50%}@media (max-width:575px){.vacation-col-sm-5,.vacation-col-sm-12{flex:0 0 100%;max-width:100%}.vacation-row{margin-left:-5px;margin-right:-5px}.vacation-row>[class*=vacation-col-]{padding-left:5px;padding-right:5px;margin-bottom:8px}.vacation-form-container{padding:10px}.vacation-input,.vacation-textarea{font-size:12px;padding:8px 10px}.vacation-textarea{min-height:60px}.vacation-address-textarea{height:80px;padding-top:30px}.vacation-explanation-textarea{height:80px}.vacation-address-button{padding:3px 6px;font-size:10px;top:6px;left:6px}.vacation-file-upload-button{padding:4px 8px;font-size:9px}.vacation-file-info-text{font-size:9px}.vacation-file-grid{height:80px;padding:8px}.vacation-file-item{height:24px;font-size:9px;padding:3px 6px}.vacation-file-remove-button{width:12px;height:12px;font-size:10px}}@media (hover:none) and (pointer:coarse){.vacation-input:focus,.vacation-textarea:focus{transform:none;animation:none}.vacation-btn:active{transform:scale(.98)}.vacation-input,.vacation-textarea{font-size:16px;padding:12px 16px}}@media (prefers-color-scheme:dark){.vacation-main-card{background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.3)}.vacation-label{color:#e2e8f0}.vacation-input,.vacation-textarea{background:linear-gradient(#1e293b,#1e293b) padding-box,linear-gradient(135deg,#475569,#64748b) border-box;color:#e2e8f0}.vacation-button-container{background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.3)}.vacation-file-grid{border-color:#475569}.vacation-file-grid,.vacation-file-item{background:linear-gradient(135deg,#1e293b,#334155)}.vacation-file-item{color:#e2e8f0}}.vacation-form-group{margin-bottom:16px;position:relative;animation:vacation-slideInUp .6s ease-out backwards}.vacation-row{min-height:0}.vacation-form-group{min-height:70px}@media (max-width:767px){.vacation-form-group{min-height:60px}}@media (max-width:575px){.vacation-form-group{min-height:55px}}.vacation-input,.vacation-textarea{max-width:100%;box-sizing:border-box}.vacation-form-group:has(.vacation-address-textarea){position:relative;overflow:visible}.vacation-address-button{white-space:nowrap;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}@media (max-width:575px){.vacation-address-button{font-size:9px;padding:2px 4px;max-width:calc(100% - 12px)}}.leave-info-container{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:20px;margin:16px 0;border:2px solid rgba(102,126,234,.1);box-shadow:0 8px 25px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.8);overflow:hidden;animation:leaveInfoSlideIn .8s ease-out;max-height:70px;z-index:2}@keyframes leaveInfoSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.leave-info-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent)}@keyframes leaveInfoShine{0%{left:-100%}50%,to{left:100%}}.leave-info-item{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;flex:1 1;min-width:0;position:relative;z-index:2}.leave-info-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0;text-align:center;position:relative}.leave-info-label:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.leave-info-value{font-size:24px;font-weight:900;display:flex;align-items:baseline;grid-gap:4px;gap:4px;text-align:center;position:relative;transition:all .3s ease}.leave-info-value.remaining,.leave-info-value.total,.leave-info-value.used{color:#64748b;text-shadow:0 2px 4px rgba(30,64,175,.2);font-size:17px}@keyframes remainingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.leave-info-unit{font-size:14px;font-weight:600;color:#64748b;text-shadow:none}.leave-info-item:hover .leave-info-value{transform:translateY(-2px) scale(1.05);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.leave-info-item:not(:last-child):after{content:"";position:absolute;right:-1px;top:15%;bottom:15%;width:1px;background:linear-gradient(180deg,transparent,#cbd5e1,transparent)}.leave-info-container{position:relative;z-index:1}.vacation-select__control{width:100%!important;padding:2px 6px!important;border:2px solid transparent!important;border-radius:10px!important;font-size:13px!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important;outline:none!important;font-family:inherit!important;color:#111827!important;font-weight:600!important;box-shadow:0 2px 10px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.8)!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e5e7eb,#f3f4f6) border-box!important;min-height:42px!important;cursor:pointer!important;box-sizing:border-box!important}.vacation-select__control:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#9ca3af,#6b7280) border-box!important;transform:translateY(-1px)!important;box-shadow:0 5px 16px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.8)!important}.vacation-select__control--is-focused{animation:vacation-morphing 2s ease-in-out infinite!important}.vacation-select__control--is-focused,.vacation-select__control--menu-is-open{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box!important;box-shadow:0 0 0 5px rgba(102,126,234,.15),0 6px 24px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.9)!important;transform:translateY(-2px) scale(1.015)!important}.vacation-select__control--menu-is-open{position:relative!important;z-index:99998!important}.vacation-select__value-container{padding:2px 8px!important}.vacation-select__input{margin:0!important;padding:0!important;color:#111827!important}.vacation-select__placeholder{color:#9ca3af!important;font-weight:400!important;font-size:13px!important}.vacation-select__single-value{color:#111827!important;font-weight:600!important;font-size:13px!important}.vacation-select__menu{background:hsla(0,0%,100%,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:16px!important;box-shadow:0 25px 50px rgba(0,0,0,.25),0 8px 25px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)!important;border:2px solid hsla(0,0%,100%,.5)!important;z-index:99999!important;margin-top:6px!important;overflow:hidden!important;animation:vacation-slideDownFixed .2s ease-out forwards!important;position:absolute!important}.vacation-select__menu-list{max-height:200px!important;overflow-y:auto!important;padding:0!important}.vacation-select__menu-list::-webkit-scrollbar{width:6px}.vacation-select__menu-list::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:8px}.vacation-select__menu-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.vacation-select__menu-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4f46e5,#6d28d9)}.vacation-select__option{padding:12px 18px!important;cursor:pointer!important;font-weight:700!important;font-size:14px!important;color:#374151!important;transition:all .3s ease!important;background:transparent!important}.vacation-select__option:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;color:#1d4ed8!important}.vacation-select__option--is-selected{background:linear-gradient(135deg,rgba(102,126,234,.2),rgba(118,75,162,.2))!important;color:#1d4ed8!important}.vacation-select__option--is-focused{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;color:#1d4ed8!important}.vacation-select__indicator-separator{display:none!important}.vacation-select__dropdown-indicator{color:#6b7280!important;font-size:12px!important;transition:transform .3s ease!important;padding:8px!important}.vacation-select__dropdown-indicator svg{width:12px!important;height:12px!important}.vacation-select__control--menu-is-open .vacation-select__dropdown-indicator{transform:rotate(180deg)!important}.vacation-select__menu-portal{z-index:99999!important}@media (max-width:575px){.vacation-select__control{font-size:12px!important;padding:0 4px!important;min-height:38px!important}.vacation-select__placeholder,.vacation-select__single-value{font-size:12px!important}.vacation-select__option{padding:15px 18px!important;font-size:16px!important}}@media (hover:none) and (pointer:coarse){.vacation-select__control--is-focused,.vacation-select__control--menu-is-open{transform:none!important;animation:none!important}.vacation-select__option{padding:15px 18px!important;font-size:16px!important}.vacation-select__control{font-size:16px!important;padding:4px 8px!important;min-height:44px!important}}@media (prefers-color-scheme:dark){.vacation-select__control{background:linear-gradient(#1e293b,#1e293b) padding-box,linear-gradient(135deg,#475569,#64748b) border-box!important;color:#e2e8f0!important}.vacation-select__single-value{color:#e2e8f0!important}.vacation-select__placeholder{color:#9ca3af!important}.vacation-select__menu{background:rgba(30,41,59,.98)!important;border-color:rgba(71,85,105,.5)!important}.vacation-select__option{color:#e2e8f0!important}}.vacation-form-group .vacation-datepicker{width:100%;position:relative;z-index:10}.vacation-form-group .vacation-datepicker input{width:100%!important;padding:10px 14px!important;border:2px solid transparent!important;border-radius:10px!important;font-size:13px!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e5e7eb,#f3f4f6) border-box!important;outline:none!important;font-family:inherit!important;color:#111827!important;font-weight:600!important;box-shadow:0 2px 10px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.8)!important;position:relative;min-height:42px!important;box-sizing:border-box!important;min-width:120px;cursor:pointer!important}.vacation-form-group .vacation-datepicker input:focus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box!important;box-shadow:0 0 0 5px rgba(102,126,234,.15),0 6px 24px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.9)!important;transform:translateY(-2px) scale(1.015)!important;animation:vacation-morphing 2s ease-in-out infinite!important}.vacation-form-group .vacation-datepicker input:hover:not(:focus){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#9ca3af,#6b7280) border-box!important;transform:translateY(-1px)!important;box-shadow:0 5px 16px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.8)!important}.vacation-form-group .vacation-datepicker .rdt{position:relative!important;z-index:9999!important}.vacation-form-group .vacation-datepicker .rdtPicker{background:hsla(0,0%,100%,.98)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:16px!important;box-shadow:0 25px 50px rgba(0,0,0,.25),0 8px 25px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)!important;border:2px solid hsla(0,0%,100%,.5)!important;animation:vacation-slideDownFixed .2s ease-out forwards!important;overflow:hidden!important;z-index:99999!important;transform:scale(.85)!important;transform-origin:top left!important;margin-top:4px!important;margin-left:-10px!important;max-width:280px!important;width:280px!important;position:absolute!important}.vacation-form-group .vacation-datepicker .rdtPicker .rdtNext,.vacation-form-group .vacation-datepicker .rdtPicker .rdtPrev{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;font-weight:700!important;width:24px!important;height:24px!important;font-size:12px!important}.vacation-form-group .vacation-datepicker .rdtPicker thead tr:first-child th{height:32px!important;padding:2px!important}.vacation-form-group .vacation-datepicker .rdtPicker .rdtNext:hover,.vacation-form-group .vacation-datepicker .rdtPicker .rdtPrev:hover{transform:scale(1.1)!important;box-shadow:0 4px 12px rgba(102,126,234,.3)!important}.vacation-form-group .vacation-datepicker .rdtPicker .rdtSwitch{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;color:#374151!important;border:none!important;border-radius:8px!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;padding:4px 8px!important;font-size:12px!important;min-height:24px!important}.vacation-form-group .vacation-datepicker .rdtPicker .rdtSwitch:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;transform:translateY(-1px)!important}.vacation-form-group .vacation-datepicker .rdtPicker table{width:100%!important;border-collapse:collapse!important;font-size:12px!important}.vacation-form-group .vacation-datepicker .rdtPicker td,.vacation-form-group .vacation-datepicker .rdtPicker th{text-align:center!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;font-weight:600!important;color:#374151!important;padding:4px!important;font-size:11px!important;width:28px!important;height:28px!important}.vacation-form-group .vacation-datepicker .rdtPicker th{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;color:#6b7280!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.vacation-form-group .vacation-datepicker .rdtPicker td:hover{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1))!important;color:#1d4ed8!important;border-radius:8px!important;transform:scale(1.05)!important}.vacation-form-group .vacation-datepicker .rdtPicker td.rdtActive{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important}.vacation-form-group .vacation-datepicker .rdtPicker td.rdtToday{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important}.vacation-form-group .vacation-datepicker .rdtPicker td.rdtNew,.vacation-form-group .vacation-datepicker .rdtPicker td.rdtOld{color:#9ca3af!important}.vacation-form-group .vacation-datepicker .rdtPicker td.rdtDisabled{color:#d1d5db!important;cursor:not-allowed!important;background:transparent!important}.vacation-form-group .vacation-datepicker .rdtPicker td.rdtDisabled:hover{background:transparent!important;transform:none!important}@media (max-width:575px){.vacation-form-group .vacation-datepicker input{font-size:12px!important;padding:8px 10px!important;min-height:38px!important}.vacation-form-group .vacation-datepicker .rdtPicker{margin-top:4px!important;transform:scale(.75)!important;margin-left:-15px!important}.vacation-form-group .vacation-datepicker .rdtPicker td,.vacation-form-group .vacation-datepicker .rdtPicker th{padding:3px!important;font-size:10px!important;width:24px!important;height:24px!important}}@media (hover:none) and (pointer:coarse){.vacation-form-group .vacation-datepicker input:focus{transform:none!important;animation:none!important}.vacation-form-group .vacation-datepicker input{font-size:16px!important;padding:12px 16px!important;min-height:44px!important}}@media (prefers-color-scheme:dark){.vacation-form-group .vacation-datepicker input{background:linear-gradient(#1e293b,#1e293b) padding-box,linear-gradient(135deg,#475569,#64748b) border-box!important;color:#e2e8f0!important}.vacation-form-group .vacation-datepicker .rdtPicker{background:rgba(30,41,59,.98)!important;border-color:rgba(71,85,105,.5)!important}.vacation-form-group .vacation-datepicker .rdtPicker td,.vacation-form-group .vacation-datepicker .rdtPicker th{color:#e2e8f0!important}.vacation-form-group .vacation-datepicker .rdtPicker .rdtSwitch{background:linear-gradient(135deg,#1e293b,#334155)!important;color:#e2e8f0!important}}.vacation-form-group:has(.vacation-datepicker){position:relative!important;z-index:1000!important}.vacation-row.vacation-visible-overflow .vacation-form-group:has(.vacation-datepicker){z-index:100}.vacation-form-group:has(.vacation-datepicker.rdtOpen){z-index:9999!important}.vacation-form-group:has(.vacation-datepicker input:focus){z-index:99999!important}@keyframes vacation-slideDownFixed{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vacation-requests-container{margin-top:20px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.15);animation:slideInUp .6s ease-out}.container-header{padding:10px 20px;background:linear-gradient(299deg,#f8fafc,#e2e8f0);border-bottom:1px solid rgba(226,232,240,.5);display:flex;justify-content:space-between;align-items:center;max-height:50px}.container-title{margin:0;font-size:20px;font-weight:700;color:#1a202c;letter-spacing:-.5px}.requests-count{padding:8px 16px;background:rgba(99,102,241,.1);color:#6366f1;cursor:pointer;border-radius:20px;font-size:14px;font-weight:600}.vacation-form-container{padding:24px 32px 32px}.vacation-requests-list{max-height:280px;overflow-y:auto;padding-right:6px}.vacation-requests-list::-webkit-scrollbar{width:4px}.vacation-requests-list::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:2px}.vacation-requests-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.vacation-request-item{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:16px;margin-bottom:2px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInUp .5s ease-out backwards}.vacation-request-item.animate{animation:slideInUp .5s cubic-bezier(.23,1,.32,1) backwards}.request-background-effect{position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;filter:blur(20px);opacity:.3;transition:opacity .3s ease}.vacation-request-item:hover .request-background-effect{opacity:.5}.request-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2}.request-info{flex:1 1;margin-right:16px}.request-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.request-type{margin:0;font-size:16px;font-weight:700;color:#1a202c;letter-spacing:-.2px}.request-status{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.status-indicator{width:6px;height:6px;border-radius:50%;display:block}.status-pending{background:linear-gradient(135deg,#fef3c7,#fffcf0);color:#92400e;border:1px solid rgba(245,158,11,.3)}.status-pending .status-indicator{background:#f59e0b;animation:pulse 2s infinite}.status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid rgba(16,185,129,.3)}.status-approved .status-indicator{background:#10b981}.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid rgba(239,68,68,.3)}.status-rejected .status-indicator{background:#ef4444}.status-draft{background:linear-gradient(305deg,#fff,#e7e7e7);color:#374151;border:1px solid rgba(156,163,175,.3)}.status-draft .status-indicator{background:#9ca3af}.request-dates-with-answer{display:flex;align-items:flex-start;grid-gap:16px;gap:16px}.request-dates{display:flex;flex-direction:column;grid-gap:6px;gap:6px;flex-shrink:0;min-width:200px}.request-date{display:flex;align-items:center;grid-gap:8px;gap:8px}.date-label{font-size:11px;font-weight:600;color:#64748b;min-width:60px}.date-value{font-size:12px;font-weight:500;color:#1e293b;font-family:SF Mono,Monaco,Cascadia Code,monospace}.request-actions{display:flex;flex-direction:column;align-items:flex-end}.request-action-buttons{display:flex;grid-gap:6px;gap:6px}.vacation-draft-action-btn{padding:8px 14px;border:none;border-radius:10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.2px}.vacation-draft-action-btn.edit-btn{background:linear-gradient(135deg,#e0e7ff,#f4f6ff);color:#3730a3;border:1px solid rgba(99,102,241,.2)}.vacation-draft-action-btn.edit-btn:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.vacation-draft-action-btn.delete-btn{background:linear-gradient(135deg,#fee2e2,#ffefef);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.vacation-draft-action-btn.delete-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.request-expanded-content{margin-top:16px;padding-top:16px;border-top:1px solid rgba(226,232,240,.6);animation:slideDown .4s ease;position:relative;z-index:2}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.detail-item{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.request-detail-label{font-size:11px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.4px}.request-detail-text{margin:0;padding:10px 12px;background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.6);border-radius:10px;font-size:12px;line-height:1.4;color:#334155;max-height:80px;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}.request-detail-text::-webkit-scrollbar{width:4px}.request-detail-text::-webkit-scrollbar-track{background:rgba(226,232,240,.3);border-radius:2px}.request-detail-text::-webkit-scrollbar-thumb{background:rgba(100,116,139,.4);border-radius:2px}.request-detail-text::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.6)}.request-total-days{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:16px;font-size:12px;font-weight:700;text-align:center;margin-left:6px}.request-expand-icon{position:absolute;bottom:12px;right:12px;font-size:14px;color:#94a3b8;transition:all .3s ease;font-weight:700}.request-expand-icon.expanded{transform:rotate(180deg);color:#6366f1}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;grid-gap:16px;gap:16px}.loading-spinner{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.loading-text{font-size:14px;font-weight:500;color:#64748b}.empty-state{text-align:center;padding:40px 16px;color:#64748b}.empty-state-icon{font-size:48px;margin-bottom:16px;display:block}.empty-state-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#334155}.empty-state-subtitle{margin:0;font-size:14px;color:#94a3b8;line-height:1.4}.request-answer-preview{flex:1 1;max-width:350px;padding:8px 12px;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,197,253,.1));border-radius:10px;border:1px solid rgba(59,130,246,.15);border-left:3px solid #3b82f6;max-height:60px;overflow-y:auto;align-self:flex-start}.answer-label{display:flex;align-items:center;grid-gap:4px;gap:4px;font-size:9px;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.answer-label i{font-size:10px;color:#3b82f6}.answer-preview-text{font-size:11px;line-height:1.3;color:#1e293b;font-style:italic;word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.detail-item.full-width{grid-column:1/-1}.request-detail-label i{color:#6366f1}.request-answer-preview::-webkit-scrollbar{width:3px}.request-answer-preview::-webkit-scrollbar-track{background:rgba(59,130,246,.1);border-radius:2px}.request-answer-preview::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:2px}.request-answer-full{margin:0;padding:16px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(147,197,253,.12));border-radius:12px;border:1px solid rgba(59,130,246,.2);border-left:4px solid #3b82f6;font-size:13px;line-height:1.5;color:#1e293b;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto;box-shadow:0 2px 8px rgba(59,130,246,.1)}.request-answer-full::-webkit-scrollbar{width:4px}.request-answer-full::-webkit-scrollbar-track{background:rgba(59,130,246,.1);border-radius:2px}.request-answer-full::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:2px}@media (max-width:768px){.container-header{padding:16px 16px 12px;flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.container-title{font-size:16px}.vacation-form-container,.vacation-request-item{padding:16px}.request-content{flex-direction:column;grid-gap:12px;gap:12px}.request-info{margin-right:0}.request-header{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.request-actions{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.request-action-buttons{width:100%;justify-content:flex-start}.request-details{grid-template-columns:1fr}.request-dates-with-answer{flex-direction:column;grid-gap:8px;gap:8px}.request-answer-preview{max-width:none;width:100%;max-height:80px}.answer-preview-text{font-size:11px;-webkit-line-clamp:3}.request-answer-full{padding:12px;font-size:12px;max-height:150px}.request-detail-text{max-height:60px}}.vacation-calendar{margin-top:20px;position:relative}.calendar-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.nav-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:4px;gap:4px}.nav-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,.4)}.month-title{margin:0;font-size:16px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.weekdays-header{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;margin-bottom:8px}.weekday{display:flex;align-items:center;justify-content:center;height:24px;font-size:10px;font-weight:700;color:#6b7280;background:rgba(248,250,252,.8);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;position:relative}.calendar-day{display:flex;align-items:center;justify-content:center;height:32px;border-radius:6px;font-size:12px;font-weight:600;cursor:default;position:relative;transition:all .2s ease;border:2px solid transparent}.calendar-day.next-month,.calendar-day.prev-month{color:#a0aec0;font-weight:500}.calendar-day.current-month{color:#2d3748}.calendar-day.today{background:#1e3a8a;border:2px solid #1d4ed8;color:#fff;font-weight:800;position:relative}.calendar-day.today:after{content:"";position:absolute;top:1px;right:1px;width:4px;height:4px;background:#60a5fa;border-radius:50%}.calendar-day.today.has-vacation{background:linear-gradient(135deg,#1e3a8a,#1d4ed8 50%,var(--vacation-bg,#ebf8ff));border:2px solid #1d4ed8;color:#fff}.calendar-day.today.has-vacation .day-number{color:#fff}.calendar-day.today.has-vacation .vacation-abbr{color:hsla(0,0%,100%,.9)}.calendar-day.has-vacation{cursor:pointer}.calendar-day.hovered{transform:scale(1.1);z-index:10}.calendar-day.vacation-annual{--vacation-bg:#ebf8ff;background:#ebf8ff;border:2px solid #3182ce;color:#1a365d}.calendar-day.vacation-annual.hovered{box-shadow:0 4px 12px rgba(49,130,206,.4)}.calendar-day.vacation-sick{--vacation-bg:#fed7d7;background:#fed7d7;border:2px solid #e53e3e;color:#742a2a}.calendar-day.vacation-sick.hovered{box-shadow:0 4px 12px rgba(229,62,62,.4)}.calendar-day.vacation-marriage{--vacation-bg:#f0fff4;background:#f0fff4;border:2px solid #38a169;color:#22543d}.calendar-day.vacation-marriage.hovered{box-shadow:0 4px 12px rgba(56,161,105,.4)}.calendar-day.vacation-maternity{--vacation-bg:#faf5ff;background:#faf5ff;border:2px solid #9f7aea;color:#553c9a}.calendar-day.vacation-maternity.hovered{box-shadow:0 4px 12px rgba(159,122,234,.4)}.calendar-day.vacation-bereavement{--vacation-bg:#f7fafc;background:#f7fafc;border:2px solid #718096;color:#2d3748}.calendar-day.vacation-bereavement.hovered{box-shadow:0 4px 12px rgba(113,128,150,.4)}.calendar-day.vacation-excuse{--vacation-bg:#fffaf0;background:#fffaf0;border:2px solid #dd6b20;color:#9c4221}.calendar-day.vacation-excuse.hovered{box-shadow:0 4px 12px rgba(221,107,32,.4)}.calendar-day.vacation-unpaid{--vacation-bg:#fff5f5;background:#fff5f5;border:2px solid #fc8181;color:#742a2a}.calendar-day.vacation-unpaid.hovered{box-shadow:0 4px 12px rgba(252,129,129,.4)}.calendar-day.vacation-default{--vacation-bg:#f7fafc;background:#f7fafc;border:2px solid #a0aec0;color:#2d3748}.vacation-day-content{display:flex;flex-direction:column;align-items:center;grid-gap:1px;gap:1px}.day-number{font-size:10px;line-height:1}.vacation-abbr{font-size:7px;font-weight:700;letter-spacing:.2px;line-height:1}.vacation-tooltip{position:absolute;top:-80px;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #3182ce;border-radius:12px;padding:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:1000;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .2s ease}.tooltip-title{font-size:12px;font-weight:700;color:#1a365d;margin-bottom:4px}.tooltip-dates,.tooltip-days{font-size:10px;color:#6b7280;margin-bottom:2px}.tooltip-explanation{font-size:9px;color:#9ca3af;margin-top:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.calendar-navigation{margin-bottom:12px}.nav-button{padding:4px 8px;font-size:11px}.month-title{font-size:14px}.calendar-day{height:28px;font-size:11px}.day-number{font-size:9px}.vacation-abbr{font-size:6px}.vacation-tooltip{font-size:10px;padding:8px}}.vacation-chart-container{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px;box-shadow:0 8px 25px rgba(0,0,0,.08),0 3px 10px rgba(0,0,0,.04);border:1px solid hsla(0,0%,100%,.2);margin:16px 0;position:relative;overflow:hidden;max-width:450px;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.vacation-chart-loading{flex:1 1;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b7280;padding:20px;font-size:14px}.vacation-chart-header{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);color:#374151;padding:12px 16px;position:relative;overflow:hidden;margin:-1px -1px 0;border-radius:16px 16px 0 0}.vacation-chart-header h4{color:hsla(0,0%,43.9%,.46);font-weight:700;font-size:16px;margin:0}.vacation-chart-content{display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px;height:100%;flex:1 1;padding:16px}.vacation-chart-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;grid-gap:1px;gap:1px}.vacation-pie-chart{width:220px;height:220px;position:relative}.vacation-chart-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.vacation-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.vacation-chart-total-days{font-size:32px;font-weight:800;color:#1f2937;line-height:1}.vacation-chart-label{font-size:14px;color:#6b7280;font-weight:600;margin-top:6px}.vacation-chart-sublabel{font-size:12px;color:#9ca3af;font-weight:500;margin-top:3px}.vacation-legend{display:flex;flex-wrap:wrap;grid-gap:3px;gap:3px;justify-content:center;margin-top:-10px;max-width:300px;grid-row-gap:2px;row-gap:2px}.vacation-legend-item{display:flex;align-items:center;grid-gap:2px;gap:2px;padding:2px 5px;background:hsla(0,0%,100%,.8);border-radius:3px;font-size:9px;font-weight:600;color:#374151;cursor:pointer;opacity:.8;transform:scale(1);transition:all .2s ease;white-space:nowrap;min-width:0;flex-shrink:0}.vacation-legend-item.hovered,.vacation-legend-item:hover{opacity:1;transform:scale(1.02)}.vacation-legend-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.vacation-list{width:100%;max-height:255px;overflow-y:auto;padding-right:6px;margin-top:0}.vacation-list::-webkit-scrollbar{width:4px}.vacation-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.vacation-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.vacation-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vacation-item{border-radius:10px;padding:12px;margin-bottom:6px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer;transform:translateY(0);max-height:80px}.vacation-item.used{box-shadow:0 2px 6px rgba(0,0,0,.2)}.vacation-item.hovered,.vacation-item:hover{transform:translateY(-1px)}.vacation-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1px}.vacation-item-info h4{margin:0 0 2px;font-size:12px;font-weight:700}.vacation-item-info p{margin:0;font-size:10px;color:#9ca3af;font-weight:500}.vacation-item-stats{text-align:right}.vacation-item-remaining{font-size:17px;font-weight:800;line-height:1}.vacation-item-remaining-label{font-size:10px;color:#9ca3af;font-weight:600}.vacation-progress-bar{width:100%;height:6px;background:rgba(209,213,219,.5);border-radius:3px;overflow:hidden;margin-bottom:1px;position:relative;border:1px solid #d1d5db}.vacation-progress-fill{height:100%;border-radius:2px;transition:width .6s ease;position:relative;min-height:6px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.2),0 1px 2px rgba(0,0,0,.1)}.vacation-item-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.vacation-used-label{color:#6b7280;font-size:10px}.vacation-tooltip{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 12px;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.2);font-size:12px;font-weight:600;color:#374151}@media (max-width:768px){.vacation-pie-chart{width:220px;height:220px}.vacation-list{max-height:300px}.vacation-chart-total-days{font-size:24px}.vacation-chart-label{font-size:12px}.vacation-legend{max-width:300px}.vacation-legend-item{font-size:7px;padding:1px 3px}.vacation-legend-dot{width:4px;height:4px}}.delegate-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.delegate-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);width:100%;max-width:600px;max-height:90vh;overflow:hidden;animation:delegate-modal-appear .3s ease-out}@keyframes delegate-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delegate-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.delegate-modal-title{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;color:#fff}.delegate-modal-icon{margin-right:12px;font-size:22px}.delegate-modal-close-btn{background:none;border:none;color:#fff;font-size:28px;font-weight:300;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.delegate-modal-close-btn:hover{background-color:hsla(0,0%,100%,.1)}.delegate-modal-body{padding:24px;max-height:60vh}.delegate-form-row{display:flex;grid-gap:20px;gap:20px;margin-bottom:20px}.delegate-form-row:last-child{margin-bottom:0}.delegate-form-group{flex:1 1;display:flex;flex-direction:column}.delegate-form-row:first-child .delegate-form-group{flex:1 1}.delegate-label{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:flex;align-items:center}.delegate-required-star{color:#ef4444;margin-right:4px;font-weight:700}.delegate-select-container{font-size:14px}.delegate-select-wrapper{position:relative;width:100%;z-index:100}.delegate-select-wrapper .delegate-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#764ba2;pointer-events:none;z-index:5;opacity:.7}.delegate-react-select .Select-control{border:2px solid #d1d5db!important;border-radius:8px!important;min-height:44px!important;background-color:hsla(0,0%,100%,.9)!important;box-shadow:none!important;display:flex!important;align-items:center!important;position:relative!important}.delegate-react-select .Select-control:hover{border-color:#9ca3af!important}.delegate-react-select .Select-control.is-focused{border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)!important}.delegate-react-select .Select-placeholder{color:#9ca3af!important;font-size:14px!important;display:flex!important;align-items:center!important;padding-left:4px!important;max-width:calc(100% - 40px)!important}.delegate-react-select .Select-input{padding-left:8px!important;padding-right:8px!important;height:44px!important;display:flex!important;align-items:center!important;line-height:44px!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important;width:calc(100% - 40px)!important}.delegate-react-select .Select-input>input{height:44px!important;line-height:44px!important;font-size:14px!important;display:block!important;width:100%!important}.delegate-react-select .Select-input>input,.delegate-react-select .Select-input input{padding:0!important;margin:0!important;border:none!important;outline:none!important;background:transparent!important}.delegate-react-select .Select-input input{line-height:20px!important;height:20px!important}.delegate-react-select .Select-value{padding-left:8px!important;padding-right:8px!important;line-height:44px!important;height:44px!important;top:0!important;right:0!important;bottom:0!important}.delegate-react-select .Select-value,.delegate-react-select .Select-value .Select-value-label{display:flex!important;align-items:center!important;position:absolute!important;left:0!important}.delegate-react-select .Select-value .Select-value-label{color:#1f2937!important;font-weight:500!important;font-size:.875rem!important;line-height:1.2!important;height:100%!important;padding:0!important;margin:0!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100% - 40px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.delegate-react-select .Select-value-container{display:flex!important;align-items:center!important;padding:0 8px!important;min-height:44px!important;flex:1 1!important;justify-content:flex-start!important}.delegate-react-select .Select-clear-zone{position:absolute!important;right:10px!important;top:50%!important;transform:translate(-120%,-50%);z-index:20!important;margin-right:0!important}.delegate-react-select .Select-clear{color:#6b7280!important;font-size:14px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.delegate-react-select .Select-clear:hover{color:#374151!important}.delegate-react-select .Select-single-value{display:flex!important;align-items:center!important;color:#1f2937!important;font-weight:500!important;max-width:calc(100% - 40px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:20px!important;height:20px!important;position:absolute!important;top:50%!important;left:8px!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important}.delegate-react-select .Select-menu{border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border:1px solid #e5e7eb;margin-top:4px}.delegate-react-select .Select-menu-outer{border-radius:8px!important;box-shadow:0 10px 25px rgba(0,0,0,.1)!important;border:1px solid #e2e8f0!important;z-index:9999!important;position:absolute!important;top:100%!important;left:0!important;right:0!important}.delegate-react-select .Select-option{padding:12px;cursor:pointer}.delegate-react-select .Select-option--is-focused{background-color:#f3f4f6}.delegate-react-select .Select-option--is-selected{background-color:#667eea}.delegate-react-select .Select-loading-indicator{color:#667eea}.delegate-react-select .Select-option.is-selected{background-color:#667eea!important;color:#fff!important}.delegate-react-select .Select-option.is-selected:hover{background-color:#5a67d8!important;color:#fff!important}.delegate-react-select .Select-option:hover{background-color:#f8fafc!important;color:#1e293b!important}.delegate-react-select .Select-arrow-zone{display:none!important}.delegate-react-select .Select-loading-message,.delegate-react-select .Select-no-options-message{padding:12px;color:#6b7280;font-style:italic}.delegate-datepicker{position:relative}.delegate-date-input-wrapper{position:relative;display:flex;align-items:center}.delegate-date-input-wrapper .delegate-datetime-input{flex:1 1;padding-right:45px}.delegate-date-picker-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}.delegate-calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280;transition:color .2s ease;z-index:1;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.delegate-calendar-icon:hover{color:#667eea;background-color:#f3f4f6}.delegate-calendar-icon:active{transform:translateY(-50%) scale(.95)}.delegate-date-input-wrapper .delegate-datetime-input:focus+.delegate-date-picker-hidden+.delegate-calendar-icon{color:#667eea}.delegate-datetime-input{width:100%;height:44px;padding:0 12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;transition:all .2s}.delegate-datetime-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.delegate-datetime-input::placeholder{color:#9ca3af}.delegate-datepicker .rdtPicker{border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;margin-top:4px}.delegate-datepicker .rdtPicker .rdtTimeToggle{background-color:#667eea;color:#fff;border-radius:6px}.delegate-datepicker .rdtPicker table td,.delegate-datepicker .rdtPicker table th{padding:8px}.delegate-datepicker .rdtPicker .rdtDay:hover,.delegate-datepicker .rdtPicker .rdtHour:hover,.delegate-datepicker .rdtPicker .rdtMinute:hover{background-color:#f3f4f6;border-radius:4px}.delegate-datepicker .rdtPicker .rdtActive,.delegate-datepicker .rdtPicker .rdtActive:hover{background-color:#667eea;color:#fff;border-radius:4px}.delegate-datepicker .rdtPicker .rdtToday:before{border-bottom-color:#667eea}.delegate-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;display:flex;justify-content:flex-end;grid-gap:12px;gap:12px}.delegate-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:80px;height:40px;border:none}.delegate-btn:disabled{opacity:.6;cursor:not-allowed}.delegate-btn-cancel{background-color:#6b7280;color:#fff;border:2px solid #6b7280}.delegate-btn-cancel:hover:not(:disabled){background-color:#4b5563;border-color:#4b5563}.delegate-btn-save{background-color:#667eea;color:#fff;border:2px solid #667eea}.delegate-btn-save:hover:not(:disabled){background-color:#5a67d8;border-color:#5a67d8}.delegate-loading-icon{margin-right:8px}@media (max-width:768px){.delegate-modal-container{margin:10px;max-width:none;width:calc(100% - 20px)}.delegate-form-row{flex-direction:column;grid-gap:16px;gap:16px}.delegate-modal-body,.delegate-modal-header{padding:20px}.delegate-modal-footer{padding:16px 20px;flex-direction:column-reverse;grid-gap:8px;gap:8px}.delegate-btn{width:100%}.delegate-calendar-icon{right:8px}.delegate-date-input-wrapper .delegate-datetime-input{padding-right:40px}}@media (max-width:480px){.delegate-modal-overlay{padding:10px}.delegate-modal-title{font-size:18px}.delegate-modal-icon{font-size:20px;margin-right:8px}}.delegate-modal-body::-webkit-scrollbar{width:6px}.delegate-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.delegate-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.delegate-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.delegate-select__loading-message,.delegate-select__no-options-message{padding:12px;color:#6b7280;font-style:italic}.delegate-modal-container:focus{outline:none}.delegate-btn{position:relative;overflow:hidden}.delegate-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transition:width .6s,height .6s;transform:translate(-50%,-50%)}.delegate-btn:active:before{width:300px;height:300px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}.vacation-usage-container{width:100%;max-width:100%;overflow-x:hidden}.vacation-usage-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}.vacation-usage__wrapper{margin:0 auto;position:relative;z-index:1;max-width:100%}.vacation-usage__main-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:32px;box-shadow:0 32px 80px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.4),inset 0 1px 0 hsla(0,0%,100%,.8);padding:25px;margin:0 auto;border:1px solid hsla(0,0%,100%,.3);position:relative;overflow:hidden;animation:slideUp .8s ease-out;width:100%;max-width:100%}.vacation-usage__main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:32px 32px 0 0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vacation-usage__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;grid-gap:16px;gap:16px}.vacation-usage__title{font-size:clamp(18px,4vw,28px);font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2 50%,#ae81b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;line-height:1.2;letter-spacing:-.025em}.vacation-usage__subtitle{color:#64748b;font-size:clamp(14px,2.5vw,18px);font-weight:500;opacity:.8}.vacation-usage__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.vacation-usage__stat-card{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:16px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:pointer}.vacation-usage__stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.vacation-usage__stat-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 48px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.6)}.vacation-usage__stat-card:hover:before{left:100%}.vacation-usage__stat-number{font-size:clamp(24px,4vw,32px);font-weight:600;color:#1e293b;margin-bottom:8px;line-height:1;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:8px}.vacation-usage__stat-label{font-size:clamp(10px,1.5vw,12px);color:#64748b;font-weight:700;letter-spacing:.5px;text-transform:uppercase;opacity:.8}.vacation-usage__stat-gradient--employees{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#06d6a0,#059669);border-radius:20px 20px 0 0;box-shadow:0 0 20px rgba(16,185,129,.4)}.vacation-usage__stat-gradient--on-vacation{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24,#d97706);border-radius:20px 20px 0 0;box-shadow:0 0 20px rgba(245,158,11,.4)}.vacation-usage__stat-gradient--used-days{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#60a5fa,#2563eb);border-radius:20px 20px 0 0;box-shadow:0 0 20px rgba(59,130,246,.4)}.vacation-usage__section-title{font-size:clamp(16px,3.5vw,22px);font-weight:800;color:#1e293b;margin:20px 0 16px;display:flex;align-items:center;grid-gap:12px;gap:12px;position:relative}.vacation-usage__section-title svg{color:#667eea;filter:drop-shadow(0 4px 8px rgba(102,126,234,.3))}.vacation-usage__filters{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;grid-gap:20px;gap:20px;align-items:end;padding:20px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 16px 32px rgba(0,0,0,.08);margin-bottom:20px;width:100%;max-width:100%;overflow-x:auto}.vacation-usage__filter-input,.vacation-usage__filters select{width:100%;height:40px;padding:8px 16px;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;color:#1e293b;box-sizing:border-box;min-width:0;max-width:100%}.vacation-usage__filter-group{margin-bottom:0}.vacation-usage__filter-label{display:block;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:6px}.vacation-usage__filter-input{width:100%;height:40px;padding:8px 16px;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;color:#1e293b}.vacation-usage__filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.vacation-usage__clear-filters{padding:5px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:13px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 16px rgba(102,126,234,.3);position:relative;overflow:hidden;outline:none;white-space:nowrap}.vacation-usage__clear-filters:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .6s}.vacation-usage__clear-filters:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(102,126,234,.4)}.vacation-usage__clear-filters:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.vacation-usage__clear-filters:hover:before{left:100%}.vacation-usage__rights-container{background:linear-gradient(135deg,rgba(248,250,252,.95),hsla(0,0%,100%,.9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;border:1px solid hsla(0,0%,100%,.4);box-shadow:0 24px 48px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);margin-bottom:20px;position:relative;overflow:hidden;overflow-y:auto;width:100%;max-width:100%}.vacation-usage__employees-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:16px}.vacation-usage__employee-card{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;padding:16px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 0 0 1px hsla(0,0%,100%,.5);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:pointer;width:100%;max-width:100%;min-height:60px}.vacation-usage__employee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s}.vacation-usage__employee-card:hover:before{opacity:1}.vacation-usage__employee-info{display:flex;align-items:center;grid-gap:20px;gap:20px;margin:0}.vacation-usage__employee-details{flex:0 0 180px}.vacation-usage__employee-name{font-size:14px;font-weight:800;color:#1e293b;margin:0 0 4px;line-height:1.3}.vacation-usage__employee-department{font-size:12px;color:#64748b;margin:0;font-weight:600;opacity:.8}.vacation-usage__vacation-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px;flex:1 1}.vacation-usage__vacation-type-card{background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(226,232,240,.5);border-radius:10px;padding:8px 6px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;min-height:55px}.vacation-usage__vacation-type-indicator{display:flex;align-items:center;grid-gap:4px;gap:4px;margin-bottom:4px}.vacation-usage__vacation-type-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.vacation-usage__vacation-type-name{font-size:8px;font-weight:700;color:#374151;line-height:1.1;text-align:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vacation-usage__vacation-remaining{font-size:12px;font-weight:800;color:#059669;line-height:1}.vacation-usage__vacation-total{font-size:10px;font-weight:600;color:#64748b;opacity:.7}.vacation-usage__calendar-header{display:flex;flex-direction:column;grid-gap:16px;gap:16px;margin-bottom:16px;padding:20px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 16px 32px rgba(0,0,0,.08);width:100%;max-width:100%}.vacation-usage__calendar-nav{justify-content:space-between;flex-wrap:wrap;width:100%}.vacation-usage__calendar-nav,.vacation-usage__calendar-nav-controls{display:flex;align-items:center;grid-gap:16px;gap:16px}.vacation-usage__calendar-nav-button{padding:8px;border:none;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;cursor:pointer;display:flex;align-items:center;box-shadow:0 8px 16px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid hsla(0,0%,100%,.3);color:#374151;outline:none}.vacation-usage__calendar-nav-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 24px rgba(0,0,0,.12);color:#667eea}.vacation-usage__calendar-nav-button:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.vacation-usage__calendar-month-title{font-size:clamp(16px,4vw,10px);font-weight:750;color:#1e293b;margin:0;letter-spacing:-.025em;text-align:center}.vacation-usage__calendar-filter-container{display:flex;align-items:center;grid-gap:16px;gap:16px;flex-wrap:wrap}.vacation-usage__calendar-filter-group{display:flex;align-items:center;grid-gap:12px;gap:12px;min-width:0}.vacation-usage__calendar-filter-label{font-size:11px;font-weight:700;color:#64748b;opacity:.8;white-space:nowrap}.vacation-usage__calendar-filter-controls{display:flex;flex-direction:column;grid-gap:12px;gap:12px;width:100%}.vacation-usage__calendar-filter-select{padding:8px 12px;border:2px solid rgba(226,232,240,.8);border-radius:12px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;color:#374151;width:100%;min-width:0;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;outline:none;box-sizing:border-box}.vacation-usage__calendar-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.vacation-usage__calendar-filter-button{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;font-size:12px;font-weight:700;box-shadow:0 8px 16px rgba(102,126,234,.3);transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;outline:none;min-width:100px;flex-shrink:0}.vacation-usage__calendar-filter-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(102,126,234,.4)}.vacation-usage__calendar-filter-button:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.vacation-usage__calendar-filter-button--disabled{background:linear-gradient(135deg,#e5e7eb,#d1d5db)!important;color:#9ca3af!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.vacation-usage__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:16px;box-shadow:0 24px 48px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.3);width:100%;max-width:100%;overflow-x:auto}.vacation-usage__calendar-day-header{padding:12px 8px;text-align:center;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.vacation-usage__calendar-day{height:70px;padding:8px 6px;border:2px solid rgba(226,232,240,.5);background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.vacation-usage__calendar-day--today{border:2px solid #667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1),0 8px 24px rgba(102,126,234,.2);background:linear-gradient(135deg,rgba(102,126,234,.1),hsla(0,0%,100%,.9))}.vacation-usage__calendar-day--prev-month{background:linear-gradient(135deg,rgba(248,250,252,.5),rgba(241,245,249,.4));opacity:.4}.vacation-usage__calendar-day--with-vacation{box-shadow:0 8px 24px rgba(0,0,0,.12)}.vacation-usage__calendar-day:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.15);border-color:#667eea}.vacation-usage__calendar-day-number{font-weight:700;color:#1e293b;margin-bottom:6px;line-height:1;font-size:12px}.vacation-usage__calendar-day-number--today{color:#667eea;font-weight:900}.vacation-usage__calendar-day-number--prev{color:#cbd5e1;font-size:11px;font-weight:600}.vacation-usage__calendar-vacation-events{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.vacation-usage__calendar-vacation-event{font-size:8px;padding:2px 6px;border-radius:6px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.vacation-usage__calendar-vacation-event:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.25)}.vacation-usage__calendar-more-vacations{font-size:8px;color:#64748b;font-weight:700;text-align:center;margin-top:2px;padding:2px 4px;background:linear-gradient(135deg,rgba(248,250,252,.9),rgba(241,245,249,.8));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:4px;cursor:pointer;transition:all .3s;border:1px solid rgba(226,232,240,.5)}.vacation-usage__calendar-more-vacations:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.vacation-usage__side-panel{position:fixed;top:0;right:0;width:clamp(300px,90vw,480px);height:100vh;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:-8px 0 32px rgba(0,0,0,.15);z-index:1000;padding:70px 24px;overflow-y:auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);border-left:1px solid hsla(0,0%,100%,.3)}.vacation-usage__side-panel--open{transform:translateX(0)}.vacation-usage__side-panel--closed{transform:translateX(100%)}.vacation-usage__panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid rgba(226,232,240,.5)}.vacation-usage__panel-title{font-size:20px;font-weight:800;color:#1e293b;display:flex;align-items:center;grid-gap:12px;gap:12px}.vacation-usage__panel-close-button{background:linear-gradient(135deg,rgba(248,250,252,.9),rgba(241,245,249,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(226,232,240,.5);cursor:pointer;padding:3px;border-radius:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:#64748b;outline:none}.vacation-usage__panel-close-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(1.1);box-shadow:0 8px 16px rgba(239,68,68,.3)}.vacation-usage__panel-close-button:focus{outline:none;box-shadow:0 0 0 3px rgba(239,68,68,.3)}.vacation-usage__detail-card{padding:20px;background:linear-gradient(135deg,rgba(248,250,252,.95),hsla(0,0%,100%,.9));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;margin-bottom:24px;box-shadow:0 16px 32px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.4);position:relative;overflow:hidden;max-height:550px;overflow-y:auto}.vacation-usage__detail-title{font-size:18px;font-weight:800;margin-bottom:20px;line-height:1.3}.vacation-usage__detail-grid{display:grid;grid-gap:16px;gap:16px;font-size:14px;font-weight:600}.vacation-usage__detail-item{padding:12px 16px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 16px rgba(0,0,0,.06);transition:all .3s ease}.vacation-usage__detail-item:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.1)}.vacation-usage__detail-two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.vacation-usage__detail-label{color:#374151;font-size:11px;opacity:.8;margin-bottom:4px}.vacation-usage__detail-label,.vacation-usage__status-badge{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vacation-usage__status-badge{padding:4px 12px;border-radius:12px;font-size:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.vacation-usage__status-badge--approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.vacation-usage__status-badge--pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.vacation-usage__detail-reason{margin-top:8px;color:#64748b;background:linear-gradient(135deg,rgba(241,245,249,.8),rgba(248,250,252,.6));padding:12px 16px;border-radius:12px;border-left:4px solid #cbd5e1;line-height:1.5}.vacation-usage__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;background:linear-gradient(135deg,rgba(248,250,252,.9),hsla(0,0%,100%,.8));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;border:2px dashed rgba(203,213,225,.8);margin:24px 0;box-shadow:0 16px 32px rgba(0,0,0,.06);position:relative;overflow:hidden}.vacation-usage__empty-state-icon{color:#94a3b8;opacity:.7;animation:pulse 2s infinite;margin-bottom:16px}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.vacation-usage__empty-state-title{font-size:18px;font-weight:750;color:#374151;margin-bottom:12px;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.vacation-usage__empty-state-message{font-size:14px;color:#6b7280;margin-bottom:16px;max-width:400px;line-height:1.6;opacity:.8}.vacation-usage__empty-state-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 16px rgba(102,126,234,.3);outline:none}.vacation-usage__empty-state-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px rgba(102,126,234,.4)}.vacation-usage__empty-state-button:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.vacation-usage__please-filter-message{font-size:12px;color:#64748b;font-weight:500;opacity:.8;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(226,232,240,.5);white-space:nowrap;flex-shrink:0;margin-left:auto}.vacation-usage__calendar-filter-button:focus,.vacation-usage__calendar-nav-button:focus,.vacation-usage__clear-filters:focus,.vacation-usage__empty-state-button:focus,.vacation-usage__panel-close-button:focus,button:focus,input:focus,select:focus{outline:none!important;border:none!important}.react-select-multi .Select-control{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:12px!important;border:2px solid rgba(226,232,240,.8)!important;background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;font-size:14px!important;padding:4px 8px!important;box-sizing:border-box!important;position:relative!important;z-index:9999!important}.react-select-multi{position:relative;z-index:9999!important}.react-select-multi .Select-menu-outer{max-width:100%!important;z-index:99999!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#fff!important;border:2px solid rgba(226,232,240,.8)!important;border-radius:12px!important;box-shadow:0 10px 25px rgba(0,0,0,.15)!important;margin-top:4px!important}.react-select-multi .Select-option{padding:8px 12px!important;font-size:13px!important;background:#fff!important;color:#374151!important;cursor:pointer!important;border-bottom:1px solid rgba(226,232,240,.5)!important}.react-select-multi .Select-option.is-selected{background:#667eea!important;color:#fff!important}.vacation-usage-container,.vacation-usage__filter-group,.vacation-usage__filters,.vacation-usage__main-card,.vacation-usage__rights-container,.vacation-usage__wrapper{overflow:visible!important;max-height:none!important;height:auto!important}.vacation-usage__employees-grid{overflow-y:auto!important;max-height:600px!important}.react-select-multi .Select-value{background:rgba(102,126,234,.1)!important;border:1px solid rgba(102,126,234,.3)!important;border-radius:6px!important;color:#667eea!important;font-size:12px!important;font-weight:500!important;margin:2px!important;padding:2px 6px!important}.react-select-multi .Select-control.is-focused,.react-select-multi .Select-control:focus{border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)!important;outline:none!important}.react-select-multi .Select-option.is-focused,.react-select-multi .Select-option:hover{background:rgba(102,126,234,.1)!important;color:#667eea!important}.react-select-multi .Select-menu{max-height:200px!important;overflow-y:auto!important;background:#fff!important;border-radius:12px!important}.react-select-multi .Select-control:focus{border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)!important;outline:none!important}@media (max-width:1024px){.vacation-usage__vacation-types-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.vacation-usage__employee-info{grid-gap:20px;gap:20px}.vacation-usage__please-filter-message{font-size:11px;color:#64748b;font-weight:500;opacity:.8;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));padding:6px 8px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(226,232,240,.5);white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;max-width:200px}.vacation-usage__filters{grid-template-columns:1fr 1fr auto auto;grid-gap:16px;gap:16px}.vacation-usage__calendar-header{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.vacation-usage__calendar-nav{flex-direction:column;align-items:center;grid-gap:16px;gap:16px;width:100%}.vacation-usage__calendar-nav-controls{order:2}.vacation-usage__calendar-filter-container{order:1;width:100%;justify-content:flex-start}.vacation-usage__calendar-filter-controls{flex-direction:column;grid-gap:12px;gap:12px;width:100%;align-items:stretch}.vacation-usage__calendar-filter-select{width:100%;min-width:auto}.vacation-usage__calendar-filter-button{width:100%}.vacation-usage__calendar-filter-group{width:100%;max-width:300px}}@media (max-width:768px){.vacation-usage-container{padding:8px}.vacation-usage__filter-group{width:100%}.vacation-usage__main-card{padding:16px;border-radius:20px}.vacation-usage__title{font-size:clamp(16px,5vw,24px)}.vacation-usage__stats{grid-template-columns:1fr;grid-gap:12px;gap:12px}.vacation-usage__stat-card{padding:12px}.vacation-usage__filters{grid-template-columns:1fr;padding:16px;grid-gap:12px;gap:12px}.vacation-usage__employee-info{flex-direction:column;align-items:flex-start;grid-gap:16px;gap:16px}.vacation-usage__employee-details{flex:none;width:100%}.vacation-usage__vacation-types-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px;width:100%}.vacation-usage__vacation-type-card{min-height:70px;padding:8px 6px}.vacation-usage__vacation-type-name{font-size:8px}.vacation-usage__vacation-remaining{font-size:12px}.vacation-usage__vacation-total{font-size:10px}.vacation-usage__calendar-header{padding:16px}.vacation-usage__calendar-nav{flex-direction:column;grid-gap:16px;gap:16px;width:100%;align-items:stretch}.vacation-usage__calendar-month-title{order:-1}.vacation-usage__calendar-filter-container{order:1;flex-direction:column;grid-gap:12px;gap:12px;width:100%;align-items:stretch}.vacation-usage__calendar-filter-group{flex-direction:column;grid-gap:8px;gap:8px;align-items:stretch;width:100%;max-width:none}.vacation-usage__calendar-filter-controls{flex-direction:column;grid-gap:12px;gap:12px;width:100%;align-items:stretch}.vacation-usage__calendar-filter-select{width:100%;min-width:0;max-width:100%}.vacation-usage__calendar-filter-button{width:100%;min-width:auto;max-width:100%}.vacation-usage__calendar-grid{padding:12px;grid-gap:3px;gap:3px}.vacation-usage__calendar-day{height:60px;padding:6px 4px}.vacation-usage__calendar-day-number{font-size:10px}.vacation-usage__calendar-vacation-event{font-size:7px;padding:1px 4px}.vacation-usage__side-panel{width:100vw;padding:20px}.vacation-usage__employee-card,.vacation-usage__rights-container{padding:16px}.vacation-usage__please-filter-message{text-align:center;white-space:normal;word-wrap:break-word;width:100%;margin:0;max-width:100%;font-size:10px;padding:4px 6px}.vacation-usage__calendar-nav-controls{order:2;align-self:center}}@media (max-width:480px){.vacation-usage__main-card{padding:12px;border-radius:16px}.vacation-usage__calendar-header{padding:12px}.vacation-usage__calendar-grid{grid-gap:2px;gap:2px;padding:8px}.vacation-usage__calendar-filter-container{grid-gap:8px;gap:8px}.vacation-usage__calendar-day{height:50px;padding:4px 2px}.vacation-usage__calendar-day-number{font-size:9px}.vacation-usage__calendar-vacation-event{font-size:6px;padding:1px 3px}.vacation-usage__vacation-types-grid{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));grid-gap:6px;gap:6px}.vacation-usage__vacation-type-card{min-height:60px;padding:6px 4px}.vacation-usage__vacation-type-name{font-size:7px}.vacation-usage__section-title{font-size:16px;grid-gap:8px;gap:8px}.vacation-usage__filters{padding:12px}.vacation-usage__detail-two-column{grid-template-columns:1fr;grid-gap:8px;gap:8px}.vacation-usage__calendar-filter-select{font-size:12px;padding:10px 12px}.vacation-usage__calendar-filter-button{padding:10px 16px;font-size:11px}.vacation-usage__please-filter-message{font-size:11px;padding:6px 10px}}@media (max-width:768px){.vacation-usage__filters>div:last-child{display:flex;flex-direction:column;grid-gap:8px;gap:8px;width:100%}.vacation-usage__filters>div:last-child button{width:100%;max-width:100%}}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.vacation-usage__calendar-grid,.vacation-usage__employee-card,.vacation-usage__main-card,.vacation-usage__side-panel,.vacation-usage__stat-card,.vacation-usage__vacation-type-card{background-attachment:fixed}}@media (prefers-color-scheme:dark){.vacation-usage-container{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569)}.vacation-usage__main-card{background:rgba(30,41,59,.95);border:1px solid rgba(148,163,184,.2)}.vacation-usage__calendar-month-title,.vacation-usage__employee-name,.vacation-usage__section-title,.vacation-usage__title{color:#f1f5f9}.vacation-usage__employee-department,.vacation-usage__filter-label,.vacation-usage__subtitle{color:#94a3b8}}.vacation-modal__employee-info{background:transparent;border:none;border-radius:0;padding:0;margin:0;min-width:0;flex:1 1}.vacation-modal__employee-name{font-size:13px;font-weight:600;color:#2d3748;margin:0 0 2px;line-height:1.2}.vacation-modal__employee-details{display:flex;align-items:center;grid-gap:6px;gap:6px;margin:0;flex-wrap:wrap}.vacation-modal__department{background:#e2e8f0;padding:1px 6px;border-radius:8px}.vacation-modal__department,.vacation-modal__job-title{color:#4a5568;font-size:9px;font-weight:500}.vacation-modal__separator{color:#cbd5e0;font-weight:700;font-size:8px}.vacation-modal__tckn{font-size:8px;color:#718096;font-family:monospace;background:#edf2f7;padding:1px 3px;border-radius:3px;display:inline-block}.vacation-modal__badges-section{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0}.vacation-modal__status-badge{padding:1px 5px;border-radius:6px;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.vacation-modal__status-badge--approved{background-color:#c6f6d5;color:#22543d}.vacation-modal__status-badge--pending{background-color:#fed7d7;color:#742a2a}.vacation-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.vacation-modal__container{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;height:auto;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.2)}.vacation-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.vacation-modal__title{margin:0;font-size:20px;font-weight:600;color:#1a202c}.vacation-modal__close-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#718096;transition:all .2s;display:flex;align-items:center;justify-content:center}.vacation-modal__close-btn:hover{background-color:#f7fafc;color:#2d3748}.vacation-modal__content{flex:1 1;overflow:visible;padding:16px 24px;height:auto;max-height:none}.vacation-modal__empty{text-align:center;padding:60px 20px;color:#718096;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.vacation-modal__empty svg{margin-bottom:16px;color:#cbd5e0}.vacation-modal__cards-grid{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-height:none;overflow:visible;padding:0}.vacation-modal__cards-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-height:350px;overflow-y:auto;padding:0 4px}.vacation-modal__card{border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:12px;min-height:auto}.vacation-modal__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;grid-gap:8px;gap:8px}.vacation-modal__employee-section{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1}.vacation-modal__type-badge{color:#fff;padding:2px 6px;border-radius:10px;font-size:9px;font-weight:500;white-space:nowrap}.vacation-modal__duration{font-weight:600;color:#4a5568;background:#edf2f7;padding:2px 5px;border-radius:5px;font-size:9px;white-space:nowrap}.vacation-modal__card-content{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-wrap:wrap;justify-content:space-between}.vacation-modal__info-grid{display:flex;align-items:center;grid-gap:12px;gap:12px;flex-wrap:wrap;flex:1 1}.vacation-modal__info-item{display:flex;align-items:center;grid-gap:4px;gap:4px;white-space:nowrap}.vacation-modal__info-full{display:flex;align-items:center;grid-gap:4px;gap:4px;margin-left:auto}.vacation-modal__info-row{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:0;border:none}.vacation-modal__info-row:last-child{border-bottom:none}.vacation-modal__info-row--full{flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px}.vacation-modal__label{font-weight:600;color:#4a5568;font-size:9px;text-transform:uppercase;letter-spacing:.3px}.vacation-modal__value{color:#2d3748;font-size:10px;font-weight:500}.vacation-modal__info-row--full .vacation-modal__value{text-align:left;width:100%}.vacation-modal__explanation{background:#f1f5f9;padding:3px 6px;border-radius:4px;font-size:9px;line-height:1.2;color:#64748b;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none;margin-left:auto}@media (max-width:768px){.vacation-modal__overlay{padding:10px}.vacation-modal__container{max-height:95vh}.vacation-modal__cards-grid{grid-gap:8px;gap:8px;max-height:350px}.vacation-modal__employee-section{width:100%}.vacation-modal__badges-section{align-self:flex-start}.vacation-modal__info-grid{grid-template-columns:1fr;grid-gap:8px;gap:8px;flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px}.vacation-modal__header{padding:20px 20px 16px}.vacation-modal__content{padding:20px}.vacation-modal__title{font-size:18px}.vacation-modal__card{padding:8px 10px}.vacation-modal__employee-name{font-size:13px}.vacation-modal__card-content,.vacation-modal__card-header{flex-direction:column;align-items:flex-start;grid-gap:6px;gap:6px}}.vacation-hover-preview{background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);min-width:280px;max-width:350px;animation:hoverPreviewFadeIn .2s ease-out;z-index:9999;overflow:hidden}@keyframes hoverPreviewFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vacation-hover-preview__header{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));padding:12px 16px;border-bottom:1px solid rgba(226,232,240,.5)}.vacation-hover-preview__title{font-size:13px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:.5px}.vacation-hover-preview__list{padding:8px 0;max-height:200px;overflow-y:auto}.vacation-hover-preview__item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:8px 16px;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.vacation-hover-preview__item:hover{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-left-color:#667eea}.vacation-hover-preview__type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.vacation-hover-preview__info{flex:1 1;min-width:0}.vacation-hover-preview__name{display:block;font-size:13px;font-weight:600;color:#1e293b;line-height:1.2;margin-bottom:2px}.vacation-hover-preview__type{display:block;font-size:11px;color:#64748b;font-weight:500;line-height:1}.vacation-hover-preview__duration{font-size:11px;font-weight:700;color:#059669;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));padding:4px 8px;border-radius:8px;border:1px solid rgba(16,185,129,.2);white-space:nowrap}.vacation-hover-preview__footer{background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));padding:8px 16px;border-top:1px solid rgba(226,232,240,.5);text-align:center;font-size:10px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vacation-day-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalOverlayFadeIn .3s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.vacation-day-modal__container{background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(248,250,252,.95));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:20px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 32px 80px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.4);border:1px solid hsla(0,0%,100%,.3);overflow:hidden;animation:modalContainerFadeIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalContainerFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.vacation-day-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 20px;border-bottom:2px solid rgba(226,232,240,.5);flex-shrink:0;background:linear-gradient(135deg,rgba(102,126,234,.05),hsla(0,0%,100%,.8))}.vacation-day-modal__date-info{flex:1 1}.vacation-day-modal__title{margin:0;font-size:22px;font-weight:800;color:#1e293b;line-height:1.2;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vacation-day-modal__subtitle{font-size:14px;color:#64748b;font-weight:600;margin-top:4px;opacity:.8}.vacation-day-modal__close-btn{background:linear-gradient(135deg,rgba(248,250,252,.9),rgba(241,245,249,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(226,232,240,.5);cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:#64748b;font-size:16px;font-weight:700;outline:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.vacation-day-modal__close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:scale(1.1);box-shadow:0 8px 16px rgba(239,68,68,.3)}.vacation-day-modal__content{flex:1 1;overflow-y:auto;padding:0}.vacation-day-modal__empty{text-align:center;padding:60px 20px;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center}.vacation-day-modal__empty-icon{font-size:48px;margin-bottom:16px;opacity:.7}.vacation-day-modal__list{padding:20px 24px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.vacation-day-modal__item{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(226,232,240,.5);border-radius:16px;padding:16px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.08)}.vacation-day-modal__item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s}.vacation-day-modal__item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 48px rgba(0,0,0,.15);border-color:#667eea}.vacation-day-modal__item:hover:before{opacity:1}.vacation-day-modal__item-header{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.vacation-day-modal__details-inline{display:flex;grid-gap:6px;gap:6px;align-items:center}.vacation-day-modal__type-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 3px currentColor}.vacation-day-modal__employee-info{flex:1 1;min-width:0}.vacation-day-modal__employee-name{font-size:16px;font-weight:800;color:#1e293b;margin:0 0 2px;line-height:1.3}.vacation-day-modal__department{font-size:12px;color:#64748b;font-weight:600;opacity:.8}.vacation-day-modal__vacation-type{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#667eea;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(102,126,234,.2);white-space:nowrap}.vacation-day-modal__item-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;padding-top:12px;border-top:1px solid rgba(226,232,240,.5)}.vacation-day-modal__duration{font-size:13px;font-weight:700;color:#059669;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));padding:8px 12px;border-radius:8px;border:1px solid rgba(16,185,129,.2);text-align:center}.vacation-day-modal__date-range,.vacation-day-modal__duration{font-size:12px;padding:4px 8px}.vacation-day-modal__date-range{font-size:12px;color:#64748b;font-weight:600;background:linear-gradient(135deg,rgba(248,250,252,.8),rgba(241,245,249,.6));padding:8px 12px;border-radius:8px;border:1px solid rgba(226,232,240,.5);text-align:center;display:flex;align-items:center;justify-content:center}.vacation-day-modal__reason{grid-column:1/-1;font-size:12px;color:#64748b;background:linear-gradient(135deg,rgba(241,245,249,.8),rgba(248,250,252,.6));padding:12px 16px;border-radius:12px;border-left:4px solid #cbd5e1;line-height:1.4}.vacation-usage__calendar-day{position:relative}.vacation-usage__calendar-day--with-vacation:hover{border-color:#667eea!important;box-shadow:0 8px 32px rgba(102,126,234,.2)!important}.vacation-usage__day-total-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:9px;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(16,185,129,.3);z-index:10;transition:all .3s ease}.vacation-usage__calendar-day:hover .vacation-usage__day-total-badge{transform:scale(1.1);box-shadow:0 4px 16px rgba(16,185,129,.4)}.vacation-usage__calendar-more-vacations--enhanced{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:8px;font-weight:700;text-align:center;margin-top:4px;padding:4px 8px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none;box-shadow:0 2px 8px rgba(102,126,234,.3);display:flex;flex-direction:column;align-items:center;grid-gap:1px;gap:1px;position:relative;overflow:hidden}.vacation-usage__calendar-more-vacations--enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .6s}.vacation-usage__calendar-more-vacations--enhanced:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(102,126,234,.4)}.vacation-usage__calendar-more-vacations--enhanced:hover:before{left:100%}.vacation-usage__more-count{font-size:10px;font-weight:800;line-height:1}.vacation-usage__more-text{font-size:7px;opacity:.9;line-height:1}@media (max-width:768px){.vacation-hover-preview{min-width:250px;max-width:300px;font-size:12px}.vacation-hover-preview__name{font-size:12px}.vacation-hover-preview__type{font-size:10px}.vacation-hover-preview__duration{font-size:10px;padding:3px 6px}.vacation-day-modal__container{max-height:90vh;border-radius:16px;margin:10px}.vacation-day-modal__header{padding:20px 20px 16px}.vacation-day-modal__title{font-size:18px}.vacation-day-modal__list{padding:16px 20px;grid-gap:12px;gap:12px}.vacation-day-modal__item{padding:14px}.vacation-day-modal__item-details{grid-template-columns:1fr;grid-gap:8px;gap:8px}.vacation-usage__day-total-badge{width:16px;height:16px;font-size:8px;top:2px;right:2px}.vacation-usage__more-count{font-size:9px}.vacation-usage__more-text{font-size:6px}}@media (max-width:480px){.vacation-hover-preview{min-width:220px;max-width:280px;left:50%!important;transform:translateX(-50%)}.vacation-day-modal__container{max-width:95vw;max-height:92vh;margin:5px}.vacation-day-modal__item-header{flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px}.vacation-day-modal__vacation-type{align-self:flex-start}.vacation-usage__day-total-badge{width:14px;height:14px;font-size:7px}.vacation-modal__employee-details,.vacation-modal__info-item{flex-direction:column;align-items:flex-start;grid-gap:2px;gap:2px}}.vacation-day-modal__content::-webkit-scrollbar,.vacation-hover-preview__list::-webkit-scrollbar{width:6px}.vacation-day-modal__content::-webkit-scrollbar-track,.vacation-hover-preview__list::-webkit-scrollbar-track{background:rgba(241,245,249,.5);border-radius:3px}.vacation-day-modal__content::-webkit-scrollbar-thumb,.vacation-hover-preview__list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.vacation-day-modal__content::-webkit-scrollbar-thumb:hover,.vacation-hover-preview__list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.vacation-day-modal__item{animation:itemSlideIn .3s ease-out;animation-fill-mode:both}.vacation-day-modal__item:first-child{animation-delay:.1s}.vacation-day-modal__item:nth-child(2){animation-delay:.15s}.vacation-day-modal__item:nth-child(3){animation-delay:.2s}.vacation-day-modal__item:nth-child(4){animation-delay:.25s}.vacation-day-modal__item:nth-child(5){animation-delay:.3s}@keyframes itemSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.vacation-usage__pagination{justify-content:space-between;margin-top:24px;padding:20px;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.08)}.vacation-usage__pagination,.vacation-usage__pagination-info{display:flex;align-items:center;grid-gap:16px;gap:16px;flex-wrap:wrap}.vacation-usage__pagination-text{font-size:14px;font-weight:600;color:#64748b;white-space:nowrap}.vacation-usage__page-size-selector{display:flex;align-items:center;grid-gap:8px;gap:8px}.vacation-usage__page-size-label{font-size:12px;font-weight:600;color:#64748b;white-space:nowrap}.vacation-usage__page-size-select{padding:6px 12px;border:2px solid rgba(226,232,240,.8);border-radius:8px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px;font-weight:600;color:#374151;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;min-width:60px}.vacation-usage__page-size-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.vacation-usage__page-size-select:disabled{opacity:.5;cursor:not-allowed}.vacation-usage__pagination-controls{display:flex;align-items:center;grid-gap:8px;gap:8px}.vacation-usage__pagination-button{padding:8px 12px;border:2px solid rgba(226,232,240,.8);background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(248,250,252,.8));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);outline:none;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;position:relative}.vacation-usage__pagination-button:focus{outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.3)}.vacation-usage__pagination-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:linear-gradient(135deg,rgba(248,250,252,.5),rgba(241,245,249,.4))!important;color:#94a3b8!important;border-color:rgba(226,232,240,.5)!important}.vacation-usage__pagination-button--active{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-color:#667eea!important;box-shadow:0 4px 12px rgba(102,126,234,.4);transform:translateY(-1px)}.vacation-usage__pagination-button--active:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(102,126,234,.5)!important}.vacation-usage__pagination-button--nav{font-size:16px;font-weight:700;padding:8px 10px}.vacation-usage__pagination-pages{display:flex;align-items:center;grid-gap:4px;gap:4px;margin:0 8px}.vacation-usage__pagination-button:disabled.loading{position:relative;overflow:hidden}.vacation-usage__pagination-button:disabled.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:pagination-loading 1.5s infinite}@keyframes pagination-loading{0%{left:-100%}to{left:100%}}@media (max-width:1024px){.vacation-usage__pagination{flex-direction:column;align-items:stretch;grid-gap:16px;gap:16px}.vacation-usage__pagination-info{justify-content:space-between;width:100%}.vacation-usage__pagination-controls{justify-content:center;width:100%}}@media (max-width:768px){.vacation-usage__pagination{padding:16px;grid-gap:12px;gap:12px}.vacation-usage__pagination-info{flex-direction:column;align-items:center;grid-gap:8px;gap:8px}.vacation-usage__pagination-text{font-size:12px;text-align:center}.vacation-usage__pagination-button{padding:6px 10px;font-size:12px;min-width:32px;height:32px}.vacation-usage__pagination-button--nav{font-size:14px;padding:6px 8px}.vacation-usage__pagination-pages{margin:0 4px;grid-gap:2px;gap:2px}}@media (max-width:480px){.vacation-usage__pagination-controls{flex-wrap:wrap;justify-content:center}.vacation-usage__pagination-pages{order:2;width:100%;justify-content:center;margin-top:8px;margin-left:0;margin-right:0}.vacation-usage__pagination-button{padding:6px 8px;font-size:11px;min-width:28px;height:28px}.vacation-usage__page-size-select{font-size:11px;padding:4px 8px;min-width:50px}.vacation-usage__page-size-label{font-size:11px}}.vacation-usage__employees-grid,.vacation-usage__rights-container{overflow-y:visible!important;max-height:none!important;height:auto!important}.vacation-usage__pagination--loading{opacity:.7;pointer-events:none}.vacation-usage__pagination--loading .vacation-usage__pagination-button{cursor:wait}.vacation-usage__page-size-select:focus-visible,.vacation-usage__pagination-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-color-scheme:dark){.vacation-usage__pagination{background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(51,65,85,.9));border:1px solid rgba(148,163,184,.2)}.vacation-usage__page-size-label,.vacation-usage__pagination-text{color:#94a3b8}.vacation-usage__page-size-select,.vacation-usage__pagination-button{background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(51,65,85,.8));border:2px solid rgba(148,163,184,.3);color:#f1f5f9}}.vacation-usage__pagination *{transition:all .15s cubic-bezier(.4,0,.2,1)}.vacation-usage__page-size-select:focus,.vacation-usage__pagination-button:focus{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}*{margin:0;padding:0;box-sizing:border-box}.vacation-transfer-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0 30%,#f1f5f9);padding:16px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow-x:hidden}.vacation-transfer-bg-animated{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.vacation-transfer-bg-blur{position:absolute;border-radius:50%;filter:blur(100px);opacity:.12;animation:vacation-transfer-float 12s ease-in-out infinite}.vacation-transfer-bg-blur-1{width:400px;height:400px;top:-200px;right:-200px;animation-delay:0s}.vacation-transfer-bg-blur-1,.vacation-transfer-bg-blur-2{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}.vacation-transfer-bg-blur-2{width:350px;height:350px;bottom:-175px;left:-175px;animation-delay:6s}.vacation-transfer-bg-blur-3{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);top:40%;left:60%;transform:translate(-50%,-50%);animation-delay:3s}@keyframes vacation-transfer-float{0%,to{transform:translateY(0) scale(1) rotate(0deg);opacity:.1}33%{transform:translateY(-30px) scale(1.1) rotate(120deg);opacity:.15}66%{transform:translateY(15px) scale(.9) rotate(240deg);opacity:.12}}.vacation-transfer-content{position:relative;z-index:10;width:100%;margin:0;padding:0 20px}.vacation-transfer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.vacation-transfer-header-left{display:flex;align-items:center;grid-gap:16px;gap:16px}.vacation-transfer-header-icon{width:35px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px rgba(102,126,234,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.vacation-transfer-header-icon:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 40px rgba(102,126,234,.4)}.vacation-transfer-header-info h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.vacation-transfer-toggle-form-btn{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,.2);border-radius:16px;padding:12px 24px;color:#667eea;cursor:pointer;display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:.875rem;font-weight:600;transition:all .3s ease;box-shadow:0 8px 25px rgba(102,126,234,.15)}.vacation-transfer-toggle-form-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.25);border-color:rgba(102,126,234,.3)}.vacation-transfer-toggle-form-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 12px 35px rgba(102,126,234,.4);max-width:300px;max-height:40px;font-size:13px}.vacation-transfer-form-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(102,126,234,.1);border-radius:24px;box-shadow:0 25px 50px rgba(102,126,234,.1);overflow:hidden;margin-bottom:24px}.vacation-transfer-form-card-animated{animation:vacation-transfer-slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes vacation-transfer-slideDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vacation-transfer-form-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;color:#fff;display:flex;align-items:center;justify-content:space-between;max-height:40px}.vacation-transfer-form-header-content{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1}.vacation-transfer-form-header-icon{width:20px;height:20px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.3);flex-shrink:0}.vacation-transfer-form-header-text h2{font-size:.9rem;font-weight:600;margin-top:10px}.vacation-transfer-form-header-text p{opacity:.9;font-size:.75rem}.vacation-transfer-form-body{padding:24px}.vacation-transfer-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;grid-gap:18px;gap:18px;align-items:end}.vacation-transfer-input-group{display:flex;flex-direction:column}.vacation-transfer-input-label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:.875rem;font-weight:600;color:#667eea;margin-bottom:8px}.vacation-transfer-label-icon{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center}.vacation-transfer-label-icon-user{background:linear-gradient(135deg,#ddd6fe,#c7d2fe);color:#667eea}.vacation-transfer-label-icon-calendar{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.vacation-transfer-label-icon-calendar-end{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706}.vacation-transfer-form-input{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:14px;font-size:.875rem;font-weight:500;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;outline:none}.vacation-transfer-form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.vacation-transfer-form-input:hover{border-color:#c7d2fe;background:hsla(0,0%,100%,.95)}.vacation-transfer-select-wrapper{position:relative;width:100%;z-index:100}.vacation-transfer-select-wrapper .vacation-transfer-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#764ba2;pointer-events:none;z-index:5;opacity:.7}.vacation-transfer-react-select .Select-control{border:2px solid #e5e7eb!important;border-radius:14px!important;min-height:48px!important;background-color:hsla(0,0%,100%,.9)!important;box-shadow:none!important;display:flex!important;align-items:center!important;position:relative!important}.vacation-transfer-react-select .Select-control:hover{border-color:#c7d2fe!important}.vacation-transfer-react-select .Select-control.is-focused{border-color:#667eea!important;box-shadow:0 0 0 4px rgba(102,126,234,.1)!important}.vacation-transfer-react-select .Select-placeholder{color:#9ca3af!important;font-size:14px!important;display:flex!important;align-items:center!important;padding-left:4px!important;max-width:calc(100% - 40px)!important}.vacation-transfer-react-select .Select-input{padding-left:8px!important;padding-right:8px!important;height:44px!important;display:flex!important;align-items:center!important;line-height:44px!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important;width:calc(100% - 40px)!important}.vacation-transfer-react-select .Select-input>input{height:44px!important;line-height:44px!important;font-size:14px!important;display:block!important;width:100%!important}.vacation-transfer-react-select .Select-input>input,.vacation-transfer-react-select .Select-input input{padding:0!important;margin:0!important;border:none!important;outline:none!important;background:transparent!important}.vacation-transfer-react-select .Select-input input{line-height:20px!important;height:20px!important}.vacation-transfer-react-select .Select-value{display:flex!important;align-items:center!important;padding-left:8px!important;padding-right:8px!important;line-height:44px!important;height:44px!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.vacation-transfer-react-select .Select-value .Select-value-label{color:#1f2937!important;font-weight:500!important;font-size:.875rem!important;line-height:1.2!important;display:flex!important;align-items:center!important;height:100%!important;padding:0!important;margin:0!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important;width:calc(100% - 40px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.vacation-transfer-react-select .Select-value-container{display:flex!important;align-items:center!important;padding:0 8px!important;min-height:44px!important;flex:1 1!important;justify-content:flex-start!important}.vacation-transfer-react-select .Select-clear-zone{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-70%)!important;z-index:20!important;margin-right:0!important}.vacation-transfer-react-select .Select-clear-zone:hover{transform:translateY(-50%) scale(1.1)!important}.vacation-transfer-react-select .Select-clear{color:#6b7280!important;font-size:14px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.vacation-transfer-react-select .Select-clear:hover{color:#374151!important}.vacation-transfer-react-select .Select-single-value{display:flex!important;align-items:center!important;color:#1f2937!important;font-weight:500!important;max-width:calc(100% - 40px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:20px!important;height:20px!important;position:absolute!important;top:50%!important;left:8px!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important}.vacation-transfer-react-select .Select-menu{border-radius:12px!important;overflow:hidden!important}.vacation-transfer-react-select .Select-menu-outer{border-radius:12px!important;box-shadow:0 10px 25px rgba(0,0,0,.1)!important;border:1px solid #e2e8f0!important;z-index:9999!important;position:absolute!important;top:100%!important;left:0!important;right:0!important}.vacation-transfer-react-select .Select-option{padding:12px 16px!important;font-size:14px!important;cursor:pointer!important}.vacation-transfer-react-select .Select-option.is-selected{background-color:#667eea!important;color:#fff!important}.vacation-transfer-react-select .Select-option.is-selected:hover{background-color:#5a67d8!important;color:#fff!important}.vacation-transfer-react-select .Select-option:hover{background-color:#f8fafc!important;color:#1e293b!important}.vacation-transfer-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:14px;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;grid-gap:10px;gap:10px;box-shadow:0 8px 25px rgba(102,126,234,.3);transition:all .3s ease;height:48px;white-space:nowrap}.vacation-transfer-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a67d8,#6b46c1)}.vacation-transfer-submit-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;opacity:.6}.vacation-transfer-submit-btn:disabled:hover{background:#e2e8f0;transform:none}.vacation-transfer-table-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(102,126,234,.1);box-shadow:0 25px 50px rgba(102,126,234,.1)}.vacation-transfer-table-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;color:#fff;display:flex;align-items:center;justify-content:space-between;max-height:40px}.vacation-transfer-table-header-left{display:flex;align-items:center;grid-gap:12px;gap:12px}.vacation-transfer-table-header-icon{width:22px;height:22px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.3);flex-shrink:0}.vacation-transfer-table-header-text h2{font-size:.9rem;font-weight:600;margin-top:10px}.vacation-transfer-table-header-text p{opacity:.9;font-size:.8125rem}.vacation-transfer-table-count{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1px 10px;border-radius:12px;font-size:.8125rem;font-weight:600;border:1px solid hsla(0,0%,100%,.3)}.vacation-transfer-table-wrapper{overflow-x:auto}.vacation-transfer-table{width:100%;border-collapse:collapse}.vacation-transfer-table-head{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:50px}.vacation-transfer-table-head-cell{padding:6px 18px;text-align:left;font-size:.7rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb;vertical-align:middle}.vacation-transfer-table-head-center{text-align:center}.vacation-transfer-table-row{border-bottom:1px solid #f1f5f9;transition:all .3s ease}.vacation-transfer-table-row:nth-child(2n){background:rgba(248,250,252,.6)}.vacation-transfer-table-row:nth-child(odd){background:#fff}.vacation-transfer-table-row:hover{background:linear-gradient(135deg,rgba(102,126,234,.03),rgba(118,75,162,.05))!important;transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,.08)}.vacation-transfer-table-cell{padding:16px 18px;font-size:.875rem;vertical-align:middle}.vacation-transfer-user-info{display:flex;align-items:center;grid-gap:12px;gap:12px}.vacation-transfer-user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;margin-right:12px;flex-shrink:0}.vacation-transfer-user-avatar-giver,.vacation-transfer-user-avatar-receiver{background:linear-gradient(135deg,#667eea,#764ba2)}.vacation-transfer-user-details{flex:1 1}.vacation-transfer-user-name{font-weight:600;color:#1f2937;margin-bottom:2px;font-size:.875rem}.vacation-transfer-user-role{font-size:.75rem;color:#6b7280;font-weight:500}.vacation-transfer-date-info{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.vacation-transfer-date-main{font-weight:600;color:#1f2937;font-size:.8125rem}.vacation-transfer-date-secondary{font-size:.75rem;color:#6b7280;font-weight:500}.vacation-transfer-status-badge{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid;box-shadow:0 4px 12px rgba(0,0,0,.08)}.vacation-transfer-status-active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#059669;border-color:#34d399}.vacation-transfer-status-pending{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706;border-color:#fbbf24}.vacation-transfer-status-expired{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border-color:#d1d5db}.vacation-transfer-action-buttons{display:flex;grid-gap:6px;gap:6px;justify-content:center}.vacation-transfer-action-button{width:32px;height:32px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.vacation-transfer-edit-button{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.vacation-transfer-edit-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.3)}.vacation-transfer-delete-button{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}.vacation-transfer-delete-button:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px rgba(220,38,38,.3)}.vacation-transfer-empty-state{text-align:center;padding:60px 20px}.vacation-transfer-empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#94a3b8;box-shadow:0 8px 30px rgba(0,0,0,.06)}.vacation-transfer-empty-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:10px}.vacation-transfer-empty-subtitle{color:#6b7280;max-width:500px;margin:0 auto;line-height:1.6;font-size:.9375rem}.vacation-transfer-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.vacation-transfer-loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#667eea;border-radius:50%;animation:vacation-transfer-spin 1s linear infinite;margin-bottom:1.25rem}@keyframes vacation-transfer-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vacation-transfer-loading-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.vacation-transfer-loading-subtitle{font-size:.9375rem;color:#6b7280}.vacation-transfer-cancel-edit-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.75rem;color:#fff;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.vacation-transfer-cancel-edit-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.25)}.vacation-transfer-pagination{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(102,126,234,.1);background:#f8fafc;border-radius:0 0 12px 12px}.vacation-transfer-pagination-info{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.vacation-transfer-page-size-wrapper{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.vacation-transfer-page-size-wrapper span{font-size:.875rem;color:#6b7280;font-weight:500}.vacation-transfer-page-size-select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:.875rem;min-width:70px;font-weight:500}.vacation-transfer-page-size-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.vacation-transfer-pagination-controls{display:flex;grid-gap:.375rem;gap:.375rem;align-items:center}.vacation-transfer-pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.05)}.vacation-transfer-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.vacation-transfer-pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb;color:#d1d5db}.vacation-transfer-pagination-btn.active{background:#667eea;border-color:#667eea;font-weight:700;color:#fff;box-shadow:0 2px 4px rgba(102,126,234,.2)}.vacation-transfer-pagination-btn.active:hover{background:#5a67d8;border-color:#5a67d8}@media (max-width:1200px){.vacation-transfer-form-grid{grid-template-columns:1fr 1fr 1fr auto;grid-gap:16px;gap:16px}}@media (max-width:768px){.vacation-transfer-container{padding:16px 0}.vacation-transfer-content{padding:0 16px}.vacation-transfer-header{flex-direction:column;align-items:stretch;grid-gap:16px;gap:16px}.vacation-transfer-header-left{justify-content:center;grid-gap:12px;gap:12px}.vacation-transfer-toggle-form-btn{justify-content:center}.vacation-transfer-header-info h1{font-size:1.5rem}.vacation-transfer-form-grid{grid-template-columns:1fr;grid-gap:16px;gap:16px}.vacation-transfer-form-body,.vacation-transfer-form-header,.vacation-transfer-table-header{padding:16px}.vacation-transfer-table-header{flex-direction:column;grid-gap:12px;gap:12px;text-align:center;min-height:auto}.vacation-transfer-form-header{min-height:auto}.vacation-transfer-table-header-left{justify-content:center}.vacation-transfer-table-cell,.vacation-transfer-table-head-cell{padding:12px 10px;font-size:.75rem}.vacation-transfer-user-avatar{width:32px;height:32px;font-size:.75rem}.vacation-transfer-action-button{width:28px;height:28px}.vacation-transfer-status-badge{font-size:.6875rem;padding:4px 8px}}@media (max-width:480px){.vacation-transfer-container{padding:12px 0}.vacation-transfer-content{padding:0 12px}.vacation-transfer-header-icon{width:44px;height:44px}.vacation-transfer-header-info h1{font-size:1.375rem}.vacation-transfer-table-wrapper{overflow-x:scroll}.vacation-transfer-table{min-width:700px}.vacation-transfer-submit-btn{width:100%;justify-content:center}.vacation-transfer-toggle-form-btn{padding:10px 20px;font-size:.8125rem}.vacation-transfer-form-body{padding:16px 12px}.vacation-transfer-form-header,.vacation-transfer-table-header{padding:12px}.vacation-transfer-pagination{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:center}.vacation-transfer-pagination-info{flex-direction:column;grid-gap:.5rem;gap:.5rem;text-align:center}}.vacation-transfer-select-wrapper .Select-menu-outer{z-index:9999;position:absolute;top:100%;left:0;right:0}.vacation-transfer-form-body,.vacation-transfer-form-card{overflow:visible!important}@media (prefers-color-scheme:dark){.vacation-transfer-container{background:linear-gradient(135deg,#1e293b,#334155 30%,#475569)}.vacation-transfer-form-card,.vacation-transfer-table-card{background:rgba(30,41,59,.95);border-color:rgba(71,85,105,.3)}.vacation-transfer-form-header,.vacation-transfer-table-header{background:linear-gradient(135deg,#475569,#64748b)}.vacation-transfer-table-head{background:linear-gradient(135deg,#334155,#475569)}.vacation-transfer-table-head-cell{color:#e2e8f0;border-bottom-color:#475569}.vacation-transfer-table-row:nth-child(2n){background:rgba(51,65,85,.6)}.vacation-transfer-table-row:nth-child(odd){background:rgba(30,41,59,.8)}.vacation-transfer-date-main,.vacation-transfer-user-name{color:#e2e8f0}.vacation-transfer-date-secondary,.vacation-transfer-user-role{color:#94a3b8}.vacation-transfer-pagination{background:#334155;border-top-color:rgba(71,85,105,.3)}.vacation-transfer-page-size-wrapper span,.vacation-transfer-pagination-info{color:#94a3b8}.vacation-transfer-page-size-select{background:#1e293b;border-color:#475569;color:#e2e8f0}.vacation-transfer-pagination-btn{background:#1e293b;border-color:#475569;color:#94a3b8}.vacation-transfer-pagination-btn:hover:not(:disabled){background:#334155;border-color:#64748b;color:#e2e8f0}}.vacation-transfer-form-input[type=datetime-local]{cursor:pointer}.vacation-transfer-form-input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;color:#667eea;opacity:.8;margin-left:8px}.vacation-transfer-form-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.vacation-transfer-table-card{border-radius:24px;overflow:hidden}.vacation-transfer-table-wrapper{border-radius:0}.vacation-transfer-react-select .Select-arrow-zone{display:none!important}.vacation-transfer-date-input-wrapper{position:relative;display:flex;align-items:center}.vacation-transfer-date-input-wrapper .vacation-transfer-form-input{flex:1 1;padding-right:45px}.vacation-transfer-date-picker-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}.vacation-transfer-calendar-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:#6b7280;transition:color .2s ease;z-index:1;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.vacation-transfer-calendar-icon:hover{color:#4f46e5;background-color:#f3f4f6}.vacation-transfer-calendar-icon:active{transform:translateY(-50%) scale(.95)}.vacation-transfer-date-input-wrapper .vacation-transfer-form-input:focus+.vacation-transfer-date-picker-hidden+.vacation-transfer-calendar-icon{color:#4f46e5}@media (max-width:768px){.vacation-transfer-calendar-icon{right:8px}.vacation-transfer-date-input-wrapper .vacation-transfer-form-input{padding-right:40px}}