@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;800&display=swap";.hrms-login-page{--primary-color: #4fc3f7;--secondary-color: #2196f3;--bg-color: #0d1117;--text-color: #ffffff;--text-muted: #8b949e;--glass-bg: rgba(22, 27, 34, .7);--glass-border: rgba(255, 255, 255, .1);--input-bg: rgba(13, 17, 23, .5);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);overflow:hidden;position:relative;color:var(--text-color)}.hrms-login-background .shape{position:absolute;border-radius:50%;filter:blur(80px);z-index:1;opacity:.6;animation:float 10s infinite alternate ease-in-out}.shape-1{width:400px;height:400px;background:radial-gradient(circle,var(--secondary-color),transparent);top:-100px;left:-50px}.shape-2{width:300px;height:300px;background:radial-gradient(circle,var(--primary-color),transparent);bottom:50px;right:-50px;animation-delay:-5s!important}.shape-3{width:200px;height:200px;background:radial-gradient(circle,#9c27b0,transparent);top:40%;left:30%;animation-delay:-2s!important;opacity:.4}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(30px,40px) rotate(10deg)}}.hrms-login-card{position:relative;z-index:10;width:100%;max-width:420px;padding:3rem 2.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;transition:transform .3s ease}.hrms-login-card:hover{transform:translateY(-5px)}.hrms-login-header{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.hrms-logo-container{background:#ffffff08;width:180px;height:180px;border-radius:35px;display:flex;justify-content:center;align-items:center;margin-bottom:2rem;box-shadow:0 0 50px #4fc3f74d;border:1px solid rgba(79,195,247,.4);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.hrms-logo-container:hover{transform:scale(1.35);box-shadow:0 0 70px #4fc3f799;z-index:100;border-radius:20px}.hrms-logo-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,transparent,transparent,var(--primary-color),var(--secondary-color),transparent);animation:rotate-border 3s linear infinite}.hrms-logo-container:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:linear-gradient(135deg,#161b22,#0d1117);border-radius:50%;z-index:0}@keyframes rotate-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hrms-login-logo{width:130px;filter:drop-shadow(0 0 20px rgba(79,195,247,.8));position:relative;z-index:1;transition:all .5s ease}.hrms-logo-container:hover .hrms-login-logo{filter:drop-shadow(0 0 0px rgba(0,0,0,0));transform:scale(1.1)}.hrms-login-header h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,var(--primary-color),#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}.hrms-login-header p{color:var(--text-muted);font-size:1rem;letter-spacing:1px;text-transform:uppercase;font-weight:500}.hrms-login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.hrms-input{width:100%;padding:14px 16px;font-size:1rem;background:#0d11174d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-color);outline:none;transition:all .3s ease}.hrms-input:focus{border-color:var(--primary-color);box-shadow:0 0 15px #4fc3f74d;background:#0d1117cc}.input-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0 4px;font-size:1rem}.hrms-input:focus~label,.hrms-input:not(:placeholder-shown)~label{top:0;transform:translateY(-50%) scale(.85);background:#161b22;color:var(--primary-color);border-radius:4px;font-weight:600;letter-spacing:.5px}.hrms-error-message{color:#ff6b6b;font-size:.9rem;text-align:center;background:#ff6b6b1a;padding:10px;border-radius:8px;border:1px solid rgba(255,107,107,.2);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hrms-login-btn{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;border:none;padding:14px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #2196f34d}.hrms-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2196f380}.hrms-login-btn:active:not(:disabled){transform:translateY(0)}.hrms-login-btn:disabled{opacity:.7;cursor:not-allowed;background:#333}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@media (max-width: 480px){.hrms-login-card{padding:2rem;width:90%}}.password-toggle-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease;outline:none}.password-toggle-btn:hover{color:var(--primary-color);transform:translateY(-50%) scale(1.1)}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.emp-sidebar{background:var(--emp-sidebar-bg-gradient);color:var(--emp-text-primary);display:flex;flex-direction:column;height:100vh;box-shadow:var(--emp-shadow);position:relative;z-index:1000;border-right:1px solid var(--emp-divider);flex-shrink:0;overflow:visible}.emp-toggle-btn{position:absolute;top:24px;right:-16px;background:var(--emp-accent-color);color:#fff;border:4px solid var(--emp-bg);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;font-size:12px;box-shadow:0 4px 12px #6366f166;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.emp-toggle-btn:hover{background:var(--emp-accent-hover);transform:scale(1.15) rotate(180deg);box-shadow:0 0 20px var(--emp-accent-color)}.emp-toggle-btn:active{transform:scale(.9)}.emp-profile-section{padding:24px 20px;display:flex;align-items:center;gap:16px;min-height:80px}.emp-avatar-wrapper{position:relative;min-width:48px}.emp-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0003}.emp-status-indicator{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:var(--emp-success);border:2px solid var(--emp-sidebar-bg);border-radius:50%}.emp-user-info{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}.emp-user-name{font-size:1rem;font-weight:600;margin:0;color:#fff;letter-spacing:.3px}.emp-user-role{font-size:.75rem;color:var(--emp-text-secondary);margin:2px 0 0}.emp-divider{height:1px;background:var(--emp-divider);margin:0 20px 10px}.emp-menu-container{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.emp-menu-container::-webkit-scrollbar{width:0px;background:transparent}.emp-menu-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.emp-menu-group{margin-bottom:24px}.emp-group-title{padding:0 24px;margin-bottom:8px;text-transform:uppercase;font-size:.7rem;font-weight:700;color:var(--emp-text-muted);letter-spacing:1px;white-space:nowrap}.emp-menu-group ul{list-style:none;padding:0;margin:0}.emp-menu-item{display:flex;align-items:center;padding:12px 24px;margin:4px 12px;border-radius:12px;color:var(--emp-text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none}.emp-icon{font-size:1.2rem;min-width:24px;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:color .2s ease;width:24px}.emp-label{font-size:.95rem;font-weight:500;white-space:nowrap}.emp-menu-item:hover{background:var(--emp-hover-bg);color:#fff}.emp-menu-item:hover .emp-icon{color:var(--emp-accent-color);transform:scale(1.1)}.emp-menu-item.active{background:var(--emp-active-bg);color:#fff;box-shadow:0 4px 12px #0000001a}.emp-menu-item.active .emp-icon{color:var(--emp-accent-color);animation:bounce .5s ease}.emp-menu-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:3px;background:var(--emp-accent-color);border-radius:0 4px 4px 0;box-shadow:var(--emp-accent-glow)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.emp-badge{background:var(--emp-danger);color:#7f1d1d;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:10px;margin-left:auto;box-shadow:0 2px 4px #0000001a}.emp-dot-badge{width:8px;height:8px;background:var(--emp-danger);border-radius:50%;position:absolute;top:10px;right:10px;border:2px solid var(--emp-sidebar-bg)}.emp-footer{margin-top:auto;padding:16px 12px;background:#0003}.emp-menu-item.logout{color:var(--emp-danger);margin:0}.emp-menu-item.logout:hover{background:#f871711a;color:var(--emp-danger-hover)}@media screen and (max-width: 768px){.emp-sidebar{position:relative;height:auto;width:100%!important;flex-direction:row;align-items:center;padding:10px;z-index:50;box-shadow:0 4px 12px #0003;overflow-x:auto;overflow-y:hidden}.emp-toggle-btn{display:none}.emp-profile-section{padding:5px;min-height:auto;border-bottom:none;margin-right:15px}.emp-user-info{display:none}.emp-avatar{width:40px;height:40px}.emp-divider{display:none}.emp-footer{display:flex;padding:0 10px 0 0;margin:0;background:transparent;align-items:center}.emp-menu-item.logout{margin:0 4px;padding:8px;border-radius:8px;justify-content:center}.emp-menu-container{display:flex;flex-direction:row;padding-bottom:0;overflow-x:auto;align-items:center}.emp-menu-group{margin-bottom:0;display:flex;flex-direction:row}.emp-menu-group ul{display:flex;flex-direction:row}.emp-group-title{display:none}.emp-menu-item{padding:8px;margin:0 4px;flex-direction:column;justify-content:center;border-radius:8px}.emp-icon{margin-right:0;font-size:1.2rem;width:auto}.emp-label{display:none!important}.emp-menu-item.active:before{display:none}.emp-menu-item.active{background:#ffffff1a;color:var(--emp-accent-color)}}.loading-emp-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% 120%,#1e1b4b,#0f172a 60%,#000);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;perspective:1000px}.particles-container{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);border-radius:50%;animation:floatParticle 10s infinite ease-in-out alternate}.p1{width:300px;height:300px;top:-50px;left:-50px;animation-duration:15s}.p2{width:200px;height:200px;bottom:10%;right:10%;animation-duration:12s;animation-delay:2s;background:radial-gradient(circle,rgba(56,189,248,.3) 0%,transparent 70%)}.p3{width:150px;height:150px;top:20%;right:30%;animation-duration:18s;animation-delay:1s;opacity:.6}.loading-core-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:2.5rem;z-index:10}.crystal-loader{position:relative;width:80px;height:80px;transform-style:preserve-3d;animation:crystalFloat 4s ease-in-out infinite}.crystal-face{position:absolute;width:100%;height:100%;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;box-shadow:0 0 20px #6366f133,inset 0 0 20px #6366f11a}.f1{transform:rotateY(0) translateZ(20px);animation:spinFace1 3s infinite linear;border-color:#6366f199}.f2{transform:rotateY(60deg) translateZ(20px);animation:spinFace2 3s infinite linear reverse;border-color:#38bdf899}.f3{transform:rotateX(45deg) translateZ(10px) scale(.6);border-radius:50%;border:2px dashed rgba(255,255,255,.8);animation:spinRing 8s infinite linear}.core-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 40px 10px #6366f1cc;animation:corePulse 1.5s infinite ease-in-out}.loading-text-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.loading-title{font-family:Outfit,Inter,sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.loading-bar-wrapper{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loading-bar{position:absolute;top:0;left:0;height:100%;width:40%;background:linear-gradient(90deg,transparent,#818cf8,#38bdf8,transparent);animation:loadingScan 1.5s infinite linear}.loading-subtitle{font-family:Inter,sans-serif;font-size:.8rem;color:#ffffff80;letter-spacing:1px}@keyframes floatParticle{0%{transform:translate(0)}to{transform:translate(30px,-30px)}}@keyframes crystalFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes spinFace1{0%{transform:rotateY(0) rotateX(0)}to{transform:rotateY(360deg) rotateX(360deg)}}@keyframes spinFace2{0%{transform:rotateY(60deg) rotate(0)}to{transform:rotateY(420deg) rotate(360deg)}}@keyframes spinRing{0%{transform:rotateX(45deg) rotate(0) scale(.6)}to{transform:rotateX(45deg) rotate(360deg) scale(.6)}}@keyframes corePulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(.8)}}@keyframes loadingScan{0%{transform:translate(-100%)}to{transform:translate(300%)}}:root{--sidebar-width: 240px}.layout-container{display:flex;min-height:100vh;width:100%}.sidebar{width:240px;background-color:#111827;color:#fff;min-height:100vh;padding:1rem}.content-area{flex:1;background:linear-gradient(to bottom right,#0f172a,#1e293b);color:#fff;padding:1rem}.main-content{padding:2rem}.card-leave-summary{background:#f3f4f6;color:#111;border-radius:12px;padding:1rem 1.5rem;min-width:220px;box-shadow:0 4px 10px #00000026;transition:transform .2s ease}.card-leave-summary:hover{transform:translateY(-5px)}*{caret-color:transparent!important}input,textarea,[contenteditable=true]{caret-color:auto!important}.dashboard-layout{display:flex;height:100vh;background-color:#0f172a;color:#e0e0e0;overflow:hidden;font-family:Outfit,Segoe UI,sans-serif}.dashboard-content{flex:1;padding:2rem 3rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at 90% 90%,rgba(236,72,153,.1),transparent 40%)}.dashboard-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.welcome-text h1{white-space:nowrap;font-size:2.2rem;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:15px}.wave{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%;-webkit-text-fill-color:initial;text-shadow:none}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.subtitle{color:#94a3b8;font-size:1rem;margin-top:5px;font-weight:500}.header-actions{position:relative;z-index:10;display:flex;gap:1.5rem;align-items:center}.notification-bell{z-index:10;position:relative;cursor:pointer;padding:12px;background:#ffffff0d;border-radius:50%;transition:all .2s;border:1px solid rgba(255,255,255,.1)}.badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #0f172a}.user-profile .avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#c084fc);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.overview-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.shift-card,.task-summary-card{position:relative;background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 32px #0003}.card-bg-glow{position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:#6366f14d;filter:blur(60px);border-radius:50%;z-index:0}.card-bg-glow.orange{background:#f9731633}.shift-header{display:flex;align-items:center;gap:15px;margin-bottom:1.5rem;position:relative;z-index:1}.icon-box{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center}.icon-box.blue{background:#3b82f633;color:#60a5fa}.icon-box.orange{background:#f9731633;color:#fb923c}.shift-header h3{font-size:1.25rem;font-weight:700;color:#f8fafc;margin:0}.time-display{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.text-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.status-badge{display:inline-block;padding:8px 16px;border-radius:50px;font-size:.9rem;font-weight:700;letter-spacing:.5px;cursor:default}.status-badge.active{background:linear-gradient(45deg,#10b98133,#05966933);color:#34d399;border:1px solid rgba(16,185,129,.3);box-shadow:0 4px 12px #10b9811a}.status-badge.off{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.shift-note{margin-top:1rem;background:#ffffff0d;padding:10px 15px;border-radius:12px;font-size:.9rem;color:#cbd5e1}.stats-row{display:flex;justify-content:space-around;margin-bottom:2rem;position:relative;z-index:1}.stat-pill{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-pill .val{font-size:1.8rem;font-weight:800;color:#fff}.stat-pill .lbl{font-size:.75rem;text-transform:uppercase;color:#94a3b8;font-weight:600;letter-spacing:1px}.progress-container{position:relative;z-index:1}.progress-bar-bg{background:#ffffff1a;height:10px;border-radius:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f97316,#fbbf24);height:100%;border-radius:10px;box-shadow:0 0 10px #f9731666}.quick-actions-bar{position:relative;z-index:10;display:flex;gap:1.5rem}.quick-action-btn{display:flex;align-items:center;gap:10px;padding:1rem 1.5rem;border-radius:16px;background:#1e293b99;border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:180px;justify-content:center}.quick-action-btn.leave{color:#f472b6;border-color:#f472b64d}.quick-action-btn.update{color:#60a5fa;border-color:#60a5fa4d}.quick-action-btn.swap{color:#a78bfa;border-color:#a78bfa4d}.dashboard-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:2rem;min-height:0}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.section-container{background:#1e293b80;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:1.5rem;height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.section-header h2{font-size:1.2rem;font-weight:700;margin:0;color:#fff}.view-all{color:#818cf8;font-size:.9rem;display:flex;align-items:center;text-decoration:none}.view-all:hover{text-decoration:underline}.task-item{background:#ffffff08;padding:1rem;border-radius:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05)}.task-info h4{margin:0 0 6px;font-size:1rem;color:#f8fafc}.task-meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:#94a3b8}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.pending{background:#fbbf24}.status-dot.in-progress{background:#3b82f6}.status-dot.completed{background:#10b981}.status-text{text-transform:capitalize}.btn-icon{background:none;border:none;cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.btn-icon.accept{color:#34d399}.btn-icon.accept:hover{background:#34d39933}.btn-icon.reject{color:#f87171}.btn-icon.reject:hover{background:#f8717133}.calendar-item{display:flex;gap:1rem;padding:12px;border-radius:16px;margin-bottom:10px;background:#ffffff05;border:1px solid transparent;transition:all .2s}.calendar-item:hover{background:#ffffff0d;border-color:#ffffff1a}.date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;width:50px;height:50px;border-radius:10px;flex-shrink:0}.date-badge .day{font-size:1.2rem;font-weight:800;color:#fff}.date-badge .month{font-size:.7rem;text-transform:uppercase;color:#94a3b8}.event-details h4{margin:0;font-size:.95rem;color:#f1f5f9}.event-details .event-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-top:2px;display:inline-block}.calendar-item.holiday .date-badge{background:#ef444426;color:#f87171}.announcement-item{background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);border-bottom:1px solid rgba(255,255,255,.05);padding:1rem;margin-bottom:1rem;border-radius:16px}.announcement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.announcement-icon{width:32px;height:32px;border-radius:10px;background:#eab30833;color:#facc15;display:flex;align-items:center;justify-content:center}.announcement-date{font-size:.75rem;color:#64748b}.loader-spinner{width:50px;height:50px;border:4px solid #333;border-top:4px solid #6366f1;border-radius:50%;margin-bottom:1rem}.loading-screen,.error-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#64748b;text-align:center}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media screen and (max-width: 768px){.dashboard-layout{flex-direction:column;height:auto;overflow-x:hidden}.dashboard-content{padding:1rem;height:auto;overflow-y:visible;gap:1.5rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.welcome-text h1{font-size:1.6rem;white-space:normal}.header-actions{width:100%;justify-content:space-between}.overview-section{grid-template-columns:1fr;gap:1rem}.quick-actions-bar{display:grid;grid-template-columns:1fr;gap:10px}.quick-action-btn{width:100%;justify-content:center;padding:.8rem}.dashboard-grid{display:flex;flex-direction:column;gap:1.5rem}.left-column,.right-column{width:100%}.stats-row{gap:5px}.stat-pill .val{font-size:1.4rem}}@media screen and (max-width: 500px){.profile-popup{width:90vw;right:-10px;top:70px;position:fixed;left:50%;transform:translate(-50%);z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}}.user-profile{position:relative;cursor:pointer}.profile-popup{position:absolute;top:60px;right:0;width:280px;background:#1e293bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;box-shadow:0 10px 40px #00000080;z-index:100;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem;text-align:center}.popup-avatar{width:64px;height:64px;border-radius:50%;margin-bottom:.8rem;border:3px solid #6366f1;object-fit:cover;background:#1e293b}.popup-name{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.popup-role{color:#94a3b8;font-size:.85rem;margin-top:4px}.popup-body{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;display:flex;flex-direction:column;gap:.8rem}.popup-item{display:flex;align-items:center;gap:10px;color:#cbd5e1;font-size:.9rem}.popup-item svg{color:#818cf8}.my-info-container{--mi-bg: #0f172a;--mi-sidebar-bg: #1e293b;--mi-card-bg: rgba(30, 41, 59, .6);--mi-text-primary: #f1f5f9;--mi-text-secondary: #cbd5e1;--mi-text-muted: #64748b;--mi-accent-color: #818cf8;--mi-accent-glow: rgba(129, 140, 248, .4);--mi-success: #34d399;--mi-danger: #f87171;--mi-shadow: 0 8px 32px rgba(0, 0, 0, .3);--mi-border: rgba(255, 255, 255, .08);--mi-divider: rgba(255, 255, 255, .05);display:flex;min-height:100vh;background-color:var(--mi-bg);background-image:radial-gradient(circle at 10% 20%,rgba(79,70,229,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(14,165,233,.1) 0%,transparent 40%);color:var(--mi-text-primary);overflow:hidden;font-family:Inter,sans-serif}.my-info-content{flex:1;height:100vh;overflow-y:auto;padding:40px 60px;position:relative;scrollbar-width:thin;scrollbar-color:var(--mi-text-muted) transparent}.my-info-content::-webkit-scrollbar{width:6px}.my-info-content::-webkit-scrollbar-track{background:transparent}.my-info-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:10px}.my-info-content::-webkit-scrollbar-thumb:hover{background-color:#fff3}.my-info-content>*{max-width:1100px;margin-left:auto;margin-right:auto}.my-info-back-btn{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--mi-border);color:var(--mi-text-secondary);font-weight:500;cursor:pointer;margin-bottom:24px;padding:10px 20px;border-radius:30px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.my-info-back-btn:hover{background:#ffffff1a;color:#fff;transform:translate(-5px);border-color:#fff3;box-shadow:0 0 15px #ffffff0d}.my-info-header-card{background:var(--mi-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;overflow:hidden;box-shadow:var(--mi-shadow);border:1px solid var(--mi-border);margin-bottom:32px;position:relative;transition:transform .3s ease}.my-info-header-card:hover{transform:translateY(-2px);border-color:#ffffff26}.my-info-cover-bg{height:200px;background:linear-gradient(120deg,#4f46e5,#a855f7,#ec4899);position:relative;overflow:hidden}.my-info-cover-bg:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-25deg);animation:shine 8s infinite}.my-info-cover-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}.my-info-header-content{padding:0 40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-top:-85px;position:relative;z-index:10}.my-info-avatar-wrapper{flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.my-info-avatar-wrapper:hover{transform:scale(1.05) rotate(2deg)}.my-info-avatar-wrapper:after{content:"";position:absolute;bottom:15px;right:15px;width:20px;height:20px;background:#34d399;border:4px solid var(--mi-card-bg);border-radius:50%;box-shadow:0 0 10px #34d39980;animation:pulse-green 2s infinite;z-index:20}@keyframes pulse-green{0%{box-shadow:0 0 #34d399b3}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.my-info-pic,.my-info-pic-placeholder{width:170px;height:170px;border-radius:50%;border:4px solid var(--mi-card-bg);background:var(--mi-sidebar-bg);box-shadow:0 15px 35px #00000080;object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--mi-text-muted)}.my-info-pic-placeholder{background:linear-gradient(135deg,#1e1b4b,#312e81);color:var(--mi-accent-color)}.my-info-identity{padding-bottom:0;flex:unset;display:flex;flex-direction:column;align-items:center;width:100%}.my-info-name-row{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}.my-info-identity h1{font-size:3rem;font-weight:900;margin:0;letter-spacing:-.03em;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(255,255,255,.1))}.verified-badge{color:#38bdf8;filter:drop-shadow(0 0 8px rgba(56,189,248,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.my-info-role-badge{display:inline-flex;font-size:1rem;font-weight:600;color:#c7d2fe;background:#6366f133;padding:6px 20px;border-radius:100px;margin:4px 0 20px;border:1px solid rgba(165,180,252,.3);box-shadow:0 0 15px #6366f133;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.my-info-contact-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.my-info-pill{display:flex;align-items:center;gap:8px;background:#1e293b99;padding:10px 20px;border-radius:100px;font-size:.95rem;color:var(--mi-text-secondary);border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.my-info-pill:hover{background:#38bdf81a;border-color:#38bdf84d;color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #0003}.my-info-grid{display:grid;grid-template-columns:360px 1fr;gap:24px;padding-bottom:60px}.my-info-card{background:var(--mi-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:28px;border:1px solid var(--mi-border);box-shadow:var(--mi-shadow);margin-bottom:24px;transition:all .3s ease}.my-info-card:hover{border-color:#818cf84d;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.my-info-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--mi-divider)}.my-info-card-header h3{font-size:1.15rem;font-weight:700;margin:0;color:#fff;letter-spacing:.5px}.my-info-card-header svg{color:var(--mi-accent-color);filter:drop-shadow(0 0 8px rgba(129,140,248,.4))}.text-accent{color:var(--mi-accent-color)!important;filter:drop-shadow(0 0 5px var(--mi-accent-glow))}.text-danger{color:var(--mi-danger)!important;filter:drop-shadow(0 0 5px rgba(248,113,113,.4))}.text-blue{color:#38bdf8!important;filter:drop-shadow(0 0 5px rgba(56,189,248,.4))}.text-purple{color:#c084fc!important;filter:drop-shadow(0 0 5px rgba(192,132,252,.4))}.my-info-list{display:flex;flex-direction:column;gap:18px}.my-info-row{display:flex;align-items:center;font-size:.95rem;padding:8px 12px;border-radius:8px;transition:background .2s}.my-info-row:hover{background:#ffffff08}.my-info-icon-wrapper{width:36px;height:36px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--mi-text-secondary);margin-right:16px}.my-info-row:hover .my-info-icon-wrapper{background:#818cf81a;color:var(--mi-accent-color)}.my-info-label{color:var(--mi-text-muted);width:120px;flex-shrink:0;font-size:.9rem}.my-info-value{color:var(--mi-text-primary);font-weight:500}.my-info-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.my-info-box{background:#0f172a66;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.03);display:flex;flex-direction:column;gap:8px;transition:all .2s}.my-info-box:hover{background:#0f172a99;border-color:#ffffff1a}.my-info-box-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--mi-text-muted);font-weight:600}.my-info-box-value{font-size:1.1rem;font-weight:600;color:#fff}.my-info-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;width:fit-content;letter-spacing:.5px}.my-info-status-badge.active{background:#05966933;color:#34d399;border:1px solid rgba(52,211,153,.3);box-shadow:0 0 10px #34d3991a}.my-info-edu-item{background:linear-gradient(to right,rgba(129,140,248,.05),transparent);padding:20px;border-radius:12px;border-left:4px solid var(--mi-accent-color);position:relative;overflow:hidden}.my-info-edu-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(129,140,248,.1),transparent);opacity:0;transition:opacity .3s}.my-info-edu-item:hover:after{opacity:1}.my-info-edu-item h4{margin:0 0 6px;font-size:1.1rem;color:#fff;position:relative;z-index:1}.my-info-edu-degree{margin:0;font-size:.95rem;color:var(--mi-text-secondary);position:relative;z-index:1}.my-info-skills-container{margin-top:24px}.my-info-skills-container strong{display:block;margin-bottom:16px;font-size:.95rem;color:#fff;display:flex;align-items:center;gap:8px}.my-info-skills-container strong:before{content:"";display:block;width:4px;height:16px;background:var(--mi-accent-color);border-radius:2px}.my-info-skill-tags{display:flex;flex-wrap:wrap;gap:10px}.my-info-skill-tag{background:#1e293b80;color:#c7d2fe;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(129,140,248,.2);transition:all .2s}.my-info-skill-tag:hover{background:#818cf833;color:#fff;transform:scale(1.05);border-color:#818cf866}.my-info-loading,.my-info-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mi-bg);color:var(--mi-text-muted);gap:20px}.my-info-loader-spinner{width:50px;height:50px;border:3px solid rgba(129,140,248,.2);border-top-color:var(--mi-accent-color);border-radius:50%;box-shadow:0 0 20px #818cf833}@media (max-width: 1024px){.my-info-grid{grid-template-columns:1fr}.my-info-header-content{flex-direction:column;align-items:center;text-align:center;margin-top:-80px}.my-info-pic{width:130px;height:130px}.my-info-contact-pills{justify-content:center}}@media (max-width: 768px){.my-info-container{flex-direction:column;height:100vh;overflow:hidden}.my-info-content{padding:20px 16px;height:auto;flex:1;overflow-y:auto;width:100%}.my-info-header-card{margin-bottom:24px;border-radius:16px}.my-info-cover-bg{height:140px}.my-info-header-content{margin-top:-60px;padding:0 16px 24px}.my-info-pic,.my-info-pic-placeholder{width:110px;height:110px;border-width:3px}.my-info-identity h1{font-size:2rem}.verified-badge{width:24px;height:24px}.my-info-role-badge{font-size:.9rem;padding:4px 16px;margin-bottom:16px}.my-info-grid{gap:16px;padding-bottom:80px}.my-info-card{padding:20px;border-radius:16px}.my-info-grid-2-col{grid-template-columns:1fr}}:root{--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .03);--text-primary: #f8fafc;--text-secondary: #94a3b8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--card-radius: 20px}.request-leave-page{display:flex;height:100vh;width:100vw;font-family:Outfit,sans-serif;background-color:#0f172a;color:var(--text-primary);overflow:hidden}.request-leave-main{flex:1;overflow-y:auto;padding:2rem 3rem;background:radial-gradient(circle at 10% 10%,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at 90% 90%,rgba(236,72,153,.1),transparent 40%);perspective:1000px}.content-container{max-width:1500px;margin:0 auto;padding-bottom:2rem}.page-header{margin-bottom:2.5rem}.header-text h1{display:flex;align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}.icon-wrapper-header{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff0d;border-radius:16px;color:#a855f7;font-size:1.75rem;box-shadow:0 0 20px #a855f733}.text-highlight{background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:1.25rem;font-weight:500;color:#64748b;margin-left:.5rem;opacity:.8}.page-header p{font-family:Inter,sans-serif;color:var(--text-secondary);font-size:1.1rem;margin-left:4.5rem}.balance-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.balance-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--card-radius);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.balance-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent);pointer-events:none}.card-icon-bg{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.card-icon-bg.sick{background:#f43f5e26;color:#fb7185;box-shadow:0 0 15px #f43f5e33}.card-icon-bg.personal{background:#fbbf2426;color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.card-icon-bg.vacation{background:#22d3ee26;color:#22d3ee;box-shadow:0 0 15px #22d3ee33}.card-info{flex:1}.card-info h3{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin:0 0 .75rem}.progress-bar-container{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-bar-fill{height:100%;border-radius:4px;transition:width 1s ease-out}.progress-bar-fill.sick{background:linear-gradient(90deg,#f43f5e,#fb7185)}.progress-bar-fill.personal{background:linear-gradient(90deg,#d97706,#fbbf24)}.progress-bar-fill.vacation{background:linear-gradient(90deg,#0891b2,#22d3ee)}.card-stats{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);font-family:Inter,sans-serif}.card-stats strong{color:#f1f5f9;font-weight:600}.main-layout-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.form-panel,.history-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;display:flex;flex-direction:column}.history-panel{background:#0f172a66}.panel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.panel-icon{color:#818cf8;font-size:1.25rem}.panel-header h2{font-size:1.35rem;font-weight:700;margin:0;color:#f1f5f9}.premium-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{display:block;font-size:.95rem;color:#cbd5e1;margin-bottom:.5rem;font-weight:500;font-family:Inter,sans-serif}.form-control{width:100%;background:#0f172a80;border:1px solid rgba(255,255,255,.1);padding:.85rem 1rem;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s ease}.form-control:focus{outline:none;border-color:#818cf8;background:#0f172acc;box-shadow:0 0 0 4px #6366f126}.select-wrapper{position:relative}.form-group-row{display:grid;gap:1.5rem}.form-group-row.two-col{grid-template-columns:1fr 1fr}.file-dropzone{position:relative}.file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.file-label{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;border:2px dashed rgba(255,255,255,.15);border-radius:16px;background:#ffffff05;transition:all .3s ease;text-align:center}.file-input:hover+.file-label,.file-input:focus+.file-label{border-color:#818cf8;background:#6366f10d}.upload-icon{display:block;font-size:2.5rem;color:#6366f1;margin:0 auto 1rem}.file-label span{font-size:1rem;color:#e2e8f0;font-family:Inter,sans-serif}.file-label small{color:#64748b;margin-top:.5rem;font-family:Inter,sans-serif}.btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #4f46e54d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.history-list-wrapper{flex:1;overflow-y:auto;max-height:600px;padding-right:.5rem}.history-list-wrapper::-webkit-scrollbar{width:6px}.history-list-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.history-cards{display:flex;flex-direction:column;gap:1rem}.history-card-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;transition:transform .2s ease}.history-card-item:hover{background:#ffffff0d;transform:translate(4px)}.card-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.leave-type-pill{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#fff}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:99px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-badge.pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-badge.approved{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-badge.rejected{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.date-range{display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif;color:#cbd5e1;font-size:.95rem;margin-bottom:.5rem}.arrow{color:#64748b}.reason-text{font-size:.9rem;color:#94a3b8;font-style:italic;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.status-msg{padding:.75rem 1rem;border-radius:10px;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.status-msg.loading{color:#94a3b8;background:#ffffff08;font-style:italic}.status-msg.warning{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.spin{animation:spin 1s linear infinite}@media (max-width: 1024px){.main-layout-grid{grid-template-columns:1fr}}@media (max-width: 768px){.request-leave-page{flex-direction:column}.request-leave-main{padding:1.25rem}.content-container{padding-bottom:5rem}.balance-cards-grid{grid-template-columns:1fr;gap:1rem}.form-group-row.two-col{grid-template-columns:1fr}.page-header{margin-bottom:1.5rem;text-align:center}.header-text h1{font-size:1.5rem;flex-wrap:wrap;justify-content:center;gap:.5rem}.page-header p{margin-left:0;font-size:.95rem;margin-top:.5rem}.icon-wrapper-header{width:44px;height:44px;font-size:1.3rem;border-radius:12px}.form-panel,.history-panel{padding:1.25rem;border-radius:20px;gap:1rem}.panel-header{margin-bottom:1rem;padding-bottom:.75rem}.panel-header h2{font-size:1.15rem}.premium-form,.form-group-row{gap:1rem}.file-label{padding:1.5rem 1rem}.upload-icon{font-size:2rem}.history-list-wrapper{max-height:400px}.card-item-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.popup-done-emp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:empFadeIn .2s ease-out}.popup-done-emp-container{background:var(--emp-card-bg, rgba(30, 41, 59, 1));border:1px solid var(--emp-accent-color, #818cf8);box-shadow:0 0 20px #818cf826;border-radius:12px;width:90%;max-width:400px;overflow:hidden;animation:empZoomIn .3s cubic-bezier(.34,1.56,.64,1)}.popup-done-emp-content{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(129,140,248,.05) 0%,transparent 100%)}.popup-done-emp-icon-bg{width:60px;height:60px;background:#34d39933;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 0 0 8px #34d3990d}.popup-done-emp-icon{width:32px;height:32px;color:var(--emp-success, #34d399);stroke-width:3px}.popup-done-emp-title{color:var(--emp-text-primary, #f8fafc);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px}.popup-done-emp-message{color:var(--emp-text-secondary, #94a3b8);font-size:.95rem;line-height:1.5}.popup-done-emp-actions{padding:1rem 2rem 2rem;display:flex;justify-content:center}.popup-done-emp-button{background:var(--emp-accent-color, #818cf8);color:#fff;border:none;padding:.75rem 2.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #818cf84d}.popup-done-emp-button:hover{background:var(--emp-accent-hover, #6366f1);transform:translateY(-1px);box-shadow:0 6px 16px #818cf866}.popup-done-emp-button:active{transform:translateY(0)}@keyframes empZoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.popup-error-emp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:empFadeIn .2s ease-out}.popup-error-emp-container{background:var(--emp-card-bg, rgba(30, 41, 59, .95));border:1px solid var(--emp-divider, rgba(148, 163, 184, .1));box-shadow:var(--emp-shadow);border-radius:12px;width:90%;max-width:420px;overflow:hidden;animation:empSlideUp .3s ease-out}.popup-error-emp-header{padding:1.5rem 1.5rem .5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.popup-error-emp-icon{width:48px;height:48px;color:var(--emp-danger, #fca5a5)}.popup-error-emp-title{color:var(--emp-text-primary, #f8fafc);font-size:1.25rem;font-weight:600;margin:0}.popup-error-emp-body{padding:.5rem 1.5rem 1.5rem;text-align:center}.popup-error-emp-message{color:var(--emp-text-secondary, #94a3b8);line-height:1.5;margin:0}.popup-error-emp-footer{padding:1rem 1.5rem;background:#0f172a4d;display:flex;justify-content:center}.popup-error-emp-button{background:transparent;border:1px solid var(--emp-danger, #fca5a5);color:var(--emp-danger, #fca5a5);padding:.6rem 2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.popup-error-emp-button:hover{background:var(--emp-danger, #fca5a5);color:#fff}@keyframes empFadeIn{0%{opacity:0}to{opacity:1}}@keyframes empSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-sent-overlay-emp{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1e293b99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.popup-sent-overlay-emp.open{opacity:1}.popup-sent-card-emp{background:#fffffff2;border:1px solid rgba(129,140,248,.3);border-radius:24px;padding:3rem;text-align:center;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow:hidden;transform:translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}@media (prefers-color-scheme: dark){.popup-sent-card-emp{background:#1e293bf2;border-color:#6366f14d}.popup-sent-title-emp{color:#f1f5f9!important}.popup-sent-message-emp{color:#94a3b8!important}}.popup-sent-overlay-emp.open .popup-sent-card-emp{transform:translateY(0)}.plane-container-emp{position:relative;width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.plane-circle-emp{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(129,140,248,.4);animation:spin 8s linear infinite}.plane-icon-emp{font-size:3.5rem;color:#6366f1;filter:drop-shadow(0 0 15px rgba(99,102,241,.4));animation:floatPlane 3s ease-in-out infinite;z-index:2}.wind-lines-emp span{position:absolute;height:2px;background:#6366f199;border-radius:2px;animation:wind 1.5s linear infinite;opacity:0}.wind-lines-emp span:nth-child(1){top:30%;left:0;width:40px;animation-delay:0s}.wind-lines-emp span:nth-child(2){top:50%;right:0;width:30px;animation-delay:.5s}.wind-lines-emp span:nth-child(3){bottom:20%;left:10%;width:20px;animation-delay:1s}.popup-sent-title-emp{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;font-family:Outfit,sans-serif}.popup-sent-message-emp{color:#64748b;font-size:1.1rem;margin:0}:root{--emp-indigo: #818cf8;--emp-slate: #64748b;--emp-bg: #f8fafc}@keyframes popupSlideInEmp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupBackdropFadeEmp{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0000004d}}.popup-overlay-emp{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.popup-overlay-emp.open{opacity:1;visibility:visible;animation:popupBackdropFadeEmp .5s forwards}.popup-card-emp{position:relative;width:90%;max-width:420px;padding:2.5rem;border-radius:16px;text-align:center;background:#fff;border:1px solid rgba(226,232,240,1);box-shadow:0 10px 30px -5px #0000001a,0 5px 10px -5px #0000000d;transform-origin:center;font-family:Inter,sans-serif}@media (prefers-color-scheme: dark){.popup-card-emp{background:#1e293b;border-color:#334155}.popup-title-emp{color:#f1f5f9!important}.popup-message-emp{color:#94a3b8!important}}.popup-overlay-emp.open .popup-card-emp{animation:popupSlideInEmp .3s cubic-bezier(.4,0,.2,1) forwards}.popup-icon-wrapper-emp{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;background:#818cf81a;border-radius:50%}.popup-icon-emp{width:30px;height:30px}.popup-icon-emp path{fill:var(--emp-indigo)}.popup-title-emp{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#1e293b}.popup-message-emp{color:#64748b;font-size:1rem;line-height:1.5}.popup-action-btn-emp{background:var(--emp-indigo);border:none;color:#fff;padding:.8rem 2.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #818cf866}.popup-action-btn-emp:hover{background:#6366f1;transform:translateY(-1px);box-shadow:0 6px 10px -1px #6366f166}.popup-timer-container-emp{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.timer-svg-emp{transform:rotate(-90deg)}.timer-circle-bg-emp{fill:none;stroke:#94a3b833;stroke-width:3}.timer-circle-progress-emp{fill:none;stroke-width:3;stroke-linecap:round;stroke:var(--emp-indigo);transition:stroke-dashoffset .1s linear}.redirect-text-emp{font-size:.8rem;margin-top:.5rem;color:#94a3b8}.shift-requests-container{display:flex;width:100vw;height:100vh;background:var(--emp-bg);background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.1) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.1) 0%,transparent 40%),var(--emp-sidebar-bg-gradient);color:var(--emp-text-primary);font-family:Outfit,sans-serif;overflow:hidden}.shift-requests-main{flex:1;padding:0;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.content-wrapper{max-width:1600px;margin:0 auto;padding:2rem 3rem}.page-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.header-content h1{display:flex;align-items:center;gap:1.2rem;margin:0}.header-icon-box{background:linear-gradient(135deg,#6366f133,#a855f733);color:#818cf8;width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 0 20px #6366f133;border:1px solid rgba(99,102,241,.3)}.header-text{display:flex;flex-direction:column}.text-gradient{font-size:2rem;font-weight:700;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.header-text p{margin:.2rem 0 0;color:var(--emp-text-secondary);font-size:.95rem;font-weight:300}.header-stats{display:flex;align-items:center;background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);gap:1.5rem}.stat-item{display:flex;align-items:center;gap:.8rem}.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem}.stat-icon.total{background:#38bdf826;color:#38bdf8}.stat-icon.pending{background:#fbbf2426;color:#fbbf24}.stat-icon.approved{background:#34d39926;color:#34d399}.stat-info{display:flex;flex-direction:column;line-height:normal}.stat-value{font-size:1.2rem;font-weight:700;color:#fff}.stat-label{font-size:.75rem;color:var(--emp-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:30px;background:#ffffff1a}.dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:2.5rem;align-items:start}.premium-card{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0003;position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.card-header-premium{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.card-header-premium .icon-wrapper{background:#6366f11a;color:#a5b4fc;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.card-header-premium .icon-wrapper.history{background:#10b9811a;color:#34d399}.card-header-premium h2{font-size:1.25rem;font-weight:600;margin:0;color:#f1f5f9}.type-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem}.type-card{background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:1.5rem;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.type-card:hover{transform:translateY(-4px);border-color:#6366f14d;background:#1e293b99}.type-card.active{background:#1e293bcc;border-color:#6366f1;box-shadow:0 0 30px #6366f11a}.type-bg-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 60%);opacity:0;transition:opacity .3s}.type-card.active .type-bg-glow{opacity:1}.type-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:.8rem;transition:transform .3s}.type-icon-wrapper.task{color:#60a5fa;background:#3b82f61a}.type-icon-wrapper.shift{color:#c084fc;background:#a855f71a}.type-card:hover .type-icon-wrapper{transform:scale(1.1) rotate(5deg)}.type-info h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .2rem}.type-info p{font-size:.8rem;color:var(--emp-text-secondary);margin:0}.active-indicator{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background:#6366f1;border-radius:50%;box-shadow:0 0 10px #6366f1}.form-group label{display:block;font-size:.9rem;color:#cbd5e1;margin-bottom:.6rem;font-weight:500}.select-wrapper-premium{position:relative;border-bottom:2px solid rgba(255,255,255,.1);transition:border-color .3s;background:#0f172a4d;border-radius:12px 12px 0 0}.select-wrapper-premium:focus-within{border-bottom-color:#818cf8;background:#0f172a80}.form-control-premium{width:100%;background:transparent;border:none;color:#fff;padding:1rem;font-size:1rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control-premium option{background-color:#0f172a;color:#fff;padding:10px}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--emp-text-secondary);pointer-events:none;transition:transform .3s}.select-wrapper-premium:focus-within .select-arrow{transform:translateY(-50%) rotate(180deg);color:#818cf8}.form-control-premium.textarea{background:#0f172a4d;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-height:100px;resize:vertical;transition:all .3s}.form-control-premium.textarea:focus{border-color:#818cf8;background:#0f172a80;box-shadow:0 0 0 3px #818cf81a}.btn-submit-premium{width:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:1rem;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s;box-shadow:0 4px 15px #4f46e54d;position:relative;overflow:hidden;margin-top:1.5rem}.btn-submit-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e580}.btn-glow{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.history-list-premium{height:500px;overflow-y:auto;padding-right:.5rem}.timeline-item{position:relative;padding-left:2rem;padding-bottom:2rem}.timeline-item:last-child{padding-bottom:0}.timeline-line{position:absolute;left:7px;top:24px;bottom:0;width:2px;background:#ffffff1a}.timeline-item:last-child .timeline-line{display:none}.timeline-dot{position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:#1e293b;border:4px solid #6366f1;box-shadow:0 0 10px #6366f14d}.history-card-inner{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.2rem;transition:all .2s}.history-card-inner:hover{background:#ffffff0f;transform:translate(4px)}.history-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-date{font-size:.85rem;color:#94a3b8;font-family:monospace}.history-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.type-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.2rem .6rem;border-radius:8px;font-weight:500}.type-tag.task{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.type-tag.shift{background:#a855f71a;color:#c084fc;border:1px solid rgba(168,85,247,.2)}.value-name{color:#f1f5f9;font-size:.9rem;font-weight:500}.history-detail-text{font-size:.9rem;color:#cbd5e1;line-height:1.5;padding-top:.8rem;border-top:1px dashed rgba(255,255,255,.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center;color:var(--emp-text-muted)}.empty-icon{font-size:3rem;color:#ffffff0d;margin-bottom:1rem}.status-badge{font-size:.75rem;padding:.35rem .8rem;border-radius:99px;font-weight:700;display:flex;align-items:center;gap:.4rem;text-transform:uppercase}.status-badge.pending{background:#eab3081a;color:#facc15;border:1px solid rgba(234,179,8,.2)}.status-badge.approved{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-badge.rejected{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}@media (max-width: 1200px){.dashboard-grid{gap:1.5rem}}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr;gap:2rem}.content-wrapper{padding:2rem;max-width:100%}.premium-card{padding:1.5rem}}@media (max-width: 768px){.shift-requests-container{flex-direction:column;height:100vh;overflow:hidden}.shift-requests-main{width:100%;height:auto;flex:1;overflow-y:auto}.page-header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.header-content h1{font-size:1.8rem}.text-gradient{font-size:1.6rem}.header-stats{width:100%;justify-content:space-between;padding:1rem;overflow-x:auto}.type-selection-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.shift-requests-container{height:100%;overflow-y:auto}.shift-requests-main{overflow-y:visible}.content-wrapper{padding:1rem}.header-text p{font-size:.85rem}.header-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-divider{display:none}.stat-item{background:#ffffff08;padding:.8rem;border-radius:12px;justify-content:center}.stat-item:last-child{grid-column:span 2}.type-selection-grid{grid-template-columns:1fr;gap:1rem}.type-card{padding:1.2rem;display:flex;align-items:center;gap:1rem;text-align:left}.type-icon-wrapper{margin-bottom:0;width:40px;height:40px}.type-card:hover .type-icon-wrapper{transform:none}.type-info h3{margin-bottom:0;font-size:1rem}.type-info p{font-size:.8rem}.active-indicator{top:50%;transform:translateY(-50%);right:1.5rem}.history-list-premium{height:auto;max-height:400px}.timeline-item{padding-left:1.5rem}.timeline-line{left:6px}.timeline-dot{width:14px;height:14px;left:0}.history-card-inner{padding:1rem}.history-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.status-badge{align-self:flex-start}.history-info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-group.right{align-items:flex-start;text-align:left}.btn-submit-premium{padding:1rem;font-size:1rem}}.ec-layout{height:100vh;overflow:hidden;display:flex}.ec-content-area{padding:10px;height:100vh;overflow:hidden;display:flex;flex-direction:column;flex:1;background-color:var(--emp-bg-color, #13131f)}.ec-container{padding:1rem;height:100%;display:flex;flex-direction:column;position:relative}.ec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:1rem 2rem;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.ec-title-group{display:flex;align-items:center;gap:1.5rem}.ec-icon-wrapper{padding:12px;background:#6366f126;border-radius:16px;border:1px solid rgba(99,102,241,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #6366f126}.ec-title-text{display:flex;flex-direction:column;gap:2px}.ec-subtitle{font-size:.8rem;font-weight:700;color:#a5b4fc;text-transform:uppercase;letter-spacing:.25em}.ec-main-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ec-nav{display:flex;gap:8px;align-items:center;background:#ffffff0d;padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.ec-nav-btn{padding:8px;background:transparent;border:none;color:#fff;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.ec-nav-btn:hover{background:#ffffff1a}.ec-nav-today-btn{padding:6px 16px;border-radius:10px;background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#e0e7ff;cursor:pointer;font-weight:500;transition:all .2s}.ec-nav-today-btn:hover{background:#6366f14d;box-shadow:0 0 10px #6366f133}.ec-week-header{margin-bottom:.5rem;gap:8px;flex-grow:0;height:auto;min-height:auto;display:grid;grid-template-columns:repeat(7,1fr)}.ec-day-name{padding:.8rem;background:#ffffff08;border-radius:12px;font-size:.85rem;text-align:center;color:#fff9;font-weight:600}.ec-grid{gap:8px;flex-grow:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr)}.ec-day-cell{position:relative;min-height:0;height:100%;padding:6px;gap:4px;border-radius:12px;display:flex;flex-direction:column;transition:all .2s ease;overflow:hidden}.ec-day-cell.default{background:#1e1e2e99;border:1px solid rgba(255,255,255,.05)}.ec-day-cell.today{background:#6366f126!important;border:1px solid #818cf8!important;box-shadow:0 0 30px #6366f11a}.ec-day-cell.holiday-mode:not(.today){background:#ef444426;border:1px solid rgba(239,68,68,.3)}.ec-day-cell.holiday-mode:not(.today) .ec-date-number{color:#fca5a5;background:#ef444433}.ec-day-cell.event-mode:not(.today){background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.ec-day-cell.event-mode:not(.today) .ec-date-number{color:#93c5fd;background:#3b82f633}.ec-date-number{width:24px;height:24px;min-height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.8rem;font-weight:700;align-self:flex-end;margin-bottom:4px}.ec-date-number.today{background:#818cf8;color:#fff}.ec-date-number.default{background:#ffffff0d;color:#fff6}.ec-events-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none;flex-grow:1}.ec-events-list::-webkit-scrollbar{display:none}.ec-event-item{padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;margin-bottom:2px;min-height:28px}.ec-event-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ec-shift-off{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.ec-shift-work{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.ec-event-holiday{background:#f472b626;border:1px solid rgba(244,114,182,.3);color:#fbcfe8}.ec-event-normal{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#bfdbfe}.ec-mobile-dots{display:none;flex-wrap:wrap;gap:3px;justify-content:center;align-content:flex-start;flex-grow:1;padding-top:2px}.ec-dot{width:6px;height:6px;border-radius:50%}.ec-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.ec-modal{background:#1e1e2e;padding:30px;border-radius:24px;width:450px;max-width:90%;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;position:relative}.ec-modal.holiday{background:linear-gradient(135deg,#450a0a,#1e1e2e);border:1px solid rgba(239,68,68,.5);box-shadow:0 25px 50px -12px #dc262640}.ec-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.ec-modal-icon-box{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.ec-modal-close-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.ec-modal-close-btn:hover{background:#ffffff1a;color:#fff}.ec-modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.2}.ec-modal-title.red{color:#fecaca}.ec-modal-date{color:#fff9;font-size:.95rem;margin-bottom:24px}.ec-info-box{background:#ffffff08;padding:16px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.ec-info-box.red-tint{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.ec-info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80}.ec-info-value{color:#ffffffe6;line-height:1.5}@media (max-width: 768px){.ec-layout{flex-direction:column}.ec-content-area{height:auto;flex:1;overflow-y:auto;padding-bottom:80px}.ec-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.ec-title-group{width:100%;justify-content:flex-start}.ec-nav{width:100%;justify-content:space-between}.ec-nav-today-btn{flex-grow:1;text-align:center}.ec-grid{gap:4px}.ec-day-name{padding:.4rem;font-size:.75rem}.ec-day-cell{padding:2px;border-radius:8px;align-items:center}.ec-date-number{width:20px;height:20px;font-size:.7rem;margin-right:2px}.ec-events-list{display:none}.ec-mobile-dots{display:flex}}:root{--primary-bg: #0f172a;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(148, 163, 184, .1);--accent-primary: #6366f1;--accent-secondary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-highlight: rgba(255, 255, 255, .05)}.notification-layout{display:flex;height:100vh;background-color:var(--primary-bg);color:var(--text-primary);font-family:Inter,sans-serif;overflow:hidden;position:relative}.notification-layout:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15),transparent 40%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.1),transparent 40%),radial-gradient(circle at 50% 80%,rgba(16,185,129,.05),transparent 50%);filter:blur(80px);z-index:0;animation:bg-pulse 20s ease-in-out infinite alternate;pointer-events:none}@keyframes bg-pulse{0%{transform:scale(1) translate(0);opacity:.8}to{transform:scale(1.1) translate(-2%,2%);opacity:1}}.notification-main-content{flex:1;padding:0 2rem;display:flex;justify-content:center;position:relative;z-index:1;overflow:hidden}.notification-container{width:100%;max-width:1000px;height:100%;display:flex;flex-direction:column;padding-top:2rem}.loading-container{display:flex;justify-content:center;align-items:center;height:100%}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #6366f14d}.notification-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border);position:relative}.notification-page-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent)}.header-title h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;letter-spacing:-1px}.header-title p{color:var(--text-secondary);font-size:1rem}.stat-badge{display:flex;flex-direction:column;align-items:center;padding:.5rem 1.25rem;background:#1e293b99;border:1px solid var(--card-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px;transition:transform .2s ease,box-shadow .2s ease}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#ffffff26}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-secondary);line-height:1.1}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600;margin-top:2px}.notification-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.filter-tabs{display:flex;background:#0f172a99;padding:4px;border-radius:12px;border:1px solid var(--card-border)}.filter-btn{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.filter-btn:hover{color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 10px #6366f14d}.mark-all-btn{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--card-border);color:var(--text-secondary);padding:10px 20px;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.mark-all-btn:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary);border-color:#fff3}.mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notification-scroll-area{flex:1;overflow-y:auto;padding-right:8px;padding-bottom:2rem}.notification-scroll-area::-webkit-scrollbar{width:6px}.notification-scroll-area::-webkit-scrollbar-track{background:transparent}.notification-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.notification-scroll-area::-webkit-scrollbar-thumb:hover{background:#fff3}.notification-group{margin-bottom:2rem}.group-header{display:flex;align-items:center;margin-bottom:1rem;position:sticky;top:0;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .3s}.group-title{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;white-space:nowrap;margin-right:1rem}.group-line{height:1px;width:100%;background:linear-gradient(90deg,var(--card-border),transparent)}.notification-card{display:flex;align-items:start;gap:1.5rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;margin-bottom:1rem;cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.notification-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 30px -10px #00000080;border-color:#ffffff26;background:#28324b99}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);opacity:0;transition:opacity .5s;pointer-events:none}.notification-card:hover .card-glow{opacity:1}.notification-card.unread{background:#1e2941cc;border-left:4px solid var(--accent-primary)}.notification-card.read{opacity:.85;background:#0f172a66;border:1px solid rgba(255,255,255,.05);box-shadow:none}.notification-card.read:hover{background:#1e293b99;border-color:#ffffff1a;transform:translateY(-2px)}.card-icon-wrapper{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;background:#ffffff0d;transition:transform .3s ease;box-shadow:inset 0 0 10px #ffffff05}.notification-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.type-announcement .card-icon-wrapper{color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.2)}.type-task_assignment .card-icon-wrapper{color:#34d399;background:#10b98126;border:1px solid rgba(16,185,129,.2)}.type-leave_status .card-icon-wrapper{color:#f87171;background:#ef444426;border:1px solid rgba(239,68,68,.2)}.type-system .card-icon-wrapper{color:#60a5fa;background:#3b82f626;border:1px solid rgba(59,130,246,.2)}.notification-card.read .card-icon-wrapper{background:#ffffff08;color:var(--text-muted);border-color:#ffffff0d}.card-content{flex:1}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-type-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.card-time{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center}.card-message{font-size:1rem;color:var(--text-primary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-card.read .card-message{color:var(--text-secondary)}.unread-dot-indicator{width:10px;height:10px;background-color:var(--accent-secondary);border-radius:50%;box-shadow:0 0 10px var(--accent-secondary);align-self:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:var(--text-secondary);text-align:center}.empty-icon-box{width:80px;height:80px;background:#ffffff08;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;border:1px solid var(--card-border)}@media (max-width: 768px){.notification-layout{flex-direction:column;overflow-y:auto;height:100vh}.notification-main-content{padding:0 1rem;height:auto;overflow:visible}.notification-container{padding-top:1rem;height:auto}.notification-scroll-area{overflow:visible;padding-bottom:5rem}.notification-page-header h1{font-size:1.8rem}.notification-controls{flex-direction:column;align-items:stretch;gap:.8rem}.filter-tabs{width:100%;overflow-x:auto;padding-bottom:4px;justify-content:space-between}.filter-btn{flex:1 1 auto;white-space:nowrap;text-align:center;padding:8px 12px}.mark-all-btn{width:100%;justify-content:center}}.notification-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem}.notification-modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:500px;padding:2rem;box-shadow:0 25px 50px -12px #00000080;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1.5rem}.modal-header-decoration{display:flex;justify-content:center;margin-bottom:.5rem}.modal-icon-large{font-size:3rem;color:var(--accent-primary);background:#6366f11a;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #6366f133}.modal-type-badge{text-align:center;text-transform:uppercase;font-size:.8rem;letter-spacing:2px;color:var(--text-muted);font-weight:700}.modal-message{text-align:center;font-size:1.1rem;line-height:1.6;color:var(--text-primary)}.modal-time{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-top:-1rem}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.modal-btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;border:none}.modal-btn.primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.modal-btn.primary:hover{background:#4f46e5;transform:translateY(-2px)}.modal-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.modal-btn.secondary:hover{background:#ffffff0d;color:#fff}.emp-mywork-layout{display:flex;height:100vh;background-color:#020617;font-family:Inter,Outfit,system-ui,sans-serif;color:#e2e8f0;overflow:hidden}.emp-mywork-main{flex:1;display:flex;flex-direction:column;padding:1.5rem 2.5rem;background:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.1) 0%,transparent 50%),#020617;overflow:hidden;position:relative}.emp-mywork-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 4px 20px #0003}.header-greeting{flex:1}.greeting-title{font-size:1.8rem;font-weight:700;margin:0;color:#fff;letter-spacing:-.02em}.user-highlight{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent}.current-date{color:#94a3b8;font-size:.9rem;margin-top:.25rem;font-weight:500}.header-stats-hud{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#0f172a99;border-radius:16px;border:1px solid rgba(255,255,255,.05);margin-right:1.5rem}.hud-item{text-align:center}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.2rem}.hud-value{font-size:1.25rem;font-weight:700;line-height:1;color:#fff}.hud-divider{width:1px;height:24px;background:#ffffff1a}.glow-text{color:#818cf8;text-shadow:0 0 10px rgba(99,102,241,.5)}.text-warn{color:#fbbf24}.text-danger{color:#f87171}.emp-btn-refresh-icon{width:44px;height:44px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.emp-btn-refresh-icon:hover{background:#6366f133;color:#fff;border-color:#6366f166;transform:rotate(90deg)}.emp-dashboard-content{flex:1;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:2.5rem}.emp-dashboard-content::-webkit-scrollbar{width:6px}.emp-dashboard-content::-webkit-scrollbar-track{background:transparent}.emp-dashboard-content::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:20px}.section-pending{background:linear-gradient(135deg,#ef44440d,#ef444403);border:1px dashed rgba(239,68,68,.3);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.icon-pending{color:#f87171;font-size:1.25rem}.section-header h2{font-size:1.1rem;font-weight:600;color:#fca5a5;margin:0}.pending-cards-scroll{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem}.pending-cards-scroll::-webkit-scrollbar{height:6px}.pending-cards-scroll::-webkit-scrollbar-thumb{background:#ef444433;border-radius:10px}.pending-card{min-width:300px;background:#1e293b;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;transition:transform .2s}.pending-card:hover{transform:translateY(-4px);border-color:#ef444466}.pending-card-top{display:flex;justify-content:flex-end;margin-bottom:.5rem}.badge-deadline{font-size:.75rem;background:#ef44441a;color:#fca5a5;padding:.2rem .5rem;border-radius:6px;font-weight:500}.pending-card h3{font-size:1rem;color:#fff;margin:0 0 .5rem;line-height:1.4}.assigner{font-size:.8rem;color:#94a3b8;margin-bottom:1.5rem;flex:1}.pending-actions{display:flex;gap:.75rem}.btn-ok,.btn-no{flex:1;padding:.6rem;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.4rem;transition:all .2s}.btn-ok{background:#10b981;color:#fff}.btn-ok:hover{background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-no{background:#ffffff0d;color:#f87171;border:1px solid rgba(248,113,113,.2)}.btn-no:hover{background:#f871711a}.tasks-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.toolbar-left{display:flex;gap:1.5rem;align-items:center;flex:1}.search-bar{position:relative;width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.9rem}.search-bar input{width:100%;padding:.6rem .6rem .6rem 2.2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-family:inherit;font-size:.9rem;transition:all .3s}.search-bar input:focus{outline:none;border-color:#6366f1;background:#ffffff1a}.filter-tabs{display:flex;background:#0f172a80;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.tab-btn{padding:.5rem 1rem;background:transparent;color:#94a3b8;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{background:#6366f133;color:#818cf8}.toolbar-right{display:flex;gap:.5rem}.view-toggle{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .2s}.view-toggle:hover{background:#ffffff1a;color:#fff}.view-toggle.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.tasks-display-area{min-height:200px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#475569;border:2px dashed rgba(255,255,255,.05);border-radius:20px}.empty-state p{margin-top:1rem;font-size:1.1rem}.task-list-view{display:flex;flex-direction:column;gap:.75rem}.task-list-item{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr .8fr;align-items:center;background:#1e293b4d;border:1px solid rgba(255,255,255,.03);padding:1rem 1.5rem;border-radius:12px;transition:all .2s}.task-list-item:hover{background:#1e293b99;border-color:#6366f14d;transform:translate(4px)}.task-project{font-size:.75rem;color:#6366f1;text-transform:uppercase;font-weight:700;margin-bottom:.2rem}.task-name{font-weight:600;color:#fff;font-size:1rem}.task-meta{display:flex;flex-direction:column;gap:.2rem}.task-deadline{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.task-assigner{font-size:.8rem;color:#64748b}.progress-mini{display:flex;align-items:center;gap:.5rem}.bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:10px}.bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px}.progress-mini span{width:30px;font-size:.8rem;color:#cbd5e1;text-align:right}.task-actions-cell{display:flex;justify-content:flex-end;gap:.5rem}.task-actions-cell button{width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#cbd5e1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.task-actions-cell button:hover:not(:disabled){background:#4f46e5;color:#fff}.task-actions-cell button.disabled{opacity:.4;cursor:not-allowed}.task-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.task-card-item{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:1.5rem;position:relative;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a}.task-card-item:hover{border-color:#6366f166;box-shadow:0 20px 25px -5px #0003}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.info-pill{font-size:.7rem;padding:.25rem .6rem;border-radius:20px;font-weight:700;text-transform:uppercase}.info-pill.project{background:#6366f126;color:#818cf8}.info-pill.general{background:#94a3b826;color:#cbd5e1}.card-opt-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px}.card-opt-btn:hover{background:#ffffff1a;color:#fff}.task-card-item h4{font-size:1.1rem;color:#fff;margin:0 0 .75rem;line-height:1.4;height:3.2rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-deadline{display:flex;align-items:center;font-size:.85rem;color:#94a3b8;margin-bottom:1.25rem}.mr-1{margin-right:.4rem}.card-progress-section{margin-bottom:1.25rem}.progress-bar-bg{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.status-pill{padding:.35rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600;display:inline-block}.status-pill.small{padding:.2rem .6rem;font-size:.7rem}.status-completed{background:#05966933;color:#34d399}.status-inprogress{background:#3b82f633;color:#60a5fa}.status-pending{background:#f59e0b33;color:#fbbf24}.status-rejected{background:#ef444433;color:#f87171}.text-overdue{color:#ef4444;font-weight:700}.text-duesoon{color:#f97316;font-weight:700}.text-normal{color:#cbd5e1}.animate-spin{animation:spin 1s linear infinite}.emp-loading-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#94a3b8}.loading-spinner-large{font-size:3rem;color:#6366f1;margin-bottom:1rem}.emp-error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.icon-error{color:#ef4444;margin-bottom:1rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-glass{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;border-radius:24px;padding:2rem;width:90%;max-width:480px}.modal-glass h3{margin-top:0;color:#fff;font-size:1.4rem;margin-bottom:1rem}.glass-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;color:#fff;font-family:inherit;resize:vertical;margin-bottom:1.5rem}.glass-input:focus{outline:none;border-color:#818cf8}.modal-actions-right{display:flex;justify-content:flex-end;gap:1rem}.btn-text{background:transparent;border:none;color:#94a3b8;font-weight:600;cursor:pointer}.btn-text:hover{color:#fff}.btn-primary,.btn-primary-danger,.btn-primary-warn{padding:.75rem 1.5rem;border-radius:10px;border:none;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 4px 15px #4f46e566}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e580}.btn-primary-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.btn-primary-warn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b66}.progress-slider-area{margin-bottom:2rem;text-align:center}.slider-val{font-size:2.5rem;font-weight:800;color:#818cf8;margin-bottom:1rem}.glass-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-8px;box-shadow:0 0 10px #ffffff80}@media screen and (max-width: 768px){.emp-mywork-layout{flex-direction:column;height:100vh;overflow:hidden}.emp-mywork-main{flex:1;width:100%;padding:1rem 1rem 5rem;overflow-y:auto}.emp-mywork-header{flex-direction:column;align-items:flex-start;gap:1.25rem;padding:1.25rem;margin-bottom:2rem}.header-greeting{width:100%;display:flex;justify-content:space-between;align-items:flex-start}.greeting-title{font-size:1.5rem}.header-stats-hud{width:100%;margin-right:0;overflow-x:auto;justify-content:flex-start;padding:1rem;gap:1.5rem;scrollbar-width:none}.header-stats-hud::-webkit-scrollbar{display:none}.hud-divider{height:30px;background:#fff3}.emp-btn-refresh-icon{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px}.tasks-toolbar{flex-direction:column;align-items:stretch;gap:1rem}.toolbar-left{flex-direction:column;align-items:stretch;width:100%;gap:1rem}.search-bar{width:100%}.filter-tabs{overflow-x:auto;padding-bottom:.5rem}.toolbar-right{justify-content:flex-end}.task-list-item{grid-template-columns:1fr;gap:.75rem;padding-bottom:4rem;position:relative}.task-actions-cell{position:absolute;bottom:1rem;left:1rem;right:1rem;justify-content:space-between}.task-actions-cell button{flex:1;margin:0 .25rem}.task-status-cell{position:absolute;top:1rem;right:1rem}.task-grid-view{grid-template-columns:1fr}}:root{--emp-bg: #f8fafc;--emp-sidebar-bg: #1e293b;--emp-sidebar-bg-gradient: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--emp-text-primary: #f8fafc;--emp-text-secondary: #94a3b8;--emp-text-muted: #64748b;--emp-accent-color: #818cf8;--emp-accent-hover: #6366f1;--emp-accent-glow: 0 0 20px rgba(99, 102, 241, .3);--emp-danger: #fca5a5;--emp-danger-hover: #f87171;--emp-success: #34d399;--emp-hover-bg: rgba(255, 255, 255, .05);--emp-active-bg: rgba(99, 102, 241, .15);--emp-active-border: #818cf8;--emp-divider: rgba(148, 163, 184, .1);--emp-card-bg: rgba(30, 41, 59, .7);--emp-shadow: 0 10px 15px -3px rgba(0, 0, 0, .3)}:root{--emp-cal-bg: var(--emp-sidebar-bg, #1e293b);--emp-cal-glass: none;--emp-cal-border: none;--emp-cal-primary: var(--emp-accent-color, #818cf8);--emp-cal-secondary: var(--emp-text-secondary, #94a3b8);--emp-cal-text: var(--emp-text-primary, #f8fafc);--emp-cal-text-muted: var(--emp-text-muted, #64748b);--emp-cal-card-bg: var(--emp-card-bg, rgba(30, 41, 59, .7));--emp-cal-grid-gap: 12px;--font-family: "Outfit", "Inter", system-ui, sans-serif}.calendar-layout-emp{width:100%;height:100vh;display:flex;flex-direction:row;background:var(--emp-sidebar-bg, #1e293b);overflow:hidden}.calendar-content-area{flex:1;height:100%;overflow-y:auto;padding:0!important;margin:0!important;position:relative;background:var(--emp-sidebar-bg)}.emp-calendar-container{width:100%;height:100%;min-height:100vh;padding:2rem;background:var(--emp-sidebar-bg-gradient, linear-gradient(135deg, #1e293b 0%, #0f172a 100%));border-radius:0!important;border:none!important;margin:0!important;box-shadow:none!important;color:var(--emp-cal-text);font-family:var(--font-family);display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box}.emp-calendar-container:before{content:"";position:absolute;top:-10%;right:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(129,140,248,.15),transparent 70%);z-index:0;pointer-events:none;filter:blur(40px)}.emp-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;z-index:2;position:relative;padding-bottom:1rem;border-bottom:1px solid var(--emp-divider)}.emp-calendar-title{display:flex;align-items:center;gap:1rem}.emp-icon-circle{background:#818cf81a;padding:12px;border-radius:16px;border:1px solid rgba(129,140,248,.2);color:var(--emp-cal-primary);display:flex;align-items:center;justify-content:center}.emp-calendar-title span:first-child{font-size:.85rem;text-transform:uppercase;color:var(--emp-cal-secondary);font-weight:600;letter-spacing:1px;display:block;margin-bottom:2px}.emp-calendar-title span:last-child{font-size:1.75rem;font-weight:700;color:var(--emp-cal-text)}.emp-calendar-nav{display:flex;gap:.5rem;background:#0003;padding:6px;border-radius:30px}.emp-present-btn{background:transparent;color:var(--emp-text-secondary);border:none;padding:0 12px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.emp-present-btn:hover{color:#fff;transform:translateY(-1px)}.emp-present-btn:active{transform:scale(.95)}.emp-cal-btn{background:transparent;color:var(--emp-text-secondary);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.emp-cal-btn:hover{background:var(--emp-hover-bg);color:#fff;transform:translateY(-1px)}.emp-grid-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--emp-cal-grid-gap);margin-bottom:1rem;z-index:1}.emp-day-name{text-align:center;color:var(--emp-cal-text-muted);font-size:.9rem;font-weight:600;padding:.5rem;text-transform:uppercase;letter-spacing:.5px}.emp-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(110px,1fr);gap:var(--emp-cal-grid-gap);flex:1;z-index:1}.emp-cal-day{background:#ffffff05;border:1px solid rgba(255,255,255,.03);border-radius:16px;padding:10px;position:relative;transition:all .2s ease;display:flex;flex-direction:column;cursor:pointer}.emp-cal-day:hover{background:#ffffff0f;transform:translateY(-3px);border-color:var(--emp-active-border);box-shadow:0 4px 20px #0003}.emp-cal-day.empty{background:transparent;border:none;cursor:default}.emp-cal-day.today{border:1px solid var(--emp-cal-primary);background:#818cf80d}.emp-day-num{font-weight:600;font-size:.9rem;color:var(--emp-cal-text-muted);margin-bottom:8px}.emp-cal-day.is-holiday{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.emp-cal-day.is-holiday .emp-day-num{color:var(--emp-danger, #ef4444);font-weight:700}.emp-cal-day.today .emp-day-num{color:var(--emp-cal-primary);background:#818cf81a;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.emp-events-wrapper{display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:none}.emp-events-wrapper::-webkit-scrollbar{display:none}.emp-event-pill{font-size:.75rem;padding:4px 8px;border-radius:6px;background:#ffffff0d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:2px solid;transition:all .2s}.emp-event-pill:hover{filter:brightness(1.2)}.emp-event-pill.holiday{background:#ef44441a;border-color:#ef4444;color:#fca5a5}.emp-event-pill.event{background:#fbbf241a;border-color:#f59e0b;color:#fcd34d}.emp-event-pill.meeting{background:#818cf826;border-color:#818cf8;color:#c7d2fe}.emp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:1rem}.emp-modal{background:#1e293b;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid var(--emp-divider);border-radius:24px;width:100%;max-width:450px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.emp-modal-header{padding:1.5rem;background:#0003;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--emp-divider)}.emp-modal-header h3{margin:0;color:#fff;font-size:1.25rem}.emp-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.emp-modal-close{background:#ffffff0d;border:none;color:var(--emp-text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.emp-modal-close:hover{background:#ef44441a;color:#ef4444}.emp-event-detail{background:#ffffff08;border-radius:12px;padding:16px;margin-bottom:12px;border-left:4px solid;transition:transform .2s}.emp-event-detail:hover{transform:translate(2px)}.emp-event-detail.holiday{border-color:#ef4444}.emp-event-detail.event{border-color:#f59e0b}.emp-event-detail.meeting{border-color:#818cf8}.emp-event-detail h4{margin:0 0 6px;font-size:1.1rem;color:#fff;font-weight:600}.emp-event-detail p{margin:0;font-size:.9rem;color:var(--emp-text-secondary);line-height:1.5}@media (max-width: 768px){.calendar-layout-emp{flex-direction:column;height:auto;min-height:100vh}.calendar-content-area{padding:.5rem;margin-left:0;width:100%}.emp-calendar-container{padding:1rem;border-radius:16px;min-height:calc(100vh - 80px)}.emp-calendar-header{flex-direction:column;gap:1rem;align-items:flex-start}.emp-calendar-title{width:100%}.emp-calendar-nav{align-self:flex-end}.emp-calendar-grid{gap:4px;grid-auto-rows:minmax(80px,1fr)}.emp-cal-day{padding:4px;border-radius:12px}.emp-day-num{font-size:.8rem;margin-bottom:4px}.emp-events-wrapper{flex-direction:row;flex-wrap:wrap;gap:3px}.emp-event-pill{width:6px;height:6px;padding:0;border-radius:50%;margin:0;flex-shrink:0;text-indent:-9999px;border:none}}.loading-head-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--head-bg-gradient);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-head-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-head-spinner{position:relative;width:80px;height:80px}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--head-accent-color);animation:headSpin 1.5s cubic-bezier(.4,0,.2,1) infinite;box-shadow:var(--head-accent-glow)}.spinner-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:var(--head-accent-color);border-radius:50%;opacity:.2;animation:headPulse 2s ease-in-out infinite}.loading-head-text{font-family:var(--head-font-family);color:var(--head-text-primary);font-size:1.25rem;font-weight:500;letter-spacing:.05em;animation:headFade 2s ease-in-out infinite}.loading-head-progress{width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{width:100%;height:100%;background:var(--head-accent-color);transform-origin:left;animation:headProgress 1.5s ease-in-out infinite}@keyframes headSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes headPulse{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:.2}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}}@keyframes headFade{0%,to{opacity:.7}50%{opacity:1}}@keyframes headProgress{0%{transform:scaleX(0)}50%{transform:scaleX(.7)}to{transform:scaleX(0);transform-origin:right}}.head-dashboard-container{display:flex;min-height:100vh;background:var(--head-bg-gradient);color:var(--head-text-primary);font-family:var(--head-font-family);overflow:hidden}.head-dashboard-content{flex:1;margin-left:260px;padding:2rem;overflow-y:auto;height:100vh;box-sizing:border-box;transition:margin-left .4s cubic-bezier(.25,.8,.25,1)}.head-dashboard-content.expanded{margin-left:260px}.head-dashboard-content.collapsed{margin-left:80px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--head-glass-border)}.dashboard-header h1{font-size:2rem;font-weight:700;color:var(--head-accent-color);text-shadow:var(--head-accent-glow)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);padding:1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--head-shadow);transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:var(--head-accent-color)}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--head-accent-color),transparent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;box-shadow:0 4px 15px #c5a0594d}.stat-info h3{font-size:.9rem;color:var(--head-text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.stat-info .stat-value{font-size:2.2rem;font-weight:700;color:#fff}.main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;margin-bottom:3rem}.dashboard-section{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border-radius:20px;padding:1.5rem;border:1px solid var(--head-glass-border);box-shadow:var(--head-shadow)}.section-title{font-size:1.2rem;color:var(--head-accent-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--head-glass-border);padding-bottom:.8rem}.user-list{display:flex;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding-right:.5rem}.user-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:#ffffff08;border-radius:12px;transition:background .2s}.working-today-card{justify-content:space-between;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.05)}.user-info-left{display:flex;align-items:center;gap:1rem}.user-role{font-size:.8rem;color:var(--head-text-secondary);margin-top:2px}.user-status-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;text-align:right}.shift-info{display:flex;flex-direction:column;align-items:flex-end}.shift-name{font-weight:600;color:#e2e8f0;font-size:.9rem}.shift-time{font-size:.75rem;color:var(--head-text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.on-shift{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.2)}.pulse-dot{width:6px;height:6px;background-color:#10b981;border-radius:50%;box-shadow:0 0 #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.user-item:hover{background:var(--head-hover-bg)}.user-avatar{width:45px;height:45px;border-radius:50%;border:2px solid var(--head-accent-color)}.user-details{flex:1}.user-name{font-weight:600;color:#fff}.user-meta{font-size:.85rem;color:var(--head-text-secondary)}.badge{padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600}.badge.shift{background:#34d39933;color:#34d399}.badge.leave{display:none;background:#ef444433;color:#ef4444}.action-table{width:100%;border-collapse:collapse}.action-table th{text-align:left;color:var(--head-text-secondary);padding:1rem;font-weight:500;border-bottom:1px solid var(--head-glass-border)}.action-table td{padding:1rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.btn-action{padding:.4rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:filter .2s}.btn-approve{background:var(--head-success);color:#fff;margin-right:.5rem}.btn-reject{background:var(--head-danger);color:#fff}.btn-action:hover{filter:brightness(1.1)}.analytics-section{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.progress-container{display:flex;align-items:center;gap:1rem;width:100%}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--head-accent-color);border-radius:4px}@media (max-width: 1024px){.head-dashboard-content,.head-dashboard-content.expanded,.head-dashboard-content.collapsed{margin-left:80px!important;padding:1.5rem;width:calc(100% - 80px)}.dashboard-header h1{font-size:1.5rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:1rem}.stat-card{padding:1rem}.main-grid{grid-template-columns:1fr!important;gap:2rem}.analytics-section{grid-template-columns:1fr!important;gap:2rem;display:flex;flex-direction:column}.user-item{flex-wrap:wrap;padding:1rem;gap:1rem}.user-details{min-width:200px}.badge{margin-left:auto}.action-table-container{width:100%;margin-top:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--head-glass-border)}.action-table{min-width:700px;border-spacing:0}.action-buttons{display:flex;gap:8px;justify-content:flex-start}.head-reject-modal-content{width:95%;padding:1.5rem;max-height:90vh;overflow-y:auto}.head-reject-modal-header h2{font-size:1.25rem}}@media (max-width: 768px){.head-dashboard-container{flex-direction:column}.head-dashboard-content,.head-dashboard-content.expanded,.head-dashboard-content.collapsed{margin-left:0!important;width:100%!important;padding:1rem 1rem 5rem}}@media (max-width: 480px){.dashboard-header h1{font-size:1.3rem}.working-today-card{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.user-info-left{width:100%;justify-content:flex-start}.user-status-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:.8rem}.shift-info{align-items:flex-start}.user-item:not(.working-today-card){flex-direction:column;align-items:flex-start;gap:.8rem}.user-item:not(.working-today-card) .user-details{width:100%;min-width:100%}.user-item:not(.working-today-card) .badge{margin-left:0;width:100%;text-align:center;margin-top:.5rem}.action-buttons{flex-direction:row;width:100%;gap:.5rem}.btn-action{flex:1;justify-content:center;margin-right:0!important}div.task-progress-details{flex-direction:column!important;align-items:flex-start!important;gap:.8rem!important}div.task-progress-info{min-width:100%!important}div.task-progress-meta{min-width:100%!important;text-align:left!important}}.popup-done-head-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;-webkit-backdrop-filter:var(--head-backdrop-blur, blur(20px));backdrop-filter:var(--head-backdrop-blur, blur(20px));display:flex;justify-content:center;align-items:center;z-index:100001;animation:headFadeIn .3s ease-out}.popup-done-head-container{position:relative;background:var(--head-card-bg, rgba(30, 41, 59, .95));border:1px solid var(--head-accent-color, #c5a059);box-shadow:0 0 40px #00000080;width:90%;max-width:480px;text-align:center;animation:headScale .4s cubic-bezier(.2,.8,.2,1)}.popup-done-head-gold-line{height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--head-accent-color, #c5a059),transparent);position:absolute;top:0;left:0}.popup-done-head-content{padding:3rem 2rem 2.5rem}.popup-done-head-icon-box{width:80px;height:80px;margin:0 auto 1.5rem;background:radial-gradient(circle,rgba(197,160,89,.2) 0%,transparent 70%);display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgba(197,160,89,.3)}.popup-done-head-icon{width:40px;height:40px;color:var(--head-accent-color, #c5a059);filter:drop-shadow(0 0 8px rgba(197,160,89,.6))}.popup-done-head-title{color:var(--head-text-primary, white);font-family:var(--head-font-family, "Outfit", sans-serif);font-size:1.75rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin:0 0 1rem}.popup-done-head-divider{height:1px;width:60px;background:var(--head-accent-color, #c5a059);margin:0 auto 1.5rem;opacity:.5}.popup-done-head-message{color:var(--head-text-secondary, #94a3b8);font-family:var(--head-font-family, "Outfit", sans-serif);font-size:1rem;line-height:1.7;margin:0 0 2.5rem}.popup-done-head-button{background:var(--head-accent-color, #c5a059);color:#0f172a;border:none;padding:.85rem 3rem;font-family:var(--head-font-family, "Outfit", sans-serif);font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;clip-path:polygon(10% 0,100% 0,100% 100%,0% 100%,0% 28%);transition:all .3s cubic-bezier(.2,.8,.2,1)}.popup-done-head-button:hover{background:var(--head-accent-hover, #e0b769);transform:translate(5px);box-shadow:0 0 20px #c5a05966}@keyframes headScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.popup-error-head-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ab3;-webkit-backdrop-filter:var(--head-backdrop-blur, blur(20px));backdrop-filter:var(--head-backdrop-blur, blur(20px));display:flex;justify-content:center;align-items:center;z-index:100001;animation:headFadeIn .3s ease-out}.popup-error-head-container{position:relative;background:var(--head-card-bg, rgba(30, 41, 59, .9));border:1px solid var(--head-glass-border, rgba(255, 255, 255, .1));box-shadow:var(--head-shadow);border-radius:4px;width:90%;max-width:450px;overflow:hidden;animation:headSlideIn .4s cubic-bezier(.16,1,.3,1)}.popup-error-head-decoration{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--head-danger, #ef4444)}.popup-error-head-content{padding:2rem}.popup-error-head-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.popup-error-head-icon{width:32px;height:32px;color:var(--head-danger, #ef4444)}.popup-error-head-title{color:var(--head-text-primary, #ffffff);font-family:var(--head-font-family, "Outfit", sans-serif);font-size:1.5rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin:0}.popup-error-head-body{margin-bottom:2rem}.popup-error-head-message{color:var(--head-text-secondary, #94a3b8);font-family:var(--head-font-family, "Outfit", sans-serif);font-size:1rem;line-height:1.6;margin:0}.popup-error-head-footer{display:flex;justify-content:flex-end}.popup-error-head-button{background:transparent;border:1px solid var(--head-danger, #ef4444);color:var(--head-danger, #ef4444);padding:.75rem 2.5rem;border-radius:2px;font-family:var(--head-font-family, "Outfit", sans-serif);font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.popup-error-head-button:hover{background:#ef44441a;box-shadow:0 0 15px #ef444433}@keyframes headFadeIn{0%{opacity:0}to{opacity:1}}@keyframes headSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--head-navy: #0f172a;--head-azure: #0ea5e9;--head-bronze: #c5a059}@keyframes popupSlideInHead{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes popupBackdropFadeHead{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080}}.popup-overlay-head{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.popup-overlay-head.open{opacity:1;visibility:visible;animation:popupBackdropFadeHead .5s forwards}.popup-card-head{position:relative;width:90%;max-width:460px;padding:2.5rem;border-radius:12px;text-align:center;background:linear-gradient(180deg,#0f172afa,#1e293bf2);border:1px solid rgba(197,160,89,.5);box-shadow:0 20px 50px -10px #0009,0 0 20px #c5a0591a;overflow:hidden;font-family:Outfit,sans-serif}.popup-overlay-head.open .popup-card-head{animation:popupSlideInHead .4s cubic-bezier(.16,1,.3,1) forwards}.popup-icon-wrapper-head{width:70px;height:70px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;background:#c5a0591a;border-radius:50%;border:1px solid rgba(197,160,89,.3)}.popup-icon-head{width:36px;height:36px}.popup-icon-head path{fill:var(--head-bronze)}.popup-title-head{font-size:1.8rem;font-weight:600;margin:0 0 .5rem;color:var(--head-bronze);text-transform:capitalize}.popup-message-head{color:#cbd5e1;font-size:1.05rem;line-height:1.5}.popup-action-btn-head{background:transparent;border:2px solid var(--head-bronze);color:var(--head-bronze);padding:.8rem 2.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase}.popup-action-btn-head:hover{background:var(--head-bronze);color:#0f172a;box-shadow:0 0 15px #c5a05966}.popup-timer-container-head{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.timer-svg-head{transform:rotate(-90deg)}.timer-circle-bg-head{fill:none;stroke:#ffffff1a;stroke-width:3}.timer-circle-progress-head{fill:none;stroke-width:3;stroke-linecap:round;stroke:var(--head-bronze);transition:stroke-dashoffset .1s linear}.redirect-text-head{font-size:.8rem;margin-top:.5rem;color:#94a3b8}.head-profile-layout{display:flex;min-height:100vh;background:var(--head-bg);background:var(--head-bg-gradient)}.head-profile-sidebar-wrapper{z-index:50}.head-profile-container{flex:1;color:var(--head-text-primary);font-family:var(--head-font-family);padding-bottom:2rem;overflow-x:hidden;height:100vh;overflow-y:auto;padding-left:280px;transition:padding-left .4s cubic-bezier(.175,.885,.32,1.275)}.head-profile-container.sidebar-open{padding-left:280px}.head-profile-container.sidebar-closed{padding-left:100px}.head-profile-content{max-width:1200px;margin:0 auto;padding:0 1.5rem}.head-profile-header-card{background:var(--head-card-bg);border:1px solid var(--head-glass-border);border-radius:20px;overflow:hidden;box-shadow:var(--head-shadow);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);margin-bottom:2rem;position:relative}.head-profile-cover-bg{height:200px;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);position:relative}.head-profile-cover-bg:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(197,160,89,.2) 0%,transparent 70%)}.head-profile-header-content{padding:0 2rem 1.5rem;margin-top:-50px;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.head-profile-avatar-wrapper{width:140px;height:140px;border-radius:50%;border:4px solid var(--head-bg);background:var(--head-card-bg);box-shadow:0 0 20px #00000080;overflow:hidden;margin-bottom:1rem;position:relative;z-index:2}.head-profile-pic{width:100%;height:100%;object-fit:cover}.head-profile-pic-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1e293b;color:var(--head-text-secondary)}.head-profile-identity h1{font-size:2rem;font-weight:700;color:var(--head-text-primary);margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.head-profile-verified-badge{color:var(--head-accent-color);filter:drop-shadow(0 0 8px rgba(197,160,89,.5))}.head-profile-role-badge{display:inline-block;background:#c5a0591a;color:var(--head-accent-color);padding:.25rem 1rem;border-radius:20px;font-size:.9rem;margin:.5rem 0 1rem;border:1px solid rgba(197,160,89,.2);font-weight:500}.head-profile-contact-pills{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.head-profile-pill{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.5rem 1rem;border-radius:12px;font-size:.9rem;color:var(--head-text-secondary);border:1px solid var(--head-glass-border);transition:all .3s ease}.head-profile-pill:hover{background:#ffffff1a;border-color:#c5a0594d;color:var(--head-text-primary)}.head-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 1024px){.head-profile-container,.head-profile-container.sidebar-open,.head-profile-container.sidebar-closed{padding-left:100px!important}.head-profile-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.head-profile-layout{flex-direction:column}.head-profile-container,.head-profile-container.sidebar-open,.head-profile-container.sidebar-closed{padding-left:0!important;padding-bottom:2rem;height:calc(100% - 70px)!important;flex:1}.head-profile-content{padding:1rem;max-width:100%}.head-profile-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 600px){.head-profile-header-content{margin-top:-50px;padding:0 1rem 1.5rem}.head-profile-avatar-wrapper{width:110px;height:110px;margin-bottom:.5rem}.head-profile-identity h1{font-size:1.4rem;flex-wrap:wrap}.head-profile-role-badge{font-size:.8rem;padding:.2rem .75rem}.head-profile-contact-pills{flex-direction:column;gap:.5rem;width:100%}.head-profile-pill{width:100%;justify-content:center;font-size:.85rem}.head-profile-info-grid-2{grid-template-columns:1fr;gap:.75rem}.head-profile-section-card{padding:1.25rem}.head-profile-card-header h3{font-size:1.1rem}}.head-profile-section-card{background:var(--head-card-bg);border:1px solid var(--head-glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--head-shadow);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);height:fit-content}.head-profile-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--head-glass-border)}.head-profile-card-header h3{font-size:1.25rem;font-weight:600;color:var(--head-text-primary);margin:0}.head-icon-accent{color:var(--head-accent-color)}.head-icon-blue{color:#60a5fa}.head-icon-purple{color:#a78bfa}.head-icon-rose{color:#fb7185}.head-icon-green{color:#34d399}.head-profile-info-list{display:flex;flex-direction:column;gap:.5rem}.head-profile-info-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff05;border-radius:8px;transition:all .2s ease}.head-profile-info-row:hover{background:#ffffff0d}.head-profile-row-icon{color:var(--head-text-muted);width:20px;display:flex;justify-content:center;margin-top:2px}.head-profile-row-content{flex:1}.head-profile-row-label{display:block;font-size:.8rem;color:var(--head-text-secondary);margin-bottom:2px}.head-profile-row-value{display:block;font-size:1rem;color:var(--head-text-primary);font-weight:500}.head-profile-info-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.head-profile-info-box{background:#0f172a80;padding:.75rem;border-radius:12px;border:1px solid var(--head-glass-border)}.head-profile-box-label{display:block;font-size:.8rem;color:var(--head-text-secondary);margin-bottom:5px}.head-profile-box-value{display:block;font-size:1rem;color:var(--head-text-primary);font-weight:500}.head-profile-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.head-profile-status-badge.active{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.head-profile-edu-item{padding:1rem;background:#ffffff08;border-radius:12px;border-left:3px solid var(--head-accent-color);margin-bottom:1rem}.head-profile-edu-item h4{margin:0 0 .5rem;color:var(--head-text-primary);font-size:1.1rem}.head-profile-edu-degree{margin:0;color:var(--head-text-secondary)}.head-profile-skills-wrapper{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--head-glass-border)}.head-profile-skills-wrapper strong{display:block;color:var(--head-text-primary);margin-bottom:1rem}.head-profile-skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.head-profile-skill-tag{background:#c5a0591a;color:var(--head-accent-color);padding:.4rem .8rem;border-radius:8px;font-size:.9rem;border:1px solid rgba(197,160,89,.2)}.head-profile-loading,.head-profile-error{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--head-text-secondary);background:var(--head-bg)}.head-profile-loader-spinner{width:48px;height:48px;border:4px solid rgba(197,160,89,.1);border-top-color:var(--head-accent-color);border-radius:50%;margin-bottom:1.5rem}.head-emp-list-wrapper{display:flex;min-height:100vh;background:var( --head-bg-gradient, linear-gradient(180deg, #0f172a 0%, #1e293b 100%) );overflow:hidden}.head-emp-list-content{flex:1;padding:0;height:100vh;overflow-y:auto;position:relative;transition:margin-left .4s cubic-bezier(.25,.8,.25,1)}.head-emp-list-content.sidebar-open{margin-left:260px}.head-emp-list-content.sidebar-closed{margin-left:80px}.head-emp-list-container{--emp-card-bg: rgba(30, 48, 70, .4);--emp-card-hover: rgba(30, 48, 70, .8);--emp-border: rgba(197, 160, 89, .2);--emp-text-main: #e2e8f0;--emp-text-sub: #94a3b8;--emp-icon-bg: rgba(197, 160, 89, .15);--emp-highlight: #c5a059;padding:2rem;min-height:100%;color:var(--emp-text-main);font-family:var(--head-font-family, "Outfit", sans-serif)}.head-emp-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.head-emp-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-actions-row{display:flex;align-items:center;gap:1rem}.head-emp-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.3)}.head-emp-date{color:var(--emp-text-sub);font-size:.9rem;background:#ffffff0d;padding:.4rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.head-emp-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.head-emp-stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.head-emp-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:translate(-100%);transition:.5s}.head-emp-stat-card:hover:before{transform:translate(100%)}.head-emp-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #00000080;border-color:var(--emp-border)}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--emp-highlight);background:var(--emp-icon-bg)}.stat-info h4{margin:0;font-size:.9rem;color:var(--emp-text-sub);font-weight:500}.stat-info p{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.head-emp-controls{display:flex;gap:1rem;background:#0f172a99;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem;flex-wrap:wrap;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.head-emp-search{flex:1;min-width:250px;position:relative}.head-emp-search input{width:100%;padding:.8rem 1rem .8rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;transition:all .3s ease}.head-emp-search input:focus{outline:none;border-color:var(--emp-highlight);background:#ffffff14;box-shadow:0 0 0 3px #c5a05933}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--emp-text-sub)}.head-emp-filter{min-width:260px;position:relative;z-index:50}.custom-dropdown-comp{position:relative;width:100%;font-family:inherit}.dropdown-trigger{width:100%;padding:.8rem 1.2rem;background:#0f172acc;border:1px solid var(--emp-highlight);border-radius:12px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown-trigger.open{background:#1e293b;box-shadow:0 0 0 3px #c5a05933;border-color:var(--emp-highlight)}.dropdown-menu{position:absolute;top:120%;left:0;width:100%;background:#1e293bf2;border:1px solid rgba(197,160,89,.3);border-radius:16px;padding:.5rem;z-index:100;max-height:320px;overflow-y:auto;box-shadow:0 20px 50px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideDown .3s cubic-bezier(.16,1,.3,1);transform-origin:top center}.dropdown-item.selected{background:linear-gradient(135deg,var(--emp-highlight),#9f7d3d);color:#0f172a;font-weight:700;box-shadow:0 4px 15px #c5a05966;transform:scale(1.02)}.check-icon{font-size:.9rem;color:var(--emp-highlight)}.dropdown-menu::-webkit-scrollbar{width:5px}.dropdown-menu::-webkit-scrollbar-track{background:#0003;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c5a05980;border-radius:4px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--emp-highlight)}.view-toggle-group{display:flex;background:#ffffff0d;padding:.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--emp-text-sub);font-size:1.1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.view-toggle-btn.active{background:var(--emp-highlight);color:#0f172a;box-shadow:0 2px 8px #c5a05966}.view-toggle-btn:hover:not(.active){color:#fff;background:#ffffff0d}.status-legend{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;background:#ffffff05;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--emp-text-sub)}.legend-item .dot{width:8px;height:8px;border-radius:50%;position:relative}.legend-item .dot:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:1px solid currentColor;opacity:.5}.legend-item .dot.active{background:#10b981;color:#10b981;box-shadow:0 0 8px #10b98166}.legend-item .dot.inactive{background:#ef4444;color:#ef4444;box-shadow:0 0 8px #ef444466}.legend-item .dot.on-leave{background:#f59e0b;color:#f59e0b;box-shadow:0 0 8px #f59e0b66}.head-emp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.head-emp-card{background:var(--emp-card-bg);border-radius:20px;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.head-emp-card:hover{transform:translateY(-5px) scale(1.02);background:var(--emp-card-hover);border-color:var(--emp-highlight);box-shadow:0 20px 40px -10px #0009;z-index:5}.card-shine-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 60%);pointer-events:none;opacity:.5}.card-header-bg{height:90px;background:linear-gradient(90deg,#0f172a00,#c5a05926,#0f172a00);position:absolute;top:0;left:0;width:100%;opacity:.8}.card-content{padding:2.5rem 1.5rem 1.5rem;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.avatar-container{margin-bottom:1rem;position:relative;width:100px;height:100px}.avatar-glow{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;background:radial-gradient(circle,var(--emp-highlight) 0%,transparent 70%);opacity:0;transition:opacity .3s}.head-emp-card:hover .avatar-glow{opacity:.5}.emp-avatar{width:100px;height:100px;border-radius:50%;border:3px solid var(--emp-highlight);box-shadow:0 0 20px #c5a0594d;object-fit:cover;background:#1e293b;position:relative;z-index:2;transition:border-color .3s}.head-emp-card:hover .emp-avatar{border-color:#fff}.emp-name{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:.25rem;letter-spacing:-.5px}.emp-pos{font-size:.9rem;color:var(--emp-highlight);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.emp-status{padding:.35rem .85rem;border-radius:30px;font-size:.75rem;font-weight:600;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.4rem;text-transform:capitalize}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.status-active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-inactive{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-on-leave{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.emp-details{width:100%;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.6rem}.detail-row{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.85rem;color:var(--emp-text-sub)}.detail-icon{color:var(--emp-highlight)!important;opacity:.9;filter:drop-shadow(0 0 2px rgba(197,160,89,.3))}.emp-actions{display:flex;gap:.8rem;width:100%;margin-top:auto}.action-btn{flex:1;padding:.75rem;border-radius:12px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;letter-spacing:.3px}.btn-primary{background:var(--emp-highlight);color:#0f172a}.btn-primary:hover{background:#e0b769;box-shadow:0 4px 15px #c5a05966;transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;color:var(--emp-text-main);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.head-emp-list-view{background:#1e304666;border-radius:16px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.emp-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;padding:1rem 1.5rem;background:#0f172acc;border-bottom:1px solid rgba(255,255,255,.1);color:var(--emp-text-sub);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;align-items:center}.emp-table-header>div:not(:first-child){text-align:center;display:flex;justify-content:center}.emp-table-body{max-height:600px;overflow-y:auto}.emp-list-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03);align-items:center;transition:background .2s}.emp-list-item>div:not(.cell-employee){display:flex;align-items:center;justify-content:center;text-align:center}.cell-employee{display:flex;align-items:center;gap:1rem}.list-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--emp-highlight)}.list-info{display:flex;flex-direction:column}.list-name{font-weight:600;color:#fff}.list-email{font-size:.8rem;color:var(--emp-text-sub)}.cell-id .id-badge{background:#ffffff0d;padding:.2rem .6rem;border-radius:6px;font-size:.85rem;color:#cbd5e1;font-family:monospace}.cell-pos{color:var(--emp-highlight);font-weight:500;font-size:.9rem}.cell-contact{font-size:.9rem;color:#cbd5e1}.emp-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.action-btn-group{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.mini-action-btn{width:38px;height:38px;border-radius:10px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:var(--emp-text-main);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);cursor:pointer;font-size:1.1rem}.mini-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;background:#ffffff1a;border-color:#ffffff4d}.mini-action-btn.detail:hover{background:#c5a05926;color:var(--emp-highlight);border-color:var(--emp-highlight)}.mini-action-btn.schedule{color:var(--emp-highlight)}.mini-action-btn.schedule:hover{background:var(--emp-highlight)!important;color:#0f172a!important;border-color:var(--emp-highlight)}.emp-table-body::-webkit-scrollbar{width:6px}.emp-table-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.loading-wrapper{display:flex;justify-content:center;align-items:center;min-height:50vh;color:var(--emp-highlight);font-size:1.2rem}.no-results-found{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%;color:var(--emp-text-sub);background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:20px;font-size:1.1rem;font-style:italic;text-align:center;padding:2rem}@media (max-width: 900px){.emp-table-header,.emp-list-item{grid-template-columns:2fr 1fr 1fr 1fr auto}.cell-contact,.emp-table-header>div:nth-child(5){display:none}}@media (max-width: 768px){.head-emp-list-wrapper{flex-direction:column}.head-emp-list-content,.head-emp-list-content.sidebar-open,.head-emp-list-content.sidebar-closed{margin-left:0!important;width:100%!important;height:auto!important;padding-bottom:2rem;flex:1}.head-emp-list-container{padding:1.5rem 1rem 1rem}.head-emp-title-row{flex-direction:column;align-items:flex-start;gap:1rem}.head-emp-controls{gap:.8rem}.head-emp-search,.head-emp-filter,.view-toggle-group{width:100%}.head-emp-grid{grid-template-columns:1fr}.head-emp-header{margin-bottom:1.5rem}.head-emp-controls{flex-direction:column;align-items:stretch;gap:1rem}.head-emp-search,.head-emp-filter,.view-toggle-group{width:100%;min-width:0}.view-toggle-group{justify-content:center;background:#ffffff0d;border-radius:12px;padding:4px}.head-emp-grid{grid-template-columns:1fr;gap:1rem}.head-emp-list-view{display:block}.emp-table-header{display:none}.emp-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;margin-bottom:1rem}.emp-list-item>div:not(.cell-employee){display:flex;width:100%;justify-content:space-between!important;align-items:flex-start;text-align:right;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05);gap:1rem}.emp-list-item>div:not(.cell-employee):before{flex-shrink:0;text-align:left}.cell-id{display:flex;justify-content:space-between;width:100%;align-items:center}.cell-id .id-badge{margin-left:auto;width:auto;min-width:auto;text-align:right;background:transparent;border:none;padding:0;color:#fff;font-size:.95rem;font-family:inherit}.emp-list-item>div:last-child{border-bottom:none}.cell-id:before{content:"ID:";color:#94a3b8;font-size:.8rem}.cell-pos:before{content:"Position:";color:#94a3b8;font-size:.8rem}.cell-status:before{content:"Status:";color:#94a3b8;font-size:.8rem}.cell-contact:before{content:"Contact:";color:#94a3b8;font-size:.8rem}.cell-action:before{content:"Action:";color:#94a3b8;font-size:.8rem;display:none}.cell-action{justify-content:flex-end!important}.cell-employee{width:100%;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.status-legend{flex-direction:column;gap:.8rem}}.insight-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem}.insight-modal-content{background:linear-gradient(145deg,#1e293b,#0f172a);width:100%;max-width:600px;max-height:85vh;border-radius:20px;border:1px solid rgba(197,160,89,.3);box-shadow:0 25px 50px -12px #000000b3;display:flex;flex-direction:column;overflow:hidden;font-family:Outfit,sans-serif;color:#e2e8f0}.insight-header{padding:1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:flex-start}.insight-header-left{display:flex;align-items:center;gap:1rem}.insight-avatar-wrapper{position:relative}.insight-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #c5a059}.insight-title-group h2{margin:0;font-size:1.25rem;color:#fff}.insight-subtitle{font-size:.85rem;color:#c5a059;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.insight-close-btn{background:transparent;border:none;color:#94a3b8;font-size:1.2rem;cursor:pointer;transition:color .2s;padding:5px}.insight-close-btn:hover{color:#fff}.insight-tabs{display:flex;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.05);background:#0003}.tab-btn{flex:1;padding:1rem;background:transparent;border:none;color:#94a3b8;font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;display:flex;justify-content:center;align-items:center;gap:.5rem}.tab-btn:hover{color:#fff;background:#ffffff05}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#c5a059,#a08040);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #c5a05933}.insight-body{flex:1;overflow-y:auto;padding:1.5rem;background:#ffffff03}.insight-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#c5a059}.spinner{width:30px;height:30px;border:3px solid rgba(197,160,89,.3);border-top-color:#c5a059;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.insight-section{margin-bottom:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.insight-section h3{font-size:.95rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;border-left:3px solid #c5a059;padding-left:.75rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{background:#ffffff08;padding:.75rem;border-radius:8px;display:flex;flex-direction:column;gap:.2rem}.info-item .label{font-size:.75rem;color:#94a3b8;text-transform:uppercase}.info-item .value{font-size:.95rem;color:#fff;font-weight:500}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#c5a05926;color:#c5a059;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(197,160,89,.2)}.no-data{color:#64748b;font-style:italic;font-size:.9rem}.text-desc{background:#ffffff08;padding:1rem;border-radius:8px;color:#cbd5e1;font-size:.9rem;line-height:1.5;margin:0}.info-list{display:flex;flex-direction:column;gap:.8rem}.info-item-icon{display:flex;align-items:center;gap:1rem;background:#ffffff08;padding:.8rem;border-radius:10px}.icon-box{width:40px;height:40px;background:#c5a0591a;color:#c5a059;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.text-box{display:flex;flex-direction:column}.text-box .label{font-size:.75rem;color:#94a3b8}.text-box .value{font-size:.95rem;color:#fff}.insight-body::-webkit-scrollbar{width:6px}.insight-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.insight-body::-webkit-scrollbar-track{background:transparent}.leave-approval-container{--la-font-family: "Outfit", sans-serif;--la-bg-gradient: radial-gradient(circle at top right, #1e293b, #0f172a);--la-card-bg: rgba(255, 255, 255, .03);--la-card-hover: rgba(255, 255, 255, .07);--la-header-bg: rgba(15, 23, 42, .75);--la-primary-accent: #f59e0b;--la-primary-glow: rgba(245, 158, 11, .4);--la-text-main: #f8fafc;--la-text-sub: #94a3b8;--la-text-muted: #64748b;--la-success: #10b981;--la-success-bg: rgba(16, 185, 129, .1);--la-danger: #ef4444;--la-danger-bg: rgba(239, 68, 68, .1);--la-glass-border: rgba(255, 255, 255, .08);--la-glass-blur: blur(20px);--la-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .1);--la-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .3);display:flex;min-height:100vh;background:var(--la-bg-gradient);color:var(--la-text-main);font-family:var(--la-font-family)}.leave-approval-content{flex:1;padding:2.5rem;overflow-y:auto;margin-left:260px}.page-header-premium{background:var(--la-header-bg);-webkit-backdrop-filter:var(--la-glass-blur);backdrop-filter:var(--la-glass-blur);border:1px solid var(--la-glass-border);padding:2rem;border-radius:1.5rem;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:2rem;box-shadow:var(--la-shadow-lg);position:relative;overflow:hidden}.page-header-premium:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:var(--la-primary-accent);opacity:.08;filter:blur(80px);border-radius:50%;pointer-events:none}.header-top-row{display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.header-title-group h1{font-size:3rem;font-weight:700;margin:0;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:1.5rem}.header-icon-wrapper{background:transparent;width:auto;height:auto;border:none;display:flex;align-items:center;justify-content:center;box-shadow:none;padding:0}.header-icon{font-size:3.5rem;background:linear-gradient(135deg,var(--la-primary-accent),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 4px 10px rgba(245,158,11,.4))}.greeting-text{color:var(--la-text-sub);font-size:1.1rem;margin-top:.25rem;font-weight:400;padding-left:.5rem;opacity:.8}.header-stats-group{display:flex;gap:1rem}.stat-card-glass{background:#ffffff08;border:1px solid var(--la-glass-border);padding:.75rem 1.5rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;min-width:100px;transition:transform .2s}.stat-card-glass:hover{transform:translateY(-2px);background:#ffffff0d}.stat-value{font-size:1.75rem;font-weight:700;color:var(--la-text-main);line-height:1.2}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--la-text-muted);font-weight:600}.stat-card-glass.urgent{border-color:#ef44444d;background:linear-gradient(180deg,rgba(239,68,68,.05) 0%,transparent 100%)}.stat-card-glass.urgent .stat-value{color:var(--la-danger);text-shadow:0 0 10px rgba(239,68,68,.3)}.filters-container{display:flex;gap:1rem;background:#0003;padding:.5rem;border-radius:1rem;border:1px solid var(--la-glass-border)}.search-input-glass,.select-input-glass{background:transparent;border:none;color:var(--la-text-main);padding:.75rem 1.25rem;font-family:inherit;outline:none;transition:all .3s;border-radius:.75rem}.search-input-glass{flex:1;background:#ffffff08}.search-input-glass:focus{background:#ffffff0f;box-shadow:0 0 0 2px var(--la-primary-glow)}.select-input-glass{background:#ffffff08;cursor:pointer;border-left:1px solid var(--la-glass-border)}.select-input-glass option{background:#0f172a;color:#fff}.requests-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding-bottom:2rem}.request-card-modern{background:var(--la-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--la-glass-border);border-radius:1.25rem;padding:0;display:flex;flex-direction:column;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.request-card-modern:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--la-shadow-lg);border-color:#ffffff26;background:var(--la-card-hover)}.request-card-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--la-primary-accent),transparent);opacity:.8}.card-content-wrapper{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.req-header{display:flex;justify-content:space-between;align-items:center}.user-profile{display:flex;align-items:center;gap:1rem}.profile-pic{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#334155,#1e293b);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:var(--la-primary-accent);box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.05)}.user-details h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--la-text-main)}.user-role{font-size:.8rem;color:var(--la-text-muted);letter-spacing:.5px}.leave-tag{padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#f59e0b1a;color:var(--la-primary-accent);border:1px solid rgba(245,158,11,.2);box-shadow:0 0 10px #f59e0b1a}.date-badge-row{display:flex;align-items:center;gap:.75rem;background:#ffffff08;padding:.75rem;border-radius:.75rem}.date-text{font-size:.9rem;color:var(--la-text-sub);font-weight:500}.reason-container{position:relative;padding-left:1rem;border-left:2px solid var(--la-glass-border)}.reason-text{font-style:italic;color:var(--la-text-sub);font-size:.95rem;line-height:1.6;margin:0}.status-indicator{display:flex;align-items:center;gap:.75rem;font-size:.85rem;padding:.6rem 0;border-top:1px dashed var(--la-glass-border)}.status-indicator.conflict{color:#fca5a5}.status-indicator.safe{color:#6ee7b7}.action-footer{display:flex;gap:1rem;padding:0 1.5rem 1.5rem;margin-top:auto}.action-btn{flex:1;padding:.85rem 1.5rem;border:none;cursor:pointer;font-weight:600;font-size:1rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:1rem}.action-btn.reject{background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.action-btn.reject:hover{background:#ef444433;color:#f87171;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.action-btn.approve{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 4px 6px -1px #10b98133,0 2px 4px -1px #10b9811a}.action-btn.approve:hover{background:linear-gradient(135deg,#34d399,#059669);transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b9811a}.empty-glass-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;background:#ffffff05;border-radius:2rem;border:2px dashed var(--la-glass-border);color:var(--la-text-muted)}.empty-icon{font-size:4rem;color:var(--la-primary-accent);opacity:.5;margin-bottom:1.5rem}.modal-glass-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-glass-content{background:#1e293b;border:1px solid var(--la-glass-border);padding:2.5rem;border-radius:1.5rem;width:90%;max-width:500px;box-shadow:var(--la-shadow-lg)}.modal-glass-content h2{color:var(--la-text-main);margin-bottom:1.5rem}.modal-textarea{width:100%;background:#0000004d;border:1px solid var(--la-glass-border);padding:1rem;border-radius:.75rem;color:#fff;margin-bottom:1.5rem;resize:vertical;min-height:100px}.modal-textarea:focus{outline:none;border-color:var(--la-primary-accent)}.modal-glass-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-glass-cancel{background:transparent;color:var(--la-text-sub);padding:.75rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer}.btn-glass-confirm{background:var(--la-danger);color:#fff;padding:.75rem 2rem;border-radius:.75rem;border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #ef44444d}.btn-glass-confirm:hover{background:#dc2626}@media screen and (max-width: 1024px){.leave-approval-content{margin-left:80px;padding:1.5rem}}@media screen and (max-width: 768px){.leave-approval-container{flex-direction:column}.leave-approval-content{margin-left:0!important;width:100%!important;padding:1rem 1rem 5rem}.page-header-premium{padding:1.5rem;gap:1.5rem}.header-top-row{flex-direction:column;gap:1.5rem}.header-title-group h1{font-size:2rem;gap:1rem}.header-icon{font-size:2.5rem}.greeting-text{font-size:.95rem;padding-left:0}.header-stats-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stat-card-glass{padding:.75rem;width:100%}.stat-value{font-size:1.5rem}.filters-container{flex-direction:column;padding:.75rem}.search-input-glass,.select-input-glass{width:100%;max-width:none}.select-input-glass{border-left:none;border-top:1px solid var(--la-glass-border)}.requests-grid-modern{grid-template-columns:1fr;gap:1rem}.request-card-modern:hover{transform:none}.req-header{flex-direction:column;align-items:flex-start;gap:.75rem}.leave-tag{align-self:flex-start}.modal-glass-content{width:95%;padding:1.5rem}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.head-req-leave-container{min-height:100vh;background:var(--head-bg);background:var(--head-bg-gradient);font-family:var(--head-font-family);color:var(--head-text-primary);padding:2rem;padding-left:270px;box-sizing:border-box}.head-req-leave-header{margin-bottom:2rem;margin-top:1rem}.head-req-leave-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.head-req-leave-subtitle{color:var(--head-text-secondary);font-size:1rem}.head-req-leave-grid{display:grid;grid-template-columns:1.5fr 2fr;gap:2rem;width:100%}.head-req-leave-card{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--head-shadow);transition:all .3s ease;position:relative;overflow:hidden}.head-req-leave-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--head-accent-color),transparent);opacity:.5}.head-card-title{font-size:1.25rem;font-weight:600;color:var(--head-accent-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.head-form-group{margin-bottom:1.5rem}.head-form-label{display:block;color:var(--head-text-secondary);margin-bottom:.5rem;font-size:.95rem}.head-form-input,.head-form-select,.head-form-textarea{width:100%;background:#0f172a99;border:1px solid var(--head-glass-border);border-radius:8px;padding:.8rem 1rem;color:var(--head-text-primary);font-family:var(--head-font-family);font-size:1rem;transition:all .2s}.head-form-input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.head-form-input[type=date]{cursor:pointer}.head-form-input:focus,.head-form-select:focus,.head-form-textarea:focus{outline:none;border-color:var(--head-accent-color);box-shadow:0 0 0 2px #c5a05933}.head-form-textarea{resize:vertical;min-height:120px}.head-file-upload-wrapper{position:relative;width:100%}.head-file-upload-label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;border:2px dashed var(--head-glass-border);border-radius:8px;cursor:pointer;background:#0f172a4d;transition:all .3s ease}.head-file-upload-label:hover{border-color:var(--head-accent-color);background:#c5a0590d}.head-upload-icon{font-size:2rem;color:var(--head-text-muted);margin-bottom:.5rem}.head-upload-text{font-size:.9rem;color:var(--head-text-secondary)}.head-submit-btn{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--head-accent-color) 0%,#b88a3a 50%,#82632b 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-top:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 4px 15px #c5a05966,0 0 0 2px #c5a0591a inset;position:relative;overflow:hidden}.head-submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.head-submit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #c5a05999;background:linear-gradient(135deg,#e0b769,#c5a059,#927438)}.head-submit-btn:hover:after{left:100%}.head-submit-btn:active{transform:translateY(1px)}.head-submit-btn i{font-size:1.3rem;animation:plane-fly 3s infinite ease-in-out}@keyframes plane-fly{0%,to{transform:translateY(0)}50%{transform:translateY(-3px) translate(2px)}}.head-quota-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.head-quota-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid var(--head-glass-border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.head-quota-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #c5a0594d;border-color:var(--head-accent-color)}.head-quota-icon{font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(197,160,89,.3))}.head-quota-label{font-size:1rem;color:var(--head-text-secondary);font-weight:500;letter-spacing:.5px}.head-quota-value{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:.5rem 0}.head-quota-total{font-size:.9rem;color:var(--head-text-muted);font-weight:400}.head-quota-progress{width:100%;height:6px;background:#ffffff0d;border-radius:10px;margin-top:1rem;overflow:hidden}.head-quota-bar{height:100%;border-radius:10px;transition:width 1s ease-in-out;box-shadow:0 0 10px currentColor}.head-history-table-container{width:100%;overflow-x:auto;border-radius:12px;background:#0003;padding:.5rem}.head-history-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.head-history-table th{text-align:left;padding:1rem 1.5rem;color:var(--head-text-secondary);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.head-history-table td{padding:1rem 1.5rem;color:var(--head-text-primary);background:#ffffff05;transition:background .2s}.head-history-table tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.head-history-table tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.head-history-table tr:hover td{background:#ffffff0d}.head-status-chip{padding:.35rem 1rem;border-radius:30px;font-size:.8rem;font-weight:600;display:inline-block;text-transform:uppercase}.head-status-pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.head-status-approved{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.head-status-rejected{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.head-calendar-wrapper{margin-bottom:2rem;background:linear-gradient(145deg,#1e293b99,#0f172acc);border:1px solid rgba(197,160,89,.15);box-shadow:0 10px 40px -10px #00000080;position:relative;overflow:hidden}.head-calendar-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--head-accent-color),transparent);opacity:.5}.head-mini-calendar .react-calendar{width:100%;background:transparent;border:none;font-family:var(--head-font-family);padding:.5rem}.head-mini-calendar .react-calendar__navigation button{color:var(--head-accent-color);font-size:1.8rem;min-width:44px;background:transparent;border-radius:50%;margin:0 4px;transition:all .2s}.head-mini-calendar .react-calendar__navigation button:enabled:hover,.head-mini-calendar .react-calendar__navigation button:enabled:focus{background:#c5a0591a;color:#fff;box-shadow:0 0 15px #c5a05933}.head-mini-calendar .react-calendar__navigation__label{font-weight:800;font-size:1.5rem;color:#fff;text-transform:uppercase;letter-spacing:1px;background:transparent;-webkit-background-clip:unset;-webkit-text-fill-color:#fff;transition:all .2s}.head-mini-calendar .react-calendar__navigation__label:hover{color:var(--head-accent-color);text-shadow:0 0 10px rgba(197,160,89,.5);background:#ffffff0d;border-radius:8px}.head-mini-calendar .react-calendar__month-view__weekdays{color:var(--head-text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.head-mini-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none;cursor:default}.head-mini-calendar .react-calendar__tile{background:transparent;color:var(--head-text-primary);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:1.2rem .5rem;font-weight:500;position:relative;overflow:visible;border:1px solid transparent}.head-mini-calendar .react-calendar__tile:enabled:hover{background:#ffffff08;border-color:#c5a0594d;transform:translateY(-2px);z-index:10;box-shadow:0 4px 12px #0003}.head-mini-calendar .react-calendar__tile--now{background:#3b82f626!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.4);font-weight:700}.head-mini-calendar .react-calendar__tile--active{background:var(--head-accent-color)!important;color:#0f172a!important;font-weight:800;box-shadow:0 0 20px #c5a05966}.calendar-dot{width:6px;height:6px;border-radius:50%;margin:6px 2px 0;transition:transform .2s}.dot-holiday{background-color:#ef4444;box-shadow:0 0 6px #ef4444}.dot-shift{background-color:#3b82f6;box-shadow:0 0 6px #3b82f6}.dot-leave{background-color:#f59e0b;box-shadow:0 0 6px #f59e0b}.calendar-legend{display:flex;justify-content:center;gap:2rem;padding:1.5rem;background:#00000026;border-top:1px solid rgba(255,255,255,.05);margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#cbd5e1;font-weight:500;padding:.5rem 1rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.legend-color{width:12px;height:12px;border-radius:50%}@media (max-width: 1024px){.head-req-leave-grid{grid-template-columns:1fr}.head-quota-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.head-quota-grid{grid-template-columns:1fr}}:root{--head-bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--head-glass-bg: rgba(30, 41, 59, .7);--head-glass-border: rgba(255, 255, 255, .08);--head-primary: #ffffff;--head-secondary: #94a3b8;--head-accent: #c5a059;--head-accent-glow: rgba(197, 160, 89, .4);--head-danger: #ef4444;--head-shadow: 4px 0 24px rgba(0, 0, 0, .4)}.head-sidebar{height:100vh;background:var(--head-bg-gradient);color:var(--head-primary);font-family:Outfit,sans-serif;position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:1000;box-shadow:var(--head-shadow);border-right:1px solid var(--head-glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible}.head-toggle-btn{position:absolute;top:1.5rem;right:-14px;width:28px;height:28px;background:var(--head-accent);border:2px solid #0f172a;border-radius:50%;color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:12px;transition:all .3s ease;box-shadow:0 4px 12px #0003}.head-toggle-btn:hover{transform:scale(1.1);background:#fff}.head-profile-section{padding:2rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.head-avatar-wrapper{position:relative;margin-bottom:1rem;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--head-accent),transparent)}.head-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #0f172a}.head-user-info{width:100%;white-space:nowrap;overflow:hidden}.head-user-name{font-size:1.1rem;font-weight:700;color:var(--head-primary);letter-spacing:.5px;margin:0}.head-user-role{font-size:.8rem;color:var(--head-accent);font-weight:500;text-transform:uppercase;letter-spacing:1px;margin:.2rem 0 0}.head-divider{height:1px;background:linear-gradient(90deg,transparent,var(--head-glass-border),transparent);margin:.5rem 1.5rem}.head-menu-container{flex:1;overflow-y:auto;padding:1rem .8rem}.head-menu-container::-webkit-scrollbar{width:4px}.head-menu-container::-webkit-scrollbar-thumb{background:var(--head-glass-border);border-radius:4px}.head-menu-group{margin-bottom:1.5rem}.head-group-title{font-size:.75rem;color:var(--head-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem;padding-left:1rem;font-weight:600;white-space:nowrap}.head-menu-group ul{list-style:none;padding:0;margin:0}.head-menu-group li{margin-bottom:.4rem}.head-menu-item{display:flex;align-items:center;padding:.8rem 1rem;border-radius:12px;color:var(--head-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;font-size:.95rem;border:1px solid transparent}.head-menu-item:hover{background:#ffffff0d;color:var(--head-primary);transform:translate(4px)}.head-menu-item.active{background:linear-gradient(90deg,rgba(197,160,89,.15),transparent);color:var(--head-accent);border:1px solid rgba(197,160,89,.3);box-shadow:0 4px 12px #0003}.head-menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--head-accent);box-shadow:0 0 10px var(--head-accent-glow)}.head-icon{font-size:1.2rem;min-width:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.head-menu-item:hover .head-icon{transform:scale(1.1);color:var(--head-primary)}.head-menu-item.active .head-icon{color:var(--head-accent);filter:drop-shadow(0 0 5px var(--head-accent-glow))}.head-label{margin-left:1rem;font-weight:500;white-space:nowrap}.head-badge{background:var(--head-danger);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:auto;box-shadow:0 2px 5px #ef444466}.head-dot-badge{width:8px;height:8px;background:var(--head-danger);border-radius:50%;position:absolute;top:10px;right:10px;border:2px solid #0f172a}.head-footer{padding:1rem;margin-top:auto;border-top:1px solid var(--head-glass-border)}.head-menu-item.logout{color:var(--head-danger)}.head-menu-item.logout:hover{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}@media screen and (max-width: 768px){.head-sidebar{position:sticky!important;top:0;height:70px!important;width:100%!important;flex-direction:row!important;align-items:center;padding:0 10px;z-index:1000;box-shadow:0 4px 12px #0003;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--head-glass-border)}.head-toggle-btn{display:none}.head-profile-section{padding:0 5px;min-height:auto;border-bottom:none;margin-right:15px;flex-direction:row;display:flex;align-items:center}.head-user-info{display:none!important}.head-avatar-wrapper{margin-bottom:0!important;width:40px!important;height:40px!important;display:flex;align-items:center;justify-content:center}.head-avatar{width:100%;height:100%}.head-divider{display:none}.head-footer{padding:0 5px;margin-top:0;margin-left:auto;border-top:none;display:flex;align-items:center;border-left:1px solid var(--head-glass-border)}.head-footer .head-menu-item.logout{padding:8px;margin:0;display:flex;align-items:center;justify-content:center}.head-menu-container{display:flex;flex-direction:row;padding:0;overflow-x:auto;align-items:center;flex:1}.head-menu-group{margin-bottom:0;display:flex;flex-direction:row}.head-menu-group ul{display:flex;flex-direction:row}.head-group-title{display:none}.head-menu-item{padding:8px;margin:0 4px;flex-direction:column;justify-content:center;border-radius:8px;border:none}.head-menu-item.active{background:#c5a05926;border:1px solid rgba(197,160,89,.3)}.head-menu-item.active:before{display:none}.head-icon{margin-right:0;font-size:1.2rem;width:auto}.head-label{display:none!important}.head-badge{display:none}.head-dot-badge{top:5px;right:5px}}:root{--head-bg: #0f172a;--head-bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--head-text-primary: #ffffff;--head-text-secondary: #94a3b8;--head-accent: #c5a059;--head-accent-hover: #e0b769;--head-accent-glow: rgba(197, 160, 89, .4);--head-glass-border: rgba(255, 255, 255, .1);--head-card-bg: rgba(30, 41, 59, .6);--head-danger: #ef4444}.head-schedule-layout{display:flex;min-height:100vh;background:var(--head-bg-gradient);font-family:Outfit,sans-serif;color:var(--head-text-primary);overflow:hidden}.head-sidebar-wrapper{flex-shrink:0;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.head-sidebar-wrapper.expanded{width:260px}.head-sidebar-wrapper.collapsed{width:80px}.head-schedule-content{flex:1;padding:2rem;overflow-x:hidden;display:flex;flex-direction:column;height:100vh;transition:padding .3s}.hs-matrix-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;background:var(--head-card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--head-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;gap:1rem;position:relative;z-index:100}.hs-header-left .hs-title{font-size:1.8rem;font-weight:700;color:var(--head-accent);margin:0}.hs-header-left .hs-subtitle{font-size:.9rem;color:var(--head-text-secondary);margin:4px 0 0}.hs-header-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.hs-filter-wrapper{position:relative;display:flex;align-items:center;background:#0f172a99;padding:0 12px;border-radius:12px;border:1px solid var(--head-glass-border);transition:all .3s ease;min-width:180px}.hs-filter-wrapper:hover,.hs-filter-wrapper:focus-within{border-color:var(--head-accent);box-shadow:0 0 10px var(--head-accent-glow);background:#0f172acc}.hs-filter-icon{color:var(--head-accent);margin-right:8px;font-size:1rem}.hs-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:var(--head-text-primary);padding:.8rem;font-family:inherit;font-size:.95rem;width:100%;cursor:pointer;outline:none}.hs-filter-wrapper:after{content:"▼";font-size:.7rem;color:var(--head-text-secondary);position:absolute;right:12px;pointer-events:none;transition:transform .3s}.hs-filter-wrapper:hover:after{color:var(--head-accent);transform:rotate(180deg)}.hs-select option{background:#1e293b;color:#fff;padding:10px}.hs-select option:checked{background:var(--head-accent);color:#0f172a;font-weight:600}.hs-filter-wrapper.search{min-width:200px}.hs-search-input{background:transparent;border:none;color:var(--head-text-primary);padding:.8rem;outline:none;width:100%;font-size:.95rem}.hs-search-input::placeholder{color:var(--head-text-secondary);opacity:.7}.hs-view-toggle{display:flex;background:#0f172a99;border-radius:12px;padding:4px;gap:4px;border:1px solid var(--head-glass-border)}.hs-view-toggle button{background:transparent;border:none;color:var(--head-text-secondary);padding:8px 16px;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease}.hs-view-toggle button:hover{color:var(--head-text-primary);background:#ffffff0d}.hs-view-toggle button.active{background:var(--head-accent);color:#0f172a;font-weight:600;box-shadow:0 4px 12px var(--head-accent-glow)}.hs-date-nav{display:flex;align-items:center;gap:10px;background:#0f172a99;padding:.6rem 1.2rem;border-radius:12px;border:1px solid var(--head-glass-border);font-weight:600;min-width:220px;justify-content:space-between;color:var(--head-text-primary)}.hs-date-nav button{background:transparent;width:32px;height:32px;border-radius:50%;border:1px solid transparent;color:var(--head-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.hs-date-nav button:hover{border-color:var(--head-accent);color:var(--head-accent);background:#c5a0591a}.hs-btn-gold{background:linear-gradient(135deg,var(--head-accent),#9f7d3d);border:none;color:#fff;padding:.7rem 1.2rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px var(--head-accent-glow);transition:transform .2s,box-shadow .2s}.hs-btn-gold:hover{transform:translateY(-2px);background:linear-gradient(135deg,var(--head-accent-hover),var(--head-accent));box-shadow:0 6px 20px var(--head-accent-glow)}.hs-matrix-container{flex:1;overflow:hidden;background:#1e293b66;border-radius:16px;border:1px solid var(--head-glass-border);display:flex;flex-direction:column;position:relative}.hs-table-wrapper{flex:1;overflow:auto}.hs-matrix-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap}.hs-sticky-col-header{position:sticky;left:0;z-index:20;background:#1e293b;border-right:1px solid var(--head-glass-border);border-bottom:1px solid var(--head-glass-border);min-width:250px;padding:1rem;text-align:left;color:var(--head-text-secondary);font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.hs-sticky-col-cell{position:sticky;left:0;z-index:10;background:#0f172a;border-right:1px solid var(--head-glass-border);border-bottom:1px solid rgba(255,255,255,.05);padding:.8rem 1rem}.hs-date-header{position:sticky;top:0;z-index:15;background:#1e293b;padding:.8rem;text-align:center;border-bottom:1px solid var(--head-glass-border);border-left:1px solid rgba(255,255,255,.02);min-width:60px}thead tr th.hs-sticky-col-header{z-index:30}.hs-date-num{font-size:1.1rem;font-weight:700}.hs-date-day{font-size:.75rem;color:var(--head-text-secondary);text-transform:uppercase}.hs-date-header.is-weekend{background:#ef44440d;color:#fca5a5}.hs-date-header.is-holiday{background:#ef444426;color:#f87171;border-bottom:2px solid var(--head-danger)}.hs-date-header.is-today{background:#c5a05926;color:var(--head-accent);border-bottom:2px solid var(--head-accent)}.hs-matrix-table tbody tr{transition:background .1s}.hs-matrix-table tbody tr:hover td{background:#ffffff05}.hs-matrix-table tbody tr:hover .hs-sticky-col-cell{background:#151e32}.hs-matrix-table tbody tr:hover td.is-today{background:#c5a0591a}.hs-cell{padding:4px;text-align:center;border-left:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.03);height:60px;vertical-align:middle}.hs-cell.is-today{background:#c5a0590d;border-left:1px solid rgba(197,160,89,.2);border-right:1px solid rgba(197,160,89,.2)}.hs-cell-content{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:700;font-size:.9rem;min-height:40px}.label-M{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.label-A{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.label-N{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.label-OFF{background:#ffffff08;color:#64748b;font-size:.7rem}.type-leave{background:#f43f5ecc;color:#fff;font-size:.7rem;letter-spacing:.5px;box-shadow:0 2px 5px #f43f5e4d}.type-holiday{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.hs-emp-cell{display:flex;align-items:center;gap:12px}.hs-emp-cell img{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1);object-fit:cover}.hs-emp-name{font-weight:600;font-size:.9rem;color:var(--head-text-primary)}.hs-emp-pos{font-size:.75rem;color:var(--head-text-secondary)}.hs-legend{display:flex;gap:15px;align-items:center;background:#0003;padding:6px 14px;border-radius:10px;border:1px solid var(--head-glass-border)}.hs-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--head-text-secondary);font-weight:500}.hs-dot{width:10px;height:10px;border-radius:50%}.hs-dot.m{background:#60a5fa}.hs-dot.a{background:#fbbf24}.hs-dot.n{background:#a78bfa}.hs-dot.l{background:#f43f5e}.hs-dot.h{background:#34d399}.hs-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.hs-table-wrapper::-webkit-scrollbar-track{background:#0000001a}.hs-table-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.hs-table-wrapper::-webkit-scrollbar-thumb:hover{background:#fff3}.hs-cell-content.label-OFF{background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 10px,#ffffff0a 10px,#ffffff0a 20px);color:#fff3;font-size:.7rem;border:1px solid rgba(255,255,255,.02)}.hs-cell.is-clickable{cursor:pointer}.hs-cell.is-clickable:hover{background:#ffffff0d}.hs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.hs-modal-content{background:#1e293b;padding:2rem;border-radius:16px;border:1px solid var(--head-accent);width:320px;text-align:center;box-shadow:0 20px 50px #00000080;position:relative}.hs-modal-content h3{margin-top:0;color:var(--head-accent)}.hs-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1.5rem}.hs-shift-btn{padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;color:#fff;transition:transform .1s;font-size:1rem}.hs-shift-btn:hover{transform:scale(1.05)}.hs-shift-btn.m{background:#60a5fa;color:#1e3a8a}.hs-shift-btn.a{background:#fbbf24;color:#78350f}.hs-shift-btn.n{background:#a78bfa;color:#4c1d95}.hs-shift-btn.off{background:#475569;color:#e2e8f0}.hs-matrix-footer{display:flex;gap:20px;padding:1rem 1.5rem;background:#1e293b;border-top:1px solid var(--head-glass-border);font-size:.9rem;color:var(--head-text-secondary);font-weight:500;position:sticky;bottom:0;z-index:20}.hs-summary-item{display:flex;align-items:center;gap:8px;background:#ffffff0d;padding:4px 12px;border-radius:20px}@media (max-width: 768px){.head-schedule-layout{flex-direction:column}.head-sidebar-wrapper,.head-sidebar-wrapper.expanded,.head-sidebar-wrapper.collapsed{width:100%!important;min-width:100%!important;height:auto}.head-schedule-content{width:100%!important;padding:1rem 1rem 3rem;flex:1;overflow-x:hidden}.hs-matrix-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.hs-header-controls{flex-direction:column;align-items:stretch;width:100%}.hs-filter-wrapper,.hs-view-toggle,.hs-date-nav,.hs-btn-gold{width:100%;justify-content:center;min-width:unset}.hs-filter-wrapper.search input{width:100%}.hs-legend{overflow-x:auto;white-space:nowrap;width:100%;scrollbar-width:none}.hs-sticky-col-header,.hs-sticky-col-cell{min-width:100px;max-width:100px;font-size:.8rem;padding:.5rem}.hs-emp-cell{flex-direction:column;align-items:center;text-align:center;gap:4px}.hs-emp-cell img{width:32px;height:32px}.hs-emp-name{font-size:.75rem;white-space:normal}.hs-emp-pos{display:none}.hs-matrix-footer{flex-wrap:wrap;justify-content:center}}.custom-dropdown-comp{position:relative;width:100%;font-family:inherit;z-index:50}.dropdown-trigger{width:100%;padding:.8rem 1.2rem;background:#0f172acc;border:1px solid var(--head-glass-border);border-radius:12px;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown-trigger:hover{background:#1e293be6;box-shadow:0 8px 20px #c5a05933;transform:translateY(-2px);border-color:#e0b769}.dropdown-trigger.open{background:#1e293b;box-shadow:0 0 0 3px #c5a05933;border-color:var(--head-accent)}.dropdown-trigger span{display:flex;align-items:center;gap:10px}.dropdown-menu{position:absolute;top:120%;left:0;width:100%;background:#1e293bf2;border:1px solid rgba(197,160,89,.3);border-radius:16px;padding:.5rem;z-index:1000;max-height:320px;overflow-y:auto;box-shadow:0 20px 50px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideDown .3s cubic-bezier(.16,1,.3,1);transform-origin:top center}@keyframes slideDown{0%{opacity:0;transform:scaleY(.9) translateY(-10px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.dropdown-item{padding:.9rem 1.2rem;margin-bottom:4px;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;border:1px solid transparent;transition:all .2s ease;font-size:.95rem;background:transparent}.dropdown-item:last-child{margin-bottom:0}.dropdown-item:hover{background:linear-gradient(90deg,#c5a05926,#c5a0590d);color:#fff;border-color:#c5a0594d;padding-left:1.5rem}.dropdown-item.selected{background:linear-gradient(135deg,var(--head-accent),#9f7d3d);color:#0f172a;font-weight:700;box-shadow:0 4px 15px #c5a05966;transform:scale(1.02)}.check-icon{font-size:.9rem;color:var(--head-accent)}.dropdown-item.selected .check-icon{color:#0f172a}.hs-filter-wrapper:has(.custom-dropdown-comp){padding:0;border:none;background:transparent;box-shadow:none;overflow:visible}.hs-filter-wrapper:has(.custom-dropdown-comp):hover{background:transparent;box-shadow:none;border:none}:root{--glass-bg: rgba(20, 20, 30, .7);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--accent-gold: #c5a059;--accent-gold-glow: rgba(197, 160, 89, .4);--text-main: #ffffff;--text-muted: #94a3b8;--success-green: #10b981}.delegate-shift-container{display:flex;min-height:100vh;background:radial-gradient(circle at top right,#1e293b,#0f172a);font-family:Outfit,sans-serif;color:var(--text-main);overflow-x:hidden;width:100%}.delegate-main-content{flex:1;display:flex;flex-direction:column;gap:2.5rem;margin-left:280px;padding:2rem 3rem;transition:all .4s cubic-bezier(.25,.8,.25,1);width:calc(100% - 280px)}@media (max-width: 1024px){.delegate-main-content{margin-left:80px;padding:1.5rem;width:calc(100% - 80px)}}@media (max-width: 768px){.delegate-shift-container{background:#0f172a;flex-direction:column}.delegate-main-content{margin-left:0!important;width:100%!important;padding:1rem 1rem 3rem;gap:1.5rem}}@media (max-width: 480px){.delegate-main-content{padding:.8rem}}.delegate-header{display:flex;justify-content:space-between;align-items:flex-end;animation:slideDown .6s ease-out}.header-title-group h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--accent-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-1px}.header-title-group p{color:var(--text-muted);font-size:1.1rem;margin:.5rem 0 0}.header-stats{display:flex;gap:1.5rem}.stat-pill{background:#ffffff0d;border:var(--glass-border);padding:.5rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-pill strong{color:var(--accent-gold);font-size:1rem}@media (max-width: 768px){.delegate-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-stats{width:100%;overflow-x:auto;padding-bottom:5px}.header-title-group h1{font-size:1.8rem}}.delegate-stepper{display:flex;justify-content:center;align-items:center;gap:0;position:relative;padding:1rem 0}.stepper-track{position:absolute;top:50%;left:10%;right:10%;height:2px;background:#ffffff1a;z-index:0;transform:translateY(-50%)}.stepper-item{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;flex:1;opacity:.4;transition:all .4s ease}.stepper-icon-box{width:50px;height:50px;border-radius:16px;background:#1e293b;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-muted);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px #0000004d}.stepper-label{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .3s}.stepper-item.active{opacity:1}.stepper-item.active .stepper-icon-box{background:linear-gradient(135deg,var(--accent-gold),#8a6d3b);color:#000;border-color:transparent;transform:scale(1.15) rotate(-5deg);box-shadow:0 10px 20px var(--accent-gold-glow)}.stepper-item.active .stepper-label{color:var(--accent-gold);transform:translateY(2px)}.stepper-item.completed .stepper-icon-box{background:var(--success-green);color:#fff;border-color:var(--success-green)}@media (max-width: 600px){.stepper-label{font-size:.7rem}.stepper-icon-box{width:40px;height:40px;font-size:1rem}}.delegate-content-grid{display:grid;grid-template-columns:1fr 360px;gap:2.5rem;align-items:start}@media (max-width: 1200px){.delegate-content-grid{grid-template-columns:1fr 300px}}@media (max-width: 1024px){.delegate-content-grid{grid-template-columns:1fr}.delegate-col-sidebar{width:100%;order:1}}.selection-card-unified{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:24px;padding:2rem;box-shadow:var(--glass-shadow);animation:fadeIn .5s ease-out}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.card-header-row h3{margin:0;font-size:1.5rem;color:#fff;display:flex;align-items:center;gap:10px}.card-header-row h3 svg{color:var(--accent-gold)}.filter-toolbar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-input-wrapper{flex:1;position:relative;min-width:250px}.search-input-wrapper input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);padding:1rem 1rem 1rem 3rem;border-radius:12px;color:#fff;font-family:inherit;transition:all .3s}.search-input-wrapper input:focus{background:#0006;border-color:var(--accent-gold);box-shadow:0 0 15px #c5a0591a}.search-icon-float{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.date-picker-wrapper{position:relative;flex:0 0 180px}.date-picker-wrapper input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;color:#fff;cursor:pointer}.date-picker-wrapper input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width: 600px){.selection-card-unified{padding:1.2rem}.filter-toolbar{flex-direction:column}.search-input-wrapper,.date-picker-wrapper{width:100%;flex:auto}}.work-item-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:5px}.work-item-list::-webkit-scrollbar{width:6px}.work-item-list::-webkit-scrollbar-track{background:transparent}.work-item-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.work-item-card{display:grid;grid-template-columns:44px minmax(150px,1.5fr) minmax(140px,1.2fr) minmax(100px,1fr) 90px;align-items:center;gap:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1.25rem 1.5rem;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;min-height:85px}.work-item-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-gold);transform:scaleY(0);transition:transform .3s ease}.work-item-card:hover{background:#ffffff0f;transform:translate(5px)}.work-item-card.selected{background:linear-gradient(90deg,rgba(197,160,89,.1),transparent);border-color:#c5a0594d}.work-item-card.selected:before{transform:scaleY(1)}.wi-icon{width:44px;height:44px;border-radius:12px;background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;transition:all .3s;border:1px solid rgba(255,255,255,.05)}.type-shift .wi-icon{color:#60a5fa;background:#60a5fa1f;border-color:#60a5fa33}.type-task .wi-icon{color:#fcd34d;background:#fcd34d1f;border-color:#fcd34d33}.work-item-card:hover .wi-icon{transform:scale(1.1) rotate(5deg)}.wi-details{min-width:0}.wi-details h4{margin:0;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-details span{font-size:.8rem;color:var(--text-muted);display:block;margin-top:2px}.wi-owner{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:5px 12px 5px 5px;border-radius:30px;border:1px solid rgba(255,255,255,.05);min-width:0}.owner-avatar{width:32px;height:32px;border-radius:50%;background:#1e293b;overflow:hidden;flex-shrink:0;border:2px solid var(--accent-gold);box-shadow:0 0 10px #c5a05933}.owner-avatar img{width:100%;height:100%;object-fit:cover}.wi-date{color:#cbd5e1;font-size:.95rem;font-weight:500;text-align:center}.wi-status{text-align:right}.status-badge{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.status-active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.state-loading,.state-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;color:var(--text-muted);gap:1rem}.state-empty svg{font-size:3rem;opacity:.2}@media (max-width: 768px){.work-item-card{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1rem;position:relative;padding-left:1.5rem}.wi-icon{position:absolute;top:1rem;right:1rem}.wi-details{padding-right:50px}.wi-owner{margin-top:.5rem}.wi-date,.wi-status{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:5px}.wi-date:before{content:"Due Date:";opacity:.5;font-size:.8rem}.status-badge{width:100%;text-align:center;margin-top:.5rem}}.owner-name{font-size:.85rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wi-type-badge{font-size:.75rem!important;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.staff-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem;max-height:500px;overflow-y:auto;padding:.5rem}@media (max-width: 480px){.staff-selection-grid{grid-template-columns:1fr}}.staff-card-modern{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.staff-card-modern:hover:not(.disabled){transform:translateY(-8px) scale(1.02);background:#2d374899;box-shadow:0 8px 20px #0003}.staff-card-modern.selected{border-color:var(--accent-gold);background:linear-gradient(135deg,#c5a05926,#0003)}.staff-img-wrapper{width:70px;height:70px;border-radius:50%;padding:3px;background:linear-gradient(to bottom right,#334155,#0f172a);margin-bottom:.8rem;position:relative;flex-shrink:0}.staff-img-wrapper img,.staff-img-wrapper .placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#1e293b;display:grid;place-items:center}.availability-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #1e293b}.dot-available{background:#10b981;box-shadow:0 0 8px #10b981}.dot-busy{background:#ef4444}.staff-card-modern h4{margin:0;font-size:1rem;color:#fff}.staff-card-modern p{font-size:.8rem;color:var(--text-muted);margin:4px 0 0}.summary-glass-panel{position:sticky;top:2rem;background:#0f172ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.5rem;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.5rem}.summary-title{text-align:center;font-size:1rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-gold);border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.summary-details{display:flex;flex-direction:column;gap:1.2rem}.summary-item label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;display:block;margin-bottom:.4rem}.summary-value{color:#fff;font-weight:500;display:flex;align-items:center;gap:8px}.summary-value svg{color:var(--accent-gold)}.empty-val{font-style:italic;color:#fff3}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.btn-primary-glow{background:var(--accent-gold);color:#0f172a;border:none;padding:1rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #c5a0594d;position:relative;overflow:hidden}.btn-primary-glow:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .5s,transform .5s}.btn-primary-glow:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c5a05966}.btn-primary-glow:hover:after{opacity:1;transform:scale(1)}.btn-primary-glow:disabled{background:#334155;color:#64748b;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary-outline{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.1);padding:.8rem;border-radius:12px;cursor:pointer;transition:all .3s}.btn-secondary-outline:hover{border-color:#fff;color:#fff;background:#ffffff0d}.confirm-glass-card{display:flex;flex-direction:column;gap:1.5rem}.input-modern-group label{display:block;margin-bottom:.8rem;color:var(--text-main);font-weight:500}.textarea-modern{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.2rem;color:#fff;min-height:120px;font-family:inherit;transition:border .3s;outline:none}.textarea-modern:focus{border-color:var(--accent-gold)}.priority-selector{display:flex;background:#ffffff0d;border-radius:12px;padding:5px;gap:5px}.p-option{flex:1;text-align:center;padding:.8rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:.9rem;color:var(--text-muted)}.p-option.active{background:#2563eb;color:#fff;font-weight:700;box-shadow:0 4px 10px #2563eb66}.p-option.active.urgent{background:#ef4444;box-shadow:0 4px 10px #ef444466}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.leave-analytics-container{display:flex;min-height:100vh;background:var(--head-bg-gradient);font-family:var(--head-font-family);color:var(--head-text-primary);overflow:hidden}.leave-analytics-content{flex:1;margin-left:260px;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;height:100vh;box-sizing:border-box}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--head-glass-border)}.analytics-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.analytics-subtitle{color:var(--head-text-secondary);font-size:.95rem}.analytics-grid-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stat-card{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--head-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;text-align:left;gap:1.5rem;min-height:120px}.stat-card:hover{transform:translateY(-5px);border-color:var(--head-accent-color);box-shadow:0 10px 30px -10px #00000080}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--head-accent-color);opacity:.8}.stat-card:hover:before{width:6px;transition:width .3s ease}.stat-icon-container{width:64px;height:64px;border-radius:16px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:.2rem}.stat-label{color:var(--head-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin:0}.stat-value{font-size:2rem;font-weight:800;color:var(--head-text-primary);margin:0;line-height:1.1;white-space:nowrap}.stat-subtext{font-size:.8rem;margin-top:2px;opacity:.9;font-weight:500}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 1100px){.charts-section{grid-template-columns:1fr}}.chart-container{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--head-shadow);min-height:400px}.chart-title{font-size:1.25rem;color:var(--head-text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.absentees-section{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:16px;padding:2rem;box-shadow:var(--head-shadow)}.absentees-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.absentee-card{background:#ffffff08;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;border:1px solid transparent;transition:all .3s ease}.absentee-card:hover{background:#ffffff0d;border-color:var(--head-accent-color)}.absentee-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--head-accent-color)}.absentee-info h4{margin:0;color:var(--head-text-primary);font-size:1rem}.absentee-days{color:var(--head-danger);font-size:.9rem;font-weight:600}.summary-table-container{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:16px;padding:2rem;box-shadow:var(--head-shadow);overflow-x:auto}.styled-table{width:100%;border-collapse:collapse;color:var(--head-text-secondary)}.styled-table th{text-align:left;padding:1rem;border-bottom:2px solid var(--head-glass-border);color:var(--head-accent-color);font-weight:600}.styled-table td{padding:1rem;border-bottom:1px solid var(--head-glass-border)}.styled-table tr:hover{background:var(--head-hover-bg)}.progress-bar-bg{width:100px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--head-accent-color);border-radius:3px}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;color:var(--head-accent-color);font-size:1.5rem}.leave-analytics-content::-webkit-scrollbar{width:8px}.leave-analytics-content::-webkit-scrollbar-track{background:#0000001a}.leave-analytics-content::-webkit-scrollbar-thumb{background:var(--head-text-muted);border-radius:4px}@media screen and (max-width: 1024px){.leave-analytics-content{margin-left:80px;padding:1.5rem}}@media screen and (max-width: 768px){.leave-analytics-container{flex-direction:column}.leave-analytics-content{margin-left:0!important;padding:1rem;width:100%!important;margin-bottom:80px}.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.analytics-title{font-size:1.5rem}.analytics-grid-top{grid-template-columns:1fr}.stat-card{padding:1rem;gap:1rem}.stat-icon-container{width:48px;height:48px;font-size:1.2rem}.stat-value{font-size:1.5rem}.charts-section{grid-template-columns:1fr;gap:1.5rem}.chart-container{padding:1rem;min-height:auto}.absentees-section,.summary-table-container{padding:1rem}.absentees-list{grid-template-columns:1fr}.styled-table th,.styled-table td{padding:.75rem .5rem;font-size:.85rem}.styled-table th{white-space:nowrap}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.head-leave-history-container{display:flex;min-height:100vh;background-color:var(--head-bg);color:var(--head-text-primary);font-family:var(--head-font-family);overflow-x:hidden}.head-leave-content{flex:1;margin-left:260px;padding:2rem;background:var(--head-bg-gradient);display:flex;flex-direction:column;gap:2rem;overflow-y:auto;height:100vh;box-sizing:border-box}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.history-title h1{font-size:2rem;font-weight:700;color:var(--head-text-primary);margin-bottom:.5rem}.history-title p{color:var(--head-text-secondary);font-size:.9rem}.header-actions{display:flex;gap:1rem}.btn-filter,.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid var(--head-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-filter{background:#ffffff0d;color:var(--head-text-primary)}.btn-filter:hover{background:#ffffff1a}.btn-export{background:linear-gradient(135deg,var(--head-accent-color),#8d7038);color:#fff;border:none;box-shadow:0 4px 15px #c5a0594d}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5a05966}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card-glass{background:#1e293b99;border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:auto;position:relative;overflow:hidden}.stat-card-glass:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.stat-card-glass:hover{transform:translateY(-4px);background:#1e293bcc;border-color:#94a3b833;box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #0000000d}.stat-card-glass:hover:before{opacity:1}.stat-left{display:flex;flex-direction:column;gap:.25rem}.stat-icon-large{font-size:2rem;opacity:.15;position:absolute;right:-10px;bottom:-10px;transform:rotate(-15deg);transition:all .4s ease}.stat-card-glass:hover .stat-icon-large{transform:rotate(0) scale(1.2);opacity:.25}.stat-icon-wrapper{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;box-shadow:0 4px 10px #0003;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.stat-card-glass:hover .stat-icon-wrapper{transform:scale(1.1) rotate(5deg)}.stat-content{display:flex;flex-direction:column;flex:1}.stat-content h3{font-size:.75rem;color:#94a3b8;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.stat-number{font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;margin-top:.15rem}.stat-trend{font-size:.7rem;color:#64748b;margin-top:.15rem;display:flex;align-items:center;gap:.25rem}.content-grid{display:grid;grid-template-columns:1fr 350px;gap:1.5rem;flex:1;min-height:0}.calendar-section{background:var(--head-card-bg);border:1px solid var(--head-glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--head-shadow);display:flex;flex-direction:column}.rbc-calendar{color:var(--head-text-secondary)!important;font-family:var(--head-font-family)!important}.rbc-month-view,.rbc-time-view,.rbc-agenda-view{border:none!important;border-radius:12px;overflow:hidden;background:#1e293b4d}.rbc-header{padding:1rem 0!important;font-weight:700!important;color:#94a3b8!important;text-transform:uppercase;font-size:.8rem;border-bottom:1px solid rgba(148,163,184,.1)!important;background:#0f172a80}.rbc-day-bg+.rbc-day-bg{border-left:1px solid rgba(148,163,184,.05)!important}.rbc-month-row+.rbc-month-row{border-top:1px solid rgba(148,163,184,.05)!important}.rbc-off-range-bg{background:#0f172a66!important}.rbc-today{background:linear-gradient(135deg,rgba(59,130,246,.1),transparent)!important;position:relative}.rbc-today:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#3b82f6}.rbc-toolbar-custom{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;background:#1e293b66;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(148,163,184,.1)}.rbc-toolbar-label{font-size:1.5rem;font-weight:800;color:var(--head-text-primary);text-transform:capitalize;letter-spacing:.05em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rbc-btn-group-nav,.rbc-btn-group-view{display:flex;gap:.5rem}.btn-nav,.rbc-btn-group-view button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600}.btn-nav:hover,.rbc-btn-group-view button:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.btn-today{background:var(--head-accent-color);color:#000;border:none;font-weight:700}.btn-today:hover{background:#c5a059;color:#000;box-shadow:0 4px 12px #c5a0594d}.rbc-btn-group-view button.active{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 10px #3b82f64d}.rbc-event{border:none!important;border-radius:6px!important;padding:2px 5px!important;font-size:.8rem!important;box-shadow:0 2px 4px #0003}.side-panel{display:flex;flex-direction:column;gap:1.5rem}.panel-card{background:var(--head-card-bg);border:1px solid var(--head-glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--head-shadow)}.panel-title{font-size:1.1rem;font-weight:600;color:var(--head-text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.upcoming-list{display:flex;flex-direction:column;gap:1rem}.upcoming-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff08;border-radius:12px;transition:background .2s}.upcoming-item:hover{background:#ffffff0d}.upcoming-date-box{background:#c5a0591a;color:var(--head-accent-color);padding:.5rem;border-radius:8px;text-align:center;min-width:50px}.date-day{font-size:1.2rem;font-weight:700;line-height:1}.date-month{font-size:.7rem;text-transform:uppercase;font-weight:600}.upcoming-info h4{font-size:.95rem;color:var(--head-text-primary);margin-bottom:.2rem}.upcoming-info p{font-size:.8rem;color:var(--head-text-secondary)}.absentee-list{margin-top:1rem}.absentee-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--head-glass-border)}.absentee-item:last-child{border-bottom:none}.absentee-profile{display:flex;align-items:center;gap:.75rem}.absentee-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--head-glass-border)}.days-badge{background:#ef44441a;color:#ef4444;padding:.25rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;width:500px;max-width:90%;border-radius:20px;border:1px solid var(--head-glass-border);box-shadow:var(--head-shadow);padding:2rem;position:relative;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:1.5rem;color:var(--head-text-secondary);cursor:pointer}.close-modal:hover{color:#fff}.modal-header-profile{text-align:center;margin-bottom:2rem}.modal-avatar-lg{width:80px;height:80px;border-radius:50%;margin-bottom:1rem;border:3px solid var(--head-accent-color)}.modal-stats-row{display:flex;justify-content:space-around;margin-bottom:2rem;padding:1rem;background:#ffffff08;border-radius:12px}.modal-stat-item{text-align:center}.modal-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--head-accent-color)}.modal-stat-label{font-size:.8rem;color:var(--head-text-secondary)}.leave-history-list{max-height:200px;overflow-y:auto}.history-row{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.history-type{font-weight:500}.history-date{color:var(--head-text-secondary);font-size:.9rem}:root{--dropdown-bg: rgba(30, 41, 59, .95);--dropdown-hover: rgba(56, 189, 248, .1);--input-bg: rgba(15, 23, 42, .5);--glass-border: rgba(255, 255, 255, .1);--accent-gold: #fbbf24;--text-muted: #94a3b8}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-assignment-container{min-height:100vh;background:var(--head-bg-gradient);color:var(--head-text-primary);font-family:var(--head-font-family);display:flex}.main-content-wrapper{flex:1;min-height:100vh;padding:2rem;transition:all .4s cubic-bezier(.25,.8,.25,1);box-sizing:border-box}.main-content-wrapper.expanded{margin-left:260px}.main-content-wrapper.collapsed{margin-left:80px}.page-header{margin-bottom:2rem}.page-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.page-subtitle{color:var(--head-text-secondary);font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:380px 1fr;gap:2rem}.glass-card{background:var(--head-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease}.assignment-card{border-top:4px solid var(--head-accent-color)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-title{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.text-accent{color:var(--head-accent-color)}.task-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-label{color:#e2e8f0;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.label-icon{color:var(--head-accent-color);opacity:.8}.form-input,.form-textarea{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;padding:.85rem 1rem;color:#fff;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--head-accent-color);box-shadow:0 0 0 3px #c5a05926;background:#0f172acc}.dropdown-trigger{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;padding:.85rem 1rem;color:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.dropdown-trigger:hover{background:#1e293bb3;border-color:#fff3}.dropdown-trigger.open{border-color:var(--head-accent-color);box-shadow:0 0 0 3px #c5a05926}.selected-value{font-size:.95rem;color:#f8fafc}.selected-value.placeholder{color:var(--text-muted)}.dropdown-arrow{color:var(--text-muted);transition:transform .3s ease}.dropdown-arrow.rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#1e293b;border:1px solid var(--glass-border);border-radius:10px;padding:.5rem;z-index:50;max-height:250px;overflow-y:auto;box-shadow:0 10px 25px -5px #0000004d}.dropdown-item{padding:.75rem 1rem;color:#cbd5e1;font-size:.95rem;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.selected{background:#c5a05926;color:var(--head-accent-color);font-weight:500}.animate-slide-down{animation:slideDown .2s ease forwards;transform-origin:top center}.submit-btn{background:linear-gradient(135deg,var(--head-accent-color) 0%,#b88a44 100%);color:#0f172a;border:none;border-radius:10px;padding:1rem;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #c5a05933}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #c5a05966;filter:brightness(1.1)}.submit-btn:active{transform:translateY(0)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:#1e293b66;border-radius:14px;padding:1.5rem;display:flex;align-items:center;gap:1.2rem;border:1px solid transparent;cursor:pointer;transition:all .3s ease}.stat-card:hover{background:#1e293b99;border-color:#ffffff1a}.stat-card.active{border-color:var(--head-accent-color);background:#c5a0591a;box-shadow:0 0 0 2px #c5a0591a inset}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;background:#c5a0591a;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--head-accent-color)}.stat-info h4{color:var(--head-text-secondary);font-size:.9rem;margin-bottom:.25rem;font-weight:500}.stat-info p{font-size:1.75rem;font-weight:700;color:#fff;line-height:1}.filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;padding:.5rem;background:#0f172a4d;border-radius:12px;align-items:center}.search-box{flex:1;position:relative}.search-input{width:100%;background:transparent;border:1px solid transparent;padding:.75rem 1rem .75rem 2.5rem;border-radius:8px;color:#fff;transition:all .2s}.search-input:focus{background:#ffffff0d;border-color:#ffffff1a;outline:none}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.status-filter{background-color:#1e293b;border:1px solid var(--glass-border);color:#fff}.task-grid-header{display:grid;grid-template-columns:1.5fr 1.2fr 1fr .8fr 1fr 1fr;padding:0 1.5rem .5rem;margin-bottom:.5rem;color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;align-items:center}.task-list-container{display:flex;flex-direction:column;gap:.75rem}.task-grid-row{display:grid;grid-template-columns:1.5fr 1.2fr 1fr .8fr 1fr 1fr;background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem 1.5rem;align-items:center;transition:all .2s ease}.task-grid-row:hover{background:#1e293bb3;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#ffffff1a}.col-info{display:flex;flex-direction:column;gap:.25rem}.task-name-text{font-weight:600;color:#f1f5f9;font-size:1rem}.task-project-pill{font-size:.7rem;background:#ffffff14;color:#94a3b8;padding:.15rem .5rem;border-radius:12px;align-self:flex-start;border:1px solid rgba(255,255,255,.05)}.col-assignee{display:flex;align-items:center;gap:.75rem}.assignee-avatar{width:32px;height:32px;background:linear-gradient(135deg,#475569,#334155);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fff;border:1px solid rgba(255,255,255,.1)}.assignee-name{font-size:.9rem;color:#cbd5e1}.col-deadline{font-size:.9rem;color:#94a3b8;display:flex;align-items:center}.col-priority{display:flex}.priority-tag{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase}.priority-high{color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.priority-medium{color:#fbbf24;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.priority-low{color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.col-status{display:flex}.status-pill{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.35rem .9rem;border-radius:20px;min-width:90px;text-align:center;letter-spacing:.5px}.status-pending{background:#eab30826;color:#fbbf24;box-shadow:0 0 10px #eab3081a;border:1px solid rgba(234,179,8,.2)}.status-in-progress{background:#3b82f626;color:#60a5fa;box-shadow:0 0 10px #3b82f61a;border:1px solid rgba(59,130,246,.2)}.status-completed{background:#10b98126;color:#34d399;box-shadow:0 0 10px #10b9811a;border:1px solid rgba(16,185,129,.2)}.col-progress{display:flex;align-items:center;gap:.75rem}.progress-bar-minimal{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.progress-fill-minimal{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-text-minimal{font-size:.85rem;font-weight:600;color:#cbd5e1;min-width:35px;text-align:right}@media (max-width: 1024px){.task-grid-header{display:none}.task-grid-row{grid-template-columns:1fr;gap:.75rem;padding:1.25rem}.col-info{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem}.task-name-text{font-size:1.1rem}.col-assignee,.col-deadline,.col-priority,.col-status,.col-progress{display:flex;justify-content:space-between;width:100%}.col-assignee:before{content:"Assignee:";color:var(--text-muted);font-size:.85rem}.col-deadline:before{content:"Due Date:";color:var(--text-muted);font-size:.85rem}.col-priority:before{content:"Priority:";color:var(--text-muted);font-size:.85rem}.col-status:before{content:"Status:";color:var(--text-muted);font-size:.85rem}.col-progress:before{content:"Progress:";color:var(--text-muted);font-size:.85rem}}@media (max-width: 1024px){.main-content-wrapper,.main-content-wrapper.expanded,.main-content-wrapper.collapsed{margin-left:80px!important;padding:1.5rem;width:calc(100% - 80px)}.dashboard-grid{grid-template-columns:1fr!important;gap:1.5rem}.page-title{font-size:2rem}.task-grid-header{display:none}}@media (max-width: 768px){.task-assignment-container{flex-direction:column}.main-content-wrapper,.main-content-wrapper.expanded,.main-content-wrapper.collapsed{margin-left:0!important;width:100%!important;padding:1rem 1rem 3rem}.page-title{font-size:1.75rem}.stats-row{grid-template-columns:1fr!important;gap:1rem}.stat-card{padding:1.25rem}.filter-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.search-box{width:100%}.status-filter{width:100%!important}.glass-card{padding:1.25rem}.task-form{gap:1.25rem}.task-grid-row{grid-template-columns:1fr;padding:1.25rem 1rem;gap:.75rem}.col-info{flex-direction:column!important;align-items:flex-start!important;gap:.5rem;margin-bottom:.5rem}.task-name-text{font-size:1.1rem}.col-assignee,.col-deadline,.col-priority,.col-status,.col-progress{display:flex;justify-content:space-between;width:100%;border-top:1px solid rgba(255,255,255,.05);padding-top:.5rem;margin-top:.25rem}.col-assignee:before{content:"Assignee:";color:var(--text-muted);font-size:.85rem}.col-deadline:before{content:"Due Date:";color:var(--text-muted);font-size:.85rem}.col-priority:before{content:"Priority:";color:var(--text-muted);font-size:.85rem}.col-status:before{content:"Status:";color:var(--text-muted);font-size:.85rem}.col-progress:before{content:"Progress:";color:var(--text-muted);font-size:.85rem}.col-progress{flex-direction:column!important;align-items:flex-start!important}.progress-bar-minimal{width:100%}.progress-text-minimal{text-align:left;width:100%}}@media (max-width: 480px){.page-title,.stat-info p{font-size:1.5rem}.submit-btn{padding:.85rem}}.data-approval-container{display:flex;min-height:100vh;background:var(--head-bg-gradient);font-family:var(--head-font-family);color:var(--head-text-primary);overflow-x:hidden}.data-approval-content{flex:1;padding:2rem;margin-left:280px;transition:all .3s ease}.data-approval-header{margin-bottom:2rem;animation:fadeInDown .6s ease-out}.data-approval-title{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:1rem}.data-approval-subtitle{color:var(--head-text-secondary);font-size:1.1rem;margin-top:.5rem}.approval-tabs{display:flex;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--head-glass-border);padding-bottom:1rem}.tab-btn{background:none;border:none;color:var(--head-text-secondary);font-size:1.1rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;position:relative;transition:all .3s ease;font-family:var(--head-font-family)}.tab-btn.active{color:var(--head-accent-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:3px;background:var(--head-accent-color);box-shadow:var(--head-accent-glow);border-radius:3px 3px 0 0}.tab-btn:hover:not(.active){color:var(--head-text-primary)}.request-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.request-card{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--head-shadow);position:relative;overflow:hidden;animation:fadeInUp .5s ease-out backwards}.request-card:hover{transform:translateY(-5px);border-color:var(--head-accent-color);box-shadow:0 12px 40px #00000080}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--head-glass-border)}.requester-info h3{margin:0;font-size:1.2rem;color:var(--head-text-primary)}.requester-id{font-size:.9rem;color:var(--head-text-muted)}.field-badge{background:#c5a0591a;color:var(--head-accent-color);padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid rgba(197,160,89,.2)}.comparison-box{background:#0f172a99;border-radius:12px;padding:1rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.value-box{display:flex;flex-direction:column}.value-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;color:var(--head-text-muted)}.value-text{font-size:1rem;color:var(--head-text-primary);word-break:break-word}.value-text.old{color:var(--head-text-secondary);text-decoration:line-through;opacity:.7}.value-text.new{color:var(--head-success);font-weight:600}.reason-section{margin-bottom:1.5rem}.reason-label{font-size:.9rem;color:var(--head-text-muted);margin-bottom:.5rem;display:block}.reason-text{font-style:italic;color:var(--head-text-secondary);background:#ffffff08;padding:.8rem;border-radius:8px;border-left:3px solid var(--head-accent-color)}.evidence-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid var(--head-glass-border);color:var(--head-text-primary);padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center;margin-top:1rem;font-family:var(--head-font-family)}.evidence-btn:hover{background:#ffffff1a}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.btn-approve,.btn-reject{padding:.8rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:var(--head-font-family);display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-approve{background:linear-gradient(135deg,var(--head-success) 0%,#059669 100%);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-approve:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-reject{background:#ef44441a;color:var(--head-danger);border:1px solid rgba(239,68,68,.3)}.btn-reject:hover{background:#ef444433;border-color:var(--head-danger)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}.modal-content{background:#1e293b;border:1px solid var(--head-glass-border);border-radius:16px;padding:2rem;width:90%;max-width:500px;position:relative;box-shadow:0 25px 50px -12px #00000080;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-title{font-size:1.5rem;color:var(--head-text-primary);margin-bottom:1.5rem}.modal-textarea{width:100%;background:#0f172a;border:1px solid var(--head-glass-border);border-radius:8px;padding:1rem;color:var(--head-text-primary);font-family:var(--head-font-family);resize:vertical;min-height:100px;margin-bottom:1.5rem}.modal-textarea:focus{outline:none;border-color:var(--head-text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-secondary{background:transparent;color:var(--head-text-secondary);border:1px solid var(--head-glass-border);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer}.btn-danger{background:var(--head-danger);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #ef444466}.loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:var(--head-accent-color);font-size:1.1rem;gap:1rem}.spinner-icon{width:40px;height:40px;border:3px solid rgba(197,160,89,.2);border-top-color:var(--head-accent-color);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:4rem;color:var(--head-text-muted);font-style:italic;font-size:1.1rem;background:#ffffff05;border-radius:16px;border:1px dashed var(--head-text-muted)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.history-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--head-glass-border)}.history-header{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem}.status-text{font-weight:700}.status-text.approved{color:var(--head-success)}.status-text.rejected{color:var(--head-danger)}.history-date{color:var(--head-text-muted)}.history-note{font-size:.85rem;color:var(--head-text-secondary);background:#ffffff0d;padding:.8rem;border-radius:8px;margin-top:.8rem;word-break:break-word;white-space:pre-wrap;line-height:1.5}@media screen and (max-width: 1024px){.data-approval-content{margin-left:80px;padding:1.5rem}}@media screen and (max-width: 768px){.data-approval-container{flex-direction:column}.data-approval-content{margin-left:0!important;width:100%!important;padding:1rem 1rem 3rem}.data-approval-header{text-align:center}.data-approval-title{justify-content:center;font-size:2rem}.approval-tabs{justify-content:center;width:100%}.tab-btn{flex:1;text-align:center;font-size:.9rem}.comparison-box{grid-template-columns:1fr;gap:.5rem}.request-card{padding:1rem}.action-buttons{grid-template-columns:1fr}.history-header{flex-direction:column;gap:.3rem}}@media screen and (max-width: 480px){.data-approval-content{padding:.8rem}.data-approval-title{font-size:1.5rem;flex-direction:column;gap:.5rem}.approval-tabs{flex-direction:column;gap:.8rem;border-bottom:none}.tab-btn{width:100%;background:#ffffff0d;border-radius:8px;padding:.8rem}.tab-btn.active:after{display:none}.tab-btn.active{background:#c5a05926;border:1px solid var(--head-accent-color)}.comparison-box{padding:.8rem}.value-text{font-size:.95rem}}.shift-request-container{padding:2rem;margin-left:280px;min-height:100vh;animation:fadeIn .5s ease-out}.shift-req-header{margin-bottom:2rem;padding-bottom:0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;animation:fadeIn .6s ease-out}.shift-req-title-group{display:flex;align-items:center;gap:1.5rem}.shift-req-title-text{display:flex;flex-direction:column}.shift-req-title{color:var(--head-text-primary);font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.shift-req-subtitle{color:var(--head-text-secondary);font-size:1rem;margin-top:.25rem;font-weight:400;opacity:.8}.icon-glow-container{position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.header-stats{display:flex;gap:1rem}.stat-card{background:var(--head-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--head-glass-border);padding:.8rem 1.2rem;border-radius:14px;display:flex;align-items:center;gap:1rem;min-width:140px;transition:transform .2s}.stat-card:hover{transform:translateY(-3px);background:#ffffff0d}.stat-icon{font-size:1.5rem;color:var(--head-accent-color);background:#ffffff0d;padding:8px;border-radius:10px;display:flex}.stat-value{font-size:1.2rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.75rem;color:var(--head-text-muted)}.stat-card.total .stat-icon{color:#60a5fa}.stat-card.warning .stat-icon{color:#f87171}.stat-card.shift .stat-icon{color:#34d399}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#0003;padding:.5rem;border-radius:12px;border:1px solid var(--head-glass-border)}.filter-tabs{display:flex;gap:.5rem;background:#0003;padding:5px;border-radius:10px}.filter-tab{background:transparent;border:none;color:var(--head-text-muted);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.filter-tab.active{background:var(--head-accent-color);color:#000;box-shadow:0 4px 12px #c5a0594d}.search-wrapper{position:relative;margin-right:.5rem;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:var(--head-text-muted);font-size:.9rem}.search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.6rem 1rem .6rem 2.2rem;border-radius:8px;color:#fff;width:250px;transition:all .3s}.search-input:focus{background:#ffffff1a;border-color:var(--head-accent-color);outline:none}.page-title{color:var(--head-text-primary);font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:1.5rem}.header-icon{color:#fbbf24;font-size:2.2rem;background:#fbbf2426;padding:12px;border-radius:12px;box-shadow:0 0 15px #fbbf244d;border:1px solid rgba(251,191,36,.3);display:flex}.page-subtitle{color:var(--head-text-secondary);font-size:1.1rem;margin-left:5rem;margin-top:-.5rem}@media screen and (max-width: 1024px){.shift-request-container{margin-left:80px;padding:1.5rem}}@media screen and (max-width: 768px){.shift-request-container{flex-direction:column;margin-left:0!important;width:100%!important;padding:1rem 1rem 6rem}.shift-req-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-bottom:1.5rem}.shift-req-title-group{justify-content:center;flex-direction:column;gap:.5rem;width:100%}.shift-req-title{font-size:1.6rem;word-wrap:break-word}.shift-req-subtitle{font-size:.9rem;padding:0 1rem}.header-stats{width:100%;display:grid;grid-template-columns:1fr;gap:.8rem}.stat-card{min-width:0;justify-content:flex-start;padding:1rem}.stat-value{font-size:1.1rem}.controls-bar{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.filter-tabs{justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:5px;gap:8px}.filter-tab{flex:none;padding:.5rem 1rem;font-size:.85rem}.search-wrapper{margin-right:0;width:100%}.search-input{width:100%}.requests-grid{grid-template-columns:1fr;gap:1rem}.request-card{padding:1.25rem;border-radius:12px}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.request-type-badge{align-self:flex-start}.shift-request-container .card-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.8rem}.shift-request-container .btn-workload{grid-column:1 / -1}.shift-request-container .action-btn{padding:.8rem;font-size:.9rem}.user-flow{flex-direction:row;gap:.5rem;padding:.8rem .5rem}.user-avatar-placeholder{width:32px;height:32px;font-size:.8rem}.flow-arrow{font-size:1rem}}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.request-card{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--head-glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--head-shadow);transition:all .3s ease;position:relative;overflow:hidden}.request-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000080;border-color:#c5a0594d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.request-type-badge{background:#10b9811a;color:var(--head-success);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1px solid rgba(16,185,129,.2)}.request-type-badge.task{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.date-timestamp{color:var(--head-text-muted);font-size:.75rem}.user-flow{display:flex;align-items:center;justify-content:space-around;margin-bottom:1.25rem;background:#0f172a66;padding:.75rem;border-radius:12px}.user-node{display:flex;flex-direction:column;align-items:center;text-align:center}.user-avatar-placeholder{width:40px;height:40px;background:linear-gradient(135deg,var(--head-accent-color),#8d7034);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;margin-bottom:.25rem}.user-name{font-size:.85rem;color:var(--head-text-primary);font-weight:500}.user-role{font-size:.7rem;color:var(--head-text-muted)}.flow-arrow{font-size:1.25rem;color:var(--head-text-secondary);animation:flowPulse 2s infinite}.request-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.85rem}.detail-label{color:var(--head-text-secondary)}.detail-value{color:var(--head-text-primary);font-weight:500;text-align:right}.reason-box{background:#ffffff08;padding:.75rem;border-radius:8px;margin-top:.75rem;font-style:italic;color:var(--head-text-secondary);font-size:.85rem;border-left:2px solid var(--head-accent-color)}.shift-request-container .card-actions{display:flex;gap:.75rem;margin-top:1.5rem;position:static!important;opacity:1!important}.shift-request-container .action-btn{flex:1;padding:.6rem;border-radius:8px;border:none;font-family:var(--head-font-family);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;width:auto!important;height:auto!important}.btn-approve{background:var(--head-success);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-approve:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-reject{background:transparent;border:1px solid var(--head-danger);color:var(--head-danger)}.btn-reject:hover{background:#ef44441a}.btn-workload{background:#ffffff1a;color:var(--head-text-primary)}.btn-workload:hover{background:#fff3}.shift-req-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:999999!important;animation:fadeIn .2s}.shift-req-modal-content{background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;width:90%;max-width:450px;box-shadow:0 20px 60px #000c,0 0 20px #c5a0591a;position:relative;z-index:1000000!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-icon-header{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 1.5rem}.modal-icon-header.workload{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.modal-icon-header.reject{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.shift-req-modal-title{font-size:1.5rem;color:#fff;margin-bottom:.5rem;text-align:center;font-weight:700}.modal-subtitle{color:var(--head-text-muted);text-align:center;font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.workload-list{background:#0003;border-radius:16px;padding:1rem;margin-bottom:1.5rem;max-height:250px;overflow-y:auto}.workload-list h3{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--head-text-muted);margin-bottom:.5rem;margin-top:1rem}.workload-list h3:first-child{margin-top:0}.workload-item{padding:.8rem 1rem;background:#ffffff08;margin-bottom:.5rem;border-radius:12px;color:#fff;font-size:.9rem;display:flex;align-items:center;gap:.75rem;border-left:3px solid transparent}.workload-item.shift-item{border-left-color:#f59e0b}.workload-item.task-item{border-left-color:#3b82f6}.workload-item.free-item{border-left-color:#10b981;background:#10b9810d;color:#10b981}textarea.reject-reason-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1rem;color:#fff;border-radius:12px;margin-bottom:1.5rem;min-height:120px;resize:none;font-family:inherit;font-size:.95rem;transition:border-color .3s}textarea.reject-reason-input:focus{outline:none;border-color:#ef4444;background:#ef444405}.shift-req-modal-actions{display:flex;gap:1rem;width:100%}.shift-req-modal-actions .action-btn{flex:1;padding:.8rem;border-radius:12px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.5rem}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--head-text-muted)}@keyframes flowPulse{0%{transform:translate(0);opacity:.5}50%{transform:translate(5px);opacity:1}to{transform:translate(0);opacity:.5}}@media screen and (max-width: 768px){.shift-req-modal-content{padding:1.5rem;width:95%}.shift-req-modal-actions{flex-direction:column-reverse}.shift-req-modal-actions .action-btn{width:100%!important}}.swal2-container.swal2-center{z-index:999999!important}body.swal2-shown{overflow:hidden!important}.head-news-container{padding:2rem;min-height:100vh;background:var(--head-bg-gradient);color:var(--head-text-primary);font-family:var(--head-font-family);overflow-x:hidden}.head-news-header{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--head-glass-border);position:relative}.head-news-title{font-size:2.5rem;font-weight:800;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff 0%,var(--head-text-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.1);text-align:center}.head-create-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--head-accent-color) 0%,#b88a38 100%);color:#fff;border:none;padding:.85rem 1.75rem;border-radius:14px;font-weight:600;display:flex!important;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #c5a0594d;overflow:hidden;opacity:1!important;visibility:visible!important;z-index:100}.head-create-btn:hover{transform:translateY(-55%);box-shadow:0 8px 25px #c5a05999}.head-news-layout{display:flex;flex-direction:column;gap:3.5rem}.news-section{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.section-label{font-size:1.5rem;font-weight:700;color:var(--head-text-primary);display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;justify-content:center;width:100%;text-transform:uppercase;letter-spacing:.05em}.section-label svg{color:var(--head-accent-color);filter:drop-shadow(0 0 8px rgba(197,160,89,.5))}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;width:100%}.news-card{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.news-card:hover{transform:translateY(-8px);background:#1e293b99;border-color:#c5a0594d;box-shadow:0 20px 25px -5px #0003}.news-card:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--head-accent-color);opacity:.6;transition:opacity .3s}.news-card:hover:after{opacity:1;box-shadow:0 2px 10px var(--head-accent-color)}.news-card.priority-Urgent:after{background:var(--head-danger)}.news-card.priority-Important:after{background:var(--head-warning)}.news-card.priority-Normal:after{background:var(--head-success)}.card-actions-footer{display:flex!important;justify-content:center;gap:.75rem;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}.action-btn{background:#ffffff26!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;flex:1;width:auto!important;height:auto!important;padding:.5rem 1rem;font-size:.85rem;font-family:var(--head-font-family);border-radius:8px;display:flex!important;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:all .2s;opacity:1!important;visibility:visible!important}.action-btn:hover{background:#ffffff40!important;color:#fcd34d!important;transform:scale(1.1)}.card-top-badge{margin-bottom:1.5rem}.badge-priority{padding:.3rem .8rem;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-priority.Urgent{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.badge-priority.Important{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.badge-priority.Normal{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.card-body-centered{flex:1;display:flex;flex-direction:column;gap:1rem;width:100%;margin-bottom:2rem}.card-title-centered{font-size:1.4rem;font-weight:700;color:var(--head-text-primary);line-height:1.3;margin:0}.head-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999;padding:1rem}.head-modal-content{background:linear-gradient(145deg,#1e293b,#0f172a);width:100%;max-width:500px;border-radius:24px;padding:2.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #0009;z-index:10000;position:relative;margin:0}.card-content-centered{color:var(--head-text-secondary);font-size:1rem;line-height:1.6;white-space:pre-wrap;opacity:.9;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-footer-centered{font-size:.85rem;color:var(--head-text-muted);display:flex;align-items:center;justify-content:center;gap:.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem;width:100%}.separator{color:#fff3}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.75rem;color:var(--head-text-primary);font-weight:600;font-size:.95rem;letter-spacing:.02em}.form-input,.form-textarea,.form-select{width:100%;padding:1rem 1.25rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-family:var(--head-font-family);transition:all .3s ease;font-size:1rem}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--head-accent-color);background:#00000080;box-shadow:0 0 0 4px #c5a05926}.form-textarea{min-height:200px;resize:vertical;line-height:1.6}.form-select option{background:#1e293b;color:#fff}.custom-select-container{position:relative;width:100%}.custom-select-trigger{width:100%;padding:1rem 1.25rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-family:var(--head-font-family);font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;text-align:left}.custom-select-trigger:hover{background:#0006;border-color:#fff3}.custom-options-list{position:absolute;top:110%;left:0;right:0;background:#1e293bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;z-index:10001;box-shadow:0 10px 25px #00000080}.custom-option{padding:.85rem 1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s;color:#fffc}.custom-option:hover{background:#ffffff0d;color:#fff}.custom-option.selected{background:#c5a05926;color:var(--head-accent-color);font-weight:600}.custom-option.priority-Urgent{border-left:3px solid var(--head-danger)}.custom-option.priority-Important{border-left:3px solid var(--head-warning)}.custom-option.priority-Normal{border-left:3px solid var(--head-success)}.custom-select-trigger.priority-Urgent{border-color:#ef444466}.custom-select-trigger.priority-Important{border-color:#f59e0b66}.custom-select-trigger.priority-Normal{border-color:#10b98166}.head-modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem}.btn-cancel{padding:.75rem 1.5rem;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--head-text-secondary);cursor:pointer;transition:all .2s;font-weight:500;opacity:1!important;visibility:visible!important;display:flex!important;align-items:center;justify-content:center}.btn-cancel:hover{background:#ffffff0d;color:#fff;border-color:#fff}.btn-submit{padding:.75rem 2rem;border-radius:12px;border:none;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,var(--head-accent-color) 0%,#b88a38 100%);box-shadow:0 4px 15px #c5a0594d;opacity:1!important;visibility:visible!important;display:flex!important;align-items:center;justify-content:center}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5a05980}.head-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.head-modal-title{font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.5rem;transition:all .2s;padding:.5rem;border-radius:50%}.close-btn:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}@media (max-width: 768px){.head-content{margin-left:0!important;padding-bottom:80px;width:100%!important}.head-news-container{margin-left:0!important;width:100%!important;padding:1.5rem 1rem 1rem}.head-news-header{flex-direction:column;gap:1.5rem;align-items:center;margin-bottom:2rem;text-align:center}.head-news-title{font-size:1.75rem;justify-content:center}.head-create-btn{position:static;transform:none;width:100%;justify-content:center;max-width:300px}.head-create-btn:hover{transform:translateY(-2px)}.head-news-layout{align-items:center}.news-grid{grid-template-columns:1fr;gap:1.5rem;justify-items:center;width:100%}.news-card{min-height:auto;width:100%;max-width:400px}.head-modal-content{padding:1.5rem;width:95%;max-height:90vh;overflow-y:auto}.head-modal-header{margin-bottom:1.5rem}.head-modal-title{font-size:1.4rem}.head-modal-footer{flex-direction:column-reverse;gap:.75rem}.btn-cancel,.btn-submit{width:100%;justify-content:center;padding:.85rem}}.team-performance-container{font-family:var(--head-font-family, "Inter", sans-serif);background:var(--head-bg-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 100%));min-height:100vh;color:#e2e8f0;padding:2rem;margin-left:260px;transition:margin-left .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow-x:hidden}.team-performance-container.sidebar-collapsed{margin-left:80px}.team-performance-container:before{content:"";position:absolute;top:-10%;right:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(197,160,89,.08) 0%,transparent 60%);filter:blur(80px);z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.team-performance-container:after{content:"";position:absolute;bottom:10%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 60%);filter:blur(80px);z-index:0;pointer-events:none;animation:float-orb 25s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.page-header{margin-bottom:2rem;position:relative;z-index:10;padding-left:1.5rem;border-left:4px solid #c5a059}.page-title{font-size:2.25rem;font-weight:800;color:#f8fafc;margin-bottom:.25rem;letter-spacing:-.02em}.page-title span{color:#c5a059;background:linear-gradient(90deg,#c5a059,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{color:#94a3b8;font-size:.95rem;font-weight:400}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.5rem 1rem;border-radius:12px;cursor:pointer;font-size:.9rem;transition:all .2s}.refresh-btn:hover{background:#ffffff1a;border-color:#c5a059;color:#fff}.hero-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem;position:relative;z-index:10}.hero-stat-card{background:#1e293b66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:border-color .3s}.hero-stat-card:hover{border-color:#c5a0594d}.hero-stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 70%);pointer-events:none}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.stat-icon-wrapper{width:44px;height:44px;border-radius:12px;background:#ffffff08;display:flex;align-items:center;justify-content:center;color:#c5a059;border:1px solid rgba(255,255,255,.05)}.stat-trend{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:99px;display:flex;align-items:center;gap:.25rem}.stat-trend.positive{background:#10b9811a;color:#34d399}.stat-trend.neutral{background:#94a3b81a;color:#94a3b8}.stat-trend.negative{background:#ef44441a;color:#f87171}.stat-content h2{font-size:2rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.stat-content p{font-size:.85rem;color:#94a3b8;font-weight:500}.dashboard-main-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:1.5rem;margin-bottom:1.5rem;position:relative;z-index:10}.glass-panel{background:#1e293b80;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.panel-title{font-size:1.15rem;font-weight:700;color:#f1f5f9;display:flex;align-items:center;gap:.75rem}.panel-title svg{color:#c5a059}.chart-content-wrapper{display:flex;align-items:center;justify-content:space-around;width:100%}.chart-wrapper-inner{width:200px;height:200px;position:relative}.chart-center-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.total-number{font-size:2.5rem;font-weight:800;color:#fff;line-height:1}.total-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:5px}.chart-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:12px;cursor:pointer;border:1px solid transparent}.legend-indicator{width:10px;height:10px;border-radius:3px;box-shadow:0 0 8px currentColor}.legend-value{font-size:1.25rem;font-weight:700;color:#fff;line-height:1}.legend-name{font-size:.8rem;color:#94a3b8}.risk-badge{font-size:.7rem;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);padding:2px 8px;border-radius:6px;font-weight:600;animation:pulse-red-border 2s infinite}@keyframes pulse-red-border{0%{border-color:#ef444433;box-shadow:0 0 #ef444433}70%{border-color:#ef444480;box-shadow:0 0 0 4px #ef444400}to{border-color:#ef444433;box-shadow:0 0 #ef444400}}.attendance-list{display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto;padding-right:5px}.attendance-list::-webkit-scrollbar{width:4px}.attendance-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:#64748b}.empty-icon-wrapper{width:60px;height:60px;background:#10b9811a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.attendance-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.attendance-item.critical{background:#ef44440d;border-color:#ef44441a}.attendance-item.warning{background:#f59e0b0d;border-color:#f59e0b1a}.action-btn-sm{padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.action-btn-sm.critical{background:#ef444433;color:#fca5a5}.action-btn-sm.critical:hover{background:#ef44444d}.action-btn-sm.warning{background:#f59e0b33;color:#fcd34d}.top-performer-banner{background:linear-gradient(90deg,#c5a05926,#1e293b80);border:1px solid rgba(197,160,89,.3);border-radius:20px;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;position:relative;overflow:hidden}.top-performer-banner:before{content:"";position:absolute;top:-50%;left:-20%;width:200px;height:200px;background:#c5a05966;filter:blur(80px)}.trophy-section{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.trophy-icon{width:56px;height:56px;background:linear-gradient(135deg,#fcd34d,#d97706);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #d9770666}.trophy-section h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.trophy-section p{font-size:.9rem;color:#cbd5e1}.performer-details{display:flex;align-items:center;gap:1rem;position:relative;z-index:2;background:#0003;padding:.75rem 1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.members-filter-bar{display:flex;gap:.75rem}.search-wrapper{position:relative;width:200px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem .5rem .5rem 2.25rem;border-radius:8px;font-size:.85rem;outline:none;transition:all .2s}.search-input:focus{border-color:#c5a059;background:#0000004d}.filter-select{background:#0003;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;outline:none;cursor:pointer}.members-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem}.member-card{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.member-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,transparent,rgba(197,160,89,0),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:all .4s ease;opacity:.5;pointer-events:none}.member-card:hover{transform:translateY(-5px);background:#1e293bb3;box-shadow:0 15px 35px -5px #0006,0 0 20px #c5a0591a}.member-card:hover:before{background:linear-gradient(135deg,#c5a05980,#f59e0b80,#c5a0591a);opacity:1}.member-header{display:flex;align-items:center;gap:1.25rem}.avatar-wrapper{width:60px;height:60px;overflow:hidden;border-radius:25px;border:2px solid rgba(255,255,255,.05);box-shadow:0 8px 15px #0003;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.member-card:hover .avatar-wrapper{border-color:#c5a059;transform:scale(1.05)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#334155,#1e293b);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:700;font-size:1.5rem}.member-avatar-lg-wrapper{width:80px;height:80px;border-radius:24px;overflow:hidden;border:3px solid rgba(197,160,89,.3);box-shadow:0 10px 20px #0000004d;margin:0 auto}.member-avatar-lg{width:100%;height:100%;object-fit:cover}.member-avatar-lg-placeholder{width:100%;height:100%;border-radius:24px;background:linear-gradient(135deg,#334155,#0f172a);display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-weight:700;font-size:2rem}.member-info h4{font-size:1.15rem;font-weight:700;color:#fff;letter-spacing:.02em}.member-role{align-self:flex-start;font-size:.75rem;color:gold;background:#c5a05926;padding:.35rem .85rem;border-radius:20px;font-weight:600;border:1px solid rgba(197,160,89,.2)}.member-stats{display:grid;grid-template-columns:1fr;gap:.5rem;padding:0 .5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.stat-label{color:#94a3b8;font-weight:500}.stat-value{color:#fff;font-weight:700}.stat-value span{color:#64748b;font-size:.8rem;font-weight:400;margin-left:2px}.member-actions{display:flex;justify-content:space-between;align-items:center;background:#0f172a66;padding:.65rem 1rem;border-radius:12px;margin-top:.5rem;border:1px solid rgba(255,255,255,.02);transition:all .3s}.member-card:hover .member-actions{background:#0f172acc;border-color:#ffffff0d}.action-btn-text{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .5rem;border-radius:8px;font-size:.8rem;font-weight:600;color:#cbd5e1;background:transparent;border:none;cursor:pointer;transition:all .2s}.action-btn-text:hover{background:#ffffff0d;color:#fff}.action-btn-text.primary-action{background:#c5a05926;color:#fcd34d;border:1px solid rgba(197,160,89,.2)}.action-btn-text.primary-action:hover{background:#c5a05940;color:#fde68a}@media (max-width: 1024px){.dashboard-main-grid{grid-template-columns:1fr}.chart-content-wrapper{justify-content:space-evenly}}@media (max-width: 768px){.team-performance-container{margin-left:0!important;width:100%!important;padding:1rem 1rem 6rem}.header-flex-wrapper{flex-direction:column;align-items:flex-start;gap:1rem}.refresh-btn{width:100%;justify-content:center}.page-title{font-size:1.5rem;word-break:break-word}.page-subtitle{font-size:.8rem}.hero-stats-grid{grid-template-columns:1fr}.top-performer-banner{flex-direction:column;text-align:center;gap:1.5rem}.top-performer-banner:before{top:50%;left:50%;transform:translate(-50%,-50%)}.dashboard-main-grid{grid-template-columns:1fr}.chart-content-wrapper{flex-direction:column;gap:2rem}.panel-header{flex-direction:column;align-items:flex-start;gap:1rem}.members-filter-bar{width:100%;flex-direction:column}.search-wrapper{width:100%}.members-grid-view{grid-template-columns:1fr}}.fancy-input{border-radius:12px;background:#0f172acc;background-clip:padding-box;border:1px solid transparent;position:relative;transition:all .3s ease;min-width:280px}.fancy-input:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(45deg,#ffffff1a,#c5a05980);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.fancy-input:focus-within{box-shadow:0 0 20px #c5a05933;transform:translateY(-1px)}.fancy-input .search-input{background:transparent;border:none;color:#fff;padding:.85rem 1rem .85rem 2.75rem;width:100%;outline:none;position:relative;z-index:2;font-size:.95rem}.fancy-input .search-icon{color:#c5a059;z-index:3;left:14px}.fancy-select-wrapper{position:relative}.fancy-select-wrapper select.filter-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0f172acc;border:1px solid rgba(197,160,89,.3);color:#f1f5f9;padding:.85rem 2.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.9rem;min-width:160px}.fancy-select-wrapper select.filter-select:hover{background:#1e293be6;border-color:#c5a059;box-shadow:0 4px 12px #0003}.fancy-select-wrapper select.filter-select:focus{box-shadow:0 0 0 3px #c5a05933;border-color:#fcd34d}.fancy-select-wrapper .filter-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#c5a059;z-index:5;pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem;pointer-events:auto}.modal-container{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:450px;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #00000080;background:linear-gradient(145deg,#1e293b,#0f172a);z-index:100000}.modal-close-btn{position:absolute;top:1rem;right:1rem;color:#94a3b8;background:#ffffff0d;border:none;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close-btn:hover{background:#ef444433;color:#f87171;transform:rotate(90deg)}.modal-content-body{padding-top:.5rem}.modal-profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.modal-info-grid{display:flex;flex-direction:column;gap:1rem;background:#0f172a66;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.info-item{display:flex;align-items:center;gap:1rem;color:#cbd5e1;font-size:.95rem}.modal-btn-primary{background:linear-gradient(135deg,#c5a059,#d97706);color:#fff;border:none;padding:.85rem;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;box-shadow:0 4px 6px #c5a05933}.modal-btn-primary:hover{box-shadow:0 8px 15px #c5a0594d;transform:translateY(-2px)}.modal-btn-primary:active{transform:scale(.98)}.modal-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.85rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.modal-btn-secondary:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.section-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#94a3b8;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.modal-input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.85rem;border-radius:10px;outline:none;transition:border-color .2s}.modal-input:focus{border-color:#c5a059;background:#0f172acc}.priority-select{display:flex;gap:.75rem}.p-badge{flex:1;text-align:center;padding:.6rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s;background:#ffffff08;color:#64748b}.p-low.active{background:#10b98126;color:#34d399;border-color:#10b9814d}.p-med.active{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.p-high.active{background:#ef444426;color:#f87171;border-color:#ef44444d}.premium-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.premium-stat-card{background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.premium-stat-card:hover{background:#1e293b99;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.premium-stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-stat-card.completed .stat-icon{background:#10b98126;color:#34d399}.premium-stat-card.delay .stat-icon{background:#ef444426;color:#f87171}.premium-stat-card .stat-info{display:flex;flex-direction:column}.premium-stat-card .lbl{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.premium-stat-card .val{font-size:1.5rem;font-weight:800;line-height:1.2}.efficiency-badge{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.2);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;color:#38bdf8;font-weight:700;font-size:1.1rem;box-shadow:0 0 15px #38bdf81a}@media (max-width: 480px){.team-performance-container{padding:.75rem}.premium-stats-grid{grid-template-columns:1fr}.premium-stat-card.ontime{grid-column:span 1!important}.ontime-content{flex-direction:column;align-items:flex-start!important;gap:1rem}.efficiency-badge{width:100%;justify-content:center}}@media (max-width: 768px){.modal-container{padding:1.5rem;width:95%;border-radius:20px}.modal-profile-header h3{font-size:1.5rem}}:root{--head-bg: #0f172a;--head-bg-gradient: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--head-sidebar-bg: rgba(15, 23, 42, .95);--head-text-primary: #ffffff;--head-text-secondary: #94a3b8;--head-text-muted: #64748b;--head-accent-color: #c5a059;--head-accent-hover: #e0b769;--head-accent-glow: 0 0 15px rgba(197, 160, 89, .4);--head-danger: #ef4444;--head-success: #10b981;--head-warning: #f59e0b;--head-hover-bg: rgba(255, 255, 255, .08);--head-active-bg: rgba(197, 160, 89, .15);--head-glass-border: rgba(255, 255, 255, .1);--head-card-bg: rgba(30, 41, 59, .7);--head-shadow: 0 8px 32px rgba(0, 0, 0, .4);--head-backdrop-blur: blur(20px);--head-font-family: "Outfit", sans-serif}.create-project-container{--cp-bg-glass: rgba(15, 23, 42, .6);--cp-border: rgba(255, 255, 255, .1);--cp-input-bg: rgba(255, 255, 255, .05);--cp-input-focus: rgba(197, 160, 89, .2);--cp-timeline-track: rgba(255, 255, 255, .1);--cp-timeline-fill: var(--head-accent-color);display:flex;height:100vh;min-height:100vh;background:var(--head-bg-gradient);color:var(--head-text-primary);font-family:var(--head-font-family);overflow:hidden;position:relative}.cp-content-grid{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;height:100vh;box-sizing:border-box;margin-left:260px;transition:margin-left .4s cubic-bezier(.25,.8,.25,1)}.cp-content-grid.expanded{margin-left:260px}.cp-content-grid.collapsed{margin-left:80px}.cp-top-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;min-height:0;height:60%}.cp-bottom-row{flex:0 0 auto;height:35%;display:flex;flex-direction:column}.cp-card-form,.cp-card-team,.cp-card-timeline{height:100%}.cp-card{background:var(--head-card-bg);-webkit-backdrop-filter:var(--head-backdrop-blur);backdrop-filter:var(--head-backdrop-blur);border:1px solid var(--cp-border);border-radius:16px;padding:1.5rem;box-shadow:var(--head-shadow);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .3s}.cp-card:hover{border-color:#c5a0594d}.cp-form-section,.cp-viz-section{display:contents}.cp-header{margin-bottom:.5rem;position:relative;z-index:10}.cp-header h1{font-size:1.8rem;font-weight:700;color:var(--head-accent-color);text-shadow:0 0 10px rgba(197,160,89,.2);display:flex;align-items:center;gap:.8rem}.cp-header p{color:var(--head-text-secondary);font-size:.9rem;margin-left:2.5rem}.cp-form-container{flex:1;overflow-y:auto;padding-right:.5rem}.cp-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.cp-form-group{margin-bottom:1rem}.cp-form-group.full-width{grid-column:span 2}.cp-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--head-text-secondary);margin-bottom:.4rem;font-weight:500;letter-spacing:.5px}.cp-label svg{color:var(--head-accent-color);font-size:1rem;filter:drop-shadow(0 0 5px rgba(197,160,89,.4))}.cp-dual-group{display:flex;gap:1rem}.cp-dual-item{flex:1}.cp-input,.cp-select,.cp-textarea{width:100%;background:var(--cp-input-bg);border:1px solid var(--cp-border);border-radius:8px;padding:.7rem 1rem;color:#fff;font-family:var(--head-font-family);font-size:.95rem;transition:all .3s ease}.cp-input:focus,.cp-select:focus,.cp-textarea:focus{outline:none;border-color:var(--head-accent-color);background:var(--cp-input-focus);box-shadow:0 0 10px #c5a0591a}.cp-input[type=date]{color-scheme:dark;position:relative}.cp-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer;width:20px;height:20px;transition:opacity .2s}.cp-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.cp-textarea{resize:none;height:80px}.cp-priority-options{display:flex;gap:.5rem}.cp-priority-btn{flex:1;padding:.6rem;border-radius:6px;border:1px solid var(--cp-border);background:transparent;color:var(--head-text-secondary);cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:600}.cp-priority-btn:hover{background:#ffffff0d}.cp-priority-btn.selected{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.cp-priority-btn[data-priority=Low].selected{background:#10b98133;border-color:#10b981;color:#10b981}.cp-priority-btn[data-priority=Medium].selected{background:#3b82f633;border-color:#3b82f6;color:#3b82f6}.cp-priority-btn[data-priority=High].selected{background:#f59e0b33;border-color:#f59e0b;color:#f59e0b}.cp-priority-btn[data-priority=Urgent].selected{background:#ef444433;border-color:#ef4444;color:#ef4444}.cp-file-upload{border:2px dashed var(--cp-border);border-radius:8px;padding:1rem;text-align:center;cursor:pointer;background:#ffffff05;display:flex;align-items:center;justify-content:center;gap:1rem;transition:all .3s}.cp-file-upload:hover{border-color:var(--head-accent-color);background:#c5a0590d}.cp-viz-section{display:flex;flex-direction:column;gap:1rem;height:100%}.cp-team-list{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:.5rem}.cp-team-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;min-height:auto;height:fit-content;box-shadow:0 4px 6px #0000001a}.cp-team-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 10px 20px #0003;border-color:#fff3}.cp-team-card.selected{border-color:var(--head-accent-color);background:#c5a05926;box-shadow:0 0 15px #c5a05933}.cp-check-icon{position:absolute;top:10px;right:10px;color:var(--head-accent-color);font-size:1rem;background:#0006;border-radius:50%;padding:4px}.cp-avatar-lg{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--head-accent-color),#b89350);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:.8rem;font-size:1.2rem;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 8px #0003}.cp-member-name{font-weight:700;font-size:.95rem;color:#fff;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cp-member-role{font-size:.75rem;color:var(--head-text-secondary);margin-bottom:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cp-load-indicator{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.cp-timeline-mini{flex:1;overflow-y:auto;padding-right:.5rem}.cp-timeline-row{display:flex;align-items:center;margin-bottom:.5rem;font-size:.8rem}.cp-timeline-name{width:200px;color:var(--head-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;cursor:default;padding-left:1rem;box-sizing:border-box;flex-shrink:0}.cp-timeline-name:hover:after{content:attr(data-title);position:absolute;left:0;bottom:100%;background:#0f172af2;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;box-shadow:0 4px 6px #0000004d;z-index:100;pointer-events:none;border:1px solid var(--cp-border)}.cp-timeline-bar-wrapper{flex:1;height:6px;background:#ffffff0d;border-radius:3px;margin-left:.5rem;position:relative}.cp-footer-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--cp-border)}.cp-btn{padding:.8rem 2rem;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.cp-btn-cancel{background:transparent;color:var(--head-text-secondary);border:1px solid rgba(255,255,255,.1)}.cp-btn-cancel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff0d;transform:translate(-100%);transition:transform .3s;z-index:0}.cp-btn-cancel:hover{color:#fff;border-color:#ffffff4d}.cp-btn-cancel:hover:before{transform:translate(0)}.cp-btn-submit{background:linear-gradient(135deg,var(--head-accent-color),#b89350);color:#fff;box-shadow:0 4px 15px #c5a0594d}.cp-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5a05980;filter:brightness(1.1)}.cp-btn-submit:active{transform:translateY(1px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 1024px){.cp-content-grid{width:auto;height:auto;min-height:100vh;padding:1rem;overflow-y:visible}.create-project-container{height:auto;overflow-y:auto}.cp-top-row{grid-template-columns:1fr;height:auto;gap:1.5rem;margin-bottom:1.5rem}.cp-card-form,.cp-card-team{height:auto;min-height:500px}.cp-bottom-row{height:auto;flex:none}.cp-card-timeline{height:auto;min-height:400px;margin-bottom:2rem}.cp-form-grid{grid-template-columns:1fr}.cp-form-group.full-width{grid-column:span 1}.cp-timeline-mini{overflow-x:auto;padding-bottom:1rem}.cp-header h1{font-size:1.5rem}.cp-header p{margin-left:0;margin-top:.5rem}.head-sidebar .head-toggle-btn{display:none!important}.cp-content-grid{margin-left:0!important;padding:.8rem .8rem 3rem;width:100%!important}.create-project-container{flex-direction:column}.cp-card{padding:1rem}.cp-dual-group{flex-direction:column;gap:.8rem}.cp-dual-item{width:100%}.cp-footer-actions{flex-direction:column;gap:.8rem}.cp-btn{width:100%;justify-content:center}.cp-priority-options{flex-wrap:wrap;gap:.5rem}.cp-priority-btn{flex:1 1 45%;padding:.5rem}.cp-card-timeline{overflow:hidden}.cp-timeline-mini{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:1rem;scrollbar-width:thin}.cp-timeline-header-row,.cp-timeline-row{min-width:600px}.cp-header h3{flex-direction:column;align-items:flex-start!important;gap:.5rem!important}}@media (max-width: 480px){.cp-content-grid{padding:.5rem}.cp-card{padding:.8rem}.cp-timeline-header-row,.cp-timeline-row{min-width:550px}}:root{--head-cal-bg: var(--head-bg, #0f172a);--head-cal-glass: var(--head-backdrop-blur, blur(20px));--head-cal-border: 1px solid var(--head-glass-border, rgba(255, 255, 255, .1));--head-cal-primary: var(--head-accent-color, #c5a059);--head-cal-primary-glow: var(--head-accent-glow, 0 0 15px rgba(197, 160, 89, .4));--head-cal-secondary: var(--head-accent-hover, #e0b769);--head-cal-text: var(--head-text-primary, #ffffff);--head-cal-text-muted: var(--head-text-muted, #64748b);--head-cal-card-bg: var(--head-card-bg, rgba(30, 41, 59, .7));--head-cal-grid-gap: 12px;--font-family: var(--head-font-family, "Outfit", sans-serif)}.head-calendar-layout{width:100%;min-height:100vh;background:var(--head-bg-gradient, linear-gradient(180deg, #0f172a 0%, #1e293b 100%));overflow:hidden;position:relative;display:flex;flex-direction:row}.head-calendar-content{flex:1;min-width:0;padding:2rem;min-height:100vh;box-sizing:border-box;transition:margin-left .4s cubic-bezier(.25,.8,.25,1);margin-left:260px;width:auto}.head-calendar-layout.sidebar-collapsed .head-calendar-content{margin-left:80px}.head-calendar-container{width:100%;min-height:85vh;padding:2rem;background:#0f172a99;backdrop-filter:var(--head-cal-glass);-webkit-backdrop-filter:var(--head-cal-glass);border-radius:20px;border:var(--head-cal-border);box-shadow:var(--head-shadow, 0 8px 32px rgba(0, 0, 0, .4));color:var(--head-cal-text);font-family:var(--font-family);display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box}.head-calendar-container:before{content:"";position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(197,160,89,.1),transparent 70%);pointer-events:none;z-index:0}.head-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;z-index:2;position:relative;border-bottom:1px solid var(--head-glass-border);padding-bottom:1rem;gap:1rem}.head-calendar-title{display:flex;align-items:center;gap:1rem}.head-icon-box{background:linear-gradient(135deg,#c5a0591a,#c5a0590d);padding:.8rem;border-radius:12px;border:1px solid rgba(197,160,89,.2);color:var(--head-cal-primary);box-shadow:0 4px 12px #0003}.head-calendar-title span:first-child{display:block;font-size:.85rem;text-transform:uppercase;color:var(--head-cal-primary);font-weight:600;letter-spacing:1.5px;margin-bottom:.2rem}.head-calendar-title span:last-child{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.head-calendar-nav{display:flex;gap:1rem;align-items:center;flex-wrap:nowrap!important;white-space:nowrap}.head-nav-group{background:#0006;border-radius:12px;padding:6px;border:1px solid var(--head-glass-border);display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.head-cal-btn{background:transparent;color:var(--head-text-secondary);border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.head-cal-btn:hover{background:#ffffff1a;color:#fff}.head-create-btn{background:linear-gradient(135deg,var(--head-cal-primary),#b8860b);color:#0f172a;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #c5a0594d;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:.85rem}.head-create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c5a05966;background:linear-gradient(135deg,#e0b769,#daa520)}.head-grid-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--head-cal-grid-gap);margin-bottom:1rem;z-index:1}.head-day-label{text-align:center;color:var(--head-text-secondary);font-weight:600;text-transform:uppercase;font-size:.85rem;padding:.8rem;background:#ffffff08;border-radius:8px;letter-spacing:1px}.head-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,1fr);gap:var(--head-cal-grid-gap);flex:1;z-index:1}.head-cal-day{background:var(--head-cal-card-bg);border:1px solid var(--head-glass-border);border-radius:16px;padding:10px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;display:flex;flex-direction:column}.head-cal-day:hover{border-color:var(--head-cal-primary);background:#1e293be6;transform:translateY(-4px);z-index:5;box-shadow:0 10px 30px #00000080}.head-cal-day.empty{background:transparent;border:none;pointer-events:none}.head-cal-day.today{border:1px solid var(--head-cal-primary);background:#c5a0590d}.head-day-num{font-weight:600;font-size:1rem;margin-bottom:8px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--head-text-secondary);transition:all .2s}.head-cal-day.today .head-day-num{background:var(--head-cal-primary);color:#0f172a;box-shadow:0 0 15px #c5a05966;font-weight:700}.head-cal-day.is-holiday .head-day-num{color:#ef4444;font-weight:700}.head-cal-day.is-holiday{background:#ef44440d;border-color:#ef444433}.head-cal-day.is-holiday:hover{border-color:#ef4444}.head-events-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:80px;scrollbar-width:none}.head-events-list::-webkit-scrollbar{display:none}.head-event-item{font-size:.75rem;padding:4px 8px;background:#ffffff0d;border-radius:6px;border-left:3px solid white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .1s}.head-event-item:hover{transform:translate(2px);filter:brightness(1.2)}.head-event-item.holiday{border-color:#ef4444;background:#ef444426;color:#fca5a5}.head-event-item.event{border-color:#c5a059;background:#c5a05926;color:#fde68a}.head-event-item.meeting{border-color:#3b82f6;background:#3b82f626;color:#93c5fd}.head-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:1rem}.head-modal{background:#1e293b;border:1px solid var(--head-glass-border);border-radius:24px;width:100%;max-width:500px;max-height:90vh;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden}.head-modal-header{padding:1.5rem;background:linear-gradient(to right,rgba(197,160,89,.1),transparent);border-bottom:1px solid var(--head-glass-border);display:flex;justify-content:space-between;align-items:center}.head-modal-header h3{margin:0;font-size:1.5rem;color:#fff;font-weight:600}.head-modal-body{padding:1.5rem;overflow-y:auto}.head-form-label{display:block;font-size:.9rem;color:var(--head-cal-primary);margin-bottom:.5rem;font-weight:500}.head-form-input{width:100%;padding:12px;background:#0f172a99;border:1px solid var(--head-glass-border);border-radius:10px;color:#fff;margin-bottom:1.2rem;font-family:var(--font-family);transition:border-color .2s}.head-form-input:focus{outline:none;border-color:var(--head-cal-primary);box-shadow:0 0 0 3px #c5a05926}.head-modal-footer{padding:1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--head-glass-border);background:#0003}.head-btn-secondary{background:transparent;color:var(--head-text-secondary);border:1px solid var(--head-glass-border);padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s;font-weight:500}.head-btn-secondary:hover{background:#ffffff0d;color:#fff}.head-btn-primary{background:var(--head-cal-primary);color:#0f172a;border:none;padding:10px 24px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #c5a0594d;transition:all .2s}.head-btn-primary:hover{background:var(--head-cal-secondary);transform:translateY(-1px)}.head-modal-body::-webkit-scrollbar{width:6px}.head-modal-body::-webkit-scrollbar-track{background:#0000001a}.head-modal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.head-no-events-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.head-no-events-icon{width:64px;height:64px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--head-text-muted);margin-bottom:1.5rem;box-shadow:inset 0 0 20px #0003}.head-no-events-title{font-size:1.25rem;font-weight:600;color:var(--head-text-primary);margin:0 0 .5rem}.head-no-events-subtitle{font-size:.95rem;color:var(--head-text-muted);margin:0 0 2rem}.head-btn-large{padding:12px 32px;font-size:1rem;display:flex;align-items:center}.head-event-list-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.head-event-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s ease;position:relative;overflow:hidden}.head-event-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--head-cal-primary);opacity:.8}.head-event-card:hover{background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.head-event-card-content{flex:1;margin-right:1rem}.head-event-header-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.head-event-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:.5px;background:#ffffff1a;color:#fff}.head-event-time{font-size:.85rem;color:var(--head-cal-primary);font-weight:500}.head-event-title{margin:0 0 .4rem;font-size:1.1rem;font-weight:600;color:#fff;line-height:1.4}.head-event-desc{margin:0;font-size:.9rem;color:var(--head-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.head-event-delete-btn{background:transparent;border:none;color:var(--head-text-muted);padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.head-event-delete-btn:hover{background:#ef44441a;color:#ef4444}.head-event-card.holiday{border-color:#ef44444d}.head-event-card.holiday:before{background:#ef4444}.head-event-card.holiday:hover{border-color:#ef4444;box-shadow:0 8px 24px #ef444426}.head-event-badge.holiday{background:#ef444433;color:#fca5a5}.head-event-card.meeting{border-color:#3b82f64d}.head-event-card.meeting:before{background:#3b82f6}.head-event-card.meeting:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f626}.head-event-badge.meeting{background:#3b82f633;color:#93c5fd}.head-event-card.event{border-color:#c5a0594d}.head-event-card.event:before{background:var(--head-cal-primary)}.head-event-card.event:hover{border-color:var(--head-cal-primary);box-shadow:0 8px 24px #c5a05926}.head-event-badge.event{background:#c5a05933;color:#fde68a}.head-btn-dashed{width:100%;background:transparent;border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:12px;color:var(--head-text-muted);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.head-btn-dashed:hover{border-color:var(--head-cal-primary);color:var(--head-cal-primary);background:#c5a0590d}.head-modal-actions{display:flex;align-items:center;gap:.5rem}.head-btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:10px;transition:all .2s}.head-btn-icon:hover{transform:scale(1.05)}@media (max-width: 1024px){.head-calendar-content{padding:1.5rem;margin-left:80px}}@media (max-width: 768px){.head-calendar-layout{flex-direction:column;overflow-y:auto}.head-calendar-content{padding:.75rem;margin-left:0!important;padding-bottom:20px;width:100%;position:relative;flex:none}.head-calendar-container{padding:.5rem;height:auto;min-height:calc(100vh - 80px)}.head-calendar-header{flex-direction:column;gap:1rem;align-items:stretch}.head-calendar-title{justify-content:center}.head-calendar-nav{width:100%;justify-content:space-between;flex-wrap:nowrap!important;gap:.5rem;align-items:center;display:flex;flex-direction:row}.head-nav-group{flex:0 1 auto;justify-content:center;min-width:0}.head-create-btn{width:auto;flex:0 0 auto;justify-content:center;padding:.6rem 1rem;font-size:.85rem}.head-grid-header{gap:4px;margin-bottom:.5rem}.head-day-label{padding:4px;font-size:.7rem}.head-calendar-grid{gap:4px;grid-auto-rows:minmax(70px,1fr)}.head-cal-day{padding:4px;border-radius:10px}.head-day-num{width:24px;height:24px;font-size:.8rem;margin-bottom:4px}.head-events-list{flex-direction:row;flex-wrap:wrap;gap:2px;max-height:none;justify-content:center}.head-event-item{width:6px;height:6px;padding:0;border-radius:50%;margin:0;flex-shrink:0;text-indent:-9999px;border:none}.head-event-item.holiday{background:#ef4444}.head-event-item.event{background:#c5a059}.head-event-item.meeting{background:#3b82f6}.head-modal{width:95%;max-height:85vh;border-radius:20px;margin:auto}.head-modal-header{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;gap:0}.head-modal-header h3{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:10px}.head-btn-icon{width:40px;height:40px}}:root{--hr-sidebar-width: 280px;--hr-sidebar-collapsed-width: 80px;--hr-primary: #3b82f6;--hr-primary-glow: rgba(59, 130, 246, .4);--hr-bg-dark: #151922;--hr-bg-hover: rgba(255, 255, 255, .05);--hr-text-main: #e2e8f0;--hr-text-muted: #94a3b8;--hr-border: rgba(255, 255, 255, .06)}.hr-sidebar-container{height:100vh;background-color:var(--hr-bg-dark);border-right:1px solid var(--hr-border);display:flex;flex-direction:column;position:sticky;top:0;left:0;box-shadow:4px 0 24px #00000040;z-index:50;color:var(--hr-text-muted);transition:width .4s cubic-bezier(.25,.8,.25,1)}.hr-sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:12px;min-height:100px;position:relative;background:#ffffff03;border-bottom:1px solid var(--hr-border);transition:padding .3s}.hr-sidebar-container.collapsed .hr-sidebar-header{padding:1.5rem 0;justify-content:center}.hr-user-info{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;transition:opacity .3s}.hr-user-avatar{min-width:48px;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,gold,#fdb931);color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 4px 12px #fdb9314d;margin-bottom:.5rem;flex-shrink:0}.hr-sidebar-container.collapsed .hr-user-avatar{margin-bottom:0}.hr-user-name{color:#fff;font-weight:700;font-size:1.1rem;margin:0;line-height:1.2}.hr-user-role{color:var(--hr-text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.hr-toggle-btn{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;background:#2d3748;border:1px solid var(--hr-border);border-radius:50%;color:var(--hr-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;font-size:.7rem;transition:all .2s}.hr-toggle-btn:hover{background:var(--hr-primary);color:#fff;border-color:var(--hr-primary)}.hr-sidebar-menu{flex:1;overflow-y:auto;padding:1.5rem 1rem;scrollbar-width:thin}.hr-sidebar-container.collapsed .hr-sidebar-menu{padding:1.5rem .5rem}.hr-menu-group{margin-bottom:1.5rem}.hr-group-title{color:#64748b;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;padding-left:1rem;white-space:nowrap;opacity:.8}.hr-menu-item{display:flex;align-items:center;padding:.85rem 1rem;margin-bottom:.25rem;border-radius:10px;cursor:pointer;transition:all .2s ease;color:var(--hr-text-muted);position:relative;overflow:hidden}.hr-sidebar-container.collapsed .hr-menu-item{justify-content:center;padding:.85rem 0}.hr-menu-item:hover{background:var(--hr-bg-hover);color:var(--hr-text-main);transform:translate(2px)}.hr-sidebar-container.collapsed .hr-menu-item:hover{transform:none}.hr-menu-item.active{background:linear-gradient(90deg,#3b82f633,#3b82f60d);color:var(--hr-primary)}.hr-menu-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--hr-primary);border-radius:0 4px 4px 0;box-shadow:2px 0 8px var(--hr-primary-glow)}.hr-menu-icon{font-size:1.25rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;transition:transform .2s}.hr-sidebar-container.collapsed .hr-menu-icon{margin-right:0}.hr-menu-item:hover .hr-menu-icon{transform:scale(1.1)}.hr-menu-label{font-weight:500;font-size:.95rem;white-space:nowrap}.hr-sidebar-footer{padding:1.5rem;border-top:1px solid var(--hr-border);background:#0000001a}.hr-sidebar-container.collapsed .hr-sidebar-footer{padding:1.5rem .5rem}.hr-menu-item.logout{background:#ef44441a;color:#ef4444;justify-content:center;border:1px solid rgba(239,68,68,.2);margin-top:0;font-weight:600}.hr-menu-item.logout:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444440;transform:translateY(-2px)}.hr-menu-item.logout .hr-menu-icon{margin-right:.5rem}.hr-sidebar-container.collapsed .hr-menu-item.logout .hr-menu-icon{margin-right:0}.hr-fade-enter{opacity:0}.hr-fade-enter-active{opacity:1;transition:opacity .3s}.hr-fade-exit{opacity:1}.hr-fade-exit-active{opacity:0;transition:opacity .3s}:root{--hr-bg: #0f172a;--hr-bg-gradient: linear-gradient( 135deg, #0f172a 0%, #1e1b4b 100% );--hr-sidebar-bg: rgba(15, 23, 42, .95);--hr-text-primary: #f8fafc;--hr-text-secondary: #cbd5e1;--hr-text-muted: #94a3b8;--hr-accent-color: #6366f1;--hr-accent-hover: #4f46e5;--hr-accent-glow: 0 0 15px rgba(99, 102, 241, .4);--hr-danger: #ef4444;--hr-success: #10b981;--hr-warning: #f59e0b;--hr-hover-bg: rgba(255, 255, 255, .05);--hr-active-bg: rgba(99, 102, 241, .15);--hr-glass-border: rgba(99, 102, 241, .2);--hr-card-bg: rgba(30, 41, 59, .7);--hr-shadow: 0 8px 32px rgba(0, 0, 0, .4);--hr-backdrop-blur: blur(20px);--hr-font-family: "Outfit", sans-serif}.loading-hr-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ae6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:9999;flex-direction:column}.loading-hr-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;position:relative}.hr-hex-spinner{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.hex-outer{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#8b5cf6;border-bottom-color:#ec4899;animation:hrSpin 2s cubic-bezier(.175,.885,.32,1.275) infinite;box-shadow:0 0 20px #3b82f680}.hex-middle{position:absolute;width:70%;height:70%;border-radius:50%;border:4px solid transparent;border-top-color:#ec4899;border-left-color:#3b82f6;animation:hrSpinReverse 1.5s linear infinite}.hex-inner{position:absolute;width:40%;height:40%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;animation:hrPulse 1s ease-in-out infinite alternate;box-shadow:0 0 15px #8b5cf699}.loading-hr-text{font-family:Inter,sans-serif;background:linear-gradient(90deg,#60a5fa,#c084fc,#f472b6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;animation:gradientFlow 3s linear infinite}@keyframes hrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hrSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes hrPulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.1);opacity:1;box-shadow:0 0 25px #8b5cf6cc}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-hr-container.contained{position:absolute;width:100%;height:100%;border-radius:inherit;z-index:10}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:1.5rem}.profile-modal-content{background:#0f172a;width:100%;max-width:450px;border-radius:28px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;position:relative;border:1px solid rgba(255,255,255,.1);font-family:Onest,Outfit,sans-serif}.profile-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#ffffff0d;border:none;color:#94a3b8;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s}.profile-close-btn:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.profile-header-premium{position:relative;height:120px}.profile-banner{height:100%;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:2px solid #c5a059}.profile-avatar-container{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:110px;height:110px;z-index:5}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:4px solid #c5a059;box-shadow:0 0 15px #c5a05966}.premium-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#1e293b;border:4px solid #0f172a;position:relative;z-index:1}.profile-body-premium{padding:65px 2rem 2.5rem;text-align:center}.profile-meta-top{margin-bottom:2rem}.premium-name{font-size:1.75rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px}.premium-role-badge{display:inline-flex;align-items:center;padding:.35rem 1rem;background:#c5a05926;color:#c5a059;border:1px solid rgba(197,160,89,.3);border-radius:99px;font-size:.75rem;font-weight:700;margin-top:.75rem;text-transform:uppercase;letter-spacing:1px}.premium-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;text-align:left}.prem-detail-card{background:#ffffff08;padding:1rem;border-radius:16px;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.05);transition:border-color .2s}.prem-detail-card:hover{border-color:#c5a0594d}.prem-detail-card.full{grid-column:span 2}.prem-icon{color:#c5a059;font-size:1.2rem;flex-shrink:0}.prem-text{display:flex;flex-direction:column;overflow:hidden}.prem-text label{font-size:.65rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.2rem}.prem-text span{font-size:.95rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-footer-premium{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);color:#475569;font-size:.75rem;font-style:italic}.main-hr-container{display:flex;flex-direction:column;gap:2.5rem;width:100%;padding:2.5rem;max-width:1600px;margin:0 auto;color:#f8fafc}.hr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-greeting h1{font-size:2.5rem;font-weight:800;color:#f8fafc;margin:0;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-greeting p{color:#cbd5e1;font-size:1.2rem;margin-top:.5rem}.highlight-name{color:var(--accent-primary);font-weight:600}.header-actions{display:flex;gap:1.25rem}.btn-icon{background:#1e293b99;border:1px solid rgba(255,255,255,.1);width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#e2e8f0;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-icon:hover{transform:translateY(-2px);background:#ffffff1a;color:#fff;border-color:#ffffff4d}.btn-icon.logout:hover{background:#ef444433;color:#fca5a5;border-color:#ef4444}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-card-modern{padding:2.5rem;border-radius:1.5rem;display:flex;align-items:center;gap:2rem;color:#fff;position:relative;overflow:hidden;cursor:default;min-height:160px}.stat-icon-wrapper{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 16px #0000001a}.stat-content h3{font-size:3rem;font-weight:800;margin:0;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stat-content p{margin:.5rem 0 0;font-size:1.1rem;font-weight:600;opacity:.95;text-transform:uppercase;letter-spacing:1px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.panel{background:#0f172a99;border-radius:1.5rem;padding:2rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2{font-size:1.5rem;font-weight:700;margin:0;color:#f8fafc}.live-badge{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:700;color:#34d399;background:#10b98126;padding:.5rem 1rem;border-radius:99px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(16,185,129,.3)}.pulsing-dot{width:10px;height:10px;background-color:#34d399;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #34d399}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 8px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}.user-list-scroll{max-height:500px;overflow-y:auto;padding-right:.5rem}.user-list-scroll::-webkit-scrollbar{width:8px}.user-list-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.user-list-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.user-list-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modern-table{width:100%;border-collapse:separate;border-spacing:0 .75rem}.modern-table th{text-align:left;color:#94a3b8;font-size:1rem;font-weight:600;padding:0 1.5rem 1rem;text-transform:uppercase;letter-spacing:.05em}.modern-table td{padding:1.25rem 1.5rem;background:#ffffff08;border-radius:12px;transition:background .2s;color:#e2e8f0;font-size:1.1rem}.modern-table tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.modern-table tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.modern-table tr:hover td{background:#ffffff14}.user-info-cell{display:flex;align-items:center;gap:1rem;font-weight:600;color:#f8fafc}.avatar-initials{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;box-shadow:0 4px 6px #0000001a}.admin-bg{background:#f8717133;color:#fca5a5;border:1px solid rgba(248,113,113,.3)}.emp-bg{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.role-badge{padding:.4rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;letter-spacing:.5px}.role-badge.Admin,.role-badge.CHRO{background:#f43f5e26;color:#fda4af;border:1px solid rgba(244,63,94,.3)}.role-badge.HR{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.role-badge.Head{background:#eab30826;color:#fde047;border:1px solid rgba(234,179,8,.3)}.role-badge.Employee{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:8px;font-size:.95rem;font-weight:600}.status-indicator.online{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-indicator.offline{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.right-column{display:flex;flex-direction:column;gap:2rem}.quick-actions-panel h3,.announcement-mini h3{font-size:1.3rem;color:#f8fafc;margin-bottom:1.5rem}.quick-btn-group{display:flex;flex-direction:column;gap:1rem}.quick-btn-group button{padding:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;text-align:left;font-weight:600;color:#e2e8f0;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.quick-btn-group button:hover{background:#ffffff1a;border-color:var(--accent-primary);color:#fff;transform:translate(6px)}.empty-state{text-align:center;padding:3rem;color:#94a3b8;font-style:italic;font-size:1rem;background:#ffffff05;border-radius:1rem;border:2px dashed rgba(255,255,255,.1)}.announcement-list{gap:.75rem}.announcement-list li{position:relative;background:#1e293b66;border:1px solid rgba(255,255,255,.05);padding:1rem 1.25rem;border-radius:16px;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.announcement-list li:hover{background:#1e293bb3;transform:translateY(-2px) scale(1.01);box-shadow:0 10px 20px -10px #0000004d;border-color:#ffffff1a}.announcement-list li.unread{background:#1e293b99;border-left:4px solid var(--accent-primary, #6366f1)}.announcement-list li.read{opacity:.75}.announcement-list li.read:hover{opacity:1}.ann-header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.new-badge{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font-size:.65rem;font-weight:800;padding:.15rem .5rem;border-radius:99px;letter-spacing:.5px;box-shadow:0 2px 4px #f43f5e4d;animation:pulse-badge 2s infinite}.text-highlight{color:#fff;font-weight:700;font-size:1.05rem}@keyframes pulse-badge{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 4px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.ann-icon-wrapper{position:relative;width:48px;height:48px;background:linear-gradient(135deg,#6366f11a,#6366f133);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.priority-dot{position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #1e293b;box-shadow:0 0 0 1px #0003}.priority-dot.urgent{background:#ef4444;box-shadow:0 0 8px #ef444499}.priority-dot.important{background:#eab308}.priority-text{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-left:.75rem;border:1px solid transparent}.priority-text.Urgent{background:#ef444426;color:#fca5a5;border-color:#ef44444d}.priority-text.Important{background:#eab30826;color:#fde047;border-color:#eab3084d}.priority-text.Normal{background:#94a3b81a;color:#94a3b8;border-color:#94a3b833}.priority-urgent{border-left-color:#ef4444!important}.priority-important{border-left-color:#eab308!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content-ann{background:linear-gradient(180deg,#1e293b,#0f172a);border-top:4px solid transparent;width:100%;max-width:650px;border-radius:24px;padding:2.5rem;box-shadow:0 25px 50px -12px #0009,0 0 0 1px #ffffff1a;overflow:hidden;position:relative}.modal-content-ann:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.priority-border-urgent{border-top-color:#ef4444}.priority-border-important{border-top-color:#eab308}.priority-border-normal{border-top-color:#64748b}.ann-modal-header{margin-top:.5rem;margin-bottom:1.5rem;position:relative}.modal-priority-badge{display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:99px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;box-shadow:0 2px 4px #0000001a}.modal-priority-badge.Urgent{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.modal-priority-badge.Important{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#fde047;border:1px solid rgba(234,179,8,.4)}.modal-priority-badge.Normal{background:linear-gradient(135deg,#94a3b833,#94a3b81a);color:#cbd5e1;border:1px solid rgba(148,163,184,.4)}.ann-modal-header h2{font-size:2.2rem;line-height:1.2;font-weight:800;background:linear-gradient(120deg,#f1f5f9,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.ann-meta{display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:.95rem;font-weight:500;padding-bottom:1.5rem;border-bottom:1px dashed rgba(255,255,255,.15);margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem}.ann-body{font-size:1.15rem;line-height:1.8;color:#e2e8f0;white-space:pre-wrap;font-weight:400}.ann-footer{margin-top:2.5rem;display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.btn-acknowledge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.9rem 2.5rem;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #4f46e54d;letter-spacing:.5px}.btn-acknowledge:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e580;filter:brightness(1.1)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;border:none;cursor:pointer;color:#94a3b8;font-size:1.2rem;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}@media (max-width: 1024px){.main-hr-container{padding:1.5rem;gap:1.5rem;overflow-x:hidden}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.content-grid{grid-template-columns:1fr;display:flex;flex-direction:column;gap:1.5rem}.panel{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.user-list-scroll{width:100%}}@media (max-width: 768px){.main-hr-container{padding:1rem;gap:1rem}.hr-header{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;padding:.5rem;border:none;box-shadow:none;margin-bottom:1rem;position:relative;overflow:visible}.hr-header:before{display:none}.header-greeting{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.header-greeting h1{font-size:1.3rem;font-weight:800;margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f8fafc;text-shadow:none}.header-greeting p{font-size:.85rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8;line-height:normal}.header-actions{width:auto;display:flex;align-items:center;gap:.5rem;padding-top:0;border-top:none}.btn-icon{width:38px;height:38px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.btn-icon svg{width:16px!important;height:16px!important}.stat-card-modern{padding:1.5rem;min-height:auto}.panel{padding:1rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.5rem}.user-list-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.modern-table th,.modern-table td{padding:.75rem .5rem;font-size:.85rem;white-space:nowrap}.avatar-initials{width:32px;height:32px;font-size:.9rem}.right-column{gap:1.5rem}}:root{--hr-emerald: #10b981;--hr-teal: #14b8a6;--hr-red: #ef4444;--hr-amber: #f59e0b;--hr-blue: #3b82f6;--hr-bg-dark: #0f172a}.popup-overlay-hr{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.popup-overlay-hr.open{opacity:1;visibility:visible}.popup-card-hr{position:relative;width:90%;max-width:440px;padding:2.5rem;border-radius:24px;text-align:center;background:#1e293bd9;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px -10px #00000080,0 0 0 1px #ffffff0d inset;transform:translateY(20px) scale(.95);transition:transform .4s cubic-bezier(.34,1.56,.64,1);font-family:Outfit,sans-serif;overflow:hidden}.popup-overlay-hr.open .popup-card-hr{transform:translateY(0) scale(1)}.popup-card-hr:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.8}.popup-card-hr.success{--accent-color: var(--hr-emerald)}.popup-card-hr.error{--accent-color: var(--hr-red)}.popup-card-hr.warning{--accent-color: var(--hr-amber)}.popup-card-hr.info{--accent-color: var(--hr-blue)}.popup-icon-wrapper-hr{width:72px;height:72px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px -5px #0000004d}.popup-icon-wrapper-hr.success{color:var(--hr-emerald);background:#10b9811a;border-color:#10b98133}.popup-icon-wrapper-hr.error{color:var(--hr-red);background:#ef44441a;border-color:#ef444433}.popup-icon-wrapper-hr.warning{color:var(--hr-amber);background:#f59e0b1a;border-color:#f59e0b33}.popup-icon-wrapper-hr.info{color:var(--hr-blue);background:#3b82f61a;border-color:#3b82f633}.popup-title-hr{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#f1f5f9}.popup-message-hr{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:2rem}.popup-footer-hr{margin-top:1rem}.popup-action-btn-hr{background:var(--accent-color, #3b82f6);border:none;color:#fff;padding:.8rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.popup-action-btn-hr:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.popup-timer-container-hr{display:flex;justify-content:center;margin-top:-1rem;margin-bottom:1rem}.timer-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-svg-hr{transform:rotate(-90deg)}.timer-circle-bg-hr{fill:none;stroke:#ffffff1a;stroke-width:3}.timer-circle-progress-hr{fill:none;stroke-width:3;stroke-linecap:round;stroke:var(--accent-color);transition:stroke-dashoffset .1s linear}.timer-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.popup-error-hr-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.popup-error-hr-overlay.open{opacity:1}.popup-error-hr-container{background:#171717f2;border:1px solid rgba(239,68,68,.3);box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px #ef44441a inset;border-radius:24px;width:90%;max-width:420px;overflow:hidden;text-align:center;animation:shakeIn .5s cubic-bezier(.36,.07,.19,.97) both}.error-header-pattern{height:6px;background:repeating-linear-gradient(45deg,#ef4444,#ef4444 10px,#dc2626 10px,#dc2626 20px)}.popup-error-hr-content{padding:3rem 2rem 2rem}.popup-error-hr-icon-wrapper{position:relative;width:90px;height:90px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.error-icon-bg{position:absolute;width:100%;height:100%;border-radius:50%;background:#ef44441a;box-shadow:0 0 0 8px #ef44440d;animation:pulseError 2s infinite}.popup-error-hr-icon{font-size:2.5rem;color:#ef4444;z-index:2;filter:drop-shadow(0 0 10px rgba(239,68,68,.4))}.popup-error-hr-title{color:#fca5a5;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.popup-error-hr-message{color:#d1d5db;font-size:1.05rem;line-height:1.6;margin:0}.popup-error-hr-footer{padding:0 2.5rem 2.5rem}.popup-error-hr-button{width:100%;background:transparent;border:2px solid #ef4444;color:#ef4444;padding:.9rem;border-radius:12px;font-family:Outfit,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.popup-error-hr-button:hover{background:#ef4444;color:#fff;box-shadow:0 10px 20px -5px #ef444466}@keyframes shakeIn{0%{transform:scale(.9) translateY(50px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}@keyframes pulseError{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}.add-user-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;box-sizing:border-box;overflow-y:auto}.add-user-container{width:100%;max-width:850px;background:var(--hr-card-bg, rgba(30, 41, 59, .7));-webkit-backdrop-filter:var(--hr-backdrop-blur, blur(20px));backdrop-filter:var(--hr-backdrop-blur, blur(20px));border-radius:1.5rem;padding:3rem;box-shadow:var(--hr-shadow, 0 8px 32px rgba(0, 0, 0, .4));color:var(--hr-text-primary, #f8fafc);border:1px solid var(--hr-glass-border, rgba(99, 102, 241, .2));animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-user-header{text-align:center;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.add-user-header h2{font-family:var(--hr-font-family, "Outfit", sans-serif);font-size:2.2rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,white 30%,var(--hr-accent-color, #6366f1));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.add-user-header p{color:var(--hr-text-muted, #94a3b8);font-size:1rem}.form-section{margin-bottom:2.5rem}.form-section h3{font-size:1.1rem;color:var(--hr-accent-color, #6366f1);margin-bottom:1.25rem;display:flex;align-items:center;font-weight:600;border-left:3px solid var(--hr-accent-color, #6366f1);padding-left:.75rem}.section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--hr-text-secondary, #cbd5e1);padding-left:.25rem}.input-group-styled{display:flex;align-items:center;background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);padding-left:.5rem}.input-group-styled:hover{background:#0f172a99;border-color:#6366f14d}.input-group-styled:focus-within{border-color:var(--hr-accent-color, #6366f1);box-shadow:0 0 0 2px #6366f133;background:#0f172acc;transform:translateY(-1px)}.icon-box{width:40px;height:24px;display:flex;justify-content:center;align-items:center;background:transparent;border-right:1px solid rgba(255,255,255,.1);color:var(--hr-text-muted, #94a3b8);font-size:1.1rem;transition:all .3s ease;margin-right:.5rem}.input-group-styled:focus-within .icon-box{color:var(--hr-accent-color, #6366f1);border-right-color:var(--hr-accent-color, #6366f1);text-shadow:0 0 10px rgba(99,102,241,.4)}.input-group-styled input,.input-group-styled select{flex:1;border:none;background:transparent;padding:.75rem .5rem .75rem 0;color:#fff;font-size:.95rem;font-family:inherit;outline:none;width:100%}.readonly-group{background:#ffffff08;border-color:transparent}.readonly-group input{color:var(--hr-text-muted, #94a3b8)}.input-group-styled select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25em;padding-right:2.5rem}.input-group-styled select option{background-color:#0f172a;color:#f8fafc;padding:12px}.placeholder-style{color:var(--hr-text-muted, #94a3b8)!important}.role-group-label-wrapper{color:var(--hr-accent-color, #6366f1);margin-bottom:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.role-group-label-wrapper:before,.role-group-label-wrapper:after{content:"";height:1px;width:60px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.role-label-text{font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--hr-text-secondary, #cbd5e1)}.role-label-icon{font-size:1.1rem;color:var(--hr-accent-color, #6366f1);display:flex;align-items:center}.role-options{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.role-card{flex:0 1 120px;cursor:pointer;position:relative}.role-card input{display:none}.role-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;background:linear-gradient(145deg,#1e293b66,#0f172a99);border:1px solid rgba(255,255,255,.08);border-radius:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);height:100px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.role-card:hover .role-card-content{border-color:var(--hr-accent-color, #6366f1);transform:translateY(-4px);box-shadow:0 10px 15px -3px #6366f133,0 4px 6px -2px #6366f11a;background:linear-gradient(145deg,#1e293b99,#0f172acc)}.role-card input:checked+.role-card-content{background:linear-gradient(135deg,#6366f133,#4f46e51a);border-color:var(--hr-accent-color, #6366f1);box-shadow:0 0 0 2px #6366f133,0 10px 20px -5px #6366f166}.role-icon{font-size:1.75rem;margin-bottom:.5rem;color:var(--hr-text-muted, #94a3b8);transition:color .3s ease}.role-card input:checked+.role-card-content .role-icon,.role-card input:checked+.role-card-content .role-name{color:var(--hr-accent-color, #6366f1);text-shadow:0 0 15px rgba(99,102,241,.5)}.role-name{font-size:.85rem;font-weight:500;color:var(--hr-text-secondary, #cbd5e1);transition:color .3s ease}.button-group{display:flex;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.btn{padding:.8rem 2rem;border-radius:.75rem;font-family:inherit;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;border:none}.cancel-btn{background:transparent;color:var(--hr-text-muted, #94a3b8)}.cancel-btn:hover{color:#f8fafc;background:#ffffff0d}.done-btn{background:linear-gradient(135deg,#3b82f6,var(--hr-accent-color, #6366f1));color:#fff;box-shadow:0 4px 12px #6366f14d}.done-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}@media (max-width: 768px){.add-user-container{padding:1.5rem}.section-grid{grid-template-columns:1fr;gap:1rem}.button-group{justify-content:stretch;flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.edit-emp-nav{display:flex;background:#1e293b80;padding:.5rem;border-radius:12px;gap:.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.05);justify-content:space-between;width:100%}.edit-nav-tab{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem .5rem;color:#94a3b8;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.edit-nav-tab:hover{background:#ffffff0d;color:#fff}.edit-nav-tab.active{background:#3b82f6;color:#fff;box-shadow:0 4px 6px -1px #3b82f666}.add-emp-personal-page{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem;font-family:Inter,sans-serif;color:#f8fafc}.personal-header{text-align:center;margin-bottom:3.5rem;position:relative}.add-emp-personal-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.025em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.1)}.step-indicator{display:inline-flex;align-items:center;background:#3b82f626;color:#60a5fa;padding:.5rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 12px #3b82f626;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-emp-personal-content{display:flex;gap:3rem;align-items:flex-start}.personal-image-card,.personal-form-card{background:#1e293bbf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;transition:transform .3s ease,box-shadow .3s ease}.personal-image-card{flex:0 0 320px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;background:linear-gradient(160deg,#1e293bcc,#0f172ae6)}.personal-image-wrapper{position:relative;width:180px;height:180px;margin-bottom:2rem;border-radius:50%;padding:6px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 10px 25px -5px #3b82f666}.personal-emp-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #0f172a;background:#0f172a}.personal-image-placeholder{width:100%;height:100%;border-radius:50%;background:#0f172a;display:flex;align-items:center;justify-content:center;color:#475569;font-size:3.5rem;border:4px solid #0f172a;transition:all .3s ease}.personal-image-wrapper:hover .personal-image-placeholder{color:#60a5fa;background:#1e293b}.emp-id-display{background:#0f172a99;padding:.6rem 1.25rem;border-radius:12px;color:#e2e8f0;font-size:.95rem;font-weight:600;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.05)}.personal-upload-btn{margin-top:1.5rem;background:#ffffff08;color:#f8fafc;border:1px solid rgba(255,255,255,.1);padding:.875rem 0;border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;text-align:center}.personal-upload-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#60a5fa;transform:translateY(-2px)}.personal-form-card{flex:1;padding:3.5rem}.form-section{margin-bottom:4rem}.form-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:1rem;color:#f1f5f9;font-size:1.25rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.section-icon{color:#60a5fa;font-size:1.25rem;background:#3b82f61a;padding:8px;border-radius:10px;box-sizing:content-box}.form-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2.5rem;row-gap:2rem}.form-group label{display:block;margin-bottom:.75rem;color:#94a3b8;font-size:.9rem;font-weight:500;letter-spacing:.01em}.input-group{position:relative;transition:all .3s ease}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem 1.25rem;background:#0f172a66;border:1px solid rgba(148,163,184,.2);color:#f8fafc;font-size:1rem;font-family:inherit;border-radius:14px;transition:all .25s ease;outline:none}.form-group input::placeholder,.form-group select::placeholder{color:#475569}.form-group input:hover,.form-group select:hover{background:#0f172a99;border-color:#94a3b866}.form-group input:focus,.form-group select:focus{background:#0f172acc;border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f626;transform:translateY(-1px)}.form-group input[type=date]{position:relative;z-index:10;cursor:pointer}.form-group input[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:100%;height:100%;padding:0;color:transparent;background:transparent;cursor:pointer;z-index:20}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3e%3c/svg%3e");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:3rem;cursor:pointer}.form-group select option{background:#1e293b;color:#f1f5f9;padding:10px}.form-group input.readonly{background:#0f172a33;border-color:#ffffff0d;color:#c1c8d5;cursor:default}.form-group input.readonly:focus{border-color:#ffffff0d;box-shadow:none;transform:none}.form-actions{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08)}.btn-cancel,.btn-next{height:54px;padding:0 2.5rem;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.btn-cancel{background:transparent;color:#94a3b8;border:1px solid transparent}.btn-cancel:hover{color:#f1f5f9;background:#ffffff08}.btn-next{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;min-width:200px;box-shadow:0 4px 12px #2563eb4d}.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2563eb66;filter:brightness(1.1)}.btn-next:disabled{background:#334155;color:#64748b;box-shadow:none;cursor:not-allowed;transform:none;filter:none}@media (max-width: 1024px){.add-emp-personal-page{padding:2rem}.add-emp-personal-content{flex-direction:column;gap:2rem}.personal-image-card{width:100%;flex-direction:row;justify-content:flex-start;gap:2.5rem}.personal-image-wrapper{margin-bottom:0;width:140px;height:140px}.personal-upload-btn{width:auto;margin-top:0;padding:.875rem 2rem}}@media (max-width: 768px){.form-fields-grid{grid-template-columns:1fr;row-gap:1.5rem}.span-2{grid-column:span 1}.personal-form-card{padding:2rem}.personal-image-card{flex-direction:column;gap:1.5rem;padding:2rem}.personal-upload-btn{width:100%}.form-actions{flex-direction:column-reverse;gap:1rem;margin-top:3rem}.btn-next,.btn-cancel{width:100%;min-width:unset}}@media (max-width: 480px){.add-emp-personal-page{padding:1rem}.add-emp-personal-title{font-size:1.75rem}.personal-header{margin-bottom:2rem}.section-title{font-size:1.1rem}}:root{--chro-gold: #d4af37;--chro-gold-light: #fbf5b7;--chro-gold-dark: #b38728;--chro-bg: #1a1a1a;--anim-duration: .4s}@keyframes popupSlideInCHRO{0%{opacity:0;transform:translateY(20px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes popupBackdropFadeCHRO{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#0000}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009}}@keyframes shimmerCHRO{0%{background-position:-200% 0}to{background-position:200% 0}}.popup-overlay-chro{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.popup-overlay-chro.open{opacity:1;visibility:visible;animation:popupBackdropFadeCHRO .5s forwards}.popup-card-chro{position:relative;width:90%;max-width:500px;padding:3rem;border-radius:1px;text-align:center;background:linear-gradient(145deg,#141414fa,#282828f2);border:2px solid rgba(212,175,55,.4);box-shadow:0 25px 60px -12px #000c,0 0 20px #d4af3726;overflow:hidden;transform:scale(.95);font-family:Cinzel,Outfit,sans-serif}.popup-overlay-chro.open .popup-card-chro{animation:popupSlideInCHRO var(--anim-duration) ease-out forwards}.popup-icon-wrapper-chro{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#d4af371a,#0000004d);border:1px solid rgba(212,175,55,.3);border-radius:50%;box-shadow:0 0 15px #d4af3733}.popup-icon-chro{width:40px;height:40px}.popup-icon-chro path{fill:var(--chro-gold);filter:drop-shadow(0 0 5px rgba(212,175,55,.5))}.popup-title-chro{font-size:2rem;font-weight:700;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:2px;background-image:linear-gradient(to right,#fbf5b7,#bf953f,#b38728,#fbf5b7);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerCHRO 4s linear infinite}.popup-message-chro{color:#e5e5e5;font-size:1.1rem;line-height:1.6;font-weight:300}.popup-action-btn-chro{border:none;padding:1rem 3rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728);color:#000;clip-path:polygon(10% 0,100% 0,100% 70%,90% 100%,0 100%,0 30%);transition:transform .2s,filter .2s}.popup-action-btn-chro:hover{filter:brightness(1.2);transform:scale(1.05);box-shadow:0 0 20px #d4af3766}.popup-timer-container-chro{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.timer-svg-chro{transform:rotate(-90deg)}.timer-circle-bg-chro{fill:none;stroke:#ffffff1a;stroke-width:2}.timer-circle-progress-chro{fill:none;stroke-width:2;stroke-linecap:round;stroke:var(--chro-gold);filter:drop-shadow(0 0 3px rgba(212,175,55,.6));transition:stroke-dashoffset .1s linear}.redirect-text-chro{font-size:.8rem;margin-top:.5rem;color:var(--chro-gold);letter-spacing:1px}.popup-error-chro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:var(--chro-backdrop-blur, blur(24px));backdrop-filter:var(--chro-backdrop-blur, blur(24px));display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.popup-error-chro-container{background:var(--chro-card-bg);border:1px solid var(--chro-glass-border, rgba(255, 255, 255, .15));box-shadow:var(--chro-shadow);border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;transform:scale(.9);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.popup-error-chro-icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.popup-error-chro-icon{width:64px;height:64px;color:var(--chro-danger, #ef4444);filter:drop-shadow(0 0 10px rgba(239,68,68,.4))}.popup-error-chro-title{color:var(--chro-text-primary, #f8fafc);font-family:var(--chro-font-family, "Outfit", sans-serif);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.popup-error-chro-message{color:var(--chro-text-secondary, #cbd5e1);font-family:var(--chro-font-family, "Outfit", sans-serif);margin-bottom:2rem;line-height:1.6}.popup-error-chro-button{background:#ef44441a;color:var(--chro-danger, #ef4444);border:1px solid rgba(239,68,68,.2);padding:.75rem 2rem;border-radius:8px;font-family:var(--chro-font-family, "Outfit", sans-serif);font-weight:500;cursor:pointer;transition:all .3s ease}.popup-error-chro-button:hover{background:var(--chro-danger, #ef4444);color:#fff;box-shadow:0 0 15px #ef444466}.popup-done-chro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:var(--chro-backdrop-blur, blur(24px));backdrop-filter:var(--chro-backdrop-blur, blur(24px));display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.popup-done-chro-container{background:var(--chro-card-bg);border:1px solid var(--chro-glass-border, rgba(255, 255, 255, .15));box-shadow:var(--chro-shadow);border-radius:16px;padding:2rem;max-width:400px;width:90%;text-align:center;transform:scale(.9);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.popup-done-chro-icon-wrapper{margin-bottom:1.5rem;display:flex;justify-content:center}.popup-done-chro-icon{width:64px;height:64px;color:var(--chro-success, #10b981);filter:drop-shadow(0 0 10px rgba(16,185,129,.4))}.popup-done-chro-title{color:var(--chro-text-primary, #f8fafc);font-family:var(--chro-font-family, "Outfit", sans-serif);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.popup-done-chro-message{color:var(--chro-text-secondary, #cbd5e1);font-family:var(--chro-font-family, "Outfit", sans-serif);margin-bottom:2rem;line-height:1.6}.popup-done-chro-button{background:linear-gradient(135deg,var(--chro-secondary-accent),#4f46e5);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-family:var(--chro-font-family, "Outfit", sans-serif);font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4f46e54d}.popup-done-chro-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}@keyframes popIn{to{transform:scale(1)}}.popup-done-hr-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#042f2e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.popup-done-hr-overlay.open{opacity:1}.popup-done-hr-container{background:#064e3bf2;border:1px solid rgba(45,212,191,.3);box-shadow:0 20px 60px -10px #0009;border-radius:28px;width:90%;max-width:400px;overflow:hidden;text-align:center;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.popup-done-hr-overlay.open .popup-done-hr-container{transform:scale(1)}.popup-done-hr-content{padding:3rem 2rem 2rem}.popup-done-hr-icon-wrapper{position:relative;width:100px;height:100px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.icon-circle-bg{position:absolute;width:100%;height:100%;border-radius:50%;background:#14b8a626;border:1px dashed rgba(45,212,191,.4);animation:rotateCircle 10s linear infinite}.popup-done-hr-icon{width:50px;height:50px;color:#2dd4bf;z-index:2;filter:drop-shadow(0 0 10px rgba(45,212,191,.6));animation:scaleUp .5s cubic-bezier(.175,.885,.32,1.275) forwards}.popup-done-hr-title{color:#ecfdf5;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.popup-done-hr-message{color:#a7f3d0;font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.6;margin:0}.popup-done-hr-footer{padding:0 2.5rem 2.5rem}.popup-done-hr-button{width:100%;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;padding:1rem;border-radius:16px;font-family:Outfit,sans-serif;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #14b8a666}.popup-done-hr-button:hover{transform:translateY(-3px);box-shadow:0 15px 25px -5px #14b8a680;filter:brightness(1.1)}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleUp{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.add-emp-info-page{width:100%;max-width:1200px;margin:0 auto;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;font-family:Kanit,sans-serif}.info-header{text-align:center;margin-bottom:3rem;position:relative}.add-emp-info-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;text-shadow:0 4px 20px rgba(99,102,241,.3);letter-spacing:.5px}.add-emp-info-content{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start}.info-image-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem 1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;align-items:center;position:sticky;top:2rem;transition:transform .3s ease}.info-image-card:hover{transform:translateY(-5px);border-color:#6366f14d}.info-image-wrapper{width:140px;height:140px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#6366f1,#a855f7);margin-bottom:1.5rem;box-shadow:0 8px 20px #6366f14d}.info-emp-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #1e293b;background:#1e293b}.info-image-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172a;border:4px solid #1e293b;font-size:3.5rem;color:#475569}.info-form-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003}.form-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem 1rem .9rem 3rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1)!important;border-radius:1rem;color:#f8fafc;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;box-shadow:inset 0 2px 4px #0000001a!important}.form-group input[type=time]{padding-right:.5rem;cursor:pointer;position:relative;z-index:10}.form-group input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;position:absolute;top:0;right:0;width:100%;height:100%;opacity:0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f172ae6;border-color:#818cf8!important;box-shadow:0 0 0 2px #818cf833,0 0 20px #818cf81a!important;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:#64748b}.char-counter{display:block;text-align:right;font-size:.8rem;color:#64748b;margin-top:.4rem}.char-counter.limit-near{color:#fbbf24}.char-counter.limit-reached{color:#ef4444}.file-upload-label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:.8rem;font-weight:500}.btn-add-file svg{font-size:1.2rem}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.add-emp-info-content{grid-template-columns:1fr;gap:2rem}.info-image-card{position:static;flex-direction:row;justify-content:flex-start;gap:2rem;padding:1.5rem;align-items:center}.emp-id-badges{flex-direction:row;flex-wrap:wrap;align-items:center;width:auto;flex:1}.id-badge{flex:1;min-width:150px}}@media (max-width: 768px){.add-emp-info-page{padding:1rem}.info-header{margin-bottom:2rem}.add-emp-info-title{font-size:1.8rem}.step-indicator{padding:.4rem 1rem;font-size:.85rem}.info-image-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1.5rem}.info-image-wrapper{margin-bottom:.5rem}.emp-id-badges{flex-direction:column;width:100%}.info-form-card{padding:1.5rem;border-radius:1rem}.form-section{margin-bottom:2rem}.form-fields-grid{grid-template-columns:1fr;gap:1rem}.span-1,.span-2{grid-column:span 1}.file-item{padding:.8rem;flex-direction:row}.file-name{max-width:150px}.form-actions{flex-direction:column-reverse;gap:1rem;margin-top:2rem}.btn-back,.btn-save{width:100%;height:48px}}@media (max-width: 480px){.add-emp-info-title{font-size:1.5rem}.info-form-card{padding:1rem}.form-group input,.form-group select,.form-group textarea{padding:.8rem .8rem .8rem 2.8rem;font-size:.95rem}.file-name{max-width:100px}.section-title{flex-direction:column;align-items:flex-start;gap:.5rem}}.add-emp-education-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;font-family:Kanit,sans-serif}.education-header{text-align:center;margin-bottom:3rem;position:relative}.add-emp-education-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;text-shadow:0 4px 20px rgba(99,102,241,.3);letter-spacing:.5px}.step-indicator{display:inline-block;background:#6366f126;padding:.5rem 1.5rem;border-radius:2rem;border:1px solid rgba(165,180,252,.2);color:#a5b4fc;font-size:.95rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.add-emp-education-content{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;align-items:start}.education-image-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;padding:2.5rem 1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;align-items:center;position:sticky;top:2rem;transition:transform .3s ease}.education-image-card:hover{transform:translateY(-5px);border-color:#6366f14d}.education-image-wrapper{width:140px;height:140px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#6366f1,#a855f7);margin-bottom:1.5rem;box-shadow:0 8px 20px #6366f14d}.education-emp-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #1e293b;background:#1e293b}.education-image-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172a;border:4px solid #1e293b;font-size:3.5rem;color:#475569}.emp-id-badges{width:100%;display:flex;flex-direction:column;gap:1rem}.id-badge{background:#0f172a99;padding:1rem;border-radius:1rem;text-align:center;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.id-badge:hover{background:#0f172acc;border-color:#6366f133}.id-badge label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:1px}.id-badge span{font-size:1.1rem;font-weight:600;color:#e2e8f0;font-family:Source Code Pro,monospace}.education-form-card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;padding:3rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003}.form-section{margin-bottom:3rem;animation:fadeIn .5s ease-out}.form-section:last-child{margin-bottom:2rem}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-icon{color:#818cf8;font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(99,102,241,.4))}.section-title span{font-size:1.25rem;font-weight:600;color:#f1f5f9}.education-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.education-item-card{background:#0f172a66;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.education-item-card:hover{background:#0f172a99;border-color:#6366f14d;transform:translate(4px)}.edu-info h4{color:#fff;font-size:1.1rem;margin:0 0 .3rem;font-weight:600}.edu-info p{color:#94a3b8;font-size:.95rem;margin:0}.btn-remove-edu{background:#ef44441a;border:none;color:#f87171;cursor:pointer;padding:.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-remove-edu:hover{background:#ef444433;color:#ef4444}.add-education-form{background:#0f172a4d;border:1px dashed rgba(165,180,252,.3);border-radius:1.5rem;padding:2rem;position:relative}.add-edu-header{color:#a5b4fc;margin:0 0 1.5rem;font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.btn-add-edu{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #10b9814d;transition:all .3s ease}.btn-add-edu:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.education-fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.span-2{grid-column:span 2}.span-1{grid-column:span 1}.form-group label{display:block;margin-bottom:.75rem;color:#cbd5e1;font-size:.95rem;font-weight:500}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#64748b;font-size:1.1rem;transition:color .3s ease;z-index:10;pointer-events:none}.input-group:has(textarea) .input-icon{top:1rem}.form-group input,.form-group textarea{width:100%;padding:.9rem 1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1)!important;border-radius:1rem;color:#f8fafc;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;font-family:inherit;box-shadow:inset 0 2px 4px #0000001a!important}.form-group input:focus,.form-group textarea:focus{background:#0f172ae6;border-color:#818cf8!important;box-shadow:0 0 0 2px #818cf833,0 0 20px #818cf81a!important;transform:translateY(-1px)}.form-group input:focus+.input-icon,.input-group:focus-within .input-icon{color:#818cf8}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.file-upload-wrapper{margin-top:1rem}.uploaded-files-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.file-item{display:flex;align-items:center;justify-content:space-between;background:#1e293b66;padding:.8rem 1rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.file-item:hover{background:#1e293b99;border-color:#6366f133}.file-info{display:flex;align-items:center;gap:1rem;color:#e2e8f0;font-size:.95rem;overflow:hidden}.file-icon{color:#818cf8;font-size:1.2rem;flex-shrink:0}.file-details{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.file-size{font-size:.75rem;color:#64748b}.btn-remove-file{background:#ef44441a;border:none;color:#f87171;cursor:pointer;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:.5rem}.btn-remove-file:hover{background:#ef444433;color:#ef4444}.btn-add-file{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;background:#1e293b4d;border:2px dashed rgba(255,255,255,.1);border-radius:.8rem;color:#94a3b8;cursor:pointer;transition:all .3s ease;font-size:.95rem;gap:.6rem}.btn-add-file:hover{background:#1e293b80;border-color:#818cf8;color:#818cf8}.form-actions{display:flex;justify-content:flex-end;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.btn-back,.btn-save{padding:0 2rem;height:52px;border-radius:1rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:140px}.btn-back{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.btn-back:hover{background:#ffffff0d;color:#f1f5f9;border-color:#fff3}.btn-save{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;box-shadow:0 4px 15px #4f46e566}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e580;background:linear-gradient(135deg,#4338ca,#6d28d9)}.btn-save:disabled{opacity:.6;cursor:not-allowed;background:#475569;box-shadow:none}@media (max-width: 1024px){.add-emp-education-content{grid-template-columns:1fr;gap:2rem}.education-image-card{position:static;flex-direction:row;justify-content:flex-start;gap:2rem;padding:1.5rem;align-items:center}.emp-id-badges{flex-direction:row;flex-wrap:wrap;align-items:center;width:auto;flex:1}.id-badge{flex:1;min-width:150px}}@media (max-width: 768px){.add-emp-education-container{padding:1rem}.education-header{margin-bottom:2rem}.add-emp-education-title{font-size:1.8rem}.education-image-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1.5rem}.education-fields-grid{grid-template-columns:1fr}.span-1,.span-2{grid-column:span 1}.form-actions{flex-direction:column-reverse}.btn-back,.btn-save{width:100%}}.emp-page-container{padding:2rem;max-width:1600px;margin:0 auto;font-family:Inter,Prompt,sans-serif;color:#f8fafc}.emp-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.emp-page-title{font-size:2.2rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem}.emp-page-subtitle{color:#94a3b8;font-size:1rem;margin:0}.emp-controls{display:flex;gap:1rem;align-items:center}.view-toggles{background:#0f172a99;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.1);display:flex}.toggle-btn{background:transparent;border:none;color:#64748b;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all .2s;font-size:1.2rem}.toggle-btn.active{background:#38bdf833;color:#38bdf8}.toggle-btn:hover:not(.active){color:#e2e8f0}.emp-search-wrapper{position:relative;width:280px}.emp-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8}.emp-search-input{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem .8rem 2.8rem;border-radius:10px;color:#fff;font-size:1rem;outline:none;transition:all .3s}.emp-search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26;background:#0f172acc}.custom-dept-filter{position:relative;width:260px;z-index:50}.dept-trigger-btn{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:#f8fafc;cursor:pointer;transition:all .2s;font-family:inherit;font-size:.95rem}.dept-trigger-btn:hover,.dept-trigger-btn.active{background:#1e293bcc;border-color:#60a5fa80;box-shadow:0 0 0 3px #60a5fa1a}.trigger-content{display:flex;align-items:center;gap:.8rem;overflow:hidden}.filter-icon{color:#94a3b8;font-size:.9rem}.selected-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.chevron-icon{color:#64748b;font-size:.8rem}.dept-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;padding:.5rem;max-height:300px;overflow-y:auto;z-index:100}.dept-dropdown-menu::-webkit-scrollbar{width:6px}.dept-dropdown-menu::-webkit-scrollbar-track{background:transparent}.dept-dropdown-menu::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.dept-option{padding:.7rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:#cbd5e1;font-size:.95rem;transition:all .15s}.dept-option:hover{background:#60a5fa1a;color:#fff}.dept-option.selected{background:#3b82f633;color:#60a5fa;font-weight:600}.check-icon{color:#60a5fa;font-size:.8rem}.emp-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.emp-card-premium{background:#1e293bb3;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.emp-card-premium:hover{transform:translateY(-5px);background:#334155e6;border-color:#60a5fa66;box-shadow:0 15px 30px #0000004d}.emp-card-header{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;position:relative}.emp-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.1);margin-bottom:1rem;box-shadow:0 8px 20px #0003}.emp-card-actions{position:absolute;top:-1rem;right:-1rem;display:flex;gap:.25rem}.action-btn{width:36px;height:36px;border-radius:8px;background:#0f172a80;color:#94a3b8;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn:hover{background:#334155;color:#fff}.action-btn.edit:hover{color:#38bdf8}.action-btn.delete:hover{color:#f43f5e}.emp-card-body{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.emp-name{color:#f8fafc;font-size:1.2rem;font-weight:600;margin:0 0 .4rem;background:transparent!important;text-align:center}.emp-role{color:#94a3b8;font-size:.9rem;margin:0 0 1rem;font-weight:400;text-align:center}.emp-department-badge{display:inline-block;background:#38bdf81a;color:#38bdf8;padding:.3rem .8rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(56,189,248,.2)}.emp-list-container{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a;height:auto!important;max-height:none;display:block}.emp-table{width:100%;border-collapse:collapse;color:#0f172a;height:auto}.emp-table thead{background:#1e293b}.emp-table th{text-align:left;padding:.8rem 1rem;font-weight:600;color:#f8fafc;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;border-right:1px solid rgba(255,255,255,.1)}.emp-table th:last-child{border-right:none}.emp-table tbody tr{background-color:#fff;border-bottom:1px solid #e2e8f0;transition:background-color .1s;cursor:pointer;height:auto}.emp-table tbody tr:nth-child(2n){background-color:#f8fafc}.emp-table tbody tr:hover{background-color:#f1f5f9}.emp-table td{padding:.6rem 1rem;vertical-align:middle;font-size:.9rem;color:#334155;font-weight:500;border-right:1px solid #e2e8f0}.emp-table td:last-child{border-right:none}.list-user-info{display:flex;align-items:center;gap:1rem;width:100%}.list-avatar{width:40px;height:40px;border-radius:8px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#475569;font-weight:700;font-size:1rem}.list-user-name,.emp-table td:first-child span{color:#0f172a;font-weight:600}.emp-badge-role{display:inline-flex;align-items:center;padding:.35em .8em;border-radius:6px;font-size:.85rem;font-weight:600;background:#dcfce7;color:#166534;border:1px solid #bbf7d0;white-space:nowrap}.emp-badge-department{display:inline-flex;align-items:center;padding:.35em .8em;border-radius:6px;font-size:.85rem;font-weight:600;background:#f3e8ff;color:#6b21a8;border:1px solid #e9d5ff;white-space:nowrap}.emp-table td:nth-child(4){color:#475569}.list-actions{display:flex;gap:.6rem;justify-content:flex-start}.action-btn-small{width:36px;height:36px;border-radius:8px;background:#f1f5f9;border:1px solid #cbd5e1;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn-small:hover{background:#e2e8f0;color:#0f172a}.action-btn-small.edit:hover{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.action-btn-small.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.detail-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center}.detail-modal{width:600px;max-width:90%;height:auto;max-height:85vh;background:#0f172a;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;overflow:hidden}.detail-header{padding:2rem;background:linear-gradient(to bottom,#0f172a,#1e293b);border-bottom:1px solid rgba(255,255,255,.05);position:relative;text-align:center}.close-detail-btn{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;transition:all .2s;z-index:10}.close-detail-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.detail-profile-summary{display:flex;flex-direction:column;align-items:center;width:100%}.detail-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#a855f7);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;border:4px solid rgba(30,41,59,1);box-shadow:0 0 0 2px #60a5fa80,0 10px 20px #0000004d;margin-bottom:1rem}.detail-profile-summary h2{margin:0;color:#f8fafc;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.detail-profile-summary p{color:#60a5fa;margin:.25rem 0 0;font-size:.95rem;font-weight:500;background:#60a5fa1a;padding:.2rem .8rem;border-radius:20px;border:1px solid rgba(96,165,250,.2)}.detail-tabs{display:flex;padding:0 1rem;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.05)}.detail-tab{flex:1;padding:1rem .5rem;background:transparent;border:none;color:#64748b;font-weight:600;cursor:pointer;font-size:.95rem;position:relative;transition:all .2s}.detail-tab:hover{color:#cbd5e1;background:#ffffff05}.detail-tab.active{color:#38bdf8}.detail-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#38bdf8;box-shadow:0 -2px 10px #38bdf880}.detail-content{flex:1;overflow-y:auto;padding:1.5rem;background:#0f172a}.tab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:1rem}.section-divider{grid-column:1 / -1;margin:1.5rem 0 .5rem;text-align:center;color:#94a3b8;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:1rem}.section-divider:before,.section-divider:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#475569,transparent);flex:1;max-width:100px}.info-row-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem;background:#1e293b99;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;min-height:140px}.info-row-premium:hover{background:#33415580;border-color:#60a5fa4d;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.info-icon{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#38bdf81a,#818cf81a);display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:1.25rem;margin-bottom:.8rem;border:1px solid rgba(255,255,255,.05)}.info-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.info-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:.4rem}.info-value{color:#f1f5f9;font-size:1rem;font-weight:500;line-height:1.4;word-break:break-word}.detail-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05);background:#1e293b}.btn-edit-full{width:100%;padding:.9rem;background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .2s;margin-bottom:1rem}.btn-edit-full:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.btn-danger-full{width:100%;padding:.9rem;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .2s}.btn-danger-full:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.no-emp-state,.loading-state,.error-state{grid-column:1 / -1;text-align:center;padding:5rem;color:#94a3b8;background:#1e293b66;border-radius:20px;border:2px dashed rgba(255,255,255,.1)}.no-emp-icon{font-size:4rem;margin-bottom:1.5rem;color:#475569}.modal-overlay-premium{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-content-premium{position:relative;width:100%;max-width:500px;background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}.modal-body-premium{padding:2.5rem}.modal-footer-premium{padding:1.5rem 2.5rem;background:#ffffff05;display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.delete-accent-bar{height:6px;background:linear-gradient(90deg,#ef4444,#f87171,#ef4444)}.delete-icon-glow{width:80px;height:80px;background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ef4444;margin:0 auto 2rem;box-shadow:0 0 40px #ef444433;animation:dangerPulse 2s infinite}@keyframes dangerPulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 20px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.delete-title-premium{color:#fff;font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.delete-emp-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:.4rem}.delete-emp-info-card .info-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.delete-emp-info-card .info-value{color:#f87171;font-weight:700;font-size:1.2rem}.delete-desc-premium{color:#94a3b8;font-size:.95rem;line-height:1.6}.delete-footer{justify-content:center;background:#ef444405}.btn-link-premium{background:transparent;border:none;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger-premium{background:#ef4444;color:#fff;border:none;padding:.8rem 2rem;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 8px 16px #ef444433;transition:all .3s}.btn-danger-premium:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 12px 20px #ef44444d}@media screen and (max-width: 768px){.emp-page-container{padding:1rem}.emp-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.emp-controls{width:100%;flex-direction:column;align-items:stretch;gap:.8rem}.filter-group,.emp-filter-wrapper,.emp-search-wrapper{width:100%}.view-toggles{justify-content:center;width:100%}.toggle-btn{flex:1}.detail-modal{width:95%;max-height:90vh}.detail-header{padding:1.5rem 1rem}.detail-content{padding:1rem}.tab-grid{grid-template-columns:1fr}.modal-content-premium{max-width:100%;border-radius:20px}.modal-body-premium{padding:1.5rem}.delete-title-premium{font-size:1.4rem}.delete-icon-glow{width:60px;height:60px;font-size:1.8rem;margin-bottom:1.5rem}.delete-emp-info-card .info-value{font-size:1rem}.modal-footer-premium{padding:1.2rem;flex-direction:column-reverse;gap:1rem}.btn-danger-premium{width:100%;padding:1rem}.emp-list-container{background:transparent;border:none;box-shadow:none}.emp-table,.emp-table thead,.emp-table tbody,.emp-table th,.emp-table td,.emp-table tr{display:block}.emp-table thead{display:none}.emp-table tbody tr{background:#1e293b;margin-bottom:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;padding:1rem;position:relative;display:flex;flex-direction:column;gap:.5rem}.emp-table tbody tr:nth-child(2n){background-color:#1e293b!important}.emp-table tbody tr:hover{background:#334155!important}.emp-table td{padding:.2rem 0;border:none;display:flex;justify-content:space-between;align-items:center;text-align:right;color:#cbd5e1;font-size:.9rem}.emp-table td:first-child{justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.8rem;margin-bottom:.5rem}.list-user-name,.emp-table td:first-child span{color:#f8fafc;font-size:1.1rem}.emp-table td:last-child{justify-content:flex-end;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}}@media screen and (max-width: 480px){.emp-grid-container{grid-template-columns:1fr}.emp-page-title{font-size:1.8rem}}:root{--sl-primary: #3b82f6;--sl-primary-glow: rgba(59, 130, 246, .4);--sl-bg-page: #0b1121;--sl-bg-surface: #1e293b;--sl-bg-glass: rgba(30, 41, 59, .7);--sl-text-primary: #f1f5f9;--sl-text-secondary: #94a3b8;--sl-border: rgba(255, 255, 255, .08)}.sl-wrapper{padding:2rem 3rem;font-family:Inter,sans-serif;color:var(--sl-text-primary);width:100%;max-width:100%;box-sizing:border-box;background:radial-gradient(circle at top right,#1e293b,#0f172a 40%,#0b1121);min-height:100vh}.sl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;position:relative}.sl-header:after{content:"";position:absolute;bottom:-1rem;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--sl-primary) 0%,transparent 100%);opacity:.3}.sl-page-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.03em;text-shadow:0 4px 20px rgba(0,0,0,.5)}.sl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.sl-stat-card{position:relative;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sl-border);border-radius:20px;padding:1.75rem;display:flex;align-items:center;gap:1.5rem;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.sl-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .4s}.sl-stat-card:hover{transform:translateY(-8px) scale(1.02);border-color:#fff3;box-shadow:0 15px 35px -10px #00000080}.sl-stat-card:hover:before{opacity:1}.sl-stat-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;box-shadow:inset 0 0 20px #0003;position:relative;z-index:2}.sl-bg-blue{background:#3b82f61a;color:#60a5fa;box-shadow:0 0 15px #3b82f633}.sl-bg-yellow{background:#f59e0b1a;color:#fbbf24;box-shadow:0 0 15px #f59e0b33}.sl-bg-green{background:#10b9811a;color:#34d399;box-shadow:0 0 15px #10b98133}.sl-bg-red{background:#ef44441a;color:#f87171;box-shadow:0 0 15px #ef444433}.sl-stat-info{position:relative;z-index:2}.sl-stat-info h3{font-size:2.2rem;font-weight:800;margin:0;line-height:1;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sl-stat-info p{font-size:.9rem;color:var(--sl-text-secondary);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:.5rem}.sl-filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 1.2rem;border-radius:16px;border:1px solid var(--sl-border);box-shadow:0 8px 32px #0003}.sl-status-filters{display:flex;background:#0000004d;padding:5px;border-radius:12px;gap:5px}.sl-filter-btn{background:transparent;border:none;color:var(--sl-text-secondary);padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;position:relative}.sl-filter-btn.active{background:var(--sl-bg-surface);color:#fff;box-shadow:0 4px 12px #0000004d}.sl-filter-btn.active:after{content:"";position:absolute;bottom:-2px;left:20%;width:60%;height:2px;background:var(--sl-primary);border-radius:2px;box-shadow:0 0 8px var(--sl-primary)}.sl-search-wrapper{flex:0 1 400px;margin:0 2rem;position:relative}.sl-search-input{width:100%;background:#1e293b80;border:1px solid var(--sl-border);color:#fff;padding:.8rem 1.2rem .8rem 2.8rem;border-radius:12px;font-size:1rem;transition:all .3s}.sl-search-input:focus{outline:none;border-color:var(--sl-primary);box-shadow:0 0 0 4px #3b82f61a;background:#1e293bcc}.sl-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--sl-text-secondary);font-size:1rem}.sl-table-container{background:#1e293b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--sl-border);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px -1px #0003}.sl-custom-table{width:100%;border-collapse:separate;border-spacing:0}.sl-custom-table th{text-align:left;padding:1.5rem;background:#0f172acc;color:var(--sl-text-secondary);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--sl-border)}.sl-custom-table td{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:1rem;vertical-align:middle;transition:width .3s}.sl-custom-table tr{transition:background .2s}.sl-custom-table tr:hover{background:#ffffff08}.sl-custom-table tr:hover td{color:#fff}.sl-custom-table tr:last-child td{border-bottom:none}.sl-custom-table th:nth-last-child(1),.sl-custom-table td:nth-last-child(1),.sl-custom-table th:nth-last-child(2),.sl-custom-table td:nth-last-child(2){text-align:center}.sl-btn-primary{background:linear-gradient(135deg,var(--sl-primary) 0%,#2563eb 100%);color:#fff;border:none;padding:.8rem 1.6rem;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:.6rem;cursor:pointer;box-shadow:0 4px 15px #2563eb66;transition:all .3s;position:relative;overflow:hidden}.sl-btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);transform:translateY(-100%);transition:transform .3s}.sl-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb80}.sl-btn-primary:hover:after{transform:translateY(0)}.sl-btn-secondary{background:transparent;border:1px solid var(--sl-border);color:var(--sl-text-secondary);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500}.sl-btn-secondary:hover{color:#fff;border-color:#fff}.sl-btn-refresh{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4);padding:.8rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 15px #3b82f61a;width:42px;height:42px}.sl-btn-refresh:hover{background:var(--sl-primary);color:#fff;box-shadow:0 0 20px #3b82f666;transform:rotate(180deg)}.sl-status-badge{padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.6rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;box-shadow:0 4px 15px #0000001a}.sl-status-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.sl-status-pending,.sl-status-Processing{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d;box-shadow:0 0 15px #f59e0b1a}.sl-status-pending:before,.sl-status-Processing:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:sl-pulse 2s infinite}.sl-status-approved,.sl-status-Approved{background:#10b98126;color:#34d399;border-color:#10b9814d;box-shadow:0 0 15px #10b9811a}.sl-status-approved svg{filter:drop-shadow(0 0 5px rgba(16,185,129,.6))}.sl-status-rejected,.sl-status-Rejected,.sl-status-cancelled{background:#ef444426;color:#f87171;border-color:#ef44444d;box-shadow:0 0 15px #ef44441a;opacity:.9}@keyframes sl-pulse{0%{box-shadow:0 0 #fbbf2466}70%{box-shadow:0 0 0 6px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.sl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center}.sl-modal-content{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);width:100%;max-width:550px;padding:3rem;border-radius:24px;box-shadow:0 25px 80px #0009}.sl-leaves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}.sl-leave-card{display:flex;flex-direction:column;background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sl-border);border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;height:100%}.sl-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid rgba(255,255,255,.05)}.sl-card-type{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--sl-text-primary);font-size:1rem}.sl-card-type-icon{color:var(--sl-primary);font-size:1.1rem}.sl-card-body{display:flex;flex-direction:column;gap:.8rem;flex:1}.sl-card-emp-name{font-weight:700;font-size:1.2rem;color:#fff;margin-bottom:.2rem;letter-spacing:-.02em}.sl-card-duration-badge{align-self:flex-start;background:#3b82f626;color:#60a5fa;padding:.2rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:.5rem;border:1px solid rgba(59,130,246,.2)}.sl-card-dates-row{display:flex;align-items:center;gap:1rem;background:#0003;padding:.8rem;border-radius:12px;font-size:.9rem;margin-bottom:.5rem}.sl-card-date-separator{color:var(--sl-text-secondary);font-size:1.2rem}.sl-card-date-group{display:flex;flex-direction:column}.sl-card-date-label{font-size:.7rem;color:var(--sl-text-secondary);text-transform:uppercase;font-weight:700;margin-bottom:.2rem}.sl-card-date-value{color:#fff;font-weight:600;font-size:.95rem}.sl-truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:block;cursor:pointer;transition:color .2s}.sl-truncate-text:hover{color:var(--sl-primary);text-decoration:underline;text-decoration-style:dotted}.sl-card-reason{font-style:italic;color:#cbd5e1;font-size:.9rem;line-height:1.5;background:#ffffff08;padding:.8rem;border-radius:12px;border-left:3px solid var(--sl-primary);margin-top:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .2s}.sl-card-reason:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1a}.sl-reason-modal-text{font-size:1.1rem;line-height:1.6;color:#e2e8f0;background:#0003;padding:1.5rem;border-radius:12px;border:1px solid var(--sl-border);white-space:pre-wrap;max-height:60vh;overflow-y:auto}.sl-view-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.1rem;color:var(--sl-text-secondary);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s}.sl-view-btn:hover{background:#ffffff0d;color:#fff}.sl-view-btn.active{background:#1e293bcc;border-color:var(--sl-border);color:var(--sl-primary);box-shadow:0 4px 12px #0003}.sl-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.sl-modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.15);width:100%;max-width:650px;border-radius:28px;box-shadow:0 40px 80px -15px #000000e6;overflow:hidden;position:relative;display:flex;flex-direction:column}.sl-modal-header-bar{padding:2rem 2.5rem;display:flex;align-items:flex-start;justify-content:space-between;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.1)}.sl-modal-title-group{display:flex;flex-direction:column;gap:.5rem}.sl-modal-title{font-size:1.8rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1}.sl-modal-subtitle-row{display:flex;gap:.8rem;margin-top:.5rem}.sl-header-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:default}.sl-header-badge:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.sl-badge-label{color:#94a3b8;text-transform:uppercase;font-weight:700;font-size:.7rem;letter-spacing:.05em}.sl-badge-value{color:#fff;font-weight:600;font-family:Inter,monospace;letter-spacing:.02em}.sl-modal-close-btn{background:transparent;border:2px solid rgba(255,255,255,.1);color:#cbd5e1;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sl-modal-close-btn:hover{background:#ffffff0d;border-color:#fff;color:#fff;transform:rotate(90deg)}.sl-modal-body{padding:2.5rem;background:#1e293b}.sl-modal-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;padding-bottom:0;border-bottom:none}.sl-meta-item{background:#0f172a;padding:1.5rem;border-radius:16px;display:flex;flex-direction:column;gap:.5rem;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:transform .2s}.sl-meta-item:hover{border-color:#ffffff4d;transform:translateY(-2px)}.sl-meta-full{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;background:linear-gradient(to right,#0f172a,#1e293b)}.sl-meta-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.sl-meta-value{color:#fff;font-weight:700;font-size:1.1rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-reason-container{position:relative;background:#0f172a;border-radius:16px;padding:2rem 2rem 4rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 10px #0000004d;margin-top:1rem}.sl-reason-label{position:absolute;top:-12px;left:24px;background:#1e293b;padding:0 12px;color:#fff;font-size:.85rem;font-weight:800;text-transform:uppercase;border-radius:4px;letter-spacing:.05em;border:1px solid rgba(255,255,255,.1)}.sl-reason-text{color:#f1f5f9;font-size:1.15rem;line-height:1.8;white-space:pre-wrap;word-break:break-word;max-height:350px;overflow-y:auto;font-family:Inter,sans-serif}.sl-copy-btn{position:absolute;bottom:16px;right:16px;background:#334155;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #0000001a}.sl-copy-btn:hover{background:#475569;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}@media (max-width: 1400px){.sl-wrapper{padding:1.5rem}}@media (max-width: 1024px){.sl-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sl-header{flex-direction:column;text-align:center;gap:1.5rem}.sl-stats-grid{grid-template-columns:1fr}.sl-filter-bar{flex-direction:column;gap:1.5rem;padding:1.5rem;align-items:stretch}.sl-status-filters{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;width:100%;background:transparent;padding:0}.sl-filter-btn{width:100%;justify-content:center;background:#1e293b99;border:1px solid rgba(255,255,255,.1);padding:.8rem;font-size:.95rem}.sl-filter-btn.active{background:var(--sl-primary);border-color:var(--sl-primary);box-shadow:0 4px 15px #3b82f666}.sl-filter-btn.active:after{display:none}.sl-search-wrapper{margin:0;width:100%;flex:0 0 auto}.sl-view-toggles{display:flex;justify-content:center;width:100%;gap:1rem;margin-top:.5rem}.sl-modal-meta-grid{grid-template-columns:1fr}}.static-wrapper{padding:24px 24px 80px;color:#f8fafc;font-family:Onest,Outfit,sans-serif;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.page-header-title{font-size:28px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.page-subtitle{color:#94a3b8;margin-top:6px;font-size:14px;font-weight:400}.tab-switcher-modern{background:#0f172a99;padding:4px;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;gap:4px}.tab-btn-modern{background:transparent;border:none;color:#94a3b8;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;border-radius:8px;display:flex;align-items:center;gap:8px;transition:all .2s ease}.tab-btn-modern:hover{color:#e2e8f0}.tab-btn-modern.active{background:#ffffff1a;color:#fff;box-shadow:0 1px 2px #0003}.summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s}.summary-card:hover{transform:translateY(-3px);background:#1e293b99}.icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.card-blue .icon-wrapper{background:#60a5fa1a;color:#60a5fa}.card-green .icon-wrapper{background:#34d3991a;color:#34d399}.card-yellow .icon-wrapper{background:#fbbf241a;color:#fbbf24}.card-purple .icon-wrapper{background:#a78bfa1a;color:#a78bfa}.summary-info h3{margin:0;font-size:13px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{margin:4px 0 0;font-size:24px;font-weight:700;color:#fff}.summary-value.small-text{font-size:18px}.stats-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.wide-card{grid-column:span 2}.stat-card{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:24px;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h3{margin:0;font-size:16px;color:#e2e8f0;display:flex;align-items:center;gap:10px;font-weight:600}.card-header h3 svg{color:#64748b}.card-badge{background:#ffffff0d;padding:4px 10px;border-radius:20px;font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase}.chart-container{min-height:250px;position:relative}.chart-legend-custom{display:flex;justify-content:center;gap:15px;margin-top:15px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.legend-item .dot{width:8px;height:8px;border-radius:50%}.custom-tooltip{background:#0f172ae6;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:8px;box-shadow:0 10px 15px -3px #00000080}.custom-tooltip .description{color:#94a3b8;font-size:12px;margin:0 0 4px}.custom-tooltip .value{color:#fff;font-weight:600;font-size:14px;margin:0}.list-view-container{background:#1e293bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.05)}.toolbar{display:flex;justify-content:space-between;margin-bottom:24px}.filter-group{display:flex;align-items:center;gap:10px;background:#0f172a99;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);color:#94a3b8;transition:all .2s}.filter-group:hover{background:#1e293bcc;border-color:#ffffff26}.filter-group select{background:transparent;border:none;color:#fff;font-size:14px;font-family:inherit;cursor:pointer;outline:none;font-weight:500}.filter-group select option{background:#1e293b;color:#fff;padding:10px}.table-responsive{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.swap-table{width:100%;border-collapse:collapse}.swap-table th{background:#0f172a80;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:16px;text-align:left;font-weight:600}.swap-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.03);color:#e2e8f0;font-size:14px;vertical-align:middle}.swap-table tr:hover{background:#ffffff05}.user-cell{display:flex;align-items:center;gap:10px}.user-initial{width:32px;height:32px;border-radius:50%;background:#60a5fa33;color:#60a5fa;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-initial.alt{background:#f43f5e33;color:#f43f5e}.badge-shift{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;border:1px solid transparent}.shift-A{background:#60a5fa1a;color:#60a5fa;border-color:#60a5fa33}.shift-B{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.shift-C{background:#f871711a;color:#f87171;border-color:#f8717133}.status-pill{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.status-pill.approved{background:#34d39926;color:#34d399}.status-pill.pending{background:#fbbf2426;color:#fbbf24}.status-pill.verified{background:#60a5fa26;color:#60a5fa}.action-btn-verify{background:#3b82f6;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:background .2s}.action-btn-verify:hover{background:#2563eb}.export-btn{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2);padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:#10b98133}.text-center{text-align:center}@media screen and (max-width: 900px){.stats-grid-modern{grid-template-columns:1fr}.wide-card{grid-column:1}.summary-row{grid-template-columns:1fr 1fr}}@media screen and (max-width: 768px){.summary-row{grid-template-columns:1fr}.toolbar{flex-direction:column;gap:1rem}.export-btn{width:100%;justify-content:center;padding:12px}.filter-group{width:100%;justify-content:center;position:relative;padding:12px 16px;background:#0f172acc;box-shadow:0 4px 6px #0000001a}.filter-group svg{position:absolute;left:1.25rem;font-size:1.1rem;color:#64748b}.filter-group select{width:100%;text-align:center;text-align-last:center;font-size:1rem;font-weight:600}.table-responsive{border:none;background:transparent}.swap-table,.swap-table tbody,.swap-table tr,.swap-table td{display:block;width:100%}.swap-table thead{display:none}.swap-table tr{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 10px 25px -5px #0000004d;position:relative;transition:none}.swap-table tr:hover{background:linear-gradient(145deg,#1e293bcc,#0f172ae6)}.swap-table td{border:none;padding:0;color:#e2e8f0}.swap-table td:nth-child(1){font-size:.85rem;color:#94a3b8;font-weight:600;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.swap-table td:nth-child(1):before{content:"📅"}.swap-table td:nth-child(6){position:absolute;top:1.2rem;right:1.25rem;width:auto}.status-pill{padding:4px 10px;font-size:.75rem}.swap-table td:nth-child(2),.swap-table td:nth-child(3){margin-bottom:.75rem;background:#ffffff05;padding:.8rem;border-radius:12px;border:1px solid rgba(255,255,255,.03)}.swap-table td:nth-child(3){margin-bottom:1.25rem}.swap-table td:nth-child(2):before{content:"Swap Requested By";display:block;font-size:.7rem;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.swap-table td:nth-child(3):before{content:"Covered By";display:block;font-size:.7rem;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.swap-table td:nth-child(4){display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .5rem}.swap-table td:nth-child(4):before{content:"Shift Type";font-size:.85rem;color:#94a3b8;font-weight:500}.swap-table td:nth-child(5){margin-bottom:1.5rem;padding:0 .5rem;font-size:.95rem;color:#cbd5e1;line-height:1.5;white-space:normal!important;max-width:none!important}.swap-table td:nth-child(5):before{content:"Reason: ";color:#94a3b8;font-weight:600}.swap-table td:nth-child(7){border-top:1px dashed rgba(255,255,255,.1);padding-top:1.25rem;display:flex;justify-content:center}.swap-table td:nth-child(7) .action-btn-verify{width:100%;padding:1rem;font-size:1rem;border-radius:12px;box-shadow:0 4px 12px #3b82f64d}.swap-table td:nth-child(7) .verified-text{width:100%;text-align:center;padding:1rem;background:#34d3991a;border-radius:12px;color:#34d399;font-weight:700;border:1px solid rgba(52,211,153,.2);display:flex;align-items:center;justify-content:center;gap:.5rem}}.noti-hr-wrapper{padding:2rem;max-width:1000px;margin:0 auto;font-family:Onest,Outfit,sans-serif;color:#f8fafc}.noti-hr-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;background:#1e293bb3;padding:1.5rem 2.5rem;border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0003}.noti-hr-page-title{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.5px}.noti-hr-subtitle{color:#94a3b8;margin:.5rem 0 0;font-size:.95rem}.noti-hr-stats{display:flex;gap:1rem}.stat-badge{display:flex;flex-direction:column;align-items:center;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:.8rem 1.2rem;border-radius:12px}.stat-badge.total{background:#3b82f61a;border-color:#3b82f633}.stat-value{font-size:1.25rem;font-weight:700;color:#fff}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-top:.2rem}.noti-list{display:flex;flex-direction:column;gap:1rem}.noti-item{background:#1e293b80;padding:1.25rem 1.5rem;border-radius:16px;display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.03);position:relative;overflow:hidden}.noti-item:hover{background:#1e293bcc;border-color:#ffffff1a;box-shadow:0 4px 20px #00000026}.noti-item.unread{background:#f59e0b0d;border-left:4px solid #f59e0b}.noti-icon{font-size:1.8rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0d;border-radius:12px}.noti-item.unread .noti-icon{background:#f59e0b1a}.noti-content{flex-grow:1}.noti-msg{margin:0 0 .4rem;color:#f1f5f9;font-size:1rem;font-weight:500;line-height:1.5}.noti-item.read .noti-msg{color:#cbd5e1;font-weight:400}.noti-time{font-size:.8rem;color:#64748b;display:flex;align-items:center;gap:4px}.unread-pulse{width:10px;height:10px;background:#f59e0b;border-radius:50%;box-shadow:0 0 #f59e0bb3;animation:pulse 2s infinite;margin-right:.5rem}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #f59e0bb3}70%{transform:scale(1);box-shadow:0 0 0 10px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}.noti-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.page-btn{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#94a3b8;font-size:.9rem}.page-info .highlight{color:#fff;font-weight:700}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#1e293b66;border-radius:16px;border:1px solid rgba(255,255,255,.05);text-align:center;color:#94a3b8}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media screen and (max-width: 768px){.noti-hr-wrapper{padding:1rem 1rem 5rem}.noti-hr-header-section{flex-direction:column;text-align:center;gap:1.5rem;padding:1.5rem;margin-bottom:1.5rem}.noti-hr-page-title{font-size:1.8rem}.noti-item{padding:1rem;gap:1rem}.noti-icon{width:40px;height:40px;font-size:1.5rem;flex-shrink:0}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.popup-overlay.chro{background-color:#0f172ad9}.popup-card-chro{background:linear-gradient(135deg,#1e1b4bf2,#312e81f2);padding:40px;border-radius:20px;border:1px solid rgba(226,232,240,.3);box-shadow:0 0 50px #6366f140;text-align:center;max-width:400px;width:90%;color:#f8fafc;font-family:Outfit,sans-serif}.popup-icon-chro{font-size:4rem;color:#e2e8f0;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(226,232,240,.5))}.popup-title-chro{font-size:1.5rem;margin-bottom:10px;font-weight:600;letter-spacing:1px;color:#f8fafc}.popup-text-chro{font-size:1rem;color:#cbd5e1;line-height:1.5}.popup-btn-chro{margin-top:25px;padding:10px 30px;background-color:#e2e8f01a;border:1px solid rgba(226,232,240,.3);border-radius:30px;color:#e2e8f0;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:500}.popup-btn-chro:hover{background-color:#e2e8f033;box-shadow:0 0 15px #e2e8f033}.popup-overlay.head{background-color:#0f172ad9}.popup-card-head{background:linear-gradient(180deg,#0f172af2,#1e293bf2);padding:40px;border-radius:16px;border:2px solid #c5a059;box-shadow:0 0 30px #c5a05933;text-align:center;max-width:380px;width:90%;font-family:Outfit,sans-serif}.popup-icon-head{font-size:3.5rem;color:#c5a059;margin-bottom:20px}.popup-title-head{font-size:1.4rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;color:#fff}.popup-text-head{font-size:.95rem;color:#94a3b8;line-height:1.5}.popup-btn-head{margin-top:25px;padding:10px 30px;background-color:#c5a059;border:none;border-radius:4px;color:#0f172a;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .2s ease}.popup-btn-head:hover{transform:scale(1.05)}.popup-overlay.hr{background-color:#042f2ecc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-card-hr{background:linear-gradient(135deg,#064e3bf2,#042f2ef2);padding:35px;border-radius:24px;border:1px solid rgba(45,212,191,.3);box-shadow:0 10px 25px #0000004d;text-align:center;max-width:350px;width:90%;font-family:Outfit,sans-serif}.popup-icon-hr{font-size:3.5rem;color:#34d399;margin-bottom:15px}.popup-title-hr{font-size:1.3rem;margin-bottom:8px;font-weight:700;color:#ecfdf5}.popup-text-hr{font-size:.9rem;color:#a7f3d0;margin-bottom:20px}.popup-btn-hr{padding:8px 25px;background-color:#2dd4bf33;border:1px solid #2dd4bf;border-radius:12px;color:#2dd4bf;font-weight:600;cursor:pointer;transition:all .3s ease}.popup-btn-hr:hover{background-color:#2dd4bf;color:#042f2e}.popup-overlay.emp{background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popup-card-emp{background-color:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;text-align:center;max-width:320px;width:90%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.popup-icon-emp{font-size:3rem;color:#818cf8;margin-bottom:15px}.popup-title-emp{font-size:1.25rem;margin-bottom:8px;color:#1e293b;font-weight:700}.popup-text-emp{font-size:.9rem;color:#64748b;margin-bottom:20px}.popup-btn-emp{padding:10px 30px;background-color:#818cf8;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;width:100%;transition:background-color .2s}.popup-btn-emp:hover{background-color:#6366f1}.notifi-wrapper{padding:40px 20px;display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);font-family:Onest,Outfit,sans-serif;color:#f8fafc}.notifi-card{background:#1e293bb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:40px;width:100%;max-width:700px;box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.notifi-header-compact{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.notifi-header-content{display:flex;align-items:center;gap:20px;flex:1}.btn-back-premium{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1.1rem}.btn-back-premium:hover{background:#ffffff1a;color:#fff;transform:translate(-3px);border-color:#fff3}.notifi-icon{font-size:24px;background:#f59e0b26;color:#fbbf24;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:0 4px 12px #f59e0b33}.notifi-title{font-size:24px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.notifi-form-compact{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input-field{background:#0f172a99;border:1px solid rgba(255,255,255,.08);padding:14px 18px;border-radius:12px;color:#e2e8f0;font-size:15px;width:100%;transition:all .3s ease;font-family:inherit}.input-field:focus{outline:none;border-color:#60a5fa;background:#0f172acc;box-shadow:0 0 0 3px #60a5fa26}.input-field.textarea{min-height:150px;resize:vertical;line-height:1.6}.audience-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audience-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.audience-card:hover{background:#ffffff0d;transform:translateY(-2px)}.audience-card.active{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.audience-card.active:nth-child(2){background:#ec48991a;border-color:#ec4899;box-shadow:0 4px 20px #ec489933}.audience-icon{font-size:28px;margin-bottom:4px}.audience-title{font-weight:700;font-size:16px;color:#fff}.audience-desc{font-size:13px;color:#94a3b8;text-align:center}.check-indicator{position:absolute;top:12px;right:12px;font-size:18px}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:8px}.dept-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;min-height:64px;background:#ffffff05;transition:all .2s ease;position:relative}.dept-card:hover{background:#ffffff0d;transform:scale(1.02)}.dept-card.selected{border:none;color:#fff;font-weight:600;box-shadow:0 4px 15px #0000004d}.dept-name{font-size:13px;line-height:1.4;z-index:2}.dept-check{position:absolute;top:6px;right:6px;font-size:14px;color:#fff;z-index:2;background:#0003;border-radius:50%;display:flex}.form-actions-right{display:flex;justify-content:flex-end;margin-top:16px}.btn-primary{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;padding:14px 32px;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 20px #f59e0b40;transition:all .3s ease;display:flex;align-items:center;gap:10px;width:auto}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b59;filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);transform:none}@media screen and (max-width: 768px){.notifi-wrapper{padding:16px;align-items:flex-start;min-height:auto}.notifi-card{padding:24px 20px;border-radius:20px}.notifi-header-compact{gap:16px;margin-bottom:24px;padding-bottom:20px;flex-direction:column;align-items:flex-start}.notifi-header-content{gap:16px}.btn-back-premium{width:40px;height:40px;font-size:1rem}.notifi-icon{width:48px;height:48px;font-size:20px;flex-shrink:0}.notifi-title{font-size:20px}.notifi-header-compact p{font-size:13px!important}.audience-selection{grid-template-columns:1fr;gap:12px}.audience-card{flex-direction:row;padding:16px;align-items:center;text-align:left;gap:16px}.audience-icon{margin-bottom:0;font-size:24px}.audience-info{flex:1}.audience-title{font-size:15px;margin-bottom:2px}.audience-desc{text-align:left;font-size:12px}.check-indicator{top:50%;transform:translateY(-50%);right:16px}.notifi-form-compact{gap:20px}.input-field{padding:12px 16px}.dept-grid{grid-template-columns:repeat(2,1fr)}.btn-primary{width:100%;justify-content:center;padding:14px 24px}.form-actions-right{width:100%}}@media screen and (max-width: 400px){.dept-grid{grid-template-columns:1fr}}:root{--primary-accent: #6e8efb;--secondary-accent: #a777e3;--danger-accent: #ff4757;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-muted: rgba(255, 255, 255, .6)}.ann-wrapper-premium{padding:2.5rem;max-width:1400px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;font-family:Inter,Prompt,sans-serif;color:#fff}.ann-bg-blobs{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.blob{position:absolute;filter:blur(80px);opacity:.4;border-radius:50%;animation:float 20s infinite alternate}.blob-1{width:400px;height:400px;background:var(--primary-accent);top:-100px;right:-100px}.blob-2{width:300px;height:300px;background:var(--secondary-accent);bottom:10%;left:-50px;animation-delay:-5s}.blob-3{width:250px;height:250px;background:#4facfe;bottom:-50px;right:20%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,60px) scale(1.1)}}.ann-header-premium{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;background:#ffffff0d;padding:2rem 3rem;border-radius:30px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 20px 40px #0003}.ann-main-title{font-size:2.4rem;font-weight:800;margin:0;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff 0%,var(--primary-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title-icon{color:var(--primary-accent);-webkit-text-fill-color:var(--primary-accent);font-size:2rem}.ann-subtitle-premium{color:var(--text-muted);margin:.5rem 0 0;font-size:1rem}.btn-create-premium{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;border:none;padding:1rem 2rem;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #6e8efb4d}.btn-create-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px #6e8efb66}.ann-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2.5rem}.ann-card-premium{background:#ffffff08;border:1px solid var(--glass-border);border-radius:28px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all .3s ease;min-height:320px}.card-accent-bar{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));opacity:.6}.ann-card-premium:hover{border-color:#6e8efb66;box-shadow:0 20px 50px #0000004d;background:#ffffff0d}.ann-card-header-premium{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.ann-author-box{display:flex;align-items:center;gap:16px}.avatar-premium{width:48px;height:48px;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1.25rem;box-shadow:0 8px 16px #0003}.name-premium{display:block;font-weight:700;color:#fff;font-size:1rem}.time-premium{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.dept-tag-premium{background:#6e8efb1a;color:var(--primary-accent);padding:.4rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700;border:1px solid rgba(110,142,251,.2)}.ann-card-body-premium{flex-grow:1}.ann-title-text{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:#fff;line-height:1.3}.ann-body-text{color:var(--text-muted);line-height:1.7;font-size:1rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ann-card-footer-premium{margin-top:2rem;padding-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--glass-border);position:relative;z-index:10}.icon-action-btn{width:44px;height:44px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;position:relative;z-index:20}.icon-action-btn:hover{transform:scale(1.1) translateY(-2px);color:#fff;background:#ffffff1a;border-color:#fff3}.edit-btn:hover{color:var(--primary-accent);background:#6e8efb26;border-color:#6e8efb4d}.delete-btn:hover{color:var(--danger-accent);background:#ff475726;border-color:#ff47574d}.modal-overlay-premium{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.modal-content-premium{position:relative;width:100%;max-width:550px;background:#1e293bfa;border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 25px 80px #00000080;overflow:hidden;padding:3rem}.edit-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:800;color:var(--primary-accent)}.premium-form-group{margin-bottom:2rem}.premium-form-group label{display:block;font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem}.premium-form-group input,.premium-form-group textarea{width:100%;background:#0003;border:1.5px solid var(--glass-border);border-radius:16px;padding:1.2rem;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s}.premium-form-group input:focus,.premium-form-group textarea:focus{outline:none;border-color:var(--primary-accent);background:#0000004d;box-shadow:0 0 0 4px #6e8efb1a}.confirm-delete-box{text-align:center}.danger-icon-glow{width:80px;height:80px;background:#ff47571a;border:2px solid rgba(255,71,87,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--danger-accent);margin:0 auto 1.5rem;box-shadow:0 0 40px #ff475733}.confirm-delete-box h3{font-size:1.8rem;font-weight:800;margin-bottom:1rem}.delete-target-card{background:#ffffff08;border:1px solid var(--glass-border);padding:1.2rem;border-radius:16px;margin:1.5rem 0 2.5rem;font-style:italic;color:#fff;font-weight:600}.premium-modal-actions{display:flex;gap:1.5rem;justify-content:center}.btn-cancel-premium{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:1rem 2rem;border-radius:16px;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel-premium:hover{background:#ffffff0d;color:#fff}.btn-save-premium,.btn-confirm-delete{padding:1rem 2.5rem;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-save-premium{background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));color:#fff;box-shadow:0 10px 20px #6e8efb4d}.btn-confirm-delete{background:var(--danger-accent);color:#fff;box-shadow:0 10px 20px #ff47574d}.btn-save-premium:hover,.btn-confirm-delete:hover{transform:translateY(-2px);filter:brightness(1.1)}.empty-state-card{grid-column:1 / -1;background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:32px;padding:5rem;text-align:center;color:var(--text-muted)}.empty-state-card svg{font-size:4rem;margin-bottom:2rem;opacity:.3}@media screen and (max-width: 1024px){.ann-grid-premium{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media screen and (max-width: 768px){.ann-wrapper-premium{padding:1.5rem 1.5rem 5rem}.ann-header-premium{flex-direction:column;padding:2rem 1.5rem;gap:2rem;text-align:center}.ann-main-title{font-size:1.8rem;justify-content:center}.btn-create-premium{width:100%;justify-content:center}.ann-grid-premium{grid-template-columns:1fr;gap:1.5rem}.ann-card-premium{min-height:auto;padding:1.5rem}.modal-content-premium{padding:2rem 1.5rem}.premium-modal-actions{flex-direction:column-reverse;gap:1rem}.btn-confirm-delete,.btn-save-premium,.btn-cancel-premium{width:100%}}.popup-sent-overlay-hr{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#042f2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease}.popup-sent-overlay-hr.open{opacity:1}.popup-sent-card-hr{background:#064e3bf2;border:1px solid rgba(45,212,191,.3);border-radius:24px;padding:3rem;text-align:center;box-shadow:0 25px 50px -12px #00000080;position:relative;overflow:hidden;transform:translateY(20px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.popup-sent-overlay-hr.open .popup-sent-card-hr{transform:translateY(0)}.plane-container-hr{position:relative;width:120px;height:120px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.plane-circle-hr{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(45,212,191,.3);animation:spin 8s linear infinite}.plane-icon-hr{font-size:3.5rem;color:#2dd4bf;filter:drop-shadow(0 0 15px rgba(45,212,191,.5));animation:floatPlane 3s ease-in-out infinite;z-index:2}.wind-lines-hr span{position:absolute;height:2px;background:#2dd4bf99;border-radius:2px;animation:wind 1.5s linear infinite;opacity:0}.wind-lines-hr span:nth-child(1){top:30%;left:0;width:40px;animation-delay:0s}.wind-lines-hr span:nth-child(2){top:50%;right:0;width:30px;animation-delay:.5s}.wind-lines-hr span:nth-child(3){bottom:20%;left:10%;width:20px;animation-delay:1s}.popup-sent-title-hr{color:#f0fdf4;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;font-family:Outfit,sans-serif}.popup-sent-message-hr{color:#a7f3d0;font-size:1.1rem;margin:0}@keyframes floatPlane{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px,-10px) rotate(-5deg)}}@keyframes wind{0%{transform:translate(-20px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}.leave-wrapper{padding:1.5rem;color:#e0e6ed;font-family:Outfit,Inter,sans-serif;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px)}.premium-glass{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;width:100%;box-shadow:0 20px 50px -15px #0006,0 0 0 1px #ffffff0d inset;position:relative;overflow:visible}.premium-glass:after{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(96,165,250,.5),transparent)}.card-header-actions{position:absolute;top:2rem;right:2rem;z-index:10}.btn-back-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back-link:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translate(-4px)}.card-header-compact{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.header-icon-glare{width:64px;height:64px;background:linear-gradient(135deg,#3b82f633,#2563eb1a);border:1px solid rgba(59,130,246,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px -10px #3b82f64d;position:relative;overflow:hidden}.header-icon-glare:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(96,165,250,.2) 0%,transparent 60%);transform:rotate(45deg)}.header-icon-svg{font-size:2rem;color:#60a5fa;filter:drop-shadow(0 0 10px rgba(96,165,250,.5));z-index:2}.header-text{flex:1}.header-title{font-size:2rem;font-weight:700;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .25rem;letter-spacing:-.02em}.header-subtitle{color:#64748b;font-size:.95rem;margin:0}.compact-form{display:flex;flex-direction:column;gap:1.5rem}.section-label{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.section-label span{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.section-label .h-line{flex:1;height:1px;background:#ffffff14}.mt-4{margin-top:1rem}.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.selection-card{background:#0f172a66;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden}.selection-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(59,130,246,.15),transparent 70%);opacity:0;transition:opacity .4s ease}.selection-card:hover{background:#1e293b99;border-color:#60a5fa4d;transform:translateY(-3px);box-shadow:0 10px 20px -5px #0000004d}.selection-card:hover:before{opacity:1}.selection-card.active{background:linear-gradient(135deg,#3b82f626,#0f172a66);border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 8px 25px -6px #3b82f680}.card-icon-container{width:75px;height:75px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);background:#1e293b80;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.selection-card.active .card-icon-container{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 16px #3b82f64d;border-color:transparent}.selection-card:hover .card-icon-container{transform:scale(1.05);background:#3b82f61a}.card-icon{font-size:2.5rem;color:#94a3b8;transition:all .3s ease}.selection-card.active .card-icon{color:#fff;transform:scale(1.1)}.card-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.card-title{font-weight:700;color:#fff;font-size:1.15rem;letter-spacing:-.01em}.card-desc{font-size:.9rem;color:#94a3b8}.selection-checkbox{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.15);position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:#0003;flex-shrink:0}.selection-card.active .selection-checkbox{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 12px #3b82f680;transform:scale(1.1)}.selection-card.active .selection-checkbox:after{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.user-badge{background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:14px;padding:.85rem 1rem;display:flex;align-items:center;gap:1rem;color:#e2e8f0}.self-badge{border:1px solid rgba(59,130,246,.2);background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}.user-badge-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 10px #2563eb33}.user-badge-info h4{margin:0 0 .2rem;color:#fff;font-size:1rem;font-weight:600}.user-badge-info p{margin:0;font-size:.8rem;color:#94a3b8}.on-behalf-wrapper{overflow:visible}.search-container{position:relative;z-index:50}.input-group-search{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#64748b;font-size:1rem;z-index:2}.search-input{padding-left:2.75rem!important;padding-right:2.5rem!important}.clear-btn{position:absolute;right:.75rem;background:none;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:50%;transition:all .2s}.clear-btn:hover{color:#f87171;background:#f871711a}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:14px;max-height:240px;overflow-y:auto;box-shadow:0 20px 40px -5px #0009;z-index:100;padding:.5rem}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.dropdown-item{padding:.6rem .75rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.dropdown-item:hover{background:#3b82f626}.item-avatar{width:32px;height:32px;background:#334155;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:600;font-size:.9rem}.dropdown-item:hover .item-avatar{background:#3b82f6;color:#fff}.item-info{display:flex;flex-direction:column}.item-name{color:#e2e8f0;font-weight:500;font-size:.9rem}.item-id{color:#64748b;font-size:.7rem}.selected-user-card{background:linear-gradient(135deg,#3b82f61a,#0f172a80);border:1px solid rgba(59,130,246,.3);border-radius:14px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.selected-avatar{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 4px 10px #3b82f64d}.selected-info{flex:1}.selected-info h4{margin:0;font-size:1rem;color:#fff}.selected-info p{margin:.1rem 0 0;font-size:.75rem;color:#94a3b8}.remove-user-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.4rem .8rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}.remove-user-btn:hover{background:#ffffff1a;color:#fff}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#cbd5e1;margin-bottom:.5rem}.input-field{background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 1rem;height:50px;box-sizing:border-box;color:#fff;font-size:.95rem;transition:all .3s ease;width:100%;font-family:inherit}.input-field:focus{outline:none;border-color:#60a5fa;background:#0f172acc;box-shadow:0 0 0 4px #60a5fa26}.select-wrapper{position:relative;width:100%}input[type=date]{position:relative;color-scheme:dark;z-index:5;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.8;cursor:pointer;width:1.35rem;height:1.35rem;transition:transform .2s;padding:.3rem;position:relative;z-index:10}input[type=date]::-webkit-calendar-picker-indicator:hover{transform:scale(1.1);opacity:1}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:.7rem;height:.7rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3e%3c/path%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;pointer-events:none}.textarea{resize:vertical;min-height:100px;line-height:1.6}.full-width{grid-column:1 / -1}.form-row-3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.25rem}.form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:1rem;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem}.btn-hr-cancel{background:transparent;border:1px solid transparent;color:var(--hr-text-muted);font-family:var(--hr-font-family);font-size:.9rem;font-weight:500;cursor:pointer;padding:.6rem 1.2rem;border-radius:12px;transition:all .3s ease}.btn-hr-cancel:hover{color:var(--hr-text-primary);background:#f1f5f90d;border-color:#ffffff1a;transform:translate(-2px)}.btn-hr-submit{position:relative;background:var(--hr-bg-gradient);background-size:200% auto;color:#fff;border:1px solid rgba(99,102,241,.5);padding:.6rem 1.5rem;border-radius:12px;font-family:var(--hr-font-family);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px -3px #6366f14d}.btn-hr-submit:hover{background-position:right center;border-color:#818cf8;box-shadow:0 8px 25px -5px #6366f180;transform:translateY(-2px)}.btn-hr-submit:active{transform:translateY(0)}.icon-wrapper-hr{display:flex;align-items:center;justify-content:center;background:#fff3;padding:.4rem;border-radius:8px;transition:all .3s ease}.btn-hr-submit:hover .icon-wrapper-hr{background:#ffffff4d;transform:rotate(-15deg) scale(1.1)}.btn-hr-submit:disabled{opacity:.7;cursor:wait;filter:grayscale(.4)}.loading-spinner-hr{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:hr-spin .8s linear infinite}@keyframes hr-spin{to{transform:rotate(360deg)}}.btn-primary:disabled{opacity:.7;cursor:wait;transform:none}.btn-icon{font-size:1rem}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.custom-dropdown-container{position:relative;width:100%}.custom-select-trigger{background:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0px 1rem;height:50px;box-sizing:border-box;color:#94a3b8;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;-webkit-user-select:none;user-select:none}.custom-select-trigger.filled span{color:#fff;font-weight:500}.custom-select-trigger:hover{background:#1e293bcc;border-color:#60a5fa4d}.custom-select-trigger.open{border-color:#60a5fa;background:#0f172ae6;box-shadow:0 0 0 4px #60a5fa26}.arrow-icon{display:flex;align-items:center;color:#94a3b8}.custom-options-list{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 40px -5px #0009;z-index:100;overflow:hidden;padding:.5rem}.custom-option{padding:.75rem 1rem;color:#cbd5e1;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:space-between;font-size:.95rem}.custom-option:hover{background:#3b82f626;color:#fff;padding-left:1.25rem}.custom-option.selected{background:linear-gradient(135deg,#3b82f633,#2563eb1a);color:#60a5fa;font-weight:600}.check-icon{color:#60a5fa;font-size:.9rem}@media (max-width: 768px){.leave-wrapper{padding:1rem}.premium-glass{padding:1.5rem}.card-header-compact{flex-direction:column;align-items:flex-start;gap:1.25rem;margin-bottom:2rem}.card-header-actions{position:static;margin-bottom:1.5rem}.form-row-3,.selection-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:1rem}.btn-primary,.btn-text{width:100%;justify-content:center}}:root{--primary-deep: #0f172a;--accent-neon: #38bdf8;--accent-glow: rgba(56, 189, 248, .2);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--text-muted: #94a3b8;--success-glow: #22c55e;--danger-glow: #ef4444}.hr-add-dept-page{position:relative;overflow:hidden;padding:1.5rem;min-height:calc(100vh - 100px)}.bg-blob{position:absolute;filter:blur(80px);z-index:0;opacity:.15;border-radius:50%}.blob-1{width:400px;height:400px;background:var(--accent-neon);top:-100px;right:-100px;animation:blobFloat 20s infinite alternate}.blob-2{width:300px;height:300px;background:#a855f7;bottom:-50px;left:-50px;animation:blobFloat 15s infinite alternate-reverse}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,40px) scale(1.1)}}.page-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;position:relative;z-index:1}.header-titles h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#fff 0%,var(--accent-neon) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-.02em}.header-titles p{color:var(--text-muted);margin:.5rem 0 0;font-size:1rem}.header-date{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hr-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem;position:relative;z-index:1}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent-neon);box-shadow:0 10px 30px #0003}.stat-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:1.4rem;color:#fff}.stat-total .stat-icon{background:linear-gradient(135deg,#3b82f6,#2dd4bf)}.stat-newest .stat-icon{background:linear-gradient(135deg,#a855f7,#ec4899)}.stat-status .stat-icon{background:linear-gradient(135deg,#10b981,#34d399)}.stat-info h3{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.stat-info span{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hr-add-dept-layout{display:grid;grid-template-columns:380px 1fr;gap:2rem;position:relative;z-index:1}.hr-add-dept-card{padding:2.2rem;height:fit-content;background:#0f172a99;border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-header-visual{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem}.stat-icon-wrapper{width:48px;height:48px;background:var(--accent-neon);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px var(--accent-glow)}.header-text h2{font-size:1.3rem;margin:0;color:#fff}.header-text p{font-size:.85rem;color:var(--text-muted);margin:.2rem 0 0}.hr-input-group{margin-bottom:1.5rem;transition:all .3s ease}.label-small{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.6rem;font-weight:600;text-transform:uppercase}.input-wrapper-compact{display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:0 1rem;transition:all .3s ease}.hr-input-group.focused .input-wrapper-compact{border-color:var(--accent-neon);background:#ffffff14;box-shadow:0 0 0 4px var(--accent-glow)}.input-icon-compact{color:var(--text-muted);margin-right:.8rem}.hr-compact-input{width:100%;padding:1rem 0;background:transparent;border:none;color:#fff;font-size:.95rem;outline:none}.hr-compact-input::placeholder{color:#475569}.input-footer{margin-top:.5rem;display:flex;justify-content:flex-end}.char-limit-indicator{font-size:.75rem;color:var(--text-muted)}.hr-compact-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent-neon),#0ea5e9);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer;box-shadow:0 4px 15px #0ea5e94d}.hr-dept-list-card{padding:2.2rem;background:#0f172a66;border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.list-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1.5rem}.title-group{display:flex;align-items:center;gap:1rem}.title-group h2{font-size:1.4rem;color:#fff;margin:0}.count-tag{padding:.4rem .8rem;background:var(--accent-glow);color:var(--accent-neon);border-radius:20px;font-size:.75rem;font-weight:700}.table-search-box{position:relative;width:280px}.table-search-input{width:100%;padding:.8rem 1rem .8rem 2.8rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:.9rem}.table-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.hr-dept-table-container{max-height:500px;overflow-y:auto;border-radius:12px}.hr-dept-table{width:100%;border-collapse:separate;border-spacing:0 8px}.hr-dept-table th{padding:1rem;text-align:left;color:var(--text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;background:#0f172a;z-index:2}.dept-row td{padding:1.2rem 1rem;background:#ffffff08;transition:all .2s ease}.dept-row td:first-child{border-radius:12px 0 0 12px}.dept-row td:last-child{border-radius:0 12px 12px 0}.id-cell{color:var(--accent-neon);font-weight:700;font-family:JetBrains Mono,monospace}.dept-name-cell{display:flex;align-items:center;gap:1rem}.mini-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1.1rem}.avatar-style-1{background:linear-gradient(135deg,#3b82f6,#2dd4bf)}.avatar-style-2{background:linear-gradient(135deg,#a855f7,#ec4899)}.avatar-style-3{background:linear-gradient(135deg,#f59e0b,#ef4444)}.avatar-style-4{background:linear-gradient(135deg,#10b981,#06b6d4)}.dept-text-wrapper{display:flex;flex-direction:column}.dept-name-text{color:#fff;font-weight:600}.new-badge{font-size:.6rem;background:var(--success-glow);color:#fff;padding:.1rem .4rem;border-radius:4px;width:fit-content;margin-top:2px}.status-pill-small{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#22c55e1a;color:#22c55e;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.pulse-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.action-buttons-cell{display:flex;gap:.8rem}.action-btn{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:1rem;transition:all .2s ease}.btn-edit{background:#38bdf81a;color:var(--accent-neon)}.btn-delete{background:#ef44441a;color:var(--danger-glow)}.btn-edit:hover{background:var(--accent-neon);color:#fff}.btn-delete:hover{background:var(--danger-glow);color:#fff}.modal-overlay-premium{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;background:#020617cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content-premium{position:relative;background:#0f172a;border:1px solid var(--glass-border);border-radius:28px;width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000080;overflow:hidden;margin:1.5rem}.modal-header-premium{padding:1.8rem;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent);display:flex;align-items:center;gap:1.2rem;border-bottom:1px solid var(--glass-border)}.header-icon-box{width:48px;height:48px;background:var(--accent-neon);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.header-text-group h2{margin:0;font-size:1.4rem;color:#fff;font-weight:700}.header-text-group p{margin:.1rem 0 0;color:var(--text-muted);font-size:.85rem}.close-btn-premium{margin-left:auto;background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s}.close-btn-premium:hover{color:#fff}.modal-body-premium{padding:2.2rem 1.8rem}.edit-form-group label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.8rem}.input-with-icon{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:1.2rem;color:var(--text-muted);font-size:1.1rem}.premium-input-field{width:100%;padding:1.2rem 1rem 1.2rem 3rem;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:16px;color:#fff;font-size:1.1rem;transition:all .3s ease}.premium-input-field:focus{border-color:var(--accent-neon);background:#ffffff12;outline:none;box-shadow:0 0 0 4px var(--accent-glow)}.field-helper{margin-top:.8rem;display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.warning-text{color:var(--danger-glow);font-weight:600}.modal-footer-premium{padding:1.5rem 1.8rem;background:#ffffff03;display:flex;justify-content:flex-end;gap:1rem}.btn-link-premium{padding:.8rem 1.5rem;background:transparent;border:none;color:var(--text-muted);font-weight:600;cursor:pointer;transition:color .2s}.btn-link-premium:hover{color:#fff}.btn-action-premium{padding:.8rem 2rem;background:var(--accent-neon);border:none;border-radius:12px;color:#fff;font-weight:700;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:transform .2s}.btn-action-premium:hover{transform:scale(1.05)}.delete-premium{border-color:#ef44444d;text-align:center}.delete-accent-bar{height:6px;background:linear-gradient(90deg,transparent,#ef4444,transparent);width:100%}.delete-body{padding-top:3rem;padding-bottom:2.5rem}.delete-icon-glow{width:80px;height:80px;background:#ef44441a;border:2px solid rgba(239,68,68,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#ef4444;margin:0 auto 1.5rem;box-shadow:0 0 30px #ef444426;animation:pulseDanger 2s infinite}@keyframes pulseDanger{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.delete-title-premium{color:#fff;font-size:1.8rem;font-weight:800;margin-bottom:.8rem}.delete-desc-premium{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem}.delete-info-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;padding:1.2rem;display:flex;flex-direction:column;gap:.4rem;margin-top:1rem}.info-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.info-value{color:#fff;font-weight:600;font-size:1.1rem}.delete-footer{justify-content:center;gap:1.5rem;background:#ef444405;padding:2rem}.btn-danger-premium{padding:1rem 2.5rem;background:#ef4444;border:none;border-radius:14px;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #ef44444d;transition:all .3s ease}.btn-danger-premium:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 10px 25px #ef444466}.btn-danger-premium:active{transform:translateY(0)}@media (max-width: 1024px){.hr-add-dept-layout{grid-template-columns:1fr}.hr-add-dept-card{max-width:100%}}@media (max-width: 768px){.page-header-row{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-titles h1{font-size:1.8rem}.list-header-row{flex-direction:column;align-items:flex-start}.table-search-box{width:100%}.hr-dept-table thead{display:none}.hr-dept-table,.hr-dept-table tbody,.hr-dept-table tr,.hr-dept-table td{display:block;width:100%}.dept-row{margin-bottom:1.5rem;background:#ffffff0d;border-radius:16px;padding:1rem;border:1px solid var(--glass-border)}.dept-row td{background:transparent;border:none;padding:.5rem 0}.dept-row td:before{content:attr(data-label);float:left;font-weight:700;text-transform:uppercase;font-size:.7rem;color:var(--text-muted)}.dept-name-cell{padding-top:.5rem}.action-buttons-cell{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border);justify-content:flex-end}}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617f2;z-index:2000;display:flex;align-items:center;justify-content:center;flex-direction:column}.success-icon-circle{width:100px;height:100px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #22c55e80;margin-bottom:2rem}.checkmark-draw{width:60px;height:60px;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark .6s cubic-bezier(.65,0,.45,1) forwards .2s}@keyframes checkmark{to{stroke-dashoffset:0}}.success-title{font-size:3rem;font-weight:900;color:#fff;margin:0}.success-detail{color:var(--text-muted);font-size:1.2rem;margin-top:.5rem}.confetti-piece{position:absolute;width:8px;height:8px;z-index:2001}:root{--hr-cal-bg: rgba(10, 15, 30, .65);--hr-cal-glass: blur(16px) saturate(180%);--hr-cal-border: 1px solid rgba(255, 255, 255, .08);--hr-cal-primary: #6366f1;--hr-cal-primary-glow: rgba(99, 102, 241, .4);--hr-cal-secondary: #ec4899;--hr-cal-accent: #10b981;--hr-cal-text: #f8fafc;--hr-cal-text-muted: #94a3b8;--hr-cal-card-bg: rgba(30, 41, 59, .3);--hr-cal-grid-gap: 16px;--font-family: "Outfit", sans-serif}.calendar-layout-hr{width:100%;height:100%;padding:1.5rem;box-sizing:border-box;font-family:var(--font-family);position:relative;overflow:hidden}.hr-cal-bg-circle-1{position:absolute;top:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:float 10s ease-in-out infinite}.hr-cal-bg-circle-2{position:absolute;bottom:-20%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(236,72,153,.15),transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:float 12s ease-in-out infinite reverse}@keyframes float{0%{transform:translate(0)}50%{transform:translate(20px,30px)}to{transform:translate(0)}}.hr-calendar-container{width:100%;min-height:85vh;background:var(--hr-cal-bg);backdrop-filter:var(--hr-cal-glass);-webkit-backdrop-filter:var(--hr-cal-glass);border-radius:30px;border:var(--hr-cal-border);box-shadow:0 30px 60px #0006;color:var(--hr-cal-text);padding:2.5rem;display:flex;flex-direction:column;position:relative;z-index:1}.hr-calendar-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.hr-calendar-title{display:flex;gap:1.5rem;align-items:center}.hr-icon-wrapper{background:linear-gradient(135deg,#6366f11a,#ec48991a);padding:1.2rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 30px #0003}.hr-calendar-title div:last-child{display:flex;flex-direction:column}.hr-calendar-title span:first-child{font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--hr-cal-text-muted);font-weight:600;margin-bottom:4px}.hr-calendar-title span:last-child{font-size:3rem;font-weight:800;background:linear-gradient(to right,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.hr-calendar-nav{display:flex;gap:1.5rem;align-items:center}.hr-nav-group{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px;border-radius:16px;display:flex;gap:4px;border:1px solid rgba(255,255,255,.05)}.hr-cal-btn{background:transparent;border:none;color:var(--hr-cal-text-muted);padding:.8rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.hr-cal-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.hr-cal-btn.today-btn{padding:.8rem 1.5rem;font-weight:600;color:#fff;background:#ffffff0d}.hr-cal-btn.primary{background:linear-gradient(135deg,var(--hr-cal-primary),#4f46e5);color:#fff;padding:.8rem 1.8rem;border-radius:16px;font-weight:600;box-shadow:0 8px 20px var(--hr-cal-primary-glow);gap:.8rem;border:1px solid rgba(255,255,255,.2)}.hr-cal-btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px var(--hr-cal-primary-glow)}.hr-calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--hr-cal-grid-gap);margin-bottom:1.5rem;background:#ffffff08;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.hr-day-header{text-align:center;padding:.8rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.15em;font-size:.95rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hr-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(140px,1fr);gap:var(--hr-cal-grid-gap);flex-grow:1}.hr-calendar-day{background:var(--hr-cal-card-bg);border:1px solid rgba(255,255,255,.03);border-radius:20px;padding:14px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hr-calendar-day:hover{background:#28324bcc;border-color:#6366f14d;transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px #0000004d;z-index:5}.hr-calendar-day:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:transparent;transition:background .3s}.hr-calendar-day.today{background:#6366f126;border:1px solid rgba(99,102,241,.5);box-shadow:0 0 20px #6366f11a}.hr-calendar-day.today:before{background:var(--hr-cal-primary)}.hr-calendar-day.weekend,.hr-calendar-day.holiday-mode{background:#3c141e66;border:1px solid rgba(239,68,68,.2)}.hr-calendar-day.weekend .hr-day-number,.hr-calendar-day.holiday-mode .hr-day-number{color:#fca5a5;background:#ef44441a}.hr-day-number{font-size:1.1rem;font-weight:700;color:#e2e8f0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s;background:#ffffff08}.hr-calendar-day.today .hr-day-number{background:var(--hr-cal-primary);color:#fff;box-shadow:0 4px 15px var(--hr-cal-primary-glow)}.hr-events-container{margin-top:10px;display:flex;flex-direction:column;gap:6px;flex-grow:1}.hr-calendar-event{font-size:.75rem;padding:6px 10px;border-radius:8px;color:#fff;background:#ffffff14;border-left:3px solid transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:all .2s;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 5px #0000001a}.hr-calendar-event:hover{transform:translate(4px);filter:brightness(1.2)}.hr-calendar-event.holiday{background:#dc262640;border-left-color:#ef4444;color:#fca5a5}.hr-calendar-event.event{background:#4f46e540;border-left-color:#6366f1;color:#c7d2fe}.hr-calendar-event.meeting{background:#05966940;border-left-color:#10b981;color:#6ee7b7}.hr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem}.hr-modal{background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:28px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 50px 100px -20px #000c;position:relative;display:flex;flex-direction:column}.hr-modal-header{padding:2rem 2.5rem;background:linear-gradient(to right,rgba(99,102,241,.08),transparent);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.hr-modal-title h3{font-size:2rem;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:800}.hr-modal-title p{color:var(--hr-cal-text-muted);margin:6px 0 0;font-size:1rem;font-weight:500}.hr-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#94a3b8;padding:12px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.hr-modal-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444;transform:rotate(90deg)}.hr-modal-content{padding:2.5rem;overflow-y:auto;flex:1}.hr-modal-event-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:1.5rem;margin-bottom:1rem;display:flex;gap:1.5rem;transition:transform .2s}.hr-modal-event-card:hover{transform:scale(1.01);background:#ffffff0f}.hr-event-bar{width:6px;border-radius:10px;flex-shrink:0}.hr-modal-event-card.holiday .hr-event-bar{background:#ef4444;box-shadow:0 0 15px #ef444480}.hr-modal-event-card.event .hr-event-bar{background:#6366f1;box-shadow:0 0 15px #6366f180}.hr-modal-event-card.meeting .hr-event-bar{background:#10b981;box-shadow:0 0 15px #10b98180}.hr-event-info h4{margin:0 0 6px;font-size:1.2rem;color:#fff;font-weight:700}.hr-event-info p{margin:0;font-size:.95rem;color:#cbd5e1;line-height:1.5}.hr-form-group{margin-bottom:1.5rem}.hr-form-group label{color:#e2e8f0;font-weight:600;margin-bottom:.8rem;font-size:.95rem;display:block}.hr-form-group input,.hr-form-group select,.hr-form-group textarea{width:100%;background:#0f172a66;border:1px solid rgba(255,255,255,.1);padding:1.2rem;border-radius:16px;color:#fff;font-size:1rem;transition:all .3s;font-family:var(--font-family)}.hr-form-group input:focus,.hr-form-group select:focus,.hr-form-group textarea:focus{border-color:var(--hr-cal-primary);box-shadow:0 0 0 4px #6366f126;background:#0f172acc}.hr-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.hr-btn-cancel{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:1rem 2rem;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.hr-btn-cancel:hover{background:#ffffff0d;color:#fff}.hr-btn-save{background:linear-gradient(135deg,var(--hr-cal-primary),#4f46e5);color:#fff;border:none;padding:1rem 2.5rem;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 10px 25px #6366f14d;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px}.hr-btn-save:hover{box-shadow:0 15px 35px #6366f180;transform:translateY(-2px);filter:brightness(1.1)}.hr-w-full{width:100%}.hr-flex{display:flex}.hr-flex-between{display:flex;justify-content:space-between;align-items:flex-start}.hr-items-center{align-items:center}.hr-gap-2{gap:.5rem}.hr-gap-3{gap:.75rem}.hr-mt-2{margin-top:.5rem}.hr-mt-3{margin-top:.75rem}.hr-text-sm{font-size:.875rem}.hr-text-xs{font-size:.75rem}.hr-text-slate{color:#94a3b8}.hr-delete-btn{color:#f87171;padding:4px;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .2s}.hr-delete-btn:hover{background:#ffffff1a;color:#ef4444}.hr-flex-1{flex:1}.hr-gap-4{gap:1rem}.hr-justify-end{justify-content:flex-end}.hr-center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:#64748b}.hr-opacity-20{opacity:.2}.hr-mb-4{margin-bottom:1rem}.hr-mb-6{margin-bottom:1.5rem}.hr-text-white{color:#fff}.hr-font-bold{font-weight:700}.hr-text-xl{font-size:1.25rem}.hr-text-slate-300{color:#cbd5e1}.hr-btn-delete-confirm{background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:12px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 10px #ef44444d;transition:all .2s}.hr-btn-delete-confirm:hover{background:#dc2626;box-shadow:0 6px 15px #ef444466}@media (max-width: 768px){.calendar-layout-hr{padding:.5rem}.hr-calendar-container{padding:1.5rem 1rem;border-radius:20px;min-height:auto}.hr-calendar-header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-bottom:1.25rem}.hr-calendar-title{flex-direction:column;align-items:flex-start;gap:.75rem}.hr-icon-wrapper{padding:.75rem;border-radius:16px}.hr-icon-wrapper svg{width:24px;height:24px}.hr-calendar-title span:last-child{font-size:2rem}.hr-calendar-nav{width:100%;flex-direction:column;align-items:stretch;gap:1rem}.hr-nav-group{width:100%;justify-content:space-between}.hr-cal-btn.primary{width:100%;justify-content:center;padding:1rem}.hr-calendar-grid-header{gap:2px;padding:4px;margin-bottom:.5rem}.hr-day-header{padding:.4rem 0;font-size:.7rem}.hr-calendar-grid{gap:4px;grid-auto-rows:minmax(65px,1fr)}.hr-calendar-day{padding:4px;border-radius:10px;min-height:65px;align-items:center}.hr-day-number{width:28px;height:28px;font-size:.95rem;margin-bottom:2px}.hr-events-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:3px;margin-top:0}.hr-calendar-event{width:6px;height:6px;padding:0;border-radius:50%;color:transparent;overflow:hidden;border:none;box-shadow:none;background-color:transparent}.hr-calendar-event.holiday{background:#ef4444}.hr-calendar-event.event{background:#6366f1}.hr-calendar-event.meeting{background:#10b981}.hr-modal-overlay{padding:1rem;align-items:center}.hr-modal{padding:0;max-height:90vh;border-radius:20px}.hr-modal-header{padding:1.25rem 4rem 1.25rem 1.5rem;flex-direction:column;align-items:flex-start;gap:.5rem}.hr-modal-title h3{font-size:1.4rem}.hr-modal-close{position:absolute;top:1.25rem;right:1.25rem;padding:8px}.hr-modal-content{padding:1.25rem 1.5rem}.hr-modal-event-card{flex-direction:column;gap:1rem}.hr-event-bar{width:100%;height:4px}.hr-form-group{margin-bottom:1rem}.hr-form-group label{margin-bottom:.5rem;font-size:.85rem}.hr-form-group input,.hr-form-group select,.hr-form-group textarea{padding:.8rem 1rem;border-radius:12px;font-size:.95rem;width:100%;box-sizing:border-box}.hr-flex.hr-gap-4{flex-direction:column;gap:0}.hr-modal-actions{flex-direction:column-reverse;gap:.75rem;padding-top:1.5rem;margin-top:1.5rem}.hr-btn-cancel,.hr-btn-save{width:100%;margin:0;padding:.85rem}}:root{--chro-sidebar-width: 260px;--chro-sidebar-collapsed-width: 110px;--chro-primary: #8b5cf6;--chro-primary-hover: #7c3aed;--chro-bg-dark: #0f172a;--chro-bg-panel: #1e293b;--chro-text-main: #f1f5f9;--chro-text-muted: #94a3b8;--chro-border: rgba(255, 255, 255, .1)}.chro-sidebar{position:fixed;top:0;left:0;height:100vh;background-color:var(--chro-bg-dark);color:var(--chro-text-main);z-index:1000;transition:width .4s cubic-bezier(.25,1,.5,1);box-shadow:4px 0 20px #0000004d;display:flex;flex-direction:column;transform:translateZ(0);-webkit-font-smoothing:antialiased;backface-visibility:hidden;will-change:width}.chro-sidebar.open{width:var(--chro-sidebar-width)}.chro-sidebar.closed{width:var(--chro-sidebar-collapsed-width)}.chro-sidebar-content{display:flex;flex-direction:column;height:100%;overflow-x:hidden;width:100%}.chro-sidebar-toggle-btn{position:absolute;top:30px;right:-15px;width:32px;height:32px;background:linear-gradient(135deg,#fbbf24,#d97706);border:4px solid #0f172a;border-radius:50%;color:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #0000004d;font-size:.8rem}.chro-sidebar-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 15px #fbbf2480;background:#f59e0b}.chro-sidebar-toggle-btn svg{transition:transform .3s}.chro-logo-section{height:90px;display:flex;align-items:center;padding:0 24px;gap:16px;white-space:nowrap}.chro-sidebar.closed .chro-logo-section{padding:0;justify-content:center}.chro-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--chro-primary),#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 12px #8b5cf64d;min-width:44px;color:#fff}.chro-logo-text h2{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff}.chro-logo-text span{font-size:.75rem;color:var(--chro-text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.chro-divider{height:1px;background:linear-gradient(to right,transparent,var(--chro-border),transparent);margin:0 20px;opacity:.6}.chro-nav-menu{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.chro-nav-item{position:relative;display:flex;align-items:center;padding:14px 16px;background:transparent;border:none;border-radius:12px;color:var(--chro-text-muted);cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden}.chro-sidebar.closed .chro-nav-item{justify-content:center;padding:14px 0}.chro-nav-item:hover{background:#ffffff0d;color:#fff}.chro-nav-item.active{background:#8b5cf626;color:var(--chro-primary);font-weight:600}.chro-nav-icon{font-size:1.25rem;min-width:24px;display:flex;align-items:center;justify-content:center}.chro-sidebar.open .chro-nav-label{margin-left:16px}.chro-active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--chro-primary);border-radius:4px 0 0 4px;box-shadow:-2px 0 10px #8b5cf680}.chro-sidebar-footer{padding:24px;border-top:1px solid var(--chro-border);display:flex;flex-direction:column;gap:16px;background:#0003}.chro-user-profile{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff08;border-radius:14px;transition:all .2s;border:1px solid transparent}.chro-user-profile:hover{border-color:#ffffff0d;background:#ffffff0d}.chro-sidebar.closed .chro-user-profile{justify-content:center;background:transparent;padding:0;margin-bottom:10px;border:none}.chro-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#f43f5e,#be123c);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.1rem;box-shadow:0 4px 10px #f43f5e4d}.chro-user-info{overflow:hidden}.chro-user-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chro-user-role{font-size:.75rem;color:var(--chro-text-muted)}.chro-logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#fca5a5;border-radius:12px;cursor:pointer;transition:all .2s;font-weight:600}.chro-sidebar.closed .chro-logout-btn{padding:12px 0;border:none;background:transparent;color:#ef4444}.chro-sidebar.closed .chro-logout-btn:hover{background:#ef44441a}.chro-sidebar.closed .chro-logout-btn span{display:none}.chro-logout-btn:hover{background:#ef444433;border-color:#ef4444;color:#fff}.chro-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}.chro-sidebar-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 1024px){.chro-sidebar-overlay{display:none!important}.chro-sidebar{position:relative!important;width:100%!important;height:70px!important;min-height:70px!important;max-height:70px!important;transform:none!important;display:flex!important;flex-direction:row!important;align-items:center!important;padding:0 10px!important;background:var(--chro-bg-dark)!important;box-shadow:0 4px 10px #0000004d!important;overflow:hidden!important;z-index:5000}.chro-sidebar.open,.chro-sidebar.closed{width:100%!important;transform:none!important}.chro-sidebar-toggle-btn{display:none!important}.chro-sidebar-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:100%!important;overflow:visible!important}.chro-logo-section,.chro-divider,.chro-user-info,.chro-active-indicator{display:none!important}.chro-sidebar-footer{order:-1!important;padding:0!important;margin:0 10px!important;border:none!important;background:transparent!important;width:auto!important;flex-shrink:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.chro-logout-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;height:40px!important;padding:0!important;margin:0!important;border-radius:12px!important;background:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important}.chro-logout-btn:hover{background:#ef444433!important}.chro-logout-btn span{display:none!important}.chro-logout-btn svg{margin:0!important;font-size:1.2rem!important}.chro-user-profile{padding:0!important;background:transparent!important;border:none!important;margin:0!important;display:flex!important}.chro-avatar{width:40px!important;height:40px!important;border-radius:12px!important;margin:0!important;font-size:.9rem!important}.chro-nav-menu{order:2!important;flex:1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;padding:0!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-ms-overflow-style:none;scrollbar-width:none}.chro-nav-menu::-webkit-scrollbar{display:none}.chro-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:50px!important;height:50px!important;padding:0!important;margin:0 2px!important;border-radius:12px!important;background:transparent!important;color:#94a3b8!important}.chro-nav-item.active{background:#8b5cf626!important;color:var(--chro-primary)!important}.chro-nav-icon{font-size:1.4rem!important;margin:0!important;width:auto!important;height:auto!important;display:block!important}.chro-nav-label{display:none!important}}.chro-layout-container{min-height:100vh;background-color:var(--chro-bg-page, #0f172a);color:var(--chro-text-primary, #f9fafb);margin-left:260px;padding:32px 40px;font-family:Inter,system-ui,sans-serif;overflow-x:hidden;transition:margin-left .4s cubic-bezier(.25,1,.5,1);box-sizing:border-box;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(16,185,129,.05) 0%,transparent 40%);background-attachment:fixed}.chro-layout-container.expanded{margin-left:110px}.chro-layout-content{max-width:100%;margin:0 auto;width:100%;animation:fadeIn .5s ease-out;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.chro-layout-container{margin-left:0!important;padding:20px}}@media (max-width: 767px){.chro-layout-container{padding:16px}}:root{--chro-bg: #0f172a;--chro-bg-gradient: linear-gradient( 135deg, #1e1b4b 0%, #312e81 50%, #0f172a 100% );--chro-sidebar-bg: rgba(30, 27, 75, .95);--chro-text-primary: #f8fafc;--chro-text-secondary: #cbd5e1;--chro-text-muted: #94a3b8;--chro-accent-color: #e2e8f0;--chro-accent-hover: #f1f5f9;--chro-accent-glow: 0 0 20px rgba(226, 232, 240, .3);--chro-secondary-accent: #6366f1;--chro-danger: #ef4444;--chro-success: #10b981;--chro-warning: #f59e0b;--chro-hover-bg: rgba(255, 255, 255, .1);--chro-active-bg: rgba(99, 102, 241, .2);--chro-glass-border: rgba(255, 255, 255, .15);--chro-card-bg: rgba(30, 27, 75, .7);--chro-shadow: 0 8px 32px rgba(0, 0, 0, .6);--chro-backdrop-blur: blur(24px);--chro-font-family: "Outfit", sans-serif}.loading-chro-container{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1e1b4b,#020617);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:900;overflow:hidden}.chro-command-center{position:relative;width:220px;height:220px;display:flex;justify-content:center;align-items:center;margin-bottom:3rem}.ring{position:absolute;border-radius:50%;box-sizing:border-box;box-shadow:0 0 10px #6366f10d}.ring-outer{width:100%;height:100%;border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--chro-accent-color);border-bottom:2px solid var(--chro-secondary-accent);animation:rotateRight 6s linear infinite;box-shadow:0 0 15px #e2e8f01a}.ring-middle{width:70%;height:70%;border:1px solid rgba(255,255,255,.05);border-left:2px solid var(--chro-secondary-accent);border-right:2px solid var(--chro-accent-color);animation:rotateLeft 4s linear infinite}.ring-inner{width:45%;height:45%;border:1px dashed rgba(255,255,255,.4);animation:rotateRight 10s linear infinite}.core-scanner{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);display:flex;justify-content:center;align-items:center}.scanner-beam{position:absolute;top:50%;left:50%;width:50%;height:2px;background:linear-gradient(90deg,var(--chro-accent-color) 0%,transparent 100%);box-shadow:0 0 8px var(--chro-accent-color);transform-origin:0% 50%;animation:scanRotation 3s linear infinite;opacity:.8;margin-top:-1px}.chro-logo-container{position:absolute;display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none}.chro-logo-text{font-family:var(--chro-font-family);font-weight:800;font-size:2.2rem;color:var(--chro-text-primary);letter-spacing:.1em;background:linear-gradient(to bottom,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))}.chro-logo-sub{font-family:var(--chro-font-family);font-size:.65rem;letter-spacing:.5em;color:var(--chro-secondary-accent);margin-top:-5px;font-weight:600}.loading-status{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.typing-text{font-family:Courier New,monospace;color:var(--chro-text-secondary);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;opacity:.8;animation:blinkText 2s infinite;text-align:center}@keyframes rotateRight{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateLeft{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes scanRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lineMove{0%{left:-40%}to{left:100%}}@keyframes blinkText{0%,to{opacity:.5}50%{opacity:1}}:root{--chro-bg-page: var(--bg-primary, #0f172a);--chro-bg-card: var(--bg-secondary, #1e293b);--chro-bg-card-hover: var(--bg-tertiary, #334155);--chro-primary: var(--accent-primary, #3b82f6);--chro-primary-dark: var(--accent-hover, #2563eb);--chro-secondary: #06b6d4;--chro-accent: #f43f5e;--chro-success: var(--accent-secondary, #10b981);--chro-text-primary: var(--text-primary, #f9fafb);--chro-text-secondary: var(--text-secondary, #9ca3af);--chro-border-color: rgba(255, 255, 255, .08);--chro-glass: rgba(17, 24, 39, .75);--chro-glass-border: rgba(255, 255, 255, .08);--chro-radius: 20px;--chro-shadow: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 8px 10px -6px rgba(0, 0, 0, .1);--chro-sidebar-w-open: 260px;--chro-sidebar-w-closed: 110px}.chro-dashboard-container{min-height:100vh;background-color:var(--chro-bg-page);color:var(--chro-text-primary);margin-left:var(--chro-sidebar-w-open);padding:32px 40px;font-family:Inter,system-ui,sans-serif;overflow-x:hidden;transition:margin-left .4s cubic-bezier(.25,1,.5,1);box-sizing:border-box;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(16,185,129,.05) 0%,transparent 40%);background-attachment:fixed}.chro-dashboard-container.expanded-view{margin-left:var(--chro-sidebar-w-closed)}.chro-content-wrapper{max-width:100%;margin:0 auto;width:100%}@media (max-width: 1024px){.chro-dashboard-container{margin-left:0;padding:20px}}.chro-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--chro-border-color);position:relative}.chro-header-section:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:var(--chro-primary);box-shadow:0 0 10px var(--chro-primary)}.chro-welcome-text h1{font-size:2.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;letter-spacing:-1.5px;line-height:1.2}.chro-welcome-text p{color:var(--chro-text-secondary);margin:8px 0 0;font-size:1.1rem;font-weight:400}.chro-date-badge{background:#ffffff08;padding:10px 20px;border-radius:99px;font-size:.95rem;color:var(--chro-text-secondary);border:1px solid var(--chro-border-color);display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000000d}.chro-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.chro-metric-card{background:var(--chro-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--chro-glass-border);border-radius:var(--chro-radius);padding:28px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:24px;box-shadow:var(--chro-shadow)}.chro-metric-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ffffff26;box-shadow:0 25px 50px -12px #00000080}.chro-metric-icon-wrapper{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#ffffff08;position:relative;z-index:1;transition:transform .3s ease}.chro-metric-card:hover .chro-metric-icon-wrapper{transform:rotate(10deg)}.chro-metric-card:nth-child(1) .chro-metric-icon-wrapper{color:#a78bfa;background:#8b5cf61a}.chro-metric-card:nth-child(2) .chro-metric-icon-wrapper{color:#34d399;background:#10b9811a}.chro-metric-card:nth-child(3) .chro-metric-icon-wrapper{color:#f472b6;background:#ec48991a}.chro-metric-card:nth-child(4) .chro-metric-icon-wrapper{color:#22d3ee;background:#06b6d41a}.chro-metric-info{flex:1;z-index:1}.chro-metric-value{font-size:2.5rem;font-weight:800;line-height:1;color:var(--chro-text-primary);margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chro-metric-label{color:var(--chro-text-secondary);font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.chro-metric-card:before{content:"";position:absolute;top:-60%;right:-40%;width:250px;height:250px;border-radius:50%;background:inherit;filter:blur(60px);opacity:.15;pointer-events:none;z-index:0;transition:opacity .3s}.chro-metric-card:nth-child(1):before{background:var(--chro-primary)}.chro-metric-card:nth-child(2):before{background:var(--chro-success)}.chro-metric-card:nth-child(3):before{background:var(--chro-accent)}.chro-metric-card:nth-child(4):before{background:var(--chro-secondary)}.chro-tabs-nav{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px!important;margin-bottom:56px!important;padding:0!important;background:transparent!important;border:none!important;width:100%!important;max-width:1400px;margin-left:auto;margin-right:auto}.chro-tab-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;height:auto!important;min-height:120px!important;background:linear-gradient(145deg,#1e293b99,#0f172acc)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;color:var(--chro-text-secondary)!important;font-weight:600!important;font-size:1.15rem!important;text-transform:uppercase!important;letter-spacing:1px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 4px 6px #0000001a!important;white-space:normal!important;text-align:center!important}.chro-tab-btn svg{font-size:2rem!important;margin-bottom:12px!important;color:var(--chro-text-secondary)!important;transition:all .3s ease!important}.chro-tab-btn:hover{background:#283246cc!important;transform:translateY(-8px)!important;border-color:#fff3!important;box-shadow:0 20px 40px -10px #00000080!important;color:#fff!important}.chro-tab-btn:hover svg{color:var(--chro-primary)!important;transform:scale(1.1)}.chro-tab-btn.active{background:linear-gradient(135deg,var(--chro-primary),#2563eb)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 32px #2563eb80!important;transform:translateY(-8px)!important}.chro-tab-btn.active svg{color:#fff!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.chro-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fff;box-shadow:0 0 12px #fff}.chro-grid-layout{display:grid;grid-template-columns:1.8fr 1.2fr;gap:32px}@media (max-width: 1200px){.chro-grid-layout{grid-template-columns:1fr}}.chro-panel{background:var(--chro-bg-card);background:linear-gradient(145deg,var(--chro-bg-card) 0%,rgba(30,41,59,.9) 100%);border:1px solid var(--chro-border-color);border-radius:var(--chro-radius);padding:32px;box-shadow:var(--chro-shadow);position:relative}.chro-panel.glass{background:var(--chro-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chro-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.chro-panel-header h3{margin:0;font-size:1.35rem;font-weight:700;color:var(--chro-text-primary);display:flex;align-items:center;gap:12px}.chro-panel-header h3 svg{color:var(--chro-primary)}.chro-chart-wrapper{display:flex;flex-direction:column;gap:24px}.chro-bar-group{display:flex;flex-direction:column;gap:10px}.chro-bar-header{display:flex;justify-content:space-between;font-size:.95rem;color:var(--chro-text-secondary);font-weight:600}.chro-bar-track{height:10px;background:#ffffff0d;border-radius:99px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.chro-bar-fill{height:100%;border-radius:99px;background:var(--chro-primary);box-shadow:0 0 10px currentColor}.chro-feed-list{display:flex;flex-direction:column;gap:20px}.chro-feed-item{display:flex;gap:16px;padding:16px;border-radius:12px;background:#ffffff05;transition:transform .2s;border:1px solid transparent}.chro-feed-item:hover{transform:translate(5px);background:#ffffff0a;border-color:#ffffff0d}.chro-feed-icon{width:48px;height:48px;border-radius:14px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--chro-primary);flex-shrink:0}.chro-feed-content{flex:1}.chro-feed-content p{margin:0 0 6px;font-weight:600;font-size:1rem;color:var(--chro-text-primary);line-height:1.4}.chro-feed-time{font-size:.85rem;color:var(--chro-text-secondary);display:flex;align-items:center;gap:6px}.chro-controls-toolbar{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap;background:#0f172a99;padding:20px;border-radius:16px;border:1px solid var(--chro-border-color);align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:100}.chro-search-box{flex:1;min-width:280px;position:relative}.chro-search-input{width:100%;background:#0000004d;border:1px solid var(--chro-border-color);border-radius:12px;color:#fff;padding:14px 16px 14px 48px;font-size:1rem;transition:all .2s}.chro-search-input:focus{outline:none;border-color:var(--chro-primary);background:#0006;box-shadow:0 0 0 3px #3b82f633}.chro-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--chro-text-secondary);font-size:1.1rem}.chro-filter-select{width:260px;z-index:50;flex-shrink:0}.chro-btn-secondary{background:#ffffff0d;border:1px solid var(--chro-border-color);color:var(--chro-text-primary);padding:14px 20px;border-radius:12px;cursor:pointer;transition:all .2s;font-weight:600;display:flex;align-items:center;gap:8px}.chro-btn-secondary:hover{background:var(--chro-primary);border-color:var(--chro-primary);color:#fff}.chro-emp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}.chro-emp-card{background:var(--chro-bg-card);border:1px solid var(--chro-border-color);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;cursor:pointer;overflow:hidden}.chro-emp-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--chro-primary),var(--chro-secondary));opacity:0;transition:opacity .3s}.chro-emp-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0006;border-color:#ffffff1a}.chro-emp-card:hover:before{opacity:1}.chro-emp-card.active-status:after{content:"";position:absolute;top:24px;right:24px;width:12px;height:12px;background:var(--chro-success);border-radius:50%;box-shadow:0 0 12px var(--chro-success);border:2px solid var(--chro-bg-card);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.chro-avatar-large{width:90px;height:90px;border-radius:25px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:2.25rem;color:#fff;margin-bottom:20px;box-shadow:0 10px 25px #3b82f666;position:relative;border:4px solid var(--chro-bg-card)}.chro-emp-name{font-size:1.25rem;font-weight:700;margin:0 0 6px;color:var(--chro-text-primary)}.chro-emp-role{color:var(--chro-primary);font-size:.95rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.chro-emp-dept{background:#ffffff0d;padding:6px 16px;border-radius:99px;font-size:.85rem;font-weight:500;color:var(--chro-text-secondary);border:1px solid rgba(255,255,255,.05)}.chro-table-container{overflow-x:auto;border-radius:16px;border:1px solid var(--chro-border-color);box-shadow:var(--chro-shadow)}.chro-table{width:100%;border-collapse:collapse;background:var(--chro-bg-card)}.chro-table th{text-align:left;padding:20px 24px;background:#0000004d;color:var(--chro-text-secondary);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;border-bottom:1px solid var(--chro-border-color)}.chro-table td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--chro-text-primary);vertical-align:middle}.chro-table tr:last-child td{border-bottom:none}.chro-table tr:hover td{background:#ffffff05}.emp-name{display:flex;align-items:center;gap:12px;font-weight:600}.mini-avatar{width:36px;height:36px;border-radius:10px;background:var(--chro-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700}.chro-row-actions{display:flex;gap:8px}.chro-row-actions button{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:.85rem;transition:transform .2s}.chro-row-actions button:hover{transform:scale(1.05)}.chro-btn-view{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.2)}.chro-btn-delete{background:#f43f5e26;color:#fda4af;border:1px solid rgba(244,63,94,.2)}.chro-dept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.chro-dept-card{background:var(--chro-bg-card);border:1px solid var(--chro-border-color);border-radius:var(--chro-radius);padding:32px;position:relative;overflow:hidden;transition:all .3s}.chro-dept-card:hover{transform:translateY(-5px);border-color:var(--chro-primary);box-shadow:var(--chro-shadow)}.chro-dept-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.03) 50%);pointer-events:none}.chro-dept-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chro-dept-score{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;border:2px solid currentColor;box-shadow:0 4px 10px #0003}.chro-dept-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dept-stat-box{background:#0000004d;padding:16px;border-radius:12px;text-align:center;border:1px solid var(--chro-border-color)}.dept-stat-val{font-size:1.25rem;font-weight:700;display:block;color:var(--chro-text-primary);margin-bottom:4px}.chro-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.chro-modal-overlay.open{opacity:1;pointer-events:auto}.chro-modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);width:90%;max-width:550px;border-radius:24px;padding:0;box-shadow:0 50px 100px -20px #000000b3;transform:translateY(30px) scale(.95);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.chro-modal-overlay.open .chro-modal-content{transform:translateY(0) scale(1)}.chro-charts-row{display:flex;gap:24px;margin-bottom:24px;flex-wrap:wrap}.chro-chart-card{flex:1;min-width:350px;background:var(--chro-bg-card);border:1px solid var(--chro-border-color);border-radius:20px;padding:24px;box-shadow:var(--chro-shadow);transition:transform .3s}.chro-chart-card:hover{transform:translateY(-5px);border-color:#ffffff1a}.chro-chart-card h4{margin:0 0 20px;font-size:1.1rem;color:var(--chro-text-primary);display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.chro-chart-card.wide{flex:1 1 100%}.chart-container{padding-top:10px}.chro-metric-card.warning .chro-metric-icon-wrapper{color:#f59e0b;background:#f59e0b1a}.chro-metric-card.success .chro-metric-icon-wrapper{color:#10b981;background:#10b9811a}.chro-metric-card.danger .chro-metric-icon-wrapper{color:#ef4444;background:#ef44441a}.chro-dashboard-view{display:flex;flex-direction:column;gap:24px}.chro-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-stat-item{background:#ffffff08;padding:10px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.mini-stat-item .label{color:var(--chro-text-secondary);font-size:.9rem}.mini-stat-item .val{color:var(--chro-text-primary);font-weight:700}.chro-modal-header{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.chro-modal-header h3{margin:0;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:12px}.chro-modal-close{background:transparent;border:none;color:var(--chro-text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s}.chro-modal-close:hover{color:#fff}.chro-modal-body{padding:32px}.chro-info-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--chro-text-secondary);font-size:1rem}.chro-info-row:last-child{border-bottom:none}.chro-info-row span:last-child{color:#fff;font-weight:600;text-align:right}.chro-modal-actions{padding:24px 32px;background:#0003;display:flex;justify-content:flex-end;gap:16px;border-radius:0 0 24px 24px}.chro-btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:600;box-shadow:0 4px 15px #dc262666;transition:transform .2s}.chro-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262680}.cancel-btn{background:transparent;padding:12px 24px;border:1px solid var(--chro-border-color);color:var(--chro-text-secondary);border-radius:12px;cursor:pointer;font-weight:600}.cancel-btn:hover{background:#ffffff0d;color:#fff}.confirm-delete-btn{color:#fff;padding:12px 24px;border:none;border-radius:12px;cursor:pointer;font-weight:600}.chro-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.chro-page-btn{background:#ffffff0d;border:1px solid var(--chro-border-color);color:var(--chro-text-secondary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.chro-page-btn:hover:not(:disabled){background:var(--chro-primary);color:#fff;border-color:var(--chro-primary)}.chro-page-btn:disabled{opacity:.5;cursor:not-allowed}.chro-page-info{font-size:.9rem;color:var(--chro-text-secondary)}.chro-tabs-centered{display:flex;justify-content:center;margin-bottom:40px}@media (max-width: 768px){.chro-header-section{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px}.chro-welcome-text h1{font-size:1.8rem}.chro-welcome-text p{font-size:.95rem}.chro-date-badge{align-self:flex-start;width:100%;justify-content:center;padding:12px;font-size:.9rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 15px #0003;box-sizing:border-box}}:root{--select-bg: rgba(30, 27, 75, .6);--select-border: rgba(139, 92, 246, .3);--select-hover: rgba(46, 16, 101, .8);--select-text: #e2e8f0;--dropdown-bg: #1e1b4b;--option-hover: #4c1d95;--option-selected: #5b21b6;--glow-color: rgba(139, 92, 246, .5)}.custom-select-container{position:relative;width:200px;font-family:Outfit,sans-serif;-webkit-user-select:none;user-select:none}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:.6em 1em;font-size:.95rem;font-weight:500;color:var(--select-text);background:var(--select-bg);border:1px solid var(--select-border);border-radius:12px;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.custom-select-trigger:hover{background:#2e1065b3;border-color:#8b5cf699;box-shadow:0 0 10px var(--glow-color)}.custom-select-trigger.open{border-color:#8b5cf6;background:#1e1b4bcc;box-shadow:0 0 15px var(--glow-color)}.custom-select-value{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-icon{color:#a78bfa}.custom-select-arrow{color:#a78bfa;transition:transform .3s ease}.custom-select-arrow.rotated{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--dropdown-bg);border:1px solid var(--select-border);border-radius:12px;box-shadow:0 10px 25px #00000080;z-index:1000;overflow:hidden;animation:fadeInSlideDown .2s ease-out forwards;padding:.25rem}.custom-select-option{padding:.7em 1em;cursor:pointer;transition:all .2s;color:#cbd5e1;font-size:.9rem;display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin-bottom:2px}.custom-select-option:last-child{margin-bottom:0}.custom-select-option:hover{background-color:var(--option-hover);color:#fff;padding-left:1.25em}.custom-select-option.selected{background-color:var(--option-selected);color:#fff;font-weight:600}.check-icon{color:#a78bfa}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.decide-chro-root{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);margin-left:280px;color:#e2e8f0;font-family:Inter,sans-serif}.decide-chro-content{flex:1;padding:40px;overflow-y:auto;max-width:1920px;margin:0 auto}.decide-chro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;background:#1e293b66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:24px 32px;box-shadow:0 4px 24px #0003;border:1px solid rgba(255,255,255,.05)}.decide-chro-title-section{display:flex;align-items:center;gap:20px}.decide-chro-icon{font-size:2.5rem;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(234,179,8,.3))}.decide-chro-title{font-size:2.2rem;font-weight:700;color:#f8fafc;margin:0;letter-spacing:-.5px}.decide-chro-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.decide-chro-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0f172a99;padding:12px 24px;border-radius:16px;min-width:100px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative;overflow:hidden}.decide-chro-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.decide-chro-stat:hover{transform:translateY(-4px);background:#1e293bcc;box-shadow:0 8px 20px #0000004d;border-color:#ffffff1a}.decide-chro-stat-number{font-size:1.8rem;font-weight:700;color:#f8fafc;line-height:1.1;background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.decide-chro-stat-label{font-size:.8rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.decide-chro-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 32px;padding:12px 20px;background:#1e293b4d;border-radius:20px;border:1px solid rgba(255,255,255,.03)}.decide-chro-controls::-webkit-scrollbar{display:none}.decide-chro-controls-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1 1 auto}.decide-chro-controls-right{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.decide-chro-input,.decide-chro-select{padding:10px 36px 10px 16px;border-radius:12px;border:1px solid var(--chro-glass-border, rgba(255, 255, 255, .15));background-color:var(--chro-card-bg, rgba(30, 27, 75, .7));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;-webkit-backdrop-filter:var(--chro-backdrop-blur, blur(24px));backdrop-filter:var(--chro-backdrop-blur, blur(24px));font-family:var(--chro-font-family, "Outfit", sans-serif);font-size:.9rem;font-weight:500;color:var(--chro-text-primary, #f8fafc);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;box-shadow:0 4px 12px #0000001a}.decide-chro-input{min-width:180px;flex:2 1 200px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:left 12px center;padding-left:40px;padding-right:16px}.decide-chro-input::placeholder{color:var(--chro-text-muted, #94a3b8);font-weight:400}.decide-chro-input:hover,.decide-chro-select:hover{background-color:#1e1b4be6;border-color:var(--chro-accent-color, #e2e8f0);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.decide-chro-input:focus,.decide-chro-select:focus{outline:none;border-color:var(--chro-secondary-accent, #6366f1);background-color:var(--chro-sidebar-bg, #1e1b4b);box-shadow:0 0 0 3px #6366f14d,var(--chro-shadow)}.decide-chro-filter{min-width:170px;flex:1 1 auto}.decide-chro-filter .custom-select-trigger{height:48px;background-color:var(--chro-card-bg, rgba(30, 27, 75, .7));border-color:var(--chro-glass-border, rgba(255, 255, 255, .15))}.decide-chro-select option{background-color:#1e1b4b;color:#f8fafc;padding:12px}.decide-chro-view-toggle{display:inline-flex;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:4px}.decide-chro-view-btn{background:transparent;border:none;padding:10px 18px;font-weight:600;font-size:.9rem;color:#94a3b8;cursor:pointer;border-radius:10px;transition:all .2s ease;display:flex;align-items:center;gap:8px}.decide-chro-view-btn.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.decide-chro-view-btn:hover:not(.active){background:#ffffff0d;color:#e2e8f0}.decide-chro-quick-btn{border:none;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.decide-chro-quick-btn-readall{background:#1e293b99;color:#94a3b8;border:1px solid rgba(255,255,255,.05)}.decide-chro-quick-btn-readall:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.decide-chro-quick-btn-clear{background:#1e293b99;color:#94a3b8;border:1px solid rgba(255,255,255,.05)}.decide-chro-quick-btn-clear:hover{background:#ef4444;color:#fff;border-color:#ef4444}.decide-chro-requests{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.decide-chro-card{background:linear-gradient(145deg,#1e293b66,#0f172a99);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.decide-chro-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:.6}.decide-chro-card.unread{background:linear-gradient(145deg,#1e293b99,#0f172acc);border:1px solid rgba(234,179,8,.3);box-shadow:0 12px 32px #0000004d}.decide-chro-card.unread:after{background:linear-gradient(90deg,#fbbf24,#d97706);opacity:1}.decide-chro-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:#ffffff1a;background:linear-gradient(145deg,#1e293bb3,#0f172ae6)}.decide-chro-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.05)}.decide-chro-employee-info{display:flex;align-items:center;gap:16px}.decide-chro-avatar{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;font-weight:700;box-shadow:0 8px 16px #3b82f64d}.decide-chro-employee-name{font-size:1.1rem;font-weight:700;color:#f8fafc;margin:0 0 4px}.decide-chro-employee-id{font-size:.85rem;color:#94a3b8}.decide-chro-badges{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.type-badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.decide-chro-status-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.type-leave{color:#f87171;border-color:#f8717133;background:#f871711a}.type-announcement{color:#60a5fa;border-color:#60a5fa33;background:#60a5fa1a}.decide-chro-card-body{display:flex;flex-direction:column;gap:16px}.decide-chro-info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.decide-chro-info-item:last-child{border-bottom:none}.decide-chro-info-label{color:#94a3b8;font-size:.9rem;font-weight:500}.decide-chro-info-value{color:#f1f5f9;font-size:.95rem;font-weight:600;text-align:right;max-width:60%}.decide-chro-status-section{display:flex;justify-content:flex-end;margin-top:12px}.decide-chro-info-value.status-dot{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:700;padding:4px 10px;border-radius:99px;font-size:.85rem}.status-approved{color:#34d399;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.status-rejected{color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.status-unread{color:#fbbf24;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.status-read{color:#60a5fa;background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.decide-chro-status{display:none}.badge-approved{background:#10b98126;color:#34d399;box-shadow:0 0 10px #34d39933;border:1px solid rgba(52,211,153,.4);text-transform:uppercase;letter-spacing:.5px}.badge-rejected{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-unread{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-read{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.decide-chro-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.decide-chro-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.decide-chro-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.decide-chro-btn-approve{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 12px #10b9814d}.decide-chro-btn-reject{background:transparent;border:1px solid rgba(239,68,68,.5);color:#f87171}.decide-chro-btn-reject:hover{background:#ef44441a}.decide-chro-list{display:flex;flex-direction:column;gap:16px}.decide-chro-row{display:grid;grid-template-columns:100px 1fr 180px auto;align-items:center;gap:24px;background:#1e293b66;border:1px solid rgba(255,255,255,.05);padding:24px 32px;border-radius:16px;transition:all .2s ease;cursor:pointer}.row-left,.row-right{display:contents}.decide-chro-row.unread,.decide-chro-row.read{border-left:1px solid rgba(255,255,255,.05)}.decide-chro-row.unread:before{content:"";width:10px;height:10px;background:#fbbf24;border-radius:50%;box-shadow:0 0 8px #fbbf2480;position:absolute;left:14px}.decide-chro-row:hover{background:#3b82f61a;border-color:#3b82f633;transform:translate(4px)}.decide-chro-list .type-badge{margin:0 auto;width:fit-content;text-align:center;font-size:.85rem;padding:6px 12px}.row-main{display:flex;flex-direction:column;gap:8px;min-width:0}.row-title{font-size:1.3rem;font-weight:700;color:#f8fafc}.row-sub{font-size:1rem;color:#94a3b8;display:flex;gap:12px;align-items:center}.row-sub span{display:flex;align-items:center;gap:4px}.row-right .row-status{justify-self:end;font-size:1rem;padding:8px 16px;border-radius:8px;font-weight:700}.row-actions{display:flex;gap:8px;justify-content:flex-end}.mini-btn{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-size:1.2rem;border:1px solid transparent;background:transparent;color:#94a3b8;transition:all .2s}.mini-btn:hover{background:#ffffff1a;color:#f1f5f9}.mini-btn.approve{color:#34d399;background:#10b9811a;border-color:#10b98133}.mini-btn.approve:hover{background:#10b981;color:#fff}.mini-btn.reject{color:#f87171;background:#ef44441a;border-color:#ef444433}.mini-btn.reject:hover{background:#ef4444;color:#fff}@media (max-width: 1023px){.decide-chro-root{margin-left:0}.decide-chro-content{padding:24px}.decide-chro-row{grid-template-columns:1fr;gap:16px;position:relative;padding-left:32px}.row-left,.row-right{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.decide-chro-row.unread:before{top:28px;left:16px}.row-right,.row-actions{width:100%;justify-content:flex-start}.decide-chro-list .type-badge{margin:0}}@media (max-width: 767px){.decide-chro-content{padding:16px}.decide-chro-header{flex-direction:column;text-align:center;gap:24px;padding:20px}.decide-chro-title{font-size:1.75rem}.decide-chro-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.decide-chro-stat{width:auto;min-width:0}.decide-chro-controls{flex-direction:column;align-items:stretch;padding:16px}.decide-chro-controls-left,.decide-chro-controls-right{flex-direction:column;width:100%;gap:12px}.decide-chro-input,.decide-chro-filter,.decide-chro-select{width:100%;min-width:0;flex:1 1 auto}.decide-chro-view-toggle{width:100%;display:flex}.decide-chro-view-btn{flex:1;justify-content:center}.decide-chro-quick-btn{width:100%;justify-content:center}}.decide-chro-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;z-index:1000;animation:fadeIn .3s ease}.decide-chro-modal{background:linear-gradient(145deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;width:90%;max-width:600px;box-shadow:0 24px 60px #00000080;position:relative;animation:slideInUpModal .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideInUpModal{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.decide-chro-modal-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;font-size:1.5rem;color:#94a3b8;width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:all .2s}.decide-chro-modal-close:hover{background:#ef444433;color:#ef4444}.decide-chro-modal-title{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:24px;padding-right:40px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.decide-chro-modal-body{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;overflow-x:hidden;padding-right:8px}.decide-chro-modal-body::-webkit-scrollbar{width:6px}.confirm-modal-overlay-chro{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeInConfirm .2s ease-out}@keyframes fadeInConfirm{0%{opacity:0}to{opacity:1}}.confirm-modal-card-chro{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;width:400px;max-width:90%;text-align:center;box-shadow:0 20px 50px #0006;animation:slideUpConfirm .3s cubic-bezier(.16,1,.3,1);color:#f1f5f9}@keyframes slideUpConfirm{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-icon-wrapper-chro{margin-bottom:20px}.confirm-icon-chro{font-size:3rem;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.confirm-modal-title-chro{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:#f8fafc}.confirm-modal-message-chro{font-size:1rem;color:#94a3b8;margin:0 0 32px;line-height:1.6}.confirm-modal-actions-chro{display:flex;gap:16px;justify-content:center}.confirm-btn-cancel-chro{padding:10px 24px;border-radius:12px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn-cancel-chro:hover{background:#ffffff0d;color:#fff}.confirm-btn-confirm-chro{padding:10px 24px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s;color:#fff;min-width:100px}.confirm-modal-card-chro.danger .confirm-btn-confirm-chro{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc262666}.confirm-modal-card-chro.danger .confirm-btn-confirm-chro:hover{filter:brightness(1.1);transform:translateY(-2px)}.confirm-modal-card-chro.warning .confirm-btn-confirm-chro{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d9770666}.confirm-modal-card-chro.warning .confirm-btn-confirm-chro:hover{filter:brightness(1.1);transform:translateY(-2px)}.confirm-modal-card-chro.info .confirm-btn-confirm-chro{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb66}.confirm-modal-card-chro.info .confirm-btn-confirm-chro:hover{filter:brightness(1.1);transform:translateY(-2px)}:root{--dp-panel-bg: rgba(255, 255, 255, .08);--dp-card-bg: rgba(255, 255, 255, .05);--dp-text-strong: #e2e8f0;--dp-text-muted: #94a3b8;--dp-brand: #38bdf8;--dp-accent: #c5a145;--dp-navy: #1a237e;--dp-bg-gradient: radial-gradient(circle at 50% 0%, #1e1e2f, #0b1120);--dp-border: rgba(148, 163, 184, .2);--dp-radius: 16px;--dp-shadow: 0 20px 50px rgba(0, 0, 0, .5);--dp-transition: .25s cubic-bezier(.4, 0, .2, 1)}.direct-position-layout{display:flex;min-height:100vh;position:relative;overflow-x:hidden;background:#0b1120}.dp-main{width:100%;padding:0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.direct-position-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.direct-position-header{text-align:center;margin-bottom:20px}.direct-position-title{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.direct-position-subtitle{margin:10px 0 0;color:var(--dp-accent);font-size:.95rem;letter-spacing:2px;text-transform:uppercase;font-weight:600;opacity:.9}.controls-section{display:flex;flex-direction:column;gap:24px}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.metric-card{background:linear-gradient(160deg,#1e293b99,#0f172a66);border:1px solid var(--dp-border);border-radius:var(--dp-radius);padding:24px;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:#fff3}.metric-card h3{margin:0;font-size:.85rem;color:var(--dp-text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.metric-card .metric-value{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.metric-card.active .metric-value{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.3)}.metric-card.warning .metric-value{color:#facc15;text-shadow:0 0 20px rgba(250,204,21,.3)}.filters-bar{display:flex;gap:16px;flex-wrap:wrap;align-items:center;background:#1e293b66;padding:16px;border-radius:var(--dp-radius);border:1px solid var(--dp-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-input-premium{flex:2;min-width:250px;padding:14px 18px;border-radius:12px;background:#0000004d;border:1px solid transparent;color:#fff;outline:none;font-size:.95rem;transition:all .2s}.search-input-premium:focus,.search-input-premium:hover{background:#00000080;border-color:var(--dp-accent);box-shadow:0 0 0 4px #c5a1451a}.filter-select{flex:1;min-width:160px;padding:14px;border-radius:12px;background:#0000004d;border:1px solid transparent;color:var(--dp-text-strong);cursor:pointer;outline:none;transition:all .2s}.filter-select:hover,.filter-select:focus{background:#00000080;border-color:#fff3}.bulk-toolbar{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(0);background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;padding:12px 24px;border-radius:100px;display:flex;align-items:center;gap:24px;box-shadow:0 20px 40px #0009,inset 0 1px #ffffff1a;z-index:100;border:1px solid rgba(197,161,69,.3);animation:floatUp .4s cubic-bezier(.175,.885,.32,1.275)}.bulk-count-badge{background:var(--dp-accent);color:#0f172a;font-weight:800;padding:4px 12px;border-radius:20px;font-size:.9rem}.bulk-actions-group{display:flex;gap:8px}.bulk-toolbar button{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--dp-text-strong);padding:8px 18px;border-radius:20px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s}.bulk-toolbar button:hover{background:var(--dp-accent);color:#000;border-color:var(--dp-accent);transform:translateY(-2px)}@keyframes floatUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.table-container{overflow:hidden;border-radius:var(--dp-radius);border:1px solid var(--dp-border);background:#1e293b33;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.premium-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.premium-table th{background:#0f172a99;padding:20px 24px;text-align:left;font-weight:600;color:var(--dp-text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:1px;border-bottom:1px solid var(--dp-border)}.premium-table td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--dp-text-strong);vertical-align:middle;transition:background .2s}.premium-table tbody tr{transition:background .2s}.premium-table tbody tr:hover{background:#ffffff08}.premium-table tr.row-selected{background:#c5a14514;box-shadow:inset 2px 0 0 var(--dp-accent)}.custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--dp-text-muted);border-radius:6px;background:transparent;cursor:pointer;position:relative;transition:all .2s}.custom-checkbox:checked{background:var(--dp-accent);border-color:var(--dp-accent)}.custom-checkbox:checked:after{content:"✓";position:absolute;color:#000;font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.user-cell{display:flex;align-items:center;gap:16px}.user-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--dp-navy),#000);color:var(--dp-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(197,161,69,.3)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#fff;font-size:.95rem}.user-email{font-size:.8rem;color:var(--dp-text-muted)}.role-badge{background:#38bdf81a;color:#38bdf8;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:500;border:1px solid rgba(56,189,248,.2)}.status-pill{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.active{background:#4ade801a;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.status-pill.inactive{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.status-pill.suspended{background:#f871711a;color:#f87171;border:1px solid rgba(248,113,113,.2)}.btn-edit-icon{background:#ffffff0d;border:none;cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--dp-text-muted);transition:all .2s}.btn-edit-icon:hover{background:var(--dp-accent);color:#000;transform:rotate(90deg)}.position-change-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.premium-modal{background:#0f172a;border:1px solid rgba(255,255,255,.1);box-shadow:0 50px 100px -20px #000c;max-width:650px;width:95%;border-radius:24px;overflow:hidden;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-user-header{background:linear-gradient(135deg,#1e293b,#0f172a);padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.modal-user-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(197,161,69,.15) 0%,transparent 60%);pointer-events:none}.modal-avatar-large{width:90px;height:90px;background:var(--dp-navy);color:var(--dp-accent);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;border:2px solid var(--dp-accent);box-shadow:0 10px 30px #0006;position:relative;z-index:2;margin-bottom:5px}.modal-user-details h2{margin:0;font-size:1.6rem;color:#fff;font-weight:700}.modal-user-details p{margin:8px 0 0;color:var(--dp-text-muted);font-size:.95rem;background:#ffffff0d;padding:4px 12px;border-radius:20px;display:inline-block}.modal-body{padding:30px}.dp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dp-form-item{display:flex;flex-direction:column;gap:8px}.dp-form-item label{color:var(--dp-text-muted);font-size:.85rem;font-weight:600;text-transform:uppercase}.position-select{width:100%;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;outline:none;font-size:1rem;transition:all .2s}.position-select:focus{border-color:var(--dp-accent);background:#0000004d}.position-select option{background:#1e293b;padding:10px}.full-width{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:30px}.btn-cancel{background:transparent;color:var(--dp-text-muted);border:1px solid rgba(148,163,184,.3);padding:12px 28px;cursor:pointer;font-weight:600;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}.btn-cancel:hover{background:#ffffff0d;color:#fff;border-color:#fff3;transform:translateY(-2px)}.btn-confirm{background:linear-gradient(135deg,var(--dp-accent) 0%,#eab308 100%);color:#0f172a;border:none;padding:12px 36px;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #c5a1454d;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-size:.85rem;letter-spacing:1px}.btn-confirm:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #c5a14580;filter:brightness(1.1)}.btn-confirm:active{transform:translateY(-1px)}.btn-reset-pwd{width:auto;margin-top:10px;background:#ef44441a;color:#f87171;border:1px dashed rgba(239,68,68,.3);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-reset-pwd:hover{background:#ef444433;border-color:#f87171;box-shadow:0 0 15px #ef444433}.success-notification{position:fixed;top:40px;right:40px;background:#064e3be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #34d399;color:#d1fae5;padding:20px 30px;border-radius:16px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 40px -10px #00000080;z-index:300;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275)}.pagination-controls{display:flex;justify-content:flex-end;justify-content:center;align-items:center;gap:20px;padding:10px 0}.pagination-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--dp-text-strong);padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--dp-accent);color:#0f172a;border-color:var(--dp-accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--dp-text-muted);font-size:.9rem;letter-spacing:1px}@media (max-width: 768px){.dp-main{margin-left:0;padding:10px;width:100%}.direct-position-container{gap:20px}.direct-position-title{font-size:1.5rem}.direct-position-subtitle{font-size:.8rem}.filters-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.search-input-premium,.filter-select{width:100%;min-width:0;flex:none}.metrics-cards{gap:16px;grid-template-columns:1fr}.table-container{overflow-x:auto;margin:0 -10px;border-radius:0;border-left:none;border-right:none}.premium-table th,.premium-table td{padding:16px}.dp-form-grid{grid-template-columns:1fr;gap:16px}.position-change-modal{align-items:center;justify-content:center;padding:10px;overflow:hidden}.modal-content.premium-modal{width:100%;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:0}.modal-user-header{flex-direction:column;text-align:center;padding:20px;gap:12px;position:sticky;top:0;z-index:10}.full-width{grid-column:span 1}.modal-body{padding:20px 16px}.modal-actions{flex-direction:column-reverse;gap:12px;margin-top:24px;padding-bottom:10px}.btn-confirm,.btn-cancel{width:100%;justify-content:center;display:flex;padding:14px}.pagination-controls{flex-wrap:wrap;gap:10px}.pagination-info{width:100%;text-align:center;order:-1}.bulk-toolbar{width:90%;flex-direction:column;padding:16px;border-radius:20px;bottom:20px}.bulk-actions-group{flex-wrap:wrap;justify-content:center;width:100%}.bulk-actions-group button{flex:1;text-align:center;justify-content:center}}@media (max-width: 480px){.metrics-cards{grid-template-columns:1fr}}:root{--mobile: 768px;--tablet: 1024px}:root{--sl-bg: #0b1120;--sl-card-bg: rgba(30, 41, 59, .7);--sl-card-border: rgba(212, 175, 55, .3);--sl-primary: #d4af37;--sl-text: #f8fafc;--sl-text-muted: #94a3b8;--sl-accent-gradient: linear-gradient(135deg, #ffd700 0%, #b8860b 100%);--badge-success-bg: rgba(22, 101, 52, .3);--badge-success-text: #4ade80;--badge-warning-bg: rgba(180, 83, 9, .3);--badge-warning-text: #fcd34d;--badge-info-bg: rgba(3, 105, 161, .3);--badge-info-text: #38bdf8;--badge-critical-bg: rgba(185, 28, 28, .3);--badge-critical-text: #f87171}.show-log-content{font-family:Outfit,sans-serif;padding:1rem;min-height:100vh;color:var(--sl-text);overflow-x:hidden}@media (min-width: 768px){.show-log-content{padding:2rem}}.sl-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}@media (min-width: 768px){.sl-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem}}.sl-title{font-size:2.25rem;font-weight:700;color:var(--sl-primary);display:flex;align-items:center;gap:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sl-subtitle{color:var(--sl-text-muted);font-size:1rem;margin-top:.5rem}.sl-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}@media (min-width: 768px){.sl-actions{gap:1rem;margin-top:0}}.sl-btn{background:transparent;color:var(--sl-primary);border:1px solid var(--sl-primary);padding:.5rem .75rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;flex:1 0 auto}@media (min-width: 480px){.sl-btn{padding:.6rem 1rem;font-size:.85rem;flex:0 0 auto}}@media (min-width: 768px){.sl-btn{padding:.75rem 1.5rem;font-size:1rem}}.sl-btn:hover{background:var(--sl-primary);color:#0b1120;box-shadow:0 0 15px #d4af3766}.sl-filters-card{background:var(--sl-card-bg);padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #0003}@media (min-width: 640px){.sl-filters-card{grid-template-columns:repeat(2,1fr);padding:1.25rem}}@media (min-width: 1024px){.sl-filters-card{display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem;margin-bottom:2rem}}.sl-filter-group label{display:block;font-size:.8rem;font-weight:600;color:var(--sl-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.sl-input-wrapper{position:relative}.sl-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sl-text-muted)}.sl-filters-card input[type=text],.sl-filters-card select,.sl-filters-card input[type=date]{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem .8rem .6rem 2.5rem;border-radius:6px;width:100%;max-width:100%;font-family:inherit;font-size:.9rem;transition:all .2s;box-sizing:border-box}@media (min-width: 640px){.sl-filters-card input[type=text],.sl-filters-card select,.sl-filters-card input[type=date]{padding:.75rem 1rem .75rem 2.5rem;border-radius:8px}}@media (min-width: 1024px){.sl-filters-card input[type=text],.sl-filters-card select,.sl-filters-card input[type=date]{min-width:200px;width:auto}}.sl-filters-card select,.sl-filters-card input[type=date]{padding-left:1rem;cursor:pointer}.sl-filters-card input:focus,.sl-filters-card select:focus{outline:none;border-color:var(--sl-primary);box-shadow:0 0 0 2px #d4af3733;background:#0f172ae6}.sl-table-container{background:var(--sl-card-bg);border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #0003;margin:0 -1rem;width:calc(100% + 2rem)}@media (min-width: 768px){.sl-table-container{margin:0;width:100%;border-radius:16px;box-shadow:0 8px 32px #0000004d}}.sl-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed}@media (min-width: 1024px){.sl-table{min-width:100%;table-layout:auto}}.sl-table th{background:#0f172af2;color:var(--sl-primary);padding:.75rem .5rem;text-align:center;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.7rem;border-bottom:1px solid var(--sl-card-border);white-space:nowrap}@media (min-width: 640px){.sl-table th{padding:1rem .75rem;font-size:.75rem}}@media (min-width: 1024px){.sl-table th{padding:1.25rem 1.5rem;font-size:.85rem}}.sl-table td{padding:.75rem .5rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;transition:background .2s;text-align:center;font-size:.85rem;word-break:break-word}@media (min-width: 640px){.sl-table td{padding:1rem .75rem}}@media (min-width: 1024px){.sl-table td{padding:1.25rem 1.5rem;font-size:1rem}}.sl-row{cursor:pointer;transition:background .2s}.sl-row:hover td{background:#d4af370d}.sl-row-expanded td{background:#ffffff05}.sl-expanded-details{background:#0f172a66!important;padding:0!important}.sl-details-content{padding:1.5rem;color:var(--sl-text-muted);font-family:monospace;font-size:.9rem;white-space:pre-wrap;border-left:3px solid var(--sl-primary);margin:.5rem 1.5rem;background:#0003;border-radius:0 8px 8px 0;text-align:left}.sl-time{color:#fff;font-feature-settings:"tnum";font-size:.9rem}.sl-ip{color:var(--sl-text-muted);font-size:.75rem;margin-top:4px;font-family:monospace}.sl-user .user-name{color:#fff;font-weight:500}.sl-user .user-role{color:var(--sl-primary);font-size:.8rem;opacity:.8}.sl-details-preview{color:var(--sl-text-muted);font-size:.9rem;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-action-badge{padding:.35rem .85rem;border-radius:6px;font-size:.75rem;font-weight:600;border:1px solid transparent;display:inline-block;min-width:80px;text-align:center}.action-LOGIN{background:#22c55e1a;color:#4ade80;border-color:#22c55e33}.action-LOGOUT{background:#94a3b81a;color:#94a3b8;border-color:#94a3b833}.action-CHANGE_REQUEST_SUBMIT{background:#38bdf81a;color:#38bdf8;border-color:#38bdf833}.action-LEAVE_REQUEST{background:#a855f71a;color:#c084fc;border-color:#a855f733}.sl-severity-badge{padding:.35rem .85rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.severity-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.severity-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.severity-critical{background:var(--badge-critical-bg);color:var(--badge-critical-text);border:1px solid rgba(185,28,28,.4)}.sl-pagination{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--sl-card-bg);border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 12px 12px}@media (min-width: 480px){.sl-pagination{flex-direction:row;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem}}@media (min-width: 768px){.sl-pagination{border-radius:0 0 16px 16px}}.sl-page-control.sl-page-btn{background:transparent;color:var(--sl-text);border:1px solid rgba(255,255,255,.1);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem;padding:0 .5rem}@media (min-width: 480px){.sl-page-control.sl-page-btn{min-width:36px;height:36px;font-size:.9rem}}.sl-page-controls button:hover:not(:disabled){border-color:var(--sl-primary);color:var(--sl-primary)}.sl-page-info{color:var(--sl-text-muted)}.sl-page-controls button:disabled{opacity:.3;cursor:not-allowed}.current-page{color:var(--sl-primary);margin:0 1rem;font-weight:600}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:400px}.spinner{width:40px;height:40px;border:3px solid rgba(212,175,55,.1);border-top:3px solid var(--sl-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sl-empty-state{text-align:center;padding:4rem;color:var(--sl-text-muted)}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--chro-navy-dark: #0f172a;--chro-navy-light: #1e293b;--chro-gold: #fbbf24;--chro-gold-dim: rgba(251, 191, 36, .4);--chro-text-primary: #f8fafc;--chro-text-secondary: #94a3b8;--chro-glass-bg: rgba(30, 41, 59, .65);--chro-glass-border: rgba(255, 255, 255, .08);--chro-shadow: 0 4px 20px rgba(0, 0, 0, .25)}.chro-exclusive-wrapper{padding:3rem 4rem;max-width:1400px;margin:0 auto;font-family:Outfit,sans-serif;color:var(--chro-text-primary);min-height:85vh}.chro-exclusive-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3.5rem;border-bottom:2px solid var(--chro-glass-border);padding-bottom:2rem}.executive-title{font-size:3rem;font-weight:800;color:var(--chro-text-primary);margin:0;line-height:1.1;letter-spacing:-1px}.gold-accent{color:transparent;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 30px rgba(251,191,36,.2)}.executive-subtitle{color:var(--chro-text-secondary);font-size:1.1rem;margin-top:.5rem;font-weight:400;letter-spacing:.5px}.executive-stats-row{display:flex;gap:1.5rem}.stat-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:1.2rem 1.8rem;border-radius:16px;background:linear-gradient(145deg,#1e293bb3,#0f172ae6);border:1px solid rgba(251,191,36,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:240px;transition:all .3s ease;box-shadow:0 4px 15px #0003}.stat-card:hover{transform:translateY(-5px);border-color:var(--chro-gold);box-shadow:0 8px 25px #fbbf2426}.stat-icon{background:linear-gradient(135deg,#fbbf2433,#d977061a);color:var(--chro-gold);padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1.2rem;margin-bottom:0;box-shadow:inset 0 0 10px #fbbf240d;flex-shrink:0}.stat-text-center{display:flex;flex-direction:column;align-items:center;flex-grow:1}.stat-value{display:block;font-size:2.4rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.2rem;text-shadow:0 2px 10px rgba(0,0,0,.3);word-break:break-all}.stat-label{font-size:.8rem;color:var(--chro-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:1.5px;text-align:center;white-space:nowrap}.gold-glow{box-shadow:0 0 20px #fbbf240d}.chro-tabs-container{display:flex;gap:2.5rem;margin-bottom:2rem}.chro-nav-tab{background:transparent;border:none;font-size:1.1rem;font-weight:600;color:var(--chro-text-secondary);cursor:pointer;padding:.5rem 0;display:flex;align-items:center;gap:.8rem;position:relative;transition:all .3s ease}.chro-nav-tab span{position:relative}.chro-nav-tab.active{color:var(--chro-gold)}.chro-nav-tab.active span:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:2px;background:var(--chro-gold);box-shadow:0 0 10px var(--chro-gold)}.pulsing-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.chro-content-area{min-height:400px}.content-list-view{display:flex;flex-direction:column;gap:1.5rem}.exclusive-card{position:relative;background:linear-gradient(145deg,#1e293b99,#0f172acc);border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:all .3s ease}.exclusive-card:hover{transform:translateY(-4px);border-color:var(--chro-gold-dim);box-shadow:0 10px 30px #0000004d}.card-decoration{position:absolute;top:0;left:0;width:4px;height:100%;background:var(--chro-gold);opacity:.6}.card-main{padding:1.8rem 2rem 1.8rem 2.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.card-meta{display:flex;align-items:center;gap:.8rem;font-size:.85rem;font-weight:600;color:var(--chro-text-secondary)}.meta-department{color:var(--chro-gold);text-transform:uppercase;letter-spacing:1px}.meta-dot{color:#ffffff1a}.meta-date{display:flex;align-items:center;gap:.4rem}.card-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s}.exclusive-card:hover .card-actions{opacity:1}.icon-btn{background:transparent;border:none;color:var(--chro-text-secondary);padding:.4rem;border-radius:6px;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#ffffff1a;color:#fff}.icon-btn.delete:hover{background:#ef44441a;color:#ef4444}.card-title{font-size:1.5rem;color:#fff;margin:0 0 .8rem;font-weight:600}.card-body{color:#cbd5e1;line-height:1.7;font-size:1rem;margin-bottom:1.5rem;max-width:90%}.card-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.author-signature{font-size:.85rem;color:var(--chro-text-secondary);font-style:italic}.author-signature .highlight{color:#fff;font-style:normal;font-weight:500}.empty-state-exclusive{text-align:center;padding:4rem;color:var(--chro-text-secondary);background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.empty-icon{margin-bottom:1rem;color:var(--chro-gold);opacity:.5}.exclusive-noti-item{display:flex;align-items:center;background:#1e293b66;padding:1.5rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s}.exclusive-noti-item:hover{background:#1e293bcc;border-color:var(--chro-gold-dim)}.exclusive-noti-item.unread{background:#fbbf240d;border-left:3px solid var(--chro-gold)}.noti-indicator{width:24px}.glow-point{width:8px;height:8px;background:var(--chro-gold);border-radius:50%;box-shadow:0 0 10px var(--chro-gold)}.noti-content{flex:1;padding:0 1.5rem}.noti-header{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.8rem}.noti-source{color:var(--chro-gold);font-weight:700;text-transform:uppercase}.noti-time{color:var(--chro-text-secondary)}.noti-message{color:#e2e8f0;margin:0;font-size:1rem}.noti-arrow{color:var(--chro-text-secondary);opacity:.5}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center}.modal-glass-container{background:#0f172a;border:1px solid var(--chro-glass-border);padding:2.5rem;width:700px;max-width:95%;border-radius:20px;box-shadow:0 25px 50px -12px #000000b3;position:relative;overflow:hidden}.modal-glass-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--chro-gold),#d97706)}.modal-header{margin-bottom:2rem}.modal-header h3{font-size:2rem;color:#fff;margin:0;letter-spacing:-.5px}.modal-header p{color:var(--chro-text-secondary);margin-top:.5rem;font-size:1rem}.form-grid-row{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width: 600px){.form-grid-row{grid-template-columns:1fr}}.form-group-exclusive{margin-bottom:1.5rem;position:relative}.form-group-exclusive label{display:block;color:var(--chro-gold);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.8rem;letter-spacing:1.2px}.form-group-exclusive input:not([type=radio]),.form-group-exclusive textarea,.form-group-exclusive select{width:100%;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.2rem;color:#fff;font-family:inherit;font-size:1rem;transition:all .2s ease}.form-group-exclusive input:focus,.form-group-exclusive textarea:focus,.form-group-exclusive select:focus{outline:none;border-color:var(--chro-gold);box-shadow:0 0 0 4px #fbbf241a;background:#253347}.custom-select-wrapper{position:relative}.radio-group-exclusive{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.radio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e293b80;border:1px solid #334155;padding:1.5rem;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;width:100%;text-align:center}.radio-card:hover{background:#1e293bcc;border-color:#64748b;transform:translateY(-2px)}.radio-card.active{background:#fbbf241a;border-color:var(--chro-gold);box-shadow:0 4px 20px #fbbf2426}.radio-card input[type=radio]{display:none}.radio-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.radio-title{color:#fff;font-weight:700;font-size:1rem;letter-spacing:.5px;text-transform:uppercase}.radio-desc{color:var(--chro-text-secondary);font-size:.8rem;font-weight:500}.radio-card.active:after{content:"✓";position:absolute;top:10px;right:10px;width:20px;height:20px;background:var(--chro-gold);color:#0f172a;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000004d;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.modal-content-delete{text-align:center}.warning-icon-wrapper{background:#ef44441a;color:#ef4444;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.modal-content-delete h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.modal-content-delete p{color:var(--chro-text-secondary);margin-bottom:2rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem}.btn-primary{background:var(--chro-gold);color:#0f172a;padding:.8rem 2rem;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 5px 15px #fbbf244d}.btn-secondary{background:transparent;color:var(--chro-text-secondary);padding:.8rem 1.5rem;border-radius:8px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .2s}.btn-secondary:hover{color:#fff;background:#ffffff0d}.btn-danger{background:#ef4444;color:#fff;padding:.8rem 2rem;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#dc2626;box-shadow:0 5px 15px #ef44444d}@media (max-width: 1024px){.chro-exclusive-wrapper{padding:2.5rem 2rem}.chro-exclusive-header{flex-direction:column;align-items:flex-start;gap:2rem}.executive-stats-row{width:100%;overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.stat-card{min-width:200px;flex:0 0 auto}}@media (max-width: 768px){.chro-exclusive-wrapper{padding:1.5rem 1rem;min-height:auto}.chro-exclusive-header{margin-bottom:2rem;padding-bottom:1.5rem;gap:1.5rem;align-items:center;text-align:center}.executive-title{font-size:2.2rem}.executive-subtitle{font-size:1rem}.executive-stats-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow-x:visible;padding-bottom:0}.stat-card{min-width:0;flex-direction:column;padding:1rem;justify-content:center;text-align:center}.stat-icon{margin-right:0;margin-bottom:.5rem}.chro-tabs-container{overflow-x:auto;padding-bottom:.5rem;gap:1.5rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch;justify-content:flex-start}.chro-nav-tab{white-space:nowrap;font-size:1rem}.chro-tabs-container .btn-primary{padding:.6rem 1.2rem;font-size:.9rem;white-space:nowrap}.exclusive-card:hover{transform:none}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem;position:relative}.card-actions{opacity:1;position:absolute;top:0;right:0;margin-top:0}.card-meta{flex-wrap:wrap;gap:.5rem;padding-right:3rem}.card-main{padding:1.5rem}.card-title{font-size:1.3rem;line-height:1.3}.modal-glass-container{padding:1.5rem;width:95%;max-height:90vh;overflow-y:auto}.modal-header h3{font-size:1.5rem}.form-grid-row,.radio-group-exclusive{grid-template-columns:1fr;gap:1rem}.modal-actions{flex-direction:column-reverse;gap:.8rem}.btn-primary,.btn-secondary,.btn-danger{width:100%;display:flex;justify-content:center}.exclusive-noti-item{position:relative;flex-direction:column;align-items:flex-start;padding:1.25rem 2.5rem 1.25rem 1.25rem;gap:0}.noti-indicator{position:absolute;top:1.25rem;left:1rem;width:auto}.glow-point{width:10px;height:10px;box-shadow:0 0 12px var(--chro-gold)}.exclusive-noti-item.unread .noti-content{padding-left:1.5rem}.noti-content{width:100%;padding:0}.noti-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.8rem}.noti-source{font-size:.85rem;letter-spacing:.5px}.noti-time{display:inline-flex;align-items:center;background:linear-gradient(135deg,#fbbf2426,#d977060d);border:1px solid rgba(251,191,36,.3);color:var(--chro-gold);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 10px #0000001a}.noti-message{font-size:.95rem;line-height:1.5;color:#cbd5e1}.noti-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);opacity:.4}}.chro-pagination-container{display:flex;justify-content:space-between;align-items:center;background:var(--chro-glass-bg);padding:1.2rem 2rem;border-radius:16px;margin-top:2.5rem;border:1px solid var(--chro-glass-border);box-shadow:var(--chro-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chro-pagination-info{color:var(--chro-text-secondary);font-size:.95rem;font-weight:500;letter-spacing:.5px}.chro-pagination-controls{display:flex;gap:1.2rem}.chro-page-btn{background:#0f172acc;border:1px solid rgba(251,191,36,.3);color:var(--chro-gold);padding:.6rem 1.4rem;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;font-family:Outfit,sans-serif;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;min-width:120px;display:flex;justify-content:center;align-items:center}.chro-page-btn:hover:not(:disabled){background:var(--chro-gold);color:#0f172a;transform:translateY(-2px);box-shadow:0 5px 15px #fbbf2433;border-color:var(--chro-gold)}.chro-page-btn:active:not(:disabled){transform:translateY(0)}.chro-page-btn:disabled{opacity:.2;cursor:not-allowed;border-color:#ffffff0d;color:var(--chro-text-secondary);background:#ffffff05}@media (max-width: 768px){.chro-pagination-container{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.chro-pagination-controls{width:100%;gap:1rem}.chro-page-btn{flex:1;min-width:0}}.crm-overlay-chro{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172ab3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crm-content-chro{background:#fff;padding:24px;border-radius:12px;width:450px;box-shadow:0 10px 25px #0003;border:1px solid #e2e8f0;animation:slideIn .3s ease-out}.crm-title-chro{margin-top:0;color:#1e293b;font-size:1.25rem;border-bottom:2px solid #fbbf24;padding-bottom:10px;margin-bottom:20px}.crm-changes-list-chro{margin-bottom:20px;max-height:200px;overflow-y:auto;background:#f8fafc;padding:10px;border-radius:6px}.crm-change-item-chro{margin-bottom:8px;font-size:.95rem;color:#334155}.crm-old-val{text-decoration:line-through;color:#94a3b8;margin-right:5px}.crm-new-val{color:#059669;font-weight:500}.crm-textarea-chro{width:100%;min-height:100px;margin-bottom:20px;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;resize:vertical;color:#000}.crm-textarea-chro:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.crm-textarea-chro::placeholder{color:#000!important;opacity:1}.crm-textarea-chro::-webkit-input-placeholder{color:#000!important;opacity:1}.crm-textarea-chro::-moz-placeholder{color:#000!important;opacity:1}.crm-textarea-chro:-ms-input-placeholder{color:#000!important;opacity:1}.crm-actions-chro{display:flex;justify-content:flex-end;gap:12px}.crm-btn-cancel-chro{padding:8px 16px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;color:#64748b;font-weight:500;transition:all .2s}.crm-btn-cancel-chro:hover{background:#e2e8f0;color:#475569}.crm-btn-submit-chro{padding:8px 16px;background:#fbbf24;border:none;border-radius:6px;cursor:pointer;color:#78350f;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #fbbf244d}.crm-btn-submit-chro:hover{background:#f59e0b;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chro-emp-page-container{padding:2.5rem;max-width:1800px;margin:0 auto;font-family:Outfit,Inter,sans-serif;color:#f1f5f9}.chro-emp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:linear-gradient(90deg,#0f172a,#1e293b);border:1px solid rgba(251,191,36,.1);border-radius:16px;box-shadow:0 10px 30px #0000004d}.chro-emp-title-section{display:flex;flex-direction:column}.chro-emp-page-title{font-size:2rem;font-weight:700;color:#f8fafc;margin:0;letter-spacing:-.5px}.chro-emp-page-subtitle{color:#fbbf24;font-size:.9rem;margin:.2rem 0 0;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.chro-emp-controls{display:flex;gap:1rem;align-items:center}.chro-emp-search-wrapper{position:relative;width:300px}.chro-emp-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fbbf24}.chro-emp-search-input{width:100%;background:#0f172acc;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem .8rem 2.8rem;border-radius:50px;color:#fff;font-size:.95rem;outline:none;transition:all .3s}.chro-emp-search-input:focus{border-color:#d97706;background:#0f172a;box-shadow:0 0 0 4px #d977061a}.chro-emp-filter-wrapper{position:relative;width:240px;z-index:50}.chro-custom-filter-trigger{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.8rem 1.2rem;border-radius:12px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.chro-custom-filter-trigger:hover{background:#1e293bcc;border-color:#fbbf244d;color:#f1f5f9;box-shadow:0 10px 15px -3px #0000004d}.chro-custom-filter-trigger.active{border-color:#fbbf24;background:#0f172ae6;color:#fbbf24}.chro-filter-icon-left{margin-right:.8rem;color:#fbbf24;font-size:.9rem}.chro-filter-chevron{font-size:.7rem;color:#94a3b8;transition:transform .3s ease}.chro-custom-filter-trigger.active .chro-filter-chevron{transform:rotate(180deg);color:#fbbf24}.chro-custom-filter-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#1e293b;border:1px solid rgba(251,191,36,.2);border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;overflow:hidden;max-height:300px;overflow-y:auto;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chro-custom-filter-menu::-webkit-scrollbar{width:6px}.chro-custom-filter-menu::-webkit-scrollbar-track{background:#0f172a}.chro-custom-filter-menu::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.chro-custom-filter-menu::-webkit-scrollbar-thumb:hover{background:#fbbf24}.chro-custom-filter-item{padding:.75rem 1rem;color:#cbd5e1;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.03)}.chro-custom-filter-item:last-child{border-bottom:none}.chro-custom-filter-item:hover{background:#fbbf241a;color:#fbbf24;padding-left:1.25rem}.chro-custom-filter-item.selected{background:linear-gradient(90deg,rgba(251,191,36,.2) 0%,transparent 100%);color:#fbbf24;font-weight:600;border-left:3px solid #fbbf24}.chro-view-toggles{background:#0f172a;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);display:flex;gap:8px;box-shadow:inset 0 2px 4px #0000004d}.chro-toggle-btn{background:transparent;border:1px solid transparent;color:#64748b;padding:.6rem 1.2rem;border-radius:8px;display:flex;align-items:center;gap:8px;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.chro-toggle-btn span{display:block}.chro-toggle-btn:hover{color:#cbd5e1;background:#ffffff0d}.chro-toggle-btn.active{background:#fbbf24;color:#0f172a;border-color:#fbbf24;box-shadow:0 2px 8px #fbbf244d;font-weight:700;transform:none}.chro-emp-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.chro-emp-card-premium{background:#1e293b;border:1px solid rgba(255,255,255,.05);border-top:3px solid transparent;border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.chro-emp-card-premium:hover{transform:translateY(-5px);background:#253347;border-top-color:#fbbf24;box-shadow:0 15px 40px #0006}.chro-emp-card-header{width:100%;margin-bottom:1rem;position:relative;display:flex;justify-content:center}.chro-emp-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0f172a,#334155);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#fbbf24;border:2px solid rgba(251,191,36,.2);box-shadow:0 0 15px #0000004d}.chro-emp-card-actions{position:absolute;top:0;right:0;display:flex;gap:.5rem;opacity:0;transform:translateY(-10px);transition:all .3s}.chro-emp-card-premium:hover .chro-emp-card-actions{opacity:1;transform:translateY(0)}.chro-action-btn{width:30px;height:30px;border-radius:50%;background:#0f172a;color:#94a3b8;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s}.chro-action-btn:hover{background:#d97706;color:#fff;border-color:#d97706}.chro-emp-name{color:#f8fafc;font-size:1.1rem;font-weight:700;margin:0;text-transform:capitalize}.chro-emp-role{color:#fbbf24;font-size:.8rem;margin:.3rem 0 1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.chro-emp-department-badge{background:#ffffff0d;color:#94a3b8;padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid rgba(255,255,255,.05)}.chro-emp-list-container{background:#1e293b;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 25px #0000004d;height:auto!important}.chro-emp-table{width:100%;border-collapse:separate;border-spacing:0;color:#cbd5e1}.chro-emp-table thead{background:#0f172a}.chro-emp-table th{text-align:left;padding:1rem 1.5rem;font-weight:700;color:#fbbf24;text-transform:uppercase;font-size:.75rem;letter-spacing:1px;border-bottom:1px solid rgba(251,191,36,.2)}.chro-emp-table tbody tr{transition:background .2s;cursor:pointer}.chro-emp-table tbody tr:hover{background:#ffffff08}.chro-emp-table td{padding:1rem 1.5rem;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.03);font-size:.9rem}.chro-list-avatar{width:36px;height:36px;border-radius:50%;background:#334155;color:#fbbf24;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:1rem;border:1px solid rgba(255,255,255,.1)}.chro-list-user-info{display:flex;align-items:center}.chro-emp-badge-role{color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;padding:2px 8px;background:#fbbf241a;border-radius:4px}.chro-list-actions{display:flex;gap:.8rem;justify-content:flex-start;align-items:center}.chro-action-btn-small{width:32px;height:32px;border-radius:8px;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.chro-action-btn-small svg{transition:transform .3s ease}.chro-action-btn-small:hover{transform:translateY(-2px) scale(1.05);color:#fff}.chro-action-btn-small:hover svg{transform:scale(1.1)}.chro-action-btn-small.edit:hover{background:linear-gradient(135deg,#fbbf2433,#d9770633);border-color:#fbbf24;box-shadow:0 4px 12px #fbbf244d;color:#fbbf24}.chro-action-btn-small.delete:hover{background:linear-gradient(135deg,#ef444433,#b91c1c33);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#ef4444}.chro-action-btn-small:after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(10px);background:#0f172a;color:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000004d;z-index:100;font-weight:500}.chro-action-btn-small:hover:after{opacity:1;transform:translate(-50%) translateY(0);bottom:calc(100% + 8px)}.chro-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:2rem}.chro-detail-modal{width:650px;max-width:100%;height:85vh;background:#0f172a;border:1px solid rgba(251,191,36,.2);border-radius:24px;box-shadow:0 25px 50px -12px #000000b3;display:flex;flex-direction:column;overflow:hidden;position:relative}.chro-detail-header{background:linear-gradient(180deg,#1e293b,#0f172a);padding:2.5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.chro-close-detail-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .2s}.chro-close-detail-btn:hover{border-color:#fbbf24;color:#fbbf24;background:#fbbf241a}.chro-detail-profile-summary{display:flex;flex-direction:column;align-items:center;gap:1rem}.chro-detail-avatar{width:130px;height:130px;border-radius:50%;background:#334155;border:4px solid #1e293b;box-shadow:0 0 0 3px #fbbf24;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fbbf24;overflow:hidden}.chro-detail-avatar img{width:100%;height:100%;object-fit:cover}.chro-detail-profile-summary h2{margin:.5rem 0 0;color:#f8fafc;font-size:1.8rem;font-weight:700;text-align:center;letter-spacing:.5px}.chro-detail-profile-summary p{color:#cbd5e1;font-size:.95rem;margin:0;text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;padding:.4rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.chro-detail-tabs{display:flex;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.05)}.chro-detail-tab{flex:1;padding:1.2rem;background:transparent;border:none;color:#94a3b8;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;position:relative;transition:all .2s}.chro-detail-tab:hover{color:#f1f5f9;background:#ffffff05}.chro-detail-tab.active{color:#fbbf24}.chro-detail-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fbbf24;box-shadow:0 -2px 8px #fbbf2466}.chro-detail-content{flex:1;overflow-y:auto;padding:2.5rem}.chro-tab-grid{display:flex;flex-direction:column;gap:1rem}.chro-section-divider{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:1.5rem 0 .5rem;position:relative;font-weight:700;display:flex;align-items:center;gap:1rem}.chro-section-divider:before,.chro-section-divider:after{content:"";height:1px;background:#ffffff1a;flex:1}.chro-info-row-premium{display:flex;align-items:flex-start;padding:1.2rem;background:#1e293b66;border:1px solid rgba(255,255,255,.03);border-radius:8px;gap:1.2rem;transition:all .2s}.chro-info-row-premium:hover{background:#1e293bcc;border-color:#fbbf2433}.chro-info-icon{width:40px;height:40px;background:#1e293b;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fbbf24;font-size:1.1rem;border:1px solid rgba(255,255,255,.05);flex-shrink:0}.chro-info-content{display:flex;flex-direction:column;gap:.2rem;flex:1}.chro-info-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.chro-info-value{color:#f1f5f9;font-size:1rem;font-weight:500;line-height:1.4}.chro-detail-footer{padding:2rem;background:#1e293b;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.chro-btn-edit-full,.chro-btn-danger-full{width:100%;padding:1rem;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .2s;font-size:.9rem}.chro-btn-edit-full{background:transparent;border:1px solid #fbbf24;color:#fbbf24}.chro-btn-edit-full:hover{background:#fbbf241a;box-shadow:0 4px 15px #fbbf2426}.chro-btn-danger-full{background:transparent;border:1px solid #ef4444;color:#ef4444}.chro-btn-danger-full:hover{background:#ef44441a;box-shadow:0 4px 15px #ef444426}.chro-confirm-overlay{background:#000000e6}.chro-confirm-modal{border:1px solid rgba(239,68,68,.4);box-shadow:0 0 30px #dc262633}.chro-text-highlight-danger{color:#ef4444}.chro-loading-state,.chro-no-emp-state,.chro-error-state{color:#64748b;text-align:center;padding:4rem;background:#0f172a80;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}@media (max-width: 1024px){.chro-emp-page-container{padding:1.5rem}.chro-emp-page-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}.chro-emp-title-section{text-align:center;align-items:center}.chro-emp-controls{flex-direction:column;align-items:stretch;width:100%}.chro-emp-search-wrapper,.chro-emp-filter-wrapper{width:100%}.chro-view-toggles{width:100%;justify-content:center}.chro-toggle-btn{flex:1}}@media (max-width: 768px){.chro-emp-page-container{padding:1rem}.chro-emp-page-title{font-size:1.5rem}.chro-emp-grid-container{grid-template-columns:1fr}.chro-emp-list-container{overflow-x:auto}.chro-emp-table{min-width:800px}.chro-detail-overlay{padding:1rem;align-items:flex-end}.chro-detail-modal{width:100%;height:90vh;border-radius:16px}.chro-detail-header{padding:1.5rem}.chro-detail-avatar{width:100px;height:100px;font-size:2.5rem}.chro-detail-tabs{overflow-x:auto}.chro-detail-tab{padding:1rem;font-size:.75rem;white-space:nowrap}.chro-detail-content{padding:1.5rem}.chro-info-row-premium{flex-direction:column;align-items:flex-start;gap:.8rem}.chro-info-icon{width:32px;height:32px;font-size:1rem}.chro-detail-footer{padding:1.5rem}}.chro-edit-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;color:#e2e8f0;font-family:Inter,sans-serif;min-height:85vh;display:flex;flex-direction:column}.chro-edit-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid rgba(180,83,9,.3);margin-bottom:20px}.chro-edit-title h1{font-size:1.8rem;margin:0;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px}.chro-edit-title p{color:#94a3b8;font-size:.9rem;margin:4px 0 0;letter-spacing:.5px}.chro-back-btn,.chro-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:.9rem}.chro-back-btn{background:transparent;color:#cbd5e1;border:1px solid #475569}.chro-back-btn:hover{background:#ffffff0d;color:#fff}.chro-save-btn{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;border:none;box-shadow:0 4px 12px #d977064d}.chro-save-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.chro-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.chro-edit-layout{display:grid;grid-template-columns:320px 1fr;gap:30px;flex:1}.chro-edit-sidebar{background:#1e293b99;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:30px 20px;display:flex;flex-direction:column;gap:30px}.chro-profile-preview{display:flex;flex-direction:column;align-items:center;text-align:center}.chro-profile-img-wrapper{width:120px;height:120px;border-radius:50%;background:#0f172a;border:4px solid #b45309;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-bottom:15px;box-shadow:0 4px 15px #0000004d}.chro-profile-img-wrapper img{width:100%;height:100%;object-fit:cover}.chro-profile-img-wrapper svg{font-size:3rem;color:#64748b}.chro-img-edit-icon{position:absolute;bottom:0;width:100%;height:30%;background:#0009;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:opacity .2s;opacity:0}.chro-profile-img-wrapper:hover .chro-img-edit-icon{opacity:1}.chro-img-edit-icon svg{font-size:1.2rem;color:#fff}.chro-profile-preview h3{margin:10px 0 5px;color:#f8fafc;font-size:1.2rem}.chro-profile-preview p{margin:0;color:#94a3b8;font-size:.9rem}.edit-emp-nav-menu{display:flex;flex-direction:column;gap:10px}.edit-emp-nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;color:#94a3b8;font-size:1rem;text-align:left;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.edit-emp-nav-item:hover{background:#ffffff0d;color:#e2e8f0}.edit-emp-nav-item.active{background:linear-gradient(90deg,rgba(217,119,6,.2),transparent);border-left:4px solid #f59e0b;color:#fbbf24}.chro-edit-content{background:#0f172a80;border-radius:12px;padding:40px;box-shadow:inset 0 0 20px #0003;min-height:500px}.chro-section-header{font-size:1.4rem;color:#e2e8f0;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:25px}.chro-section-header.mt-4{margin-top:40px}.chro-input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chro-form-group.full-width{grid-column:span 2}.chro-form-group label{display:block;font-size:.9rem;color:#cbd5e1;margin-bottom:8px;font-weight:500}.chro-form-group input,.chro-form-group select,.chro-form-group textarea{width:100%;background:#1e293b;border:1px solid #475569;border-radius:8px;padding:12px 14px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .2s}.chro-form-group input:focus,.chro-form-group select:focus,.chro-form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.chro-form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.chro-loading{display:flex;justify-content:center;align-items:center;height:400px;color:#fbbf24;font-size:1.2rem;letter-spacing:1px}@media screen and (max-width: 1024px){.chro-edit-layout{grid-template-columns:1fr;gap:20px}.edit-emp-nav-menu{flex-direction:row;flex-wrap:wrap;justify-content:center}.edit-emp-nav-item{flex:1;min-width:140px;justify-content:center;text-align:center}}@media screen and (max-width: 768px){.chro-edit-container{padding:10px}.chro-edit-header{flex-direction:column;align-items:flex-start;gap:16px}.chro-edit-title h1{font-size:1.4rem;line-height:1.3}.chro-edit-header>button{width:100%;margin-bottom:8px}.chro-save-btn,.chro-back-btn{width:100%;justify-content:center;padding:12px}.chro-edit-sidebar{padding:20px 15px}.edit-emp-nav-menu{flex-direction:column;gap:12px;padding-bottom:0;overflow-x:visible}.edit-emp-nav-item{flex:unset;width:100%;min-width:unset;padding:16px 20px;white-space:normal;border-radius:16px;background:#ffffff08;font-size:1rem;border:1px solid rgba(255,255,255,.05);justify-content:flex-start;text-align:left;transition:all .3s cubic-bezier(.25,1,.5,1)}.edit-emp-nav-item.active{background:linear-gradient(135deg,#d9770626,#b4530940);border:1px solid rgba(245,158,11,.4);color:#fbbf24;box-shadow:0 4px 20px #0003;transform:translateY(-2px)}.chro-edit-content{padding:20px 15px}.chro-input-grid{grid-template-columns:1fr;gap:16px}.chro-form-group.full-width{grid-column:span 1}}.chro-leave-request-container{padding:2rem 4rem;max-width:1400px;margin:0 auto;font-family:Outfit,sans-serif;color:#f8fafc;min-height:85vh}.leave-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;border-bottom:2px solid rgba(255,255,255,.08);padding-bottom:2rem}.leave-title-group h1{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(251,191,36,.2)}.leave-title-group p{color:#94a3b8;font-size:1.1rem;margin-top:.5rem;letter-spacing:.5px}.leave-stats-row{display:flex;gap:1.5rem}.stat-metric-card{background:linear-gradient(145deg,#1e293bb3,#0f172ae6);border:1px solid rgba(251,191,36,.15);padding:1.2rem 1.8rem;border-radius:16px;min-width:180px;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003;transition:transform .3s ease}.stat-metric-card:hover{transform:translateY(-5px);border-color:#fbbf24}.stat-icon-circle{width:48px;height:48px;background:#fbbf241a;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#fbbf24}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.leave-content-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}@media (max-width: 1200px){.leave-content-grid{grid-template-columns:1fr}}.leave-form-panel{background:linear-gradient(145deg,#1e293b99,#0f172acc);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;height:fit-content}.leave-form-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#fbbf24,#d97706)}.panel-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.panel-header h2{font-size:1.5rem;color:#fff;margin:0;line-height:1.2}.panel-header p{color:#94a3b8;font-size:.85rem;margin:0;text-align:right;max-width:200px;line-height:1.4}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.leave-form-group{margin-bottom:1rem}.leave-form-group label{display:block;color:#fbbf24;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.8rem;letter-spacing:1.2px}.leave-input,.leave-select,.leave-textarea{width:100%;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.2rem;color:#fff;font-family:inherit;font-size:.95rem;transition:all .2s ease}.leave-input:focus,.leave-select:focus,.leave-textarea:focus{outline:none;border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf241a;background:#253347}.submit-btn{width:100%;background:#fbbf24;color:#0f172a;padding:1rem;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:all .2s;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1rem}.submit-btn:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 5px 20px #fbbf244d}.submit-btn:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none;color:#94a3b8}.history-panel-container{display:flex;flex-direction:column;gap:1.5rem}.history-card{background:#1e293b66;border-radius:16px;padding:1.5rem 2rem;border:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;transition:all .2s}.history-card:hover{background:#1e293bcc;border-color:#fbbf244d;transform:translate(5px)}.history-info{display:flex;flex-direction:column;gap:.5rem}.history-type{font-size:1.2rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.8rem}.history-dates{color:#94a3b8;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.history-status{padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.status-approved{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-pending{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.status-rejected{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.empty-state{text-align:center;padding:4rem;color:#64748b;background:#ffffff05;border-radius:16px;border:2px dashed rgba(255,255,255,.05)}.custom-select-trigger{width:100%;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:1rem 1.2rem;color:#fff;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.custom-select-trigger:hover,.custom-select-trigger.open{background:#253347;border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf241a}.select-chevron{transition:transform .3s;color:#94a3b8}.select-chevron.rotate{transform:rotate(180deg);color:#fbbf24}.custom-select-options{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#1e293b;border:1px solid rgba(251,191,36,.2);border-radius:10px;overflow-y:auto;max-height:250px;z-index:100;box-shadow:0 10px 30px #00000080}.custom-option{padding:1rem 1.2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:#cbd5e1;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.05)}.custom-option:last-child{border-bottom:none}.custom-option:hover{background:#fbbf241a;color:#fbbf24;padding-left:1.5rem}.custom-option.selected{background:#fbbf2426;color:#fff;font-weight:500}.date-input-wrapper{position:relative;display:flex;align-items:center;background:#1e293b;border:1px solid #334155;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.date-input-wrapper:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,#fbbf24,#d97706);transition:width .4s ease}.date-input-wrapper:hover{border-color:#fbbf244d}.date-input-wrapper:focus-within{border-color:#fbbf24;box-shadow:0 0 20px #fbbf241a;transform:translateY(-2px)}.date-input-wrapper:focus-within:after{width:100%}.leave-input.date-field{width:100%;background:transparent;border:none;padding:1rem 3rem 1rem 1.2rem;color:#fff;font-family:inherit;font-size:.95rem;z-index:2;cursor:pointer;outline:none;color-scheme:dark}.leave-input.date-field:focus{box-shadow:none;border:none;background:transparent}.field-icon{position:absolute;right:1.2rem;color:#fbbf24;pointer-events:none;z-index:3;opacity:0;transform:scale(.5);transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s,opacity .3s ease}.date-input-wrapper:hover .field-icon{opacity:1;transform:scale(1.15) rotate(-10deg)}.date-input-wrapper:focus-within .field-icon{opacity:1;transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}.leave-input.date-field::-webkit-calendar-picker-indicator{position:absolute;right:0;top:0;width:100%;height:100%;opacity:0!important;background:transparent;color:transparent;cursor:pointer;z-index:10}@media (max-width: 768px){.chro-leave-request-container{padding:1.5rem 1rem;min-height:auto}.leave-header-section{flex-direction:column;align-items:center;text-align:center;gap:2rem}.leave-title-group h1{font-size:2.2rem;line-height:1.2}.leave-title-group p{font-size:1rem}.leave-stats-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-metric-card{min-width:unset;flex-direction:column;text-align:center;padding:1rem;gap:.8rem}.stat-icon-circle{margin:0 auto;width:40px;height:40px}.stat-value{font-size:1.5rem}.leave-content-grid{grid-template-columns:1fr;gap:2rem}.leave-form-panel{padding:1.5rem}.form-group-row{grid-template-columns:1fr}.panel-header{flex-direction:column;text-align:center;gap:.5rem}.panel-header h2{text-align:center}.panel-header p{text-align:center;max-width:100%}.history-card{flex-direction:column;align-items:flex-start;gap:1rem}.history-info{width:100%}.history-type{font-size:1.1rem;justify-content:space-between;width:100%}.history-dates{flex-direction:column;align-items:flex-start;gap:.3rem;margin-top:.5rem}.history-status{width:100%;text-align:center;margin-top:.5rem}}@media (max-width: 480px){.leave-title-group h1{font-size:1.8rem}.leave-stats-row{grid-template-columns:1fr}}.chro-sending-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;justify-content:center;align-items:center;font-family:Outfit,sans-serif}.chro-sending-card{background:linear-gradient(135deg,#1e1b4be6,#312e81e6);padding:40px;border-radius:20px;border:1px solid rgba(226,232,240,.2);box-shadow:0 0 40px #6366f14d;display:flex;flex-direction:column;align-items:center;width:350px;text-align:center;animation:chroPopupFadeIn .3s ease-out}.chro-sending-title{color:#f8fafc;font-size:1.2rem;font-weight:600;margin-top:20px;margin-bottom:8px;letter-spacing:2px}.chro-sending-desc{color:#94a3b8;font-size:.9rem;font-weight:300;margin:0}.chro-sending-spinner{width:50px;height:50px;border:3px solid rgba(226,232,240,.1);border-top:3px solid #e2e8f0;border-radius:50%;animation:chroSpin 1s linear infinite}@keyframes chroSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chroPopupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--chro-cal-bg: #111111;--chro-cal-accent: #e0c058;--chro-cal-accent-glow: rgba(224, 192, 88, .3);--chro-cal-secondary: #1f1f1f;--chro-cal-text: #ffffff;--chro-cal-text-muted: #a0a0a0;--chro-cal-border: 1px solid rgba(255, 255, 255, .12);--chro-cal-weekend: #3e1a1a;--chro-cal-weekend-text: #ff6b6b;--font-display: "Playfair Display", serif;--font-body: "Outfit", sans-serif}.chro-calendar-fullscreen-wrapper{width:calc(100% + 80px);height:100vh;margin:-32px -40px;display:flex;flex-direction:column;position:relative}@media (max-width: 1024px){.chro-calendar-fullscreen-wrapper{width:calc(100% + 40px);margin:-20px;height:auto;min-height:calc(100vh - 70px)}}.chro-calendar-container:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:80%;background:radial-gradient(circle,rgba(224,192,88,.04),transparent 60%);pointer-events:none;z-index:0}.chro-calendar-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--chro-cal-border);background:#161616;z-index:10}.chro-header-left h1{font-family:var(--font-display);font-size:2.5rem;font-weight:500;margin:0;background:linear-gradient(45deg,#e0c058,#fff8dc,#e0c058);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.5)}.chro-header-left p{color:var(--chro-cal-accent);text-transform:uppercase;letter-spacing:4px;font-size:.75rem;margin-top:4px;opacity:.8}.chro-controls{display:flex;gap:1.5rem;align-items:center}.chro-nav-group{display:flex;background:#ffffff08;border-radius:50px;padding:4px;border:1px solid rgba(255,255,255,.05)}.chro-nav-btn{background:transparent;border:none;color:#888;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.chro-nav-btn:hover{background:var(--chro-cal-accent);color:#000;transform:rotate(360deg)}.chro-nav-btn.today-btn{width:auto;padding:0 12px;border-radius:20px;font-weight:600;font-size:.8rem;color:var(--chro-cal-text)}.chro-nav-btn.today-btn:hover{transform:none;background:#e0c05833;color:var(--chro-cal-accent)}.chro-create-btn{background:transparent;color:var(--chro-cal-accent);border:1px solid var(--chro-cal-accent);padding:10px 24px;font-weight:600;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;transition:all .4s ease;position:relative;overflow:hidden;z-index:1;cursor:pointer;display:flex;align-items:center;gap:10px}.chro-btn-icon{width:18px;height:18px}.chro-create-btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:var(--chro-cal-accent);transition:width .3s ease;z-index:-1}.chro-create-btn:hover{color:#000;box-shadow:0 0 20px var(--chro-cal-accent-glow)}.chro-create-btn:hover:before{width:100%}.chro-grid-header{display:grid;grid-template-columns:repeat(7,1fr);padding:1rem 0;background:#161616;border-bottom:2px solid rgba(224,192,88,.2)}.chro-dow{text-align:center;color:#e0c058;font-family:var(--font-display);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.chro-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;flex:1;overflow-y:auto;border-left:1px solid rgba(255,255,255,.1)}.chro-day{border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:.8rem;position:relative;transition:all .2s ease;min-height:100px;display:flex;flex-direction:column;background:var(--chro-cal-bg);cursor:pointer}.chro-day:hover{background:#1f1f1f;box-shadow:inset 0 0 0 2px #e0c0584d;z-index:2}.chro-day.weekend-red{background:linear-gradient(135deg,#3c141499,#1e0a0a66);border:1px solid rgba(255,107,107,.2)}.chro-day.weekend-red:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;background:#ff6b6b;border-radius:50%;box-shadow:0 0 8px #ff6b6b;opacity:.5}.chro-day.weekend-red .chro-date-num{color:#ff8e8e}.chro-day.empty{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 11px)}.chro-day.today{background:linear-gradient(180deg,rgba(224,192,88,.1) 0%,transparent 100%);border:1px solid rgba(224,192,88,.3)}.chro-day.past-disabled{opacity:.25;cursor:default;pointer-events:none;filter:grayscale(.8)}.chro-day.past-disabled:hover{background:var(--chro-cal-bg);box-shadow:none}.chro-date-num{font-family:var(--font-display);font-size:1.4rem;color:#fff;opacity:.7;margin-bottom:.5rem}.chro-day:hover .chro-date-num{opacity:1}.chro-day.today .chro-date-num{color:var(--chro-cal-accent);opacity:1;font-weight:700}.chro-events-container{display:flex;flex-direction:column;gap:6px;flex:1}.chro-event-item{font-size:.8rem;padding:6px 10px;border-left:2px solid;background:#ffffff08;color:#ccc;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,background .2s;will-change:transform}.chro-event-item:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:currentColor;opacity:0;transition:opacity .2s;z-index:0}.chro-event-item:hover{transform:translate(4px);background:#ffffff14}.chro-event-item span{position:relative;z-index:1}.chro-event-item.holiday{border-color:#ef4444;color:#fca5a5}.chro-event-item.event{border-color:#d4af37;color:#fceda3}.chro-event-item.meeting{border-color:#fff;color:#e5e5e5}.chro-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#2d230fd9,#050505fa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;display:flex;justify-content:center;align-items:center}.popup-done-chro-overlay,.popup-error-chro-overlay,.chro-sending-overlay,.confirm-modal-overlay-chro{z-index:100000!important}.chro-modal-panel{background:#0a0a0a;width:90%;max-width:500px;border:1px solid rgba(212,175,55,.3);box-shadow:0 0 60px #000c;position:relative;overflow:hidden}.chro-modal-panel:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:linear-gradient(135deg,transparent 50%,rgba(212,175,55,.05) 50%);pointer-events:none}.chro-modal-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.chro-modal-header h2{font-family:var(--font-display);font-size:2.5rem;margin:0;color:var(--chro-cal-accent)}.chro-modal-header span{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:#666}.chro-modal-body{padding:2rem}.chro-input-group{margin-bottom:1.5rem;position:relative}.chro-input-group label{position:absolute;top:-10px;left:0;font-size:.7rem;color:var(--chro-cal-accent);text-transform:uppercase;letter-spacing:1px}.chro-input{width:100%;background:transparent;border:none;border-bottom:1px solid #333;padding:10px 0;color:#fff;font-family:var(--font-display);font-size:1.25rem;transition:all .3s}.chro-input:focus{outline:none;border-bottom-color:var(--chro-cal-accent);box-shadow:0 4px 10px -4px #d4af371a}.chro-modal-footer{padding:0 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem}.chro-btn-cancel{background:transparent;border:none;color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;cursor:pointer;transition:color .2s}.chro-btn-cancel:hover{color:#fff}.chro-btn-submit{background:var(--chro-cal-accent);color:#000;border:none;padding:12px 30px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .2s}.chro-btn-submit:hover{background:#fff;box-shadow:0 0 20px var(--chro-cal-accent-glow)}@media (max-width: 768px){.chro-calendar-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px;position:relative;background:linear-gradient(to bottom,#161616,#111);border-bottom:5px solid rgba(224,192,88,.1);box-sizing:border-box;width:100%}.chro-header-left{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:8px;text-align:center}.chro-header-left h1{font-size:2.2rem;line-height:1;margin:0;background:linear-gradient(45deg,#fff,#e0c058);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0}.chro-header-left p{font-size:.7rem;letter-spacing:3px;margin-top:6px;color:#999;padding:0}.chro-controls{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}.chro-nav-group{margin:0;flex:0 0 auto;display:flex;align-items:center;background:#ffffff0d;border-radius:20px;padding:4px 6px;border:1px solid rgba(255,255,255,.05)}.chro-nav-btn{width:36px;height:36px;color:#aaa}.chro-nav-btn:hover{background:#ffffff1a;color:#fff}.chro-create-btn{position:static;width:44px;height:44px;padding:0;border-radius:14px;display:flex;justify-content:center;align-items:center;background:var(--chro-cal-accent);color:#000;box-shadow:0 4px 12px #e0c0584d;border:none}.chro-create-btn .chro-btn-icon{width:24px;height:24px;stroke-width:3px}.chro-create-btn .chro-btn-text{display:none}.chro-create-btn:after{content:none}.chro-create-btn:active{transform:scale(.95)}.chro-grid-header{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.chro-dow{font-size:0}.chro-dow:first-letter{font-size:.8rem;font-weight:700;color:#666}.chro-day{min-height:70px;padding:4px}.chro-date-num{font-size:.95rem;margin-bottom:4px}.chro-events-container{flex-direction:row;justify-content:center;gap:3px;height:6px}.chro-event-item{padding:0;width:6px;height:6px}}.chro-local-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;display:flex;justify-content:center;align-items:center;animation:chroFadeIn .2s ease-out}.chro-local-card{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid rgba(224,192,88,.3);border-radius:16px;padding:32px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 60px #0009,0 0 30px #e0c0581a;animation:chroScaleIn .3s cubic-bezier(.18,.89,.32,1.28) forwards;position:relative;overflow:hidden}.chro-local-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:32px}.chro-local-icon.loading{border:3px solid rgba(224,192,88,.1);border-top:3px solid #e0c058;animation:chroSpin 1s linear infinite}.chro-local-icon.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.chro-local-icon.warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.chro-local-icon.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.chro-local-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px;font-family:var(--font-display, sans-serif)}.chro-local-desc{font-size:1rem;color:#aaa;margin-bottom:24px;line-height:1.5}.chro-local-actions{display:flex;gap:16px;justify-content:center}.chro-local-btn{padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem;border:none}.chro-local-btn.cancel{background:transparent;border:1px solid #444;color:#ccc}.chro-local-btn.cancel:hover{border-color:#fff;color:#fff}.chro-local-btn.confirm{background:#e0c058;color:#000}.chro-local-btn.confirm:hover{background:#f0d068;transform:translateY(-2px);box-shadow:0 4px 15px #e0c05866}.chro-local-toast{position:fixed;top:20px;right:20px;background:#1a1a1a;border-left:4px solid #ef4444;padding:16px 24px;border-radius:8px;box-shadow:0 10px 30px #00000080;z-index:100001;display:flex;align-items:center;gap:12px;min-width:300px;animation:chroSlideInRight .3s ease-out}.chro-local-toast.success{border-left-color:#10b981}.chro-local-toast-content h4{margin:0 0 4px;color:#fff;font-size:1rem}.chro-local-toast-content p{margin:0;color:#bbb;font-size:.85rem}@keyframes chroFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chroScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes chroSpin{to{transform:rotate(360deg)}}@keyframes chroSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:--theme(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-secondary: #10b981;--accent-danger: #ef4444;--border-color: #374151;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}html,#root{width:100%;height:100%;margin:0;padding:0}@media screen and (min-width: 1366px){html{font-size:14px}}@media screen and (min-width: 1920px){html{font-size:16px}}:root{--input-height: 2.75rem;--input-padding-x: 2.5rem;--input-padding-y: .5rem;--radius-md: .5rem;--mobile-max: 767px;--tablet-min: 768px;--tablet-max: 1023px;--desktop-min: 1024px}@media (max-width: 767px){.hidden-mobile{display:none!important}.flex-column-mobile{flex-direction:column!important}.w-full-mobile{width:100%!important}.p-mobile{padding:1rem!important}.grid-responsive{grid-template-columns:1fr!important}}@media (min-width: 768px) and (max-width: 1023px){.hidden-tablet{display:none!important}.grid-responsive{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.hidden-desktop{display:none!important}}.text-fluid-title{font-size:clamp(1.25rem,2.5vw,1.75rem)}.text-fluid-base{font-size:clamp(.875rem,1.5vw,1rem)}