@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap);:root{--bg-main:#f0f4f8;--bg-card:#fff;--bg-sidebar:#070e27;--bg-sidebar-hover:#2962ff1f;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--primary:#1a56db;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--primary-glow:#1a56db1f;--primary-gradient:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#3b82f6);--primary-gradient-subtle:linear-gradient(135deg,#1a56db0f,#3b82f60a);--danger:#dc2626;--success:#059669;--warning:#d97706;--info:#0284c7;--shadow-sm:0 1px 3px #0000000a,0 4px 12px #00000008;--shadow-md:0 4px 6px -1px #0000000f,0 10px 30px #1a56db0f;--shadow-lg:0 20px 60px #1a56db1a,0 4px 12px #0000000a;--radius:14px;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}:root[data-theme=dark]{--bg-main:#050a18;--bg-card:#0c1426;--bg-sidebar:#050a18;--bg-sidebar-hover:#3b82f626;--text-main:#f1f5f9;--text-muted:#94a3b8;--border-color:#1e293b;--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--primary-glow:#3b82f626;--danger:#ef4444;--success:#10b981;--warning:#fbbf24;--info:#38bdf8;--shadow-sm:0 1px 3px #0003,0 4px 12px #00000026;--shadow-md:0 4px 6px #0003,0 10px 30px #0000004d;--shadow-lg:0 20px 60px #0006}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f4f8;background-color:var(--bg-main);color:#0f172a;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64748b}.field-error{color:var(--danger,#dc2626);line-height:1.3;margin-top:4px}.input-error{background-color:#dc262608!important;border-color:#dc2626!important;border-color:var(--danger,#dc2626)!important}::selection{background:#1a56db26;color:#1e3a8a}.table-container{-webkit-overflow-scrolling:touch;margin-bottom:16px;overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}@media (max-width:768px){table td,table th{font-size:.85rem;padding:10px 8px}}.layout{background:var(--bg-main);font-family:Inter,system-ui,sans-serif;height:100vh}.layout,.sidebar{display:flex;transition:var(--transition)}.sidebar{background:linear-gradient(180deg,#070e27,#0d1b3e 40%,#0a1630);box-shadow:4px 0 24px #00000014;color:#e5e7eb;flex-direction:column;padding:22px 16px;position:relative;width:260px;z-index:10}.sidebar:after{background:linear-gradient(180deg,#3b82f626,#0000);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.sidebar.collapsed{width:78px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:36px}.sidebar-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#fff);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:1.5px}.sidebar.collapsed .sidebar-header h2{display:none}.collapse-btn{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;color:#94a3b8;cursor:pointer;padding:8px 10px;transition:var(--transition)}.collapse-btn:hover{background:#3b82f633;border-color:#3b82f64d;color:#60a5fa;transform:rotate(180deg) scale(1.05)}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.menu-item{align-items:center;border-radius:10px;color:#94a3b8;display:flex;font-size:13.5px;font-weight:500;gap:14px;padding:12px 16px;position:relative;text-decoration:none;transition:var(--transition)}.menu-item svg{flex-shrink:0;font-size:16px;opacity:.85}.menu-item:hover{background:#3b82f61a;color:#e2e8f0;transform:translateX(4px)}.menu-item.active{background:var(--primary-gradient);box-shadow:0 4px 16px #1a56db59,0 2px 4px #1a56db33;color:#fff;font-weight:600}.menu-item.active svg{opacity:1}.menu-item.active:before{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-radius:0 4px 4px 0;box-shadow:0 0 8px #3b82f666;content:"";height:55%;left:-16px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar.collapsed .menu-item span{display:none}.sidebar.collapsed .menu-item:after{background:#0d1b3e;border:1px solid #3b82f626;border-radius:8px;box-shadow:0 4px 12px #0003;color:#e2e8f0;content:attr(data-label);font-size:12px;font-weight:500;left:84px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transition:var(--transition);white-space:nowrap}.sidebar.collapsed .menu-item:hover:after{opacity:1}.main-section{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.navbar{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #00000008;height:64px;justify-content:space-between;min-height:64px;padding:0 28px}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:12px;min-width:0}.navbar-right{align-items:center;display:flex;flex-shrink:0;gap:16px}.icon-btn{border-radius:8px;color:var(--text-muted);font-size:18px;padding:6px;position:relative}.icon-btn:hover{background:var(--primary-glow);color:var(--primary);transform:scale(1.08)}.notification .badge{background:var(--danger);border-radius:50px;color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;padding:3px 6px;position:absolute;right:-6px;text-align:center;top:-4px}.mobile-menu-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);cursor:pointer;display:none;flex-shrink:0;font-size:16px;height:38px;justify-content:center;transition:var(--transition);width:38px}.mobile-menu-btn:hover{background:var(--primary-glow);border-color:var(--primary-light);color:var(--primary)}.nav-dropdown-wrapper{position:relative}.nav-dropdown-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);color:var(--text-main);cursor:pointer;display:flex;font-weight:600;gap:9px;height:40px;letter-spacing:.01em;padding:0 14px 0 10px}.nav-dropdown-btn,.nav-dropdown-btn svg:first-child{align-items:center;font-size:13px;transition:var(--transition)}.nav-dropdown-btn svg:first-child{background:var(--primary-glow);border-radius:8px;box-sizing:border-box;color:var(--primary);display:inline-flex;flex-shrink:0;height:26px;justify-content:center;padding:6px;width:26px}.nav-dropdown-caret{color:var(--text-muted);font-size:10px!important;margin-left:2px;transition:transform .2s ease,color .2s ease}.nav-dropdown-btn:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-dropdown-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff}.nav-dropdown-btn.active svg:first-child{background:#fff3;color:#fff}.nav-dropdown-btn.active .nav-dropdown-caret{color:#fff;transform:rotate(180deg)}.nav-dropdown-menu{animation:dropdownIn .18s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg),0 0 0 1px #00000005;display:flex;flex-direction:column;gap:2px;min-width:230px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.nav-dropdown-item{border-radius:10px;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;gap:11px;padding:10px 12px;text-decoration:none}.nav-dropdown-icon,.nav-dropdown-item{align-items:center;display:flex;transition:var(--transition)}.nav-dropdown-icon{border-radius:9px;flex-shrink:0;font-size:14px;height:30px;justify-content:center;width:30px}.nav-dropdown-icon,.nav-dropdown-item:hover{background:var(--primary-glow);color:var(--primary)}.nav-dropdown-item:hover{transform:translateX(3px)}.nav-dropdown-item:hover .nav-dropdown-icon{background:var(--primary);color:#fff}.theme-toggle{align-items:center;background:#e2e8f0;border-radius:999px;cursor:pointer;display:flex;height:30px;padding:4px;position:relative;transition:var(--transition);width:60px}[data-theme=dark] .theme-toggle{background:#1e293b}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000001f;height:22px;left:4px;position:absolute;transition:var(--transition);width:22px}.theme-toggle[data-theme=dark] .toggle-thumb{background:#0d1b3e;transform:translateX(28px)}.toggle-icon{align-items:center;display:flex;font-size:12px;justify-content:center;transition:var(--transition);width:50%;z-index:1}.toggle-icon.sun{color:#f59e0b}.toggle-icon.moon{color:var(--text-muted)}.theme-toggle[data-theme=dark] .toggle-icon.sun{opacity:.4}.theme-toggle[data-theme=dark] .toggle-icon.moon{color:#60a5fa;opacity:1}.profile{margin-bottom:-10px;padding-bottom:10px;position:relative}.profile-info{align-items:center;border-radius:999px;color:var(--text-main);cursor:pointer;display:flex;font-weight:500;gap:10px;padding:6px 10px;transition:var(--transition)}.profile:hover .profile-info{background:var(--primary-glow);color:var(--primary)}.dropdown{animation:dropdownIn .2s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-lg),0 0 0 1px #00000005;overflow:hidden;padding-bottom:8px;position:absolute;right:0;top:50px;width:272px;z-index:999}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:var(--bg-card);flex-direction:column;gap:8px;padding:26px 20px 20px;text-align:center}.dropdown-avatar,.dropdown-header{align-items:center;display:flex;position:relative}.dropdown-avatar{background:var(--bg-main);border-radius:50%;color:var(--primary);height:72px;justify-content:center;overflow:hidden;padding:3px;width:72px}.dropdown-avatar:before{background:var(--primary-gradient);border-radius:50%;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;position:absolute}.dropdown-avatar img{border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%}.dropdown-avatar svg{position:relative}.dropdown-user-name{color:var(--text-main);font-size:1.02rem;font-weight:700;letter-spacing:-.01em;margin-top:2px}.dropdown-user-designation{background:var(--bg-main);border:1px solid var(--border-color);border-radius:999px;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.02em;padding:3px 12px;text-transform:capitalize}.dropdown-user-email{color:var(--text-muted);font-size:.78rem;font-weight:500;word-break:break-all}.dropdown-divider{background:linear-gradient(90deg,#0000,var(--border-color) 20%,var(--border-color) 80%,#0000);height:1px;margin:6px 14px}.dropdown-item{border-radius:11px;color:var(--text-main);cursor:pointer;font-size:13.5px;font-weight:500;gap:12px;margin:2px 8px;padding:10px 16px}.dropdown-item,.dropdown-item-icon{align-items:center;display:flex;transition:var(--transition)}.dropdown-item-icon{background:var(--bg-main);border-radius:9px;color:var(--text-muted);flex-shrink:0;font-size:14px;height:30px;justify-content:center;width:30px}.dropdown-item:hover{background:var(--primary-glow);color:var(--primary);transform:translateX(3px)}.dropdown-item:hover .dropdown-item-icon{background:var(--primary);color:#fff}.dropdown-item.logout,.dropdown-item.logout .dropdown-item-icon{color:var(--danger)}.dropdown-item.logout:hover{background:#dc262614;color:var(--danger)}.dropdown-item.logout:hover .dropdown-item-icon{background:var(--danger);color:#fff}.content{-webkit-overflow-scrolling:touch;background:var(--bg-main);flex:1 1;overflow-y:auto;padding:28px}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.breadcrumbs{align-items:center;display:flex;font-size:13.5px;font-weight:500;gap:6px;min-width:0;overflow:hidden}.breadcrumbs,.crumb{color:var(--text-muted)}.crumb{text-decoration:none;transition:var(--transition)}.crumb.active,.crumb:hover{color:var(--primary)}.crumb.active{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.separator{color:var(--text-muted);flex-shrink:0;margin:0 4px}[data-theme=dark] .crumb.active{color:#60a5fa}.profile-avatar{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}@media (max-width:1280px){.sidebar{width:236px}.content{padding:24px}}@media (max-width:1024px){.sidebar{width:220px}.navbar{padding:0 20px}.content{padding:22px}.nav-dropdown-menu{min-width:210px}}@media (max-width:900px){.navbar-right{gap:10px}.nav-dropdown-btn span{display:none}.nav-dropdown-btn{padding:0 10px}.nav-dropdown-caret{display:none}}@media (max-width:768px){.sidebar:not(.collapsed){width:78px}.sidebar:not(.collapsed) .menu-item span,.sidebar:not(.collapsed) .sidebar-header h2{display:none}.sidebar:not(.collapsed) .menu-item:after{background:#0d1b3e;border:1px solid #3b82f626;border-radius:8px;box-shadow:0 4px 12px #0003;color:#e2e8f0;content:attr(data-label);font-size:12px;font-weight:500;left:84px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transition:var(--transition);white-space:nowrap;z-index:20}.sidebar:not(.collapsed) .menu-item:hover:after{opacity:1}.collapse-btn{display:none}.navbar{height:58px;min-height:58px;padding:0 14px}.breadcrumbs{font-size:12px}.content{padding:16px}.dropdown{right:0;width:min(272px,calc(100vw - 24px))}.nav-dropdown-menu{min-width:min(230px,calc(100vw - 24px));right:0}}@media (max-width:640px){.layout{overflow-x:hidden;position:relative}.sidebar,.sidebar.collapsed,.sidebar:not(.collapsed){box-shadow:8px 0 32px #00000040;height:100vh;left:0;padding:22px 16px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);width:min(280px,82vw);z-index:1200}.sidebar:not(.collapsed) .menu-item span,.sidebar:not(.collapsed) .sidebar-header h2{display:block}.sidebar:not(.collapsed) .menu-item:after{content:none}.collapse-btn{display:none}.sidebar.mobile-open{transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#060a198c;display:none;inset:0;position:fixed;z-index:1100}.sidebar-overlay.visible{animation:fadeIn .2s ease;display:block}.main-section{width:100%}.mobile-menu-btn{display:flex}.navbar{padding:0 12px}.navbar-right{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:visible;padding-bottom:1px;scrollbar-width:none}.navbar-right::-webkit-scrollbar{display:none}.icon-btn{align-items:center;display:flex;font-size:15px;height:34px;justify-content:center;min-width:34px;width:34px}.icon-btn,.nav-dropdown-wrapper{flex-shrink:0}.nav-dropdown-btn{gap:6px;height:34px;padding:0 8px}.nav-dropdown-btn svg:first-child{font-size:11px;height:20px;padding:4px;width:20px}.theme-toggle{flex-shrink:0;height:24px;width:44px}.toggle-thumb{height:16px;width:16px}.theme-toggle[data-theme=dark] .toggle-thumb{transform:translateX(20px)}.toggle-icon{font-size:10px}.profile{flex-shrink:0}.profile-avatar{height:30px;width:30px}.breadcrumbs .crumb:not(.active):not(:first-child),.breadcrumbs .separator:not(:last-of-type),.profile-info span{display:none}.content{padding:14px}.dropdown,.nav-dropdown-menu{left:12px;max-width:none;min-width:0;position:fixed;right:12px;top:60px;width:auto;z-index:1250}.dropdown{max-height:calc(100vh - 76px);overflow-y:auto}.dropdown-header{gap:6px;padding:16px 14px 12px}.dropdown-avatar{height:52px;width:52px}.dropdown-user-name{font-size:.9rem}.dropdown-user-designation{font-size:.62rem;padding:2px 10px}.dropdown-user-email{font-size:.7rem}.dropdown-divider{margin:4px 10px}.dropdown-item{font-size:12.5px;gap:10px;margin:1px 6px;padding:8px 12px}.dropdown-item-icon{font-size:12px;height:26px;width:26px}}@media (max-width:480px){.navbar{padding:0 10px}.navbar-right{gap:6px}.icon-btn{font-size:14px;height:30px;min-width:30px;padding:4px;width:30px}.nav-dropdown-btn{height:30px;padding:0 6px}.mobile-menu-btn{font-size:13px;height:32px;width:32px}.profile-avatar{height:28px;width:28px}.theme-toggle{height:22px;width:40px}.toggle-thumb{height:14px;width:14px}.theme-toggle[data-theme=dark] .toggle-thumb{transform:translateX(18px)}.content{padding:12px}.dropdown-header{padding:14px 12px 10px}.dropdown-avatar{height:46px;width:46px}.sidebar,.sidebar.collapsed,.sidebar:not(.collapsed){padding:18px 14px;width:min(260px,84vw)}}@media (max-width:380px){.navbar-left .breadcrumbs span:not(.crumb.active){display:none}.sidebar,.sidebar.collapsed,.sidebar:not(.collapsed){width:min(240px,88vw)}.content{padding:10px 10px max(10px,env(safe-area-inset-bottom))}}.navbar{overflow:visible;position:relative;z-index:1000}.navbar-right{position:relative;z-index:1001}.profile{z-index:1002}.dropdown,.nav-dropdown-menu{z-index:1100}@media (min-width:641px){.main-section{overflow:visible}.content{min-height:0}}@media (max-width:640px){.navbar{z-index:2000}.navbar,.navbar-right{overflow:visible;position:relative}.navbar-right{z-index:2001}.profile{position:relative;z-index:2100}.dropdown,.nav-dropdown-menu{z-index:3000}.dropdown{left:12px;max-height:calc(100dvh - 72px);max-width:none;min-width:0;overflow-y:auto;right:12px;top:60px;width:auto}}@media (hover:none),(pointer:coarse){.profile-info{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}}.split-login{background:var(--bg-main);display:flex;font-family:Inter,system-ui,sans-serif;min-height:100vh}.login-left{align-items:center;background:linear-gradient(135deg,#070e27,#1a3a7a 40%,#2563eb 75%,#3b82f6);color:#fff;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:80px;position:relative}.login-left:before{animation:orbFloat 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f633,#0000 70%);height:500px;right:-150px;top:-150px;width:500px}.login-left:after,.login-left:before{border-radius:50%;content:"";position:absolute}.login-left:after{animation:orbFloat 10s ease-in-out infinite reverse;background:radial-gradient(circle,#60a5fa1f,#0000 70%);bottom:-120px;height:400px;left:-120px;width:400px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.left-content{max-width:420px;position:relative;width:100%;z-index:2}.left-content h1{font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1.15;margin-bottom:16px}.left-content p{font-size:15px;font-weight:400;line-height:1.7;margin-bottom:36px;opacity:.9}.illustration{position:relative}.illustration:before{background:#ffffff0f;border-radius:50%;content:"";filter:blur(40px);height:280px;left:40px;position:absolute;top:40px;width:280px;z-index:0}.illustration img{animation:float 4s ease-in-out infinite;filter:drop-shadow(0 30px 50px rgba(0,0,0,.3));max-width:340px;position:relative;width:100%;z-index:1}.powered-by{color:#ffffffbf;font-size:12px;font-weight:400;gap:8px;letter-spacing:.03em;margin-top:32px;position:relative;z-index:2}.powered-by,.powered-by-badge{align-items:center;display:flex}.powered-by-badge{background:#ffffffeb;border-radius:12px;box-shadow:0 2px 6px #00000026;flex-shrink:0;height:22px;justify-content:center;width:22px}.powered-by-logo{display:block;height:14px;object-fit:contain;width:14px}.powered-by strong{color:#fffffff2;font-weight:600}.login-right{background:var(--bg-card);box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:100vh;padding:48px 60px}.login-right-inner{display:flex;flex-direction:column;height:100%;max-width:400px;width:100%}.login-form-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:center}.login-form{animation:fadeUp .5s cubic-bezier(.4,0,.2,1);background:var(--bg-card);border-radius:var(--radius);box-shadow:0 1px 2px #00000008,0 8px 16px #0000000a,0 24px 48px #1a56db0f;box-sizing:border-box;padding:40px;transition:var(--transition);width:100%}.login-form:hover{box-shadow:0 2px 4px #0000000a,0 12px 24px #0000000f,0 32px 64px #1a56db1a;transform:translateY(-4px)}.login-heading{color:var(--text-main);font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.subtitle{color:var(--text-muted);font-size:14px;font-weight:400;margin-bottom:28px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:var(--text-main);font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:6px}.form-group input{background:var(--bg-main);border:1.5px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-main);font-family:inherit;font-size:14px;padding:12px 14px;transition:var(--transition);width:100%}.form-group input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a;outline:none}.password-input{position:relative}.password-input input{background:var(--bg-main);border:1.5px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-main);font-family:inherit;font-size:14px;padding:12px 40px 12px 14px;transition:var(--transition);width:100%}.password-input input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1a;outline:none}.eye-icon{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:-6px;padding:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:var(--transition)}.eye-icon:hover{color:var(--primary)}.login-options{margin-bottom:24px;text-align:right}.forgot-link{color:var(--primary);cursor:pointer;font-size:13px;font-weight:500;transition:var(--transition)}.forgot-link:hover{color:var(--primary-dark);text-decoration:underline}.login-btn{background:linear-gradient(135deg,#1a56db,#3b82f6);border:none;border-radius:10px;box-shadow:0 4px 16px #1a56db4d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.3px;padding:13px;transition:var(--transition);width:100%}.login-btn:hover{box-shadow:0 8px 24px #1a56db66;transform:translateY(-2px)}.login-btn:active{box-shadow:0 2px 8px #1a56db40;transform:translateY(0)}.login-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.error-box{background:#dc26260f;border:1px solid #dc26261f;border-radius:10px;color:#991b1b;font-size:13px;font-weight:500;margin-bottom:18px;padding:10px 14px}.login-footer{flex-shrink:0;margin-top:32px;text-align:center;width:100%}.login-footer-divider{background:var(--border-color);height:1px;margin-bottom:16px;opacity:.6;width:100%}.login-footer-row{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px;justify-content:center;line-height:1.6}.login-footer-sep{color:var(--border-color);font-size:11px}.login-footer a{color:var(--primary);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.password-input input::-ms-clear,.password-input input::-ms-reveal{display:none}.password-input input::-webkit-credentials-auto-fill-button,.password-input input::-webkit-textfield-decoration-container{display:none!important;pointer-events:none;position:absolute;right:0;visibility:hidden}@media (max-width:1200px){.login-left{padding:60px}.login-right{padding:48px 40px}}@media (max-width:1024px){.login-left{padding:40px 32px}.left-content{max-width:340px}.left-content h1{font-size:28px}.left-content p{font-size:14px;margin-bottom:22px}.illustration img{max-width:200px}.login-right{padding:40px 28px}.login-form{padding:32px 28px}}@media (max-width:767px){.split-login{flex-direction:column;height:auto;min-height:100vh}.login-left{flex:none;min-height:240px;padding:40px 24px;text-align:center;width:100%}.left-content{align-items:center;display:flex;flex-direction:column;max-width:100%}.left-content h1{font-size:26px}.left-content p{font-size:14px;margin-bottom:20px}.illustration{display:none}.powered-by{justify-content:center;margin-top:8px}.login-right{flex:none;height:auto;min-height:0;padding:32px 20px;width:100%}.login-right-inner{height:auto}.login-form-wrapper{flex:none}.login-form{border-radius:14px;padding:28px 22px}.login-form:hover{transform:none}.login-heading{font-size:20px}.login-footer{margin-top:24px}}@media (max-width:420px){.login-left{min-height:200px;padding:32px 20px}.left-content h1{font-size:22px}.powered-by{font-size:11px}.login-right{padding:24px 14px 28px}.login-form{padding:22px 16px}.login-footer-row{font-size:11px}}@media (hover:none){.login-btn:hover,.login-form:hover{transform:none}}.forgot-heading{color:var(--text-main);font-size:20px;font-weight:600;margin-bottom:20px;text-align:center}.email{margin-bottom:30px}.admin-notice{align-items:center;background:#1a56db0a;border:1px solid #1a56db1f;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:24px;padding:28px 24px;text-align:center}.admin-notice-icon{align-items:center;background:linear-gradient(135deg,#1a56db,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-style:italic;font-weight:700;height:36px;justify-content:center;margin-bottom:14px;width:36px}.admin-notice-title{color:var(--text-main);font-size:15px;font-weight:700;margin:0 0 8px}.admin-notice-text{color:var(--text-muted);font-size:13.5px;line-height:1.65;margin:0 0 20px}.admin-contact-btn{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;text-decoration:none;width:100%}.login-options.centered{margin-bottom:0;text-align:center}@media (max-width:1024px){.admin-notice{padding:24px 20px}}@media (max-width:767px){.forgot-heading{font-size:18px}.admin-notice{border-radius:12px;margin-bottom:20px;padding:20px 16px}.admin-notice-title{font-size:14px}.admin-notice-text{font-size:13px;margin-bottom:16px}}@media (max-width:420px){.admin-notice{padding:18px 14px}.admin-notice-icon{font-size:14px;height:32px;width:32px}}.dashboard-root{background:#0000;display:flex;flex-direction:column;font-family:Outfit,sans-serif;gap:28px;min-height:100vh;padding:32px}.dashboard-root h2{color:var(--text-main);font-size:21px;font-weight:700;letter-spacing:-.5px;margin:0}.empty-state{border:1px dashed var(--border-color);border-radius:22px;color:var(--text-muted);font-size:.9rem;font-weight:500;padding:48px}.checkin-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.attendance-card,.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--shadow-md);overflow:hidden;padding:28px;position:relative;transition:var(--transition)}.attendance-card:hover,.task-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.attendance-card:hover:before,.task-card:hover:before{opacity:1}.attendance-card h3,.task-card h3{color:var(--text-main);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 24px;position:relative;z-index:2}.attendance-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.attendance-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:18px;overflow:hidden;padding:24px 18px;position:relative;text-align:center;transition:var(--transition)}.attendance-box:before{background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:.35s}.attendance-box-clickable{cursor:pointer}.attendance-box-clickable:hover{border-color:#0000;box-shadow:var(--shadow-md);transform:translateY(-6px)}.attendance-box-clickable:hover:before{opacity:1}.attendance-box p{color:var(--text-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.attendance-box h2,.attendance-box p{position:relative;transition:.3s;z-index:2}.attendance-box h2{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:700;margin:0}.attendance-box-clickable:hover h2,.attendance-box-clickable:hover p{color:#fff}.donut-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.donut-grid-single{grid-template-columns:minmax(240px,360px);justify-content:center}.donut-block{align-items:center;background:linear-gradient(165deg,var(--bg-main),var(--bg-card));border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:28px 20px 24px;position:relative;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}.donut-block:before{background:radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,#0000) 0,#0000 72%);background:radial-gradient(circle,var(--primary-glow,color-mix(in srgb,var(--primary) 18%,#0000)) 0,#0000 72%);content:"";height:220px;pointer-events:none;position:absolute;right:-35%;top:-55%;width:220px}.donut-block:hover{border-color:color-mix(in srgb,var(--primary) 22%,var(--border-color));box-shadow:0 2px 6px #0f172a0a,0 14px 32px #0f172a12;transform:translateY(-4px)}.donut-block-title{align-self:flex-start;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin:0;position:relative;text-transform:uppercase;z-index:1}.donut-wrap{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.donut-svg{overflow:visible}.donut-seg{transition:opacity .25s ease,filter .25s ease}.donut-seg-clickable{cursor:pointer}.donut-seg-clickable:hover{filter:brightness(1.08) saturate(1.1);opacity:.85}.donut-center-value{fill:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.donut-center-label{fill:var(--text-muted);font-family:Outfit,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.donut-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0;position:relative;width:100%;z-index:1}.donut-legend-item{--chip-color:var(--primary);align-items:center;background:color-mix(in srgb,var(--chip-color) 10%,var(--bg-card));border:1px solid color-mix(in srgb,var(--chip-color) 22%,#0000);border-radius:999px;display:flex;gap:8px;padding:7px 12px 7px 9px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.donut-legend-clickable{cursor:pointer}.donut-legend-clickable:hover{background:color-mix(in srgb,var(--chip-color) 18%,var(--bg-card));box-shadow:0 6px 16px color-mix(in srgb,var(--chip-color) 20%,#0000);transform:translateY(-2px)}.donut-legend-dot{background:var(--chip-color);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--chip-color) 18%,#0000);flex-shrink:0;height:9px;width:9px}.donut-legend-text{color:var(--text-main);font-size:.76rem;font-weight:600;white-space:nowrap}.donut-legend-value{color:var(--chip-color);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700}@media (max-width:640px){.donut-grid{grid-template-columns:1fr}}.hr-overview-card{padding:30px 32px 32px}.hr-overview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:26px}.hr-overview-header h3{margin:0 0 4px}.hr-overview-sub{color:var(--text-muted);font-size:.8rem;font-weight:500;margin:0}.hr-live-pill{align-items:center;background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 20%,#0000);border-radius:999px;color:var(--primary);display:inline-flex;flex-shrink:0;font-size:.7rem;font-weight:700;gap:6px;letter-spacing:.06em;padding:6px 12px;text-transform:uppercase}.hr-live-dot{animation:hrLivePulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--primary);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,#0000);height:7px;width:7px}@keyframes hrLivePulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,#0000)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--primary) 5%,#0000)}}.hr-overview-body{align-items:center;display:flex;gap:40px}.hr-overview-chart{align-items:center;background:linear-gradient(165deg,var(--bg-main),var(--bg-card));border:1px solid var(--border-color);border-radius:20px;display:flex;flex-shrink:0;justify-content:center;padding:18px;position:relative}.hr-overview-stats{flex:1 1;gap:16px;min-width:0}.hr-overview-stats,.hr-stat-row{display:flex;flex-direction:column}.hr-stat-row{border-radius:14px;gap:8px;padding:10px 14px;transition:background .2s ease,transform .2s ease}.hr-stat-row-clickable{cursor:pointer}.hr-stat-row-clickable:hover{background:color-mix(in srgb,var(--stat-color) 8%,var(--bg-main));transform:translateX(4px)}.hr-stat-top{align-items:center;display:flex;gap:10px}.hr-stat-dot{background:var(--stat-color);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--stat-color) 18%,#0000);flex-shrink:0;height:10px;width:10px}.hr-stat-label{color:var(--text-main);font-size:.86rem;font-weight:600}.hr-stat-pct{color:var(--text-muted);font-size:.74rem;font-weight:600;margin-left:auto}.hr-stat-pct,.hr-stat-value{font-family:JetBrains Mono,monospace}.hr-stat-value{color:var(--stat-color);font-size:.95rem;font-weight:800;min-width:26px;text-align:right}.hr-stat-bar-track{background:var(--bg-main);border:1px solid var(--border-color);border-radius:999px;height:7px;overflow:hidden}.hr-stat-bar-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--stat-color) 75%,#fff),var(--stat-color));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}@media (max-width:640px){.hr-overview-body{align-items:stretch;flex-direction:column;gap:24px}.hr-overview-chart{align-self:center}}.task-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;position:relative;z-index:2}.task-card-header h3{margin:0}.task-card-count{align-items:center;background:var(--primary-gradient);border-radius:999px;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 30%,#0000);color:#fff;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 8px}.task-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}@media (max-width:640px){.task-list{grid-template-columns:1fr}}.task-item{animation:taskItemIn .45s cubic-bezier(.22,1,.36,1) forwards;animation-delay:0ms;animation-delay:calc(var(--stagger, 0)*60ms);background:linear-gradient(150deg,var(--bg-card) 0,var(--bg-main) 130%);border:1px solid var(--border-color)!important;border-left:none!important;border-radius:20px!important;box-shadow:0 1px 2px #0f172a08,0 8px 20px #0f172a0a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:20px;opacity:0;overflow:hidden;padding:20px 20px 20px 22px;position:relative;transform:translateY(10px);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),border-color .3s ease}@keyframes taskItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-item:before{background:var(--text-muted);background:var(--spine-color,var(--text-muted));border-radius:20px 0 0 20px;bottom:0;content:"";left:0;opacity:.85;position:absolute;top:0;width:4px}.task-item.priority-high{--spine-color:#dc2626}.task-item.priority-medium{--spine-color:#ea580c}.task-item.priority-low{--spine-color:#2563eb}.task-item.priority-normal{--spine-color:#94a3b8}.task-item:hover{border-color:color-mix(in srgb,var(--spine-color,var(--primary)) 30%,var(--border-color))!important;box-shadow:0 16px 40px #0f172a17,0 4px 14px color-mix(in srgb,var(--primary) 16%,#0000);box-shadow:0 16px 40px #0f172a17,0 4px 14px color-mix(in srgb,var(--spine-color,var(--primary)) 16%,#0000);transform:translateY(-6px)}.task-item-content{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:2}.task-item-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.task-title{-webkit-line-clamp:2;color:var(--text-main);font-size:16px;font-weight:700;line-height:1.5;margin:0}.task-desc,.task-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-desc{-webkit-line-clamp:3;color:var(--text-muted);font-size:13px;line-height:1.65;margin:10px 0}.task-meta{align-items:center;border-top:1px dashed var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:14px}.task-due{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;font-weight:500;gap:5px}.task-due-icon{flex-shrink:0;height:13px;width:13px}.task-due-overdue{color:#dc2626;font-weight:700}.task-priority{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;gap:5px;justify-content:center;letter-spacing:.3px;padding:5px 11px 5px 8px;text-transform:uppercase}.task-priority-icon{flex-shrink:0;height:12px;width:12px}.task-priority.high{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.task-priority.medium{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}.task-priority.low{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.task-priority.normal{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.task-status{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:6px;text-transform:capitalize}.task-status.todo{color:#852182}.task-status.in-progress{color:#2563eb}.task-status.done{color:#10b981}.task-status.on-hold{color:#f59e0b}.task-status.cancelled{color:#ef4444}.task-status.pending{color:#f59e0b}.task-status.ongoing{color:#2563eb}.task-empty{align-items:center;background:var(--bg-main);border:2px dashed var(--border-color);border-radius:22px;color:var(--text-muted);display:flex;font-size:14px;grid-column:1/-1;justify-content:center;min-height:100px}.task-empty p{margin:0}@media (max-width:1024px){.dashboard-root{gap:22px;padding:24px}.donut-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:900px){.checkin-container{gap:20px;grid-template-columns:1fr}.hr-overview-card{padding:24px 22px 26px}}@media (max-width:768px){.dashboard-root{gap:18px;padding:18px}.attendance-card,.task-card{padding:20px}.attendance-card h3,.task-card h3{font-size:18px;margin-bottom:18px}.task-card-header{margin-bottom:18px}.attendance-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attendance-box{padding:18px 12px}.attendance-box h2{font-size:1.7rem}.donut-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.donut-grid-single{grid-template-columns:minmax(200px,320px)}.hr-overview-header{flex-wrap:wrap;gap:10px;margin-bottom:18px}}@media (max-width:560px){.dashboard-root{gap:16px;padding:14px}.dashboard-root h2{font-size:18px}.empty-state{padding:32px 20px}.attendance-card,.task-card{border-radius:18px;padding:16px}.donut-grid{grid-template-columns:1fr}.donut-block{padding:22px 16px 18px}.hr-overview-card{padding:18px 16px 20px}.hr-live-pill{font-size:.62rem;padding:5px 10px}.task-item{padding:16px 16px 16px 18px}.task-title{font-size:15px}}@media (max-width:420px){.attendance-box h2{font-size:1.5rem}.donut-center-value{font-size:1.4rem}.hr-stat-label{font-size:.8rem}}.cio-root{--cio-in-accent:var(--primary);--cio-in-mid:color-mix(in srgb,var(--primary) 55%,#fff);--cio-in-soft:color-mix(in srgb,var(--primary) 14%,var(--bg-card));--cio-out-accent:var(--info);--cio-out-mid:color-mix(in srgb,var(--info) 55%,#fff);--cio-out-soft:color-mix(in srgb,var(--info) 14%,var(--bg-card));align-items:center;background:var(--bg-card);border-radius:24px;display:flex;flex-direction:column;font-family:Outfit,sans-serif;gap:1.8rem;overflow:hidden;padding:1.5rem 1.2rem 2rem;position:relative;width:100%}.cio-root:before{background:radial-gradient(circle,var(--primary-glow) 0,#0000 70%);height:320px;right:-30%;top:-60%;width:320px}.cio-root:after,.cio-root:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.cio-root:after{background:radial-gradient(circle,color-mix(in srgb,var(--info) 8%,#0000) 0,#0000 70%);bottom:-40%;height:280px;left:-20%;width:280px}.cio-live{align-items:center;display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:1}.cio-live-date{color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.cio-live-clock{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:2.4rem;font-weight:600;letter-spacing:-.03em;line-height:1}.cio-status-pill{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;gap:.5rem;letter-spacing:.06em;padding:.4rem 1.2rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.22,1,.36,1);z-index:1}.cio-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cio-status-idle{background:color-mix(in srgb,var(--text-muted) 12%,var(--bg-card));border:1px solid var(--border-color);color:var(--text-muted)}.cio-status-idle .cio-status-dot{background:var(--border-color)}.cio-status-active{background:var(--cio-in-soft);border:1px solid color-mix(in srgb,var(--primary) 15%,#0000);box-shadow:0 2px 12px color-mix(in srgb,var(--primary) 8%,#0000);color:var(--cio-in-accent)}.cio-status-active .cio-status-dot{animation:cioPulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--cio-in-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,#0000)}.cio-status-done{background:var(--cio-out-soft);border:1px solid color-mix(in srgb,var(--info) 12%,#0000);box-shadow:0 2px 12px color-mix(in srgb,var(--info) 6%,#0000);color:var(--cio-out-accent)}.cio-status-done .cio-status-dot{background:var(--cio-out-accent)}@keyframes cioPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,#0000)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--primary) 4%,#0000)}}.cio-cards{align-items:stretch;gap:1.2rem;max-width:680px;width:100%;z-index:1}.cio-card,.cio-cards{display:flex;position:relative}.cio-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:0 1px 2px #00000008,0 4px 12px #0000000a,0 12px 32px #00000008;flex:1 1;flex-direction:column;gap:1rem;overflow:hidden;padding:1.6rem 1.4rem;transition:all .35s cubic-bezier(.22,1,.36,1)}.cio-card:hover{box-shadow:0 1px 2px #00000008,0 8px 20px #0000000f,0 16px 40px #0000000a;transform:translateY(-5px)}.cio-card:before{border-radius:22px 22px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.cio-card-in.cio-card-done:before{background:linear-gradient(90deg,var(--primary-dark),var(--cio-in-accent),var(--cio-in-mid));opacity:1}.cio-card-out.cio-card-done:before{background:linear-gradient(90deg,var(--cio-out-accent),var(--primary-light),var(--cio-out-mid));opacity:1}.cio-card-locked{filter:grayscale(.3);opacity:.45;pointer-events:none}.cio-card-pulse{animation:cioCardPop .65s cubic-bezier(.22,1,.36,1)}@keyframes cioCardPop{0%{transform:scale(1)}35%{transform:scale(1.03)}to{transform:scale(1)}}.cio-card-top{gap:.65rem}.cio-card-top,.cio-icon-wrap{align-items:center;display:flex}.cio-icon-wrap{border-radius:12px;flex-shrink:0;height:38px;justify-content:center;transition:transform .3s ease;width:38px}.cio-card:hover .cio-icon-wrap{transform:scale(1.05)}.cio-icon-wrap svg{height:18px;width:18px}.cio-icon-in{background:linear-gradient(135deg,var(--cio-in-soft),color-mix(in srgb,var(--primary) 22%,var(--bg-card)));box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 12%,#0000);color:var(--cio-in-accent)}.cio-icon-out{background:linear-gradient(135deg,var(--cio-out-soft),color-mix(in srgb,var(--info) 22%,var(--bg-card)));box-shadow:0 2px 8px color-mix(in srgb,var(--info) 12%,#0000);color:var(--cio-out-accent)}.cio-card-label{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cio-time-display{display:flex;flex-direction:column;gap:.2rem}.cio-time-main{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.85rem;font-weight:600;letter-spacing:-.03em;line-height:1}.cio-time-date{color:var(--text-muted);font-size:.72rem;font-weight:400}.cio-time-empty{color:var(--border-color);font-family:JetBrains Mono,monospace;font-size:1.85rem;font-weight:400;letter-spacing:.06em;line-height:1}.cio-card-in button[type=button]{background:var(--primary-gradient);color:var(--text-muted);font-family:Outfit,sans-serif;transition:background .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1)}.cio-card-in button[type=button]:hover{border-color:var(--primary)!important;color:var(--primary)}.cio-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.84rem;font-weight:600;gap:.4rem;justify-content:center;letter-spacing:-.01em;overflow:hidden;padding:.7rem 1.3rem;position:relative;transition:all .25s cubic-bezier(.22,1,.36,1)}.cio-btn-ring{border:1.5px solid #fff3;border-radius:inherit;inset:0;pointer-events:none;position:absolute}.cio-btn-in{background:linear-gradient(135deg,var(--cio-in-mid),var(--cio-in-accent));box-shadow:0 2px 4px color-mix(in srgb,var(--primary) 20%,#0000),0 6px 16px color-mix(in srgb,var(--primary) 20%,#0000);color:#fff}.cio-btn-in:hover{box-shadow:0 4px 8px color-mix(in srgb,var(--primary) 25%,#0000),0 10px 24px color-mix(in srgb,var(--primary) 25%,#0000);transform:translateY(-2px)}.cio-btn-in:active{box-shadow:0 2px 6px color-mix(in srgb,var(--primary) 20%,#0000);transform:scale(.97) translateY(0)}.cio-btn-out{background:linear-gradient(135deg,var(--cio-out-accent),var(--primary-light));box-shadow:0 2px 4px color-mix(in srgb,var(--info) 20%,#0000),0 6px 16px color-mix(in srgb,var(--info) 20%,#0000);color:#fff}.cio-btn-out:hover{box-shadow:0 4px 8px color-mix(in srgb,var(--info) 25%,#0000),0 10px 24px color-mix(in srgb,var(--info) 25%,#0000);transform:translateY(-2px)}.cio-btn-out:active{box-shadow:0 2px 6px color-mix(in srgb,var(--info) 20%,#0000);transform:scale(.97) translateY(0)}.cio-btn-disabled{background:var(--border-color)!important;box-shadow:none!important;color:var(--text-muted)!important;cursor:not-allowed!important}.cio-confirmed{align-items:center;animation:cioFadeIn .5s cubic-bezier(.22,1,.36,1);background:linear-gradient(135deg,var(--cio-in-soft),color-mix(in srgb,var(--primary) 20%,var(--bg-card)));border:1px solid color-mix(in srgb,var(--primary) 15%,#0000);border-radius:12px;color:var(--cio-in-accent);display:flex;font-size:.82rem;font-weight:600;gap:.45rem;padding:.6rem 1rem}.cio-confirmed svg{flex-shrink:0;height:15px;width:15px}.cio-confirmed-out{background:linear-gradient(135deg,var(--cio-out-soft),color-mix(in srgb,var(--info) 20%,var(--bg-card)));border-color:color-mix(in srgb,var(--info) 15%,#0000);color:var(--cio-out-accent)}@keyframes cioFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cio-middle{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;min-width:76px;position:relative;z-index:1}.cio-middle-dash{color:var(--border-color);font-size:1.2rem}.cio-elapsed-label{color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cio-elapsed{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;text-align:center}.cio-elapsed-live{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--cio-in-mid),var(--cio-in-accent));-webkit-background-clip:text;background-clip:text}.cio-elapsed-sub{color:var(--cio-in-accent);font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cio-summary{animation:cioFadeIn .6s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 1px 2px #00000005,0 4px 12px #0000000a;gap:0;max-width:680px;padding:1.1rem 1.6rem;position:relative;width:100%;z-index:1}.cio-summary,.cio-summary-item{align-items:center;display:flex}.cio-summary-item{flex:1 1;flex-direction:column;gap:.25rem}.cio-summary-label{color:var(--text-muted);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cio-summary-value{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.cio-summary-sep{background:linear-gradient(180deg,#0000,var(--border-color),#0000);flex-shrink:0;height:36px;width:1px}@media (max-width:900px){.cio-root{gap:1.5rem;padding:1.3rem 1rem 1.8rem}.cio-live-clock{font-size:2.1rem}.cio-cards{max-width:100%}}@media (max-width:768px){.cio-card{padding:1.3rem 1.1rem}.cio-time-main{font-size:1.6rem}.cio-summary{padding:1rem 1.2rem}.cio-summary-value{font-size:.95rem}}@media (max-width:500px){.cio-cards{flex-direction:column;gap:.75rem}.cio-middle{flex-direction:row;gap:.5rem;min-width:0;min-width:auto}.cio-live-clock{font-size:1.8rem}.cio-root{padding:1rem .8rem 1.5rem}}@media (max-width:480px){.cio-card-top{gap:.5rem}.cio-icon-wrap{height:32px;width:32px}.cio-icon-wrap svg{height:15px;width:15px}.cio-time-empty,.cio-time-main{font-size:1.4rem}.cio-btn{font-size:.78rem;padding:.6rem 1rem}.cio-summary{flex-wrap:wrap;gap:.75rem;padding:.9rem 1rem}.cio-summary-item{flex:1 1 40%}.cio-summary-sep{display:none}.cio-status-pill{font-size:.65rem;padding:.35rem 1rem}}@media (max-width:380px){.cio-live-clock{font-size:1.6rem}.cio-card{padding:1rem .9rem}.cio-time-empty,.cio-time-main{font-size:1.25rem}.cio-elapsed{font-size:.9rem}.cio-btn{width:100%}}.modal-overlay{animation:modalOverlayFade .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#02061799;padding:clamp(10px,2.2vw,24px);z-index:2000}.modal-box{animation:modalPopIn .25s cubic-bezier(.16,1,.3,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:min(88dvh,820px);overflow:hidden;position:relative;width:min(100%,560px)}.modal-sm{width:min(100%,420px)}.modal-md{width:min(100%,560px)}.modal-lg{width:min(100%,760px)}.modal-xl{width:min(100%,920px)}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:14px;justify-content:space-between;padding:18px 22px 15px}.modal-header-text{align-items:center;display:flex;gap:11px;min-width:0}.modal-header-icon{align-items:center;background:var(--primary-gradient-subtle);border-radius:11px;color:var(--primary);display:flex;flex-shrink:0;font-size:15px;height:36px;justify-content:center;width:36px}.modal-header h3{color:var(--text-main);font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0;overflow-wrap:anywhere}.modal-subtitle{color:var(--text-muted);font-size:12px;margin:3px 0 0}.close-btn{align-items:center;background:var(--bg-main);border:0;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:var(--transition);width:32px}.close-btn:hover{background:#dc26261a;color:var(--danger)}.modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 22px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:7px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.modal-body .modal-footer{bottom:-18px;margin:18px -22px -18px;position:-webkit-sticky;position:sticky;width:calc(100% + 44px);z-index:5}.modal-body .modal-footer,.modal-footer{border-top:1px solid var(--border-color);padding:15px 22px}.modal-footer{background:#fff;flex-shrink:0}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.modal-actions .primary,.modal-actions .secondary{border:1px solid #0000;border-radius:9px;cursor:pointer;font-size:13px;font-weight:700;padding:10px 19px;transition:var(--transition)}.modal-actions .primary{background:var(--primary-gradient);box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff}.modal-actions .secondary{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.modal-actions .primary:disabled,.modal-actions .secondary:disabled{cursor:not-allowed;opacity:.6}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.modal-lg{width:min(88vw,680px)}.modal-xl{width:min(90vw,760px)}.modal-box{max-height:86dvh}}@media (max-width:768px){.modal-overlay{padding:14px}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:560px;width:min(88vw,560px)}.modal-box{max-height:86dvh}.modal-header{padding:15px 17px 13px}.modal-body{padding:15px 17px}.modal-body .modal-footer{bottom:-15px;margin:16px -17px -15px;padding:14px 17px;width:calc(100% + 34px)}}@media (max-width:560px){.modal-overlay{align-items:center;padding:10px}.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:330px;width:min(92vw,330px)}.modal-box{border-radius:13px;max-height:84dvh}.modal-header{gap:8px;padding:12px 14px 11px}.modal-header h3{font-size:14.5px}.modal-subtitle{font-size:11px}.modal-header-icon{border-radius:9px;font-size:13px;height:31px;width:31px}.close-btn{height:30px;width:30px}.modal-body{padding:12px 14px}.modal-body .modal-footer{bottom:calc(-12px - env(safe-area-inset-bottom));margin:14px -14px -12px;padding:12px 14px max(12px,env(safe-area-inset-bottom));width:calc(100% + 28px)}.modal-actions{flex-direction:column-reverse;gap:8px}.modal-actions .primary,.modal-actions .secondary{padding:10px 14px;width:100%}}@media (max-width:380px){.modal-lg,.modal-md,.modal-sm,.modal-xl{max-width:300px;width:min(92vw,300px)}.modal-box{max-height:82dvh}}.container{background:var(--bg-main);min-height:100vh;padding:24px 28px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.page-header h2{color:var(--text-main);font-size:20px;font-weight:600;margin-top:1px}.primary-btn{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 18px;transition:var(--transition)}.primary-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.secondary-btn{align-items:center;background:#0000;border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-main);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:var(--transition)}.secondary-btn:hover{background:var(--bg-sidebar-hover);border-color:var(--primary-light)}.secondary-btn.danger-outline{border-color:#dc262659;color:var(--danger)}.secondary-btn.danger-outline:hover{background:#dc262614;border-color:var(--danger)}.filters{grid-gap:14px;display:grid;gap:14px;grid-template-columns:2fr 1fr 1fr;margin-bottom:20px}.filters input,.filters select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-size:14px;padding:11px 14px;transition:var(--transition);width:95%}.filters input::placeholder{color:var(--text-muted)}.filters input:focus,.filters select:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #1a56db1f;outline:none}@media (max-width:768px){.filters{grid-template-columns:1fr}}.dropdown-btn{border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);font-size:13px;padding:10px 14px}.dropdown-menu{max-height:200px}.table{background:var(--bg-card);border-collapse:initial;border-radius:var(--radius);border-spacing:0;box-shadow:var(--shadow-sm);overflow:hidden;table-layout:auto;width:100%}.table tbody tr td{border-bottom:1px solid var(--border-color)}.table thead{background:linear-gradient(135deg,#f0f4f8,#f8fafc)}.table th{border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:13px;font-weight:600;padding:14px 16px;text-align:center;text-transform:uppercase}.table td,.table th{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.table td{border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:13px;padding:14px 16px;text-align:center;vertical-align:middle}.attendance-table td:first-child,.attendance-table td:nth-child(2),.attendance-table th:first-child,.attendance-table th:nth-child(2){width:90px}.attendance-table td:nth-child(3),.attendance-table th:nth-child(3){width:180px}.attendance-table td:nth-child(4),.attendance-table th:nth-child(4){width:170px}.attendance-table td:nth-child(5),.attendance-table td:nth-child(6),.attendance-table th:nth-child(5),.attendance-table th:nth-child(6){width:90px}.attendance-table td:nth-child(7),.attendance-table th:nth-child(7){width:110px}.attendance-table td:nth-child(8),.attendance-table th:nth-child(8){min-width:130px;text-align:center;width:130px}.emp-status{box-shadow:0 2px 6px #0000000d;padding:5px 12px}.emp-status.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#15803d}.emp-status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#b91c1c}.emp-status.on-leave{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;color:#b45309}.emp-status.resigned{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#415572}.emp-status.terminated{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444;color:#991b1b}.table td:nth-child(4){font-weight:500}.action-icons{flex-wrap:nowrap;white-space:nowrap}.action-icons .icon-btn{flex:0 0 32px}.icon-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition);width:32px}.icon-btn.view{color:var(--primary)}.icon-btn.view:hover{background:var(--bg-sidebar-hover)}.icon-btn.edit{color:#2563eb}.icon-btn.edit:hover{background:#2563eb1f}.icon-btn.delete{color:var(--danger)}.icon-btn.delete:hover{background:#dc262624}.icon-btn:focus-visible{box-shadow:0 0 0 3px #1a56db26;outline:none}.empty-state{align-items:center;animation:fadeIn .6s ease;background:var(--bg-card);border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 8px 25px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:60px 30px;text-align:center}.empty-state img{animation:float 4s ease-in-out infinite;margin-bottom:15px;transition:transform .3s ease;width:240px}.empty-state img:hover{transform:scale(1.05)}.empty-state p{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:20px;max-width:360px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.employee-page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding:26px 36px 20px}.header-title-block h2{color:var(--text-main);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0}.back-link{align-items:center;background:var(--primary-gradient-subtle);border:1px solid var(--border-color);border-radius:10px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:9px 16px;transition:var(--transition);white-space:nowrap}.back-link:hover{background:var(--primary-gradient);border-color:var(--primary-light);color:#fff;transform:translateX(-2px)}.employee-page-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.employee-page-body{display:flex;flex-direction:column;gap:22px;padding:4px 36px 8px}.avatar-upload-container{align-items:center;border-bottom:1px dashed var(--border-color);display:flex;flex-direction:column;gap:10px;margin-bottom:6px;padding-bottom:8px}.avatar-preview-circle{align-items:center;background:var(--primary-gradient-subtle);border:3px solid var(--bg-card);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:108px;justify-content:center;outline:2px solid var(--border-color);overflow:hidden;position:relative;transition:var(--transition);width:108px}.avatar-preview-circle:hover{box-shadow:0 0 0 6px var(--primary-glow),var(--shadow-md);outline-color:var(--primary-light);transform:translateY(-2px)}.avatar-preview-circle img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:var(--primary)}.avatar-hover-overlay,.avatar-placeholder{align-items:center;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:6px}.avatar-hover-overlay{background:#0f172a99;color:#fff;inset:0;justify-content:center;opacity:0;position:absolute;transition:var(--transition)}.avatar-preview-circle:hover .avatar-hover-overlay{opacity:1}.avatar-caption{color:var(--text-muted);font-size:12px;font-weight:500;margin:0}.section-title-premium{font-size:13.5px;margin-bottom:18px}.form-section-card input,.form-section-card textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;color:var(--text-main);font-family:inherit;font-size:13.5px;outline:none;padding:11px 14px;transition:var(--transition);width:100%}.form-section-card input:focus,.form-section-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-section-card textarea{min-height:90px}.status-toggle{align-items:center;display:flex;gap:12px}.toggle-switch{background:var(--border-color);border-radius:20px;cursor:pointer;height:24px;position:relative;transition:var(--transition);width:44px}.toggle-switch.active{background:var(--primary-gradient)}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;height:18px;left:3px;position:absolute;top:3px;transition:var(--transition);width:18px}.toggle-switch.active .toggle-knob{left:23px}.status-label{font-size:13px;font-weight:700}.status-label.active{color:var(--primary)}.status-label.inactive{color:var(--danger)}.documents-stack{display:flex;flex-direction:column;gap:12px}.document-row.premium{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 2fr auto}@media (max-width:640px){.document-row.premium{grid-template-columns:1fr}}.datepicker-btn{border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-size:13px;padding:10px 14px}.remove-doc-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:7px;padding:9px 14px;white-space:nowrap}.remove-doc-btn,.remove-doc-btn svg{color:var(--text-muted);transition:var(--transition)}.remove-doc-btn:hover{background:#dc26260f;border-color:var(--danger);color:var(--danger)}.remove-doc-btn:hover svg{color:var(--danger)}.add-doc-btn{align-items:center;align-self:flex-start;background:var(--primary-gradient-subtle);border:1px solid var(--border-color);border-radius:9px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:9px 16px;transition:var(--transition)}.add-doc-btn:hover{background:var(--primary-glow);border-color:var(--primary-light)}.employee-page-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:8px;padding:22px 36px}.employee-actions{display:flex;gap:12px}.employee-actions .primary,.employee-actions .secondary{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:700;padding:11px 26px;transition:var(--transition)}.employee-actions .primary{background:var(--primary-gradient);box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff}.employee-actions .primary:hover:not(:disabled){box-shadow:0 12px 28px -6px var(--primary-glow);transform:translateY(-2px)}.employee-actions .secondary{background:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.employee-actions .secondary:hover:not(:disabled){border-color:var(--primary-light);color:var(--text-main)}.employee-actions .primary:disabled,.employee-actions .secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.popup-overlay{align-items:center;background:#0206178c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.popup-content{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-md);box-sizing:border-box;max-height:88vh;max-width:860px;overflow-y:auto;padding:32px;width:100%}@media (max-width:768px){.popup-content{border-radius:12px;max-height:92vh;padding:20px 16px}}.profile-header-card{align-items:center;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:20px;margin-bottom:24px;padding:20px}.avatar-wrapper{flex-shrink:0;height:72px!important;position:relative;width:72px!important}.avatar-letter{align-items:center;background:var(--primary-gradient);color:#fff;display:flex;font-size:28px;font-weight:600;justify-content:center}.avatar-img,.avatar-letter{height:72px!important;width:72px!important}.avatar-img,.avatar-letter,.avatar-upload{border-radius:50%;box-shadow:var(--shadow-sm)}.avatar-upload{align-items:center;background:#fff;border:1px solid var(--border-color);bottom:-2px;color:var(--primary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-2px;transition:var(--transition);width:28px}.avatar-upload:hover{background:var(--primary);color:#fff}.avatar-upload input{display:none}.employee-info{flex:1 1}.employee-info h2{color:var(--text-main);font-size:15px;margin:0 0 8px}.employee-role{color:var(--text-muted);font-size:12px;margin:3px 0}.employee-contact{color:var(--text-muted);display:flex;font-size:13px;gap:14px}.status-pill{border-radius:20px;display:inline-block;font-size:12px;margin-top:6px;padding:3px 10px}.profile-close{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;box-shadow:0 2px 8px #2563eb14;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:90px;padding:9px 18px;transition:all .25s ease}.profile-close:hover{background:var(--primary-gradient);border-color:#93c5fd;box-shadow:0 8px 18px #2563eb26;color:#fff;transform:translateY(-2px)}.profile-close:active{transform:scale(.98)}.profile-close:focus-visible{box-shadow:0 0 0 3px #3b82f62e,0 8px 18px #2563eb26;outline:none}.profile-tabs{display:flex;gap:10px;margin-bottom:22px;margin-top:10px;padding-top:10px}.profile-tabs button{background:var(--bg-main);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.profile-tabs button:hover{background:var(--bg-sidebar-hover);box-shadow:0 4px 10px #00000014;color:var(--primary);transform:translateY(-2px)}.profile-tabs button.active{background:var(--primary-gradient);box-shadow:0 6px 16px #2563eb40;color:#fff;transform:translateY(-2px)}.profile-tabs button:active{transform:translateY(0)}.profile-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.profile-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:16px;transition:var(--transition)}.profile-card:hover{box-shadow:var(--shadow-sm)}.profile-card label{color:var(--text-muted);font-size:12px}.overview-card span,.profile-card span{color:var(--text-main);display:block;font-size:13px;font-weight:500;margin-top:4px}.separation-card{border-top:1px dashed var(--border-color);margin-top:14px;padding-top:20px}.separation-trigger-premium{align-items:center;background:var(--bg-card);border:1.5px dashed #dc262659;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:14px 18px;text-align:left;transition:var(--transition);width:100%}.separation-trigger-premium:hover{background:#dc26260a;border-color:#dc2626;box-shadow:var(--shadow-sm)}.separation-trigger-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:11px;color:#dc2626;display:flex;flex-shrink:0;font-size:15px;height:28px;justify-content:center;width:28px}.separation-trigger-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.separation-trigger-text strong{color:var(--text-main);font-size:13.5px}.separation-trigger-text span{color:var(--text-muted);font-size:12px}.separation-trigger-arrow{color:#dc2626;font-size:20px;opacity:.6}.separation-panel{animation:fadeIn .3s ease;background:linear-gradient(135deg,#dc26260d,rgba(220,38,38,.015));border:1px solid #dc26262e;border-radius:16px;overflow:hidden;padding:22px 24px;position:relative}.separation-panel-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.separation-panel-header .icon-circle{align-items:center;background:#dc26261f;border-radius:10px;color:#dc2626;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.separation-panel h4{color:#dc2626;font-size:15px;font-weight:700;margin:0}.separation-panel .hint{border-bottom:1px solid #dc26261f;color:var(--text-muted);font-size:12.5px;line-height:1.55;margin:8px 0 18px;padding-bottom:14px}.separation-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.separation-field label{color:var(--text-main);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.separation-field input,.separation-field textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-sizing:border-box;color:var(--text-main);font-size:13px;padding:10px 12px;transition:var(--transition);width:100%}.separation-field input:focus,.separation-field textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #dc26261a;outline:none}.separation-actions{display:flex;gap:10px}.separation-confirm-btn{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;box-shadow:0 4px 14px #dc262640;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px;transition:var(--transition)}.separation-confirm-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 18px #dc262659}.doc-upload-form-premium{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;margin-bottom:22px;padding:18px 20px}.doc-upload-form-premium h4{align-items:center;color:var(--primary);display:flex;font-size:13.5px;font-weight:700;gap:9px;letter-spacing:.4px;margin:0 0 14px;text-transform:uppercase}.doc-upload-fields{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr 1.6fr auto}@media (max-width:768px){.doc-upload-fields{grid-template-columns:1fr}}.doc-item{background:var(--bg-main);border-radius:12px}.doc-icon-badge{box-shadow:0 2px 6px #0000000d;font-size:16px}.doc-icon-badge.pdf{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.doc-icon-badge.png{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.doc-icon-badge.jpg{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.doc-icon-badge.gif{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.doc-icon-badge.doc{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.doc-icon-badge.xls{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.doc-icon-badge.ppt{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c}.doc-icon-badge.generic{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.doc-type{background:var(--bg-sidebar-hover);border-radius:20px;color:var(--primary);display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.doc-filename{margin-top:5px}.doc-preview{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;font-size:12px;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .25s ease}.doc-preview:hover{background:#dbeafe;border-color:#93c5fd}.doc-download{background:#f0fdfa;border:1px solid #99f6e4;border-radius:8px;color:#0f766e;font-size:12px;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .25s ease}.doc-download:hover{background:#ccfbf1;border-color:#5eead4}.doc-delete-btn{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .25s ease}.doc-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.doc-upload-btn{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;min-width:165px;padding:10px 18px;transition:all .25s ease}.doc-upload-btn:hover:not(:disabled){background:var(--primary-gradient);border-color:#93c5fd;color:#fff;transform:translateY(-1px)}.doc-upload-btn:active:not(:disabled){transform:scale(.98)}.doc-upload-btn:disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.Toastify__toast-container{right:20px;top:80px;width:320px}.Toastify__toast{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);color:var(--text-main);font-size:14px;padding:14px 16px}.Toastify__toast-container{z-index:999999!important}.Toastify__toast--success{border-left:4px solid var(--primary)}.Toastify__toast--success .Toastify__toast-icon svg{fill:var(--primary)}.Toastify__progress-bar{background:var(--primary)!important}.Toastify__close-button{color:var(--text-muted)}.Toastify__close-button:hover{color:var(--text-main)}.Toastify__toast.toast-checkin{border-left:4px solid #10b981}.Toastify__toast.toast-checkin .Toastify__toast-icon svg{fill:#10b981}.Toastify__toast.toast-checkin .Toastify__progress-bar{background:#10b981!important}.Toastify__toast.toast-checkout{border-left:4px solid #dc2626}.Toastify__toast.toast-checkout .Toastify__toast-icon svg{fill:#dc2626}.Toastify__toast.toast-checkout .Toastify__progress-bar{background:#dc2626!important}.Toastify__toast--error{border-left:4px solid #dc2626}.Toastify__toast--error .Toastify__toast-icon svg{fill:#dc2626}.Toastify__toast--error .Toastify__progress-bar{background:#dc2626!important}.modal-overlay{align-items:center;background:#0206178c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2100}.modal-content{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.premium-password-modal{border:1px solid var(--border-color);overflow:hidden;position:relative}.premium-password-modal:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.password-modal-icon{font-size:34px;margin-bottom:6px}.password-display-premium{background:var(--bg-main);border:1.5px dashed var(--primary-light);border-radius:12px;color:var(--primary-dark);font-size:1.15rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:14px;-webkit-user-select:all;user-select:all}.status{border-radius:20px;padding:4px 10px}.status.active{background:#e6f7ee;color:#0f9d58}.status.completed{background:#e3f2fd;color:#1e88e5}.status.on\ hold{background:#fff3e0;color:#fb8c00}.priority.low{color:green}.priority.medium{color:orange}.priority.high{color:red}.role-badges-cell{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}.role-badge-pill{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e40af;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.role-badge-empty{color:#94a3b8;font-size:12px;font-style:italic}.role-selector-premium{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:220px;overflow-y:auto;padding:4px 2px 2px}.role-pill{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:12.5px;font-weight:600;gap:8px;justify-content:center;min-height:74px;padding:14px;text-align:center;transition:var(--transition);-webkit-user-select:none;user-select:none}.role-pill:hover{border-color:var(--primary-light);color:var(--primary)}.role-pill.selected{background:var(--primary-gradient-subtle);border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow);color:var(--primary-dark)}.role-pill input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:15px;margin:0;width:15px}.role-pill span{line-height:1.35;text-align:center;word-break:break-word}.role-pill small{display:block;font-weight:400;margin-top:2px;opacity:.75;text-transform:lowercase}.role-selector-empty{color:var(--text-muted);font-size:12.5px;font-style:italic;padding:8px 4px}.account-readout{align-items:center;color:var(--text-main);display:flex;font-size:13.5px;gap:10px}.account-readout strong{color:var(--primary-dark)}.premium-modal-footer{background:var(--bg-main);border-radius:0 0 var(--radius) var(--radius);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin:24px -24px -24px;padding:20px 24px}@media (max-width:640px){.premium-modal-footer{margin:20px -16px -16px;padding:16px}}.user-actions-cell{box-sizing:border-box;height:86px;max-height:86px;min-height:86px;padding:0 16px;text-align:center;vertical-align:middle}.user-actions-cell .user-action-icons{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;height:100%;justify-content:center;width:100%}.user-actions-cell .icon-btn{flex-shrink:0}.nav-avatar-letter{font-size:13px;height:32px;width:32px}.nav-avatar-letter-lg{font-size:22px;height:64px;width:64px}@media (max-width:1024px){.container{padding:20px 18px}.table-responsive{overflow-x:visible}.table{background:#0000;border-radius:0;box-shadow:none;min-width:0;overflow:visible;table-layout:auto;width:100%}.table thead{display:none}.table tbody{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.table tbody tr{grid-column-gap:18px;grid-row-gap:10px;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 6px #0f172a08,0 8px 20px #0f172a0d;column-gap:18px;display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:repeat(5,auto);padding:20px;position:relative;row-gap:10px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.table tbody tr:hover{border-color:var(--primary-light);box-shadow:0 4px 10px #0f172a0a,0 14px 28px #0f172a12;transform:translateY(-2px)}.table tbody tr:after,.table tbody tr:before{content:none!important;display:none!important}.table td{border:none!important;font-size:13px;overflow:visible;padding:0;text-align:left;text-overflow:clip;vertical-align:middle;width:auto}.table td.cell-dept,.table td.cell-desig,.table td.cell-empid,.table td.cell-name,.table td.cell-status{grid-column-gap:14px;align-items:center;border:none!important;color:var(--text-main);column-gap:14px;display:grid;font-size:13px;font-weight:500;grid-column:1;grid-template-columns:100px minmax(0,1fr);margin:0;min-width:0;padding:0;text-align:left;white-space:normal;width:100%}.table td.cell-empid{grid-row:1}.table td.cell-name{grid-row:2}.table td.cell-dept{grid-row:3}.table td.cell-desig{grid-row:4}.table td.cell-status{grid-row:5}.table td.cell-dept:before,.table td.cell-desig:before,.table td.cell-empid:before,.table td.cell-name:before,.table td.cell-status:before{color:var(--text-muted);content:attr(data-label);display:block;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.table td.cell-name{font-size:13px;font-weight:500;overflow:visible;text-overflow:clip;white-space:normal}.table td.cell-status .emp-status{border-radius:20px;font-size:11px;font-weight:600;justify-self:start;margin:0;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.table td.action-icons,.table td.user-actions-cell{align-items:center;align-self:stretch;border:none!important;display:flex;grid-column:2;grid-row:1/6;height:auto;justify-content:center;margin:0;max-height:none;min-height:0;padding:0;width:48px}.table td .action-icons,.table td.action-icons .action-icons,.table td.user-actions-cell .user-action-icons{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.table .icon-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;display:inline-flex;height:34px;justify-content:center;min-width:34px;padding:0;width:34px}.table .icon-btn.view{background:var(--primary-gradient-subtle);color:var(--primary)}.table .icon-btn.edit{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.table .icon-btn.delete{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.table tbody tr:has(.empty-row-cell){background:#0000;border:none;box-shadow:none;display:block;grid-column:1/-1;padding:0;transform:none}.table td.empty-row-cell{border:none!important;display:block;width:100%}.employee-page-card{margin:0 auto;max-width:100%;width:100%}.employee-page-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:20px;justify-content:space-between;padding:22px 24px;width:100%}.header-title-block{flex:1 1 auto;text-align:left;width:auto}.header-title-block h2{font-size:18px;font-weight:700;margin:0;text-align:left}.back-link{align-items:center;display:inline-flex;flex:0 0 auto;justify-content:center;margin:0;padding:9px 16px;white-space:nowrap;width:auto}.employee-page-body{gap:20px;padding:20px 24px 10px}.employee-page-footer{box-sizing:border-box;padding:18px 24px 20px;width:100%}.popup-overlay{align-items:center;box-sizing:border-box;display:flex;justify-content:center;padding:28px}.popup-content{border-radius:16px;box-sizing:border-box;margin:auto;max-height:86dvh;max-width:650px;overflow-x:hidden;overflow-y:auto;padding:22px;width:min(650px,calc(100vw - 56px))}.profile-header-card{box-sizing:border-box;margin-bottom:20px;padding:20px 22px;width:100%}.profile-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;width:100%}.profile-tabs button{min-width:0;white-space:nowrap;width:100%}.doc-upload-section{box-sizing:border-box;padding:20px;width:100%}.doc-upload-fields{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.4fr) minmax(130px,.8fr);width:100%}.doc-upload-fields .file-input-label,.doc-upload-fields .file-upload-box,.doc-upload-fields button,.doc-upload-fields input,.doc-upload-fields select,.doc-upload-fields>*{box-sizing:border-box;min-width:0;width:100%}.document-list,.documents-list{display:flex;flex-direction:column;gap:12px;width:100%}.doc-item{grid-gap:16px;align-items:center;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:14px 16px;width:100%}.doc-details,.doc-info{min-width:0}.doc-filename{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;width:auto}.doc-actions button{flex:0 0 auto;white-space:nowrap}.profile-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.page-header{flex-wrap:wrap;gap:12px}.filters{grid-template-columns:1fr 1fr}.table tbody{gap:14px}.table tbody tr{column-gap:14px;padding:18px 16px;row-gap:10px}.table td.cell-dept,.table td.cell-desig,.table td.cell-empid,.table td.cell-name,.table td.cell-status{column-gap:10px;grid-template-columns:90px minmax(0,1fr)}.popup-content{max-width:600px;width:min(600px,calc(100vw - 48px))}.doc-upload-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-upload-fields .upload-btn,.doc-upload-fields button:last-child{grid-column:1/-1}}@media (max-width:768px){.container{padding:16px}.filters{grid-template-columns:1fr}.filters input,.filters select{width:100%}.table tbody{gap:14px;grid-template-columns:1fr}.table tbody tr{column-gap:14px;grid-template-columns:minmax(0,1fr) 48px;padding:18px;row-gap:10px}.table td.cell-dept,.table td.cell-desig,.table td.cell-empid,.table td.cell-name,.table td.cell-status{grid-template-columns:110px minmax(0,1fr)}.employee-page-header{align-items:center;flex-direction:row;justify-content:space-between;padding:20px 18px}.employee-page-body{padding:18px 16px 8px}.form-section-card{box-sizing:border-box;padding:18px 16px;width:100%}.employee-page-footer{box-sizing:border-box;padding:16px 16px 18px;width:100%}.employee-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.employee-actions .primary,.employee-actions .secondary{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:0;min-height:46px;min-width:0;width:100%}.popup-overlay{padding:24px}.popup-content{border-radius:15px;max-height:82dvh;max-width:520px;padding:18px;width:min(520px,calc(100vw - 48px))}.doc-upload-section{padding:18px}.doc-upload-fields{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.doc-upload-fields .upload-btn,.doc-upload-fields button:last-child{grid-column:1/-1}.doc-item{gap:12px;grid-template-columns:minmax(0,1fr);padding:14px}.doc-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.profile-grid{grid-template-columns:1fr}}@media (max-width:640px){.avatar-preview-circle{height:88px;width:88px}.employee-page-body{padding:18px 16px 8px}.separation-fields-grid{grid-template-columns:1fr}.separation-actions{flex-direction:column}.separation-actions button{width:100%}.popup-overlay{padding:22px}.popup-content{max-height:80dvh;max-width:460px;padding:16px 14px;width:min(460px,calc(100vw - 44px))}}@media (max-width:480px){.container{padding:12px}.page-header{align-items:stretch;flex-direction:column}.table tbody{gap:12px}.table tbody tr{border-radius:14px;column-gap:10px;grid-template-columns:minmax(0,1fr) 42px;padding:16px 14px;row-gap:10px}.table td.cell-dept,.table td.cell-desig,.table td.cell-empid,.table td.cell-name,.table td.cell-status{column-gap:8px;font-size:12.5px;grid-template-columns:88px minmax(0,1fr)}.table td.cell-dept:before,.table td.cell-desig:before,.table td.cell-empid:before,.table td.cell-name:before,.table td.cell-status:before{font-size:10.5px}.table td.action-icons,.table td.user-actions-cell{width:42px}.table .icon-btn{height:31px;min-width:31px;width:31px}.employee-page-card{border-radius:15px;margin:0;overflow:hidden;width:100%}.employee-page-header{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:20px 14px 18px;text-align:center;width:100%}.header-title-block{flex:none;text-align:center;width:100%}.header-title-block h2{font-size:17px;margin:0;text-align:center;width:100%}.back-link{align-self:center;flex:none;font-size:12px;margin:2px auto 0;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.employee-page-body{gap:18px;padding:18px 14px 8px}.form-section-card{border-radius:14px;padding:16px 14px}.employee-page-footer{box-sizing:border-box;padding:14px 14px 16px;width:100%}.employee-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.employee-actions .primary,.employee-actions .secondary{font-size:12px;margin:0;min-height:46px;min-width:0;padding:8px 7px;text-align:center;white-space:normal;width:100%}.employee-actions .primary,.employee-actions .secondary,.popup-overlay{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.popup-overlay{padding:24px}.popup-content{border-radius:14px;box-sizing:border-box;margin:auto;max-height:78dvh;max-width:400px;overflow-x:hidden;overflow-y:auto;padding:14px 10px;width:calc(100vw - 48px)}.popup-content>*{box-sizing:border-box;max-width:100%}.profile-header-card{align-items:stretch;border-radius:13px;box-sizing:border-box;display:flex;flex-direction:column;gap:0;margin:0 0 14px;padding:16px 14px;width:100%}.profile-header-card .avatar,.profile-header-card .avatar-circle,.profile-header-card .employee-avatar,.profile-header-card .profile-avatar{align-self:flex-start;flex-shrink:0;margin:0 0 10px}.profile-header-card .employee-details,.profile-header-card .employee-info,.profile-header-card .profile-details,.profile-header-card .profile-info{align-items:stretch;display:flex;flex-direction:column;gap:7px;min-width:0;width:100%}.profile-header-card .employee-name,.profile-header-card h3{font-size:14px;font-weight:700;line-height:1.4;margin:0;overflow-wrap:anywhere;text-align:left;width:100%}.profile-header-card .contact-info,.profile-header-card .employee-contact,.profile-header-card .employee-meta,.profile-header-card .profile-meta{align-items:flex-start;display:flex;flex-direction:column;gap:7px;justify-content:flex-start;margin:0;text-align:left;width:100%}.profile-header-card .contact-info>*,.profile-header-card .employee-contact>*,.profile-header-card .employee-meta>*,.profile-header-card .profile-meta>*{line-height:1.4;margin:0;overflow-wrap:anywhere;text-align:left;width:100%;word-break:break-word}.profile-header-card .emp-status,.profile-header-card .employee-status{align-self:flex-start;margin-bottom:0;margin-top:0;width:-webkit-fit-content;width:fit-content}.profile-header-card .back-btn,.profile-header-card .back-button,.profile-header-card .profile-back-btn,.profile-header-card button.back{align-items:center;align-self:flex-end;box-sizing:border-box;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;margin:5px 0 0 auto;min-height:32px;min-width:90px;padding:6px 14px;position:static;transform:none;white-space:nowrap;width:90px}.profile-tabs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px;width:100%}.profile-tabs button{box-sizing:border-box;font-size:10.5px;min-width:0;padding:7px 4px;white-space:nowrap;width:100%}.doc-upload-section{border-radius:13px;box-sizing:border-box;margin:0;overflow:hidden;padding:16px 14px;width:100%}.doc-upload-section .section-title,.doc-upload-section h3,.doc-upload-section h4{font-size:12px;line-height:1.4;margin:0 0 14px;text-align:left}.doc-upload-fields{align-items:stretch;display:flex;flex-direction:column;gap:10px;width:100%}.doc-upload-fields>*{margin:0}.doc-upload-fields .file-input-label,.doc-upload-fields .file-upload-box,.doc-upload-fields button,.doc-upload-fields input,.doc-upload-fields select,.doc-upload-fields>*{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.doc-upload-fields select{min-height:42px}.doc-upload-fields .file-input-label,.doc-upload-fields .file-upload-box{align-items:center;display:flex;justify-content:center;min-height:42px;text-align:center}.doc-upload-fields .upload-btn,.doc-upload-fields button:last-child{align-items:center;display:flex;grid-column:auto;justify-content:center;min-height:38px;width:100%}.document-list,.documents-list{gap:10px;margin-top:14px}.doc-item,.document-list,.documents-list{display:flex;flex-direction:column;width:100%}.doc-item{align-items:stretch;border-radius:12px;box-sizing:border-box;gap:12px;margin:0;min-width:0;overflow:hidden;padding:14px 12px}.doc-details,.doc-info{grid-column-gap:10px;align-items:center;column-gap:10px;display:grid;grid-template-columns:36px minmax(0,1fr);min-width:0;width:100%}.doc-icon,.doc-icon-badge{align-items:center;align-self:start;display:flex;grid-column:1;grid-row:1/span 2;height:34px;justify-content:center;margin:0;min-width:34px;width:34px}.doc-title,.doc-type,.document-type{margin:0;width:-webkit-fit-content;width:fit-content}.doc-filename,.doc-title,.doc-type,.document-filename,.document-type{grid-column:2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-filename,.document-filename{font-size:11px;margin-top:3px;width:100%}.doc-actions{grid-gap:8px;align-self:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:2px auto 0;max-width:210px;padding:0;width:100%}.doc-actions a,.doc-actions button{align-items:center;box-sizing:border-box;display:flex;font-size:10.5px;justify-content:center;margin:0;min-height:32px;min-width:0;padding:6px 8px;white-space:nowrap;width:100%}.doc-actions>:nth-child(3){grid-column:1/-1;justify-self:center;width:calc(50% - 4px)}.profile-mobile-details{display:flex;flex-direction:column;gap:7px;width:100%}.profile-mobile-row{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:80px minmax(0,1fr);margin:0;width:100%}.profile-mobile-label{color:var(--text-muted);font-size:10.5px;font-weight:600;line-height:1.4}.profile-mobile-value{color:var(--text-main);font-size:11.5px;font-weight:500;line-height:1.4;min-width:0;overflow-wrap:anywhere;word-break:break-word}.profile-mobile-row.department-row{order:2}.profile-mobile-row.designation-row{order:3}.profile-mobile-row.email-row{order:4}.profile-mobile-row.phone-row{order:5}.profile-mobile-row.status-row{margin-bottom:0;order:6}.profile-grid{gap:8px;grid-template-columns:1fr}.profile-card{border-radius:11px;box-sizing:border-box;padding:12px;width:100%}}@media (max-width:380px){.container{padding:10px}.table tbody tr{column-gap:8px;grid-template-columns:minmax(0,1fr) 38px;padding:15px 12px;row-gap:10px}.table td.cell-dept,.table td.cell-desig,.table td.cell-empid,.table td.cell-name,.table td.cell-status{column-gap:6px;font-size:12px;grid-template-columns:78px minmax(0,1fr)}.table td.cell-dept:before,.table td.cell-desig:before,.table td.cell-empid:before,.table td.cell-name:before,.table td.cell-status:before{font-size:10px}.table td.action-icons,.table td.user-actions-cell{width:38px}.table .icon-btn{height:29px;min-width:29px;width:29px}.employee-page-header{gap:9px;padding:18px 12px 16px}.header-title-block h2{font-size:16px}.back-link{font-size:11.5px;padding:7px 12px}.employee-page-body{padding:16px 12px 6px}.form-section-card{padding:15px 12px}.employee-page-footer{padding:13px 12px 15px}.employee-actions{gap:8px}.employee-actions .primary,.employee-actions .secondary{font-size:11.5px;min-height:44px;padding:7px 5px}.popup-overlay{padding:24px}.popup-content{border-radius:13px;max-height:76dvh;max-width:320px;padding:12px 9px;width:calc(100vw - 48px)}.profile-header-card{margin-bottom:12px;padding:14px 12px}.profile-header-card .avatar,.profile-header-card .avatar-circle,.profile-header-card .employee-avatar,.profile-header-card .profile-avatar{margin-bottom:12px}.profile-header-card .employee-details,.profile-header-card .employee-info,.profile-header-card .profile-details,.profile-header-card .profile-info{gap:8px}.profile-header-card .employee-name,.profile-header-card h3{font-size:13.5px}.profile-header-card .contact-info,.profile-header-card .employee-contact,.profile-header-card .employee-meta,.profile-header-card .profile-meta{gap:8px}.profile-header-card .back-btn,.profile-header-card .back-button,.profile-header-card .profile-back-btn,.profile-header-card button.back{font-size:11px;margin-top:5px;min-width:82px;padding:6px 12px;width:82px}.profile-tabs{gap:6px;margin-bottom:12px}.profile-tabs button{font-size:10px;padding:7px 3px}.doc-upload-section{padding:14px 12px}.doc-upload-fields{gap:9px}.doc-item{gap:10px;padding:12px 10px}.doc-details,.doc-info{column-gap:8px;grid-template-columns:32px minmax(0,1fr)}.doc-icon,.doc-icon-badge{font-size:12px;height:30px;min-width:30px;width:30px}.doc-title,.doc-type,.document-type{font-size:10.5px}.doc-filename,.document-filename{font-size:10px}.doc-actions{gap:6px;margin-left:auto;margin-right:auto;max-width:190px;padding:0;width:100%}.doc-actions a,.doc-actions button{font-size:10px;min-height:30px;padding:5px}.avatar-preview-circle{height:76px;width:76px}}.profile-card .leave-status{font-size:13px;font-weight:600;text-transform:capitalize}.profile-card .leave-status-pending{color:#d97706}.profile-card .leave-status-approved{color:#16a34a}.profile-card .leave-status-rejected{color:#dc2626}.profile-card .leave-status-cancelled{color:#64748b}.employee-header-details{min-width:0}.employee-header-row{margin:0}.mobile-profile-label{display:none}@media (min-width:481px){.employee-header-details{align-items:center;display:flex;flex-wrap:wrap;gap:6px 8px}.employee-header-row{color:var(--text-muted);font-size:13px;line-height:1.45}.department-header-row:after{content:"•";margin-left:8px}.email-header-row{flex-basis:auto}.email-header-row:after{content:""}}@media (max-width:480px){.profile-header-card .avatar-wrapper{align-self:flex-start;margin:0 0 10px}.profile-header-card .employee-info{align-items:flex-start;display:flex;flex-direction:column;gap:0;min-width:0;width:100%}.profile-header-card .employee-info h2{font-size:14px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere;text-align:left;width:100%}.employee-header-details{gap:8px}.employee-header-details,.employee-header-row{display:flex;flex-direction:column;margin:0;width:100%}.employee-header-row{align-items:flex-start;color:var(--text-main);font-size:11.5px;gap:2px;line-height:1.4;min-width:0;overflow-wrap:anywhere;word-break:break-word}.mobile-profile-label{color:var(--text-muted);display:block;font-size:9.5px;font-weight:600;line-height:1.3}.department-header-row{order:1}.designation-header-row{order:2}.email-header-row{order:3}.phone-header-row{order:4}.profile-header-card .emp-status{align-self:flex-start;margin:10px 0 0;width:-webkit-fit-content;width:fit-content}.profile-header-card .profile-close{align-items:center;align-self:flex-end;box-sizing:border-box;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;margin:5px 0 0 auto;min-height:32px;min-width:90px;padding:6px 14px;position:static;transform:none;white-space:nowrap;width:90px}.docs-list .doc-item{align-items:stretch;display:flex;flex-direction:column;gap:12px;width:100%}.docs-list .doc-left{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr);min-width:0;width:100%}.docs-list .doc-left .doc-icon-badge{align-self:start;grid-column:1}.docs-list .doc-left>div{grid-column:2;min-width:0}.docs-list .doc-filename{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.docs-list .doc-actions{grid-gap:8px;align-self:center;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:210px;padding:0;width:100%}.docs-list .doc-actions .doc-download,.docs-list .doc-actions .doc-preview{grid-column:auto;min-width:0;width:100%}.docs-list .doc-actions .doc-delete-btn{grid-column:1/-1;justify-self:center;min-width:0;width:calc(50% - 4px)}}@media (max-width:380px){.profile-header-card .profile-close{font-size:10.5px;margin-top:5px;min-height:30px;min-width:82px;padding:5px 11px;width:82px}.docs-list .doc-actions{gap:6px;max-width:190px}}@media (max-width:1024px){.empty-state{margin:0 auto;min-height:230px;padding:28px 20px;width:min(100%,420px)}.empty-state .empty-img,.empty-state img{height:auto!important;margin-bottom:12px;max-width:50vw!important;object-fit:contain;width:170px!important}}@media (max-width:560px){.empty-state{border-radius:13px;min-height:185px;padding:20px 14px;width:min(100%,260px)}.empty-state .empty-img,.empty-state img{margin-bottom:8px;max-width:44vw!important;width:120px!important}.empty-state p{font-size:12px;line-height:1.45;margin:5px 0 0}}@media (max-width:1024px){.table tbody tr:has(.empty-row-cell),.table tbody tr:has(.empty-state){background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important;grid-column:1/-1!important;margin:0!important;padding:0!important;transform:none!important;width:100%!important}.table tbody tr:has(.empty-row-cell)>td,.table tbody tr:has(.empty-state)>td,.table td.empty-row-cell{border:0!important;display:block!important;max-width:none!important;overflow:visible!important;padding:0!important;width:100%!important}.table tbody tr:has(.empty-state) .empty-state,.table td.empty-row-cell .empty-state{align-items:center!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0!important;max-width:none!important;min-height:280px;padding:36px 24px!important;text-align:center!important;width:100%!important}.table tbody tr:has(.empty-state) .empty-state img,.table td.empty-row-cell .empty-state img{display:block!important;height:auto!important;margin:0 auto 14px!important;max-width:190px!important;width:min(190px,42vw)!important}.table tbody tr:has(.empty-state) .empty-state p,.table td.empty-row-cell .empty-state p{margin:0!important;text-align:center!important}}@media (max-width:480px){.table tbody tr:has(.empty-state) .empty-state,.table td.empty-row-cell .empty-state{min-height:230px;padding:28px 16px!important}.table tbody tr:has(.empty-state) .empty-state img,.table td.empty-row-cell .empty-state img{width:min(150px,48vw)!important}}@media (max-width:1024px){.attendance-table .attendance-record-row>td.att-checkout-desktop,.attendance-table td.att-checkout-desktop,td.att-checkout-desktop{border:0!important;display:none!important;height:0!important;margin:0!important;min-height:0!important;min-width:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;width:0!important}.attendance-table .attendance-record-row{grid-row-gap:10px!important;grid-column-gap:14px!important;align-items:start!important;column-gap:14px!important;display:grid!important;grid-template-areas:"date actions" "empid actions" "name actions" "department actions" "time actions" "status actions"!important;grid-template-columns:minmax(0,1fr) 40px!important;row-gap:10px!important}.attendance-table .att-date{grid-area:date!important}.attendance-table .att-empid{grid-area:empid!important}.attendance-table .att-name{grid-area:name!important}.attendance-table .att-department{grid-area:department!important}.attendance-table .att-time-range{align-items:center!important;display:flex!important;gap:4px!important;grid-area:time!important;margin:0!important;padding:0!important}.attendance-table .att-check-in,.attendance-table .att-check-out,.attendance-table .att-time-separator{display:inline!important}.attendance-table .att-status{grid-area:status!important;margin:0!important;padding:0!important}.attendance-table .att-actions{align-items:center!important;align-self:start!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;grid-area:actions!important;justify-content:flex-start!important;justify-self:end!important;margin:0!important;min-width:40px!important;padding:0!important;width:40px!important}.attendance-table .att-actions .icon-btn{align-items:center!important;border-radius:9px!important;display:inline-flex!important;flex:0 0 34px!important;height:34px!important;justify-content:center!important;margin:0!important;min-height:34px!important;min-width:34px!important;padding:0!important;width:34px!important}}@media (max-width:560px){.attendance-table .attendance-record-row{column-gap:10px!important;grid-template-columns:minmax(0,1fr) 36px!important;row-gap:10px!important}.attendance-table .att-actions{gap:10px!important;min-width:36px!important;width:36px!important}.attendance-table .att-actions .icon-btn{flex:0 0 31px!important;height:31px!important;min-height:31px!important;min-width:31px!important;width:31px!important}.attendance-table .attendance-record-row>td.att-checkout-desktop{display:none!important}}.leave-table .leave-actions{vertical-align:middle}.leave-table .leave-actions .icon-btn{margin:0}@media (max-width:1024px){.leave-table{display:block;width:100%}.leave-table thead{display:none}.leave-table tbody{grid-gap:16px 20px;display:grid;gap:16px 20px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.leave-table tbody .leave-record-row{align-items:stretch!important;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0;padding:22px 72px 22px 22px!important;position:relative!important;text-align:left!important;width:100%}.leave-table tbody .leave-record-row>td{border:0!important;display:block;margin:0!important;max-width:100%;overflow:visible;padding:0!important;position:static;text-align:left!important;text-overflow:clip;white-space:normal;width:100%!important}.leave-table .leave-employee{color:var(--text-main);font-weight:700;text-align:left!important}.leave-table .leave-day-part,.leave-table .leave-from,.leave-table .leave-to,.leave-table .leave-type{color:var(--text-main);margin-left:0!important;margin-right:0!important;text-align:left!important}.leave-table .leave-status-cell{align-items:center;display:flex!important;justify-content:flex-start!important;margin:2px 0 0!important;text-align:left!important;width:100%!important}.leave-table .leave-status-cell .emp-status{align-items:center;display:inline-flex;justify-content:center;margin-left:0!important;margin-right:auto!important;width:-webkit-fit-content;width:fit-content}.leave-table tbody .leave-record-row>td.leave-actions{align-items:center!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:flex-start!important;left:auto!important;margin:0!important;max-width:36px!important;padding:0!important;position:absolute!important;right:20px!important;text-align:center!important;top:20px!important;width:36px!important;z-index:5}.leave-table tbody .leave-record-row>td.leave-actions .icon-btn{align-items:center!important;display:flex!important;flex:0 0 36px!important;height:36px!important;justify-content:center!important;margin:0!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.leave-table tbody>tr:not(.leave-record-row){display:block;grid-column:1/-1;width:100%}.leave-table tbody>tr:not(.leave-record-row)>td{display:block;padding:0!important;width:100%}.leave-table .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:320px;text-align:center;width:100%}.leave-table .empty-img{display:block;height:auto;margin:0 auto 16px;max-width:220px;width:100%}}@media (max-width:768px){.leave-table tbody{gap:14px;grid-template-columns:1fr}.leave-table tbody .leave-record-row{align-items:stretch!important;gap:10px!important;padding:20px 70px 20px 18px!important;position:relative!important;text-align:left!important;width:100%}.leave-table tbody .leave-record-row>td{margin:0!important;padding:0!important;text-align:left!important;width:100%!important}.leave-table .leave-day-part,.leave-table .leave-employee,.leave-table .leave-from,.leave-table .leave-to,.leave-table .leave-type{margin-left:0!important;margin-right:0!important;text-align:left!important}.leave-table .leave-status-cell{align-items:center;display:flex!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.leave-table .leave-status-cell .emp-status{margin-left:0!important;margin-right:auto!important}.leave-table tbody .leave-record-row>td.leave-actions{align-items:center!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:flex-start!important;left:auto!important;margin:0!important;max-width:36px!important;padding:0!important;position:absolute!important;right:18px!important;text-align:center!important;top:18px!important;width:36px!important;z-index:5}.leave-table tbody .leave-record-row>td.leave-actions .icon-btn{flex:0 0 36px!important;height:36px!important;margin:0!important;min-height:36px!important;min-width:36px!important;padding:0!important;width:36px!important}.leave-table .empty-state{min-height:280px}.leave-table .empty-img{max-width:200px}}@media (max-width:480px){.leave-table tbody .leave-record-row{align-items:stretch!important;gap:10px!important;padding:18px 64px 18px 16px!important;position:relative!important;text-align:left!important;width:100%}.leave-table tbody .leave-record-row>td{display:block;margin:0!important;overflow:visible;padding:0!important;text-align:left!important;text-overflow:clip;white-space:normal;width:100%!important}.leave-table .leave-day-part,.leave-table .leave-employee,.leave-table .leave-from,.leave-table .leave-to,.leave-table .leave-type{margin-left:0!important;margin-right:0!important;text-align:left!important;width:100%}.leave-table .leave-status-cell{align-items:center;display:flex!important;justify-content:flex-start!important;margin-top:2px!important;text-align:left!important;width:100%!important}.leave-table .leave-status-cell .emp-status{margin-left:0!important;margin-right:auto!important;width:-webkit-fit-content;width:fit-content}.leave-table tbody .leave-record-row>td.leave-actions{align-items:center!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:flex-start!important;left:auto!important;margin:0!important;max-width:34px!important;padding:0!important;position:absolute!important;right:16px!important;text-align:center!important;top:16px!important;width:34px!important;z-index:10}.leave-table tbody .leave-record-row>td.leave-actions .icon-btn{align-items:center!important;display:flex!important;flex:0 0 34px!important;height:34px!important;justify-content:center!important;margin:0!important;min-height:34px!important;min-width:34px!important;padding:0!important;width:34px!important}.leave-table .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:240px;text-align:center;width:100%}.leave-table .empty-img{height:auto;margin:0 auto 14px;max-width:min(190px,72%);width:auto}}@media (max-width:375px){.leave-table tbody .leave-record-row{gap:10px!important;padding:16px 60px 16px 14px!important;position:relative!important;text-align:left!important}.leave-table tbody .leave-record-row>td.leave-actions{gap:10px!important;left:auto!important;margin:0!important;max-width:34px!important;padding:0!important;position:absolute!important;right:14px!important;top:14px!important;width:34px!important}}@media (max-width:1024px){.col-last-login{display:none!important}}.popup-content.sticky-shell{display:flex!important;flex-direction:column!important;overflow:hidden!important}.popup-content.sticky-shell .popup-scroll-body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:6px}.popup-content.sticky-shell>:not(.popup-scroll-body){flex-shrink:0}.popup-scroll-body{scrollbar-color:#6366f18c #0000;scrollbar-width:thin}.popup-scroll-body::-webkit-scrollbar{width:8px}.popup-scroll-body::-webkit-scrollbar-track{background:#0000}.popup-scroll-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f18c,#8b5cf68c);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.popup-scroll-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f1d9,#8b5cf6d9);background-clip:padding-box}@media (max-width:1024px){.attendance-modal.sticky-shell,.modal-content.sticky-shell,.popup-content.sticky-shell,.premium-modal.sticky-shell,.regularization-modal.sticky-shell{overflow-x:hidden!important;overflow-y:hidden!important}}@media (max-width:560px){.attendance-modal.sticky-shell,.modal-content.sticky-shell,.popup-content.sticky-shell,.premium-modal.sticky-shell,.regularization-modal.sticky-shell{overflow-y:hidden!important}}.popup_overlay_delete{align-items:center;animation:overlayFade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.popup_content_delete{animation:modalPop .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:18px;box-shadow:0 24px 60px #0f172a40,0 4px 14px #0f172a14;max-width:420px;padding:28px 26px 24px;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm_header{align-items:center;display:flex;gap:14px}.confirm_icon_wrapper{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.confirm_icon{color:#dc2626;font-size:18px}.confirm_header h3{color:#0f172a;font-size:17px;font-weight:700;margin:0}.confirm-divider{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.confirm_message{color:#475569;font-size:14px;line-height:1.6;margin:0}.confirm_password_block{margin-top:18px;text-align:left}.confirm_password_label{align-items:center;color:#334155;display:flex;font-size:12.5px;font-weight:700;gap:7px;letter-spacing:.2px;margin-bottom:8px}.confirm_password_label .lock_icon{color:#dc2626;font-size:12px}.confirm_password_wrapper{align-items:center;display:flex;position:relative}.confirm_password_input{border:1.5px solid #cbd5e1;border-radius:9px;box-sizing:border-box;font-size:13.5px;outline:none;padding:11px 40px 11px 13px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.confirm_password_input::placeholder{color:#94a3b8}.confirm_password_input:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1f}.confirm_password_input.has_error{border-color:#ef4444}.confirm_password_input.has_error:focus{box-shadow:0 0 0 3px #ef44441f}.confirm_password_input::-ms-clear,.confirm_password_input::-ms-reveal{display:none;height:0;width:0}.confirm_password_input::-webkit-contacts-auto-fill-button,.confirm_password_input::-webkit-credentials-auto-fill-button{display:none!important;pointer-events:none;position:absolute;right:0;visibility:hidden}.confirm_eye_btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .15s ease}.confirm_eye_btn:hover{color:#475569}.confirm_password_error{animation:errorSlide .18s ease;color:#ef4444;display:block;font-size:12px;font-weight:600;margin-top:7px}@keyframes errorSlide{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.confirm_actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.confirm_btn,.secondary_btn{border:none;border-radius:9px;cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 20px;transition:all .18s ease}.secondary_btn{background:#f1f5f9;color:#334155}.secondary_btn:hover:not(:disabled){background:#e2e8f0}.confirm_btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 16px #dc26264d;color:#fff}.confirm_btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #dc262661;transform:translateY(-1px)}.confirm_btn.primary{background:linear-gradient(135deg,#3b82f6,#1a56db);box-shadow:0 6px 16px #1a56db4d;color:#fff}.confirm_btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1a56db,#1447b8);box-shadow:0 8px 20px #1a56db61;transform:translateY(-1px)}.confirm_btn:disabled,.secondary_btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.popup_content_delete{border-radius:14px;max-width:92vw;padding:22px 18px 18px}.confirm_header{gap:10px}.confirm_icon_wrapper{height:38px;width:38px}.confirm_header h3{font-size:15.5px}.confirm_message{font-size:13.5px}.confirm_actions{flex-direction:column-reverse;gap:8px}.confirm_btn,.secondary_btn{text-align:center;width:100%}}@media (max-width:360px){.popup_content_delete{padding:18px 14px 16px}.confirm_password_input{font-size:13px}}.oc-loading{align-items:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius);color:var(--text-muted);display:flex;font-size:14px;font-weight:500;justify-content:center;padding:60px 20px}.oc-tab-content{padding-top:4px}.oc-section-title{margin:18px 0 12px}.oc-section-title,.oc-section-titles{color:var(--primary);font-size:12.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.oc-section-titles{margin:0 0 12px}.oc-empty-msg{color:var(--text-muted);font-size:13px;padding:30px 10px;text-align:center}.oc-kpi-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.oc-kpi-row{grid-template-columns:1fr}}.oc-kpi-card{--oc-accent:var(--primary);--oc-accent-soft:var(--primary-gradient-subtle);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:22px;position:relative;transition:var(--transition)}.oc-kpi-card:before{background:var(--oc-accent-soft);content:"";inset:0;opacity:.5;position:absolute;z-index:0}.oc-kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.oc-kpi-card.oc-kpi-warn{--oc-accent:var(--warning);--oc-accent-soft:linear-gradient(135deg,#d973061a,#d9730608)}.oc-kpi-card.oc-kpi-good{--oc-accent:var(--success);--oc-accent-soft:linear-gradient(135deg,#0596691a,#05966908)}.oc-kpi-card.oc-kpi-primary{--oc-accent:var(--primary);--oc-accent-soft:var(--primary-gradient-subtle)}.oc-kpi-top{align-items:flex-start;display:flex;gap:12px;position:relative;z-index:1}.oc-kpi-icon{align-items:center;background:var(--oc-accent);border-radius:12px;box-shadow:0 6px 16px -4px var(--oc-accent);color:#fff;display:flex;flex-shrink:0;font-size:16px;height:30px;justify-content:center;width:30px}.oc-kpi-titlewrap{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding-top:2px}.oc-kpi-label{font-weight:700;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.oc-kpi-label,.oc-kpi-sub{color:var(--text-muted);font-size:11px}.oc-kpi-sub{font-weight:500}.oc-kpi-value{font-feature-settings:"tnum";color:var(--oc-accent);flex-shrink:0;font-size:16px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.5px;line-height:1;margin-left:auto}.oc-progress-track{background:#94a3b840;height:4px;width:100%;z-index:1}.oc-progress-fill,.oc-progress-track{border-radius:20px;overflow:hidden;position:relative}.oc-progress-fill{animation:oc-fill-in .8s cubic-bezier(.16,1,.3,1);background:var(--oc-accent);box-shadow:0 0 8px var(--oc-accent);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.oc-progress-fill:before{animation:oc-stripes 1.2s linear infinite;background-size:22px 22px;content:"";inset:0;position:absolute}@keyframes oc-stripes{0%{background-position:0 0}to{background-position:22px 0}}@keyframes oc-fill-in{0%{width:0}}.oc-att-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width:600px){.oc-att-grid{grid-template-columns:repeat(2,1fr)}}.oc-stat-card{--oc-stat-accent:var(--primary);align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;justify-content:center;overflow:hidden;padding:18px 12px;position:relative;text-align:center;transition:var(--transition)}.oc-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.oc-stat-card strong{color:var(--oc-stat-accent);font-size:20px;font-weight:800}.oc-stat-card span{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.oc-profile .profile-header-card .avatar-wrapper{flex-shrink:0;height:72px;position:relative;width:72px}.oc-profile .profile-header-card .avatar-img,.oc-profile .profile-header-card .avatar-letter{align-items:center;border-radius:50%;display:flex;font-size:28px;height:72px;justify-content:center;object-fit:cover;width:72px}.oc-profile .profile-header-card .avatar-letter{background:var(--primary-gradient);box-shadow:var(--shadow-sm);color:#fff;font-weight:600}.oc-profile .profile-header-card .avatar-img{box-shadow:var(--shadow-sm)}@media (max-width:768px){.oc-kpi-card{padding:16px}.oc-att-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.oc-kpi-value{font-size:14px}.oc-stat-card strong{font-size:17px}}@media (max-width:420px){.oc-att-grid{grid-template-columns:1fr 1fr}}.oc-month-picker{margin-top:1px!important;width:190px!important}.oc-section-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.oc-att-table-wrapper{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;width:100%}.oc-daily-table{border-collapse:collapse;min-width:620px;table-layout:fixed;width:100%}.oc-daily-table td,.oc-daily-table th{border-bottom:1px solid var(--border-color);font-size:12px;padding:13px 14px;text-align:left;vertical-align:middle;white-space:nowrap}.oc-daily-table th{background:var(--bg-secondary);color:var(--text-muted);font-size:10.5px;font-weight:700;letter-spacing:.35px;text-transform:uppercase}.oc-daily-table tbody tr:last-child td{border-bottom:0}.oc-daily-table td .emp-status{align-items:center;display:inline-flex;justify-content:center;max-width:100%}.oc-record-separator{display:none}@media (min-width:561px) and (max-width:1024px){.oc-profile{max-height:88vh;overflow-y:auto;width:min(92vw,760px)}.oc-tab-content{min-width:0;width:100%}.oc-section-header{align-items:center;width:100%}.oc-month-picker{flex:0 0 190px;margin-top:0!important;width:190px!important}.oc-att-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.oc-stat-card{min-width:0;padding:16px 10px}.oc-att-table-wrapper{max-width:100%}.oc-daily-table{min-width:590px}.oc-daily-table td,.oc-daily-table th{font-size:11px;padding:12px 10px}}@media (max-width:560px){.oc-wrapper{overflow-x:hidden}.oc-search-card,.oc-wrapper{min-width:0;width:100%}.oc-overlay{align-items:center;padding:10px}.oc-profile{border-radius:14px;margin:0;max-height:calc(100dvh - 20px);max-width:calc(100vw - 20px);overflow-x:hidden;overflow-y:auto;width:calc(100vw - 20px)}.oc-profile .profile-tabs{width:100%}.oc-profile .profile-tabs button{min-width:0}.oc-tab-content{min-width:0;overflow:visible;width:100%}.oc-section-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:14px;width:100%}.oc-section-titles{margin:0;width:100%}.oc-month-picker{flex:1 1 auto;margin-top:0!important;max-width:100%!important;position:relative;width:100%!important;z-index:30}.oc-month-picker button,.oc-month-picker input{max-width:100%}.oc-profile .oc-month-picker [class*=calendar],.oc-profile .oc-month-picker [class*=dropdown],.oc-profile .oc-month-picker [class*=menu],.oc-profile .oc-month-picker [class*=picker],.oc-profile .oc-month-picker [class*=popover]{max-width:calc(100vw - 44px)!important}.oc-att-grid{gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.oc-stat-card{border-radius:11px;min-height:84px;min-width:0;padding:12px 7px}.oc-stat-card strong{font-size:17px}.oc-stat-card span{font-size:9px;line-height:1.3;white-space:normal}.oc-section-title{margin-bottom:10px!important;margin-top:20px!important}.oc-att-table-wrapper{background:#0000;border:0;border-radius:0;overflow:visible}.oc-daily-table{display:block;min-width:0;width:100%}.oc-daily-table thead{display:none}.oc-daily-table tbody{display:flex;flex-direction:column;gap:10px;width:100%}.oc-daily-table tbody tr{grid-gap:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;width:100%}.oc-daily-table tbody td{align-items:flex-start;border:0;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;font-size:11px;gap:4px;min-width:0;overflow-wrap:anywhere;padding:10px 11px;white-space:normal;width:auto}.oc-daily-table tbody td:nth-child(odd){border-right:1px solid var(--border-color)}.oc-daily-table tbody td:before{color:var(--text-muted);content:attr(data-label);display:block;font-size:8.5px;font-weight:700;letter-spacing:.35px;line-height:1.2;text-transform:uppercase}.oc-daily-table tbody td:nth-last-child(-n+2){border-bottom:0}.oc-daily-table tbody td:last-child{align-items:center;border-right:0;border-top:1px solid var(--border-color);grid-column:1/-1;text-align:center}.oc-daily-table tbody td:last-child:before{text-align:center}.oc-daily-table tbody tr:has(.empty-state){display:block}.oc-daily-table tbody tr:has(.empty-state) td{border:0;display:block;width:100%}.oc-daily-table tbody tr:has(.empty-state) td:before{display:none}.oc-daily-table .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:150px;text-align:center}}@media (max-width:1024px){.oc-att-table-wrapper{background:#0000!important;border:0!important;overflow:visible!important;width:100%!important}.oc-daily-table,.oc-daily-table tbody{display:block!important;min-width:0!important;width:100%!important}.oc-daily-table thead{display:none!important}.oc-daily-table .oc-daily-record-row,.oc-daily-table tbody{display:flex!important;flex-direction:column!important;gap:10px!important}.oc-daily-table .oc-daily-record-row{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important;margin:0!important;min-height:0!important;padding:16px!important;width:100%!important}.oc-daily-table .oc-daily-record-row td{align-items:center!important;border:0!important;color:var(--text-main)!important;display:grid!important;font-size:12px!important;font-weight:500!important;grid-template-columns:minmax(90px,38%) minmax(0,1fr)!important;margin:0!important;min-width:0!important;padding:0!important;text-align:left!important;white-space:normal!important;width:100%!important}.oc-daily-table .oc-daily-record-row td:before{color:var(--text-muted)!important;content:attr(data-label)!important;display:block!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35px!important;line-height:1.3!important;min-width:0!important;text-align:left!important;text-transform:uppercase!important}.oc-daily-table .oc-daily-record-row td:after{content:none!important;display:none!important}.oc-daily-table .oc-record-date,.oc-daily-table .oc-record-hours,.oc-daily-table .oc-record-in,.oc-daily-table .oc-record-out,.oc-daily-table .oc-record-status{justify-self:stretch!important;margin:0!important;text-align:left!important}.oc-daily-table .oc-record-status .emp-status{justify-self:start!important;margin:0!important;max-width:100%!important;text-align:left!important;white-space:normal!important;width:-webkit-fit-content!important;width:fit-content!important}.oc-record-separator{display:none!important}}@media (min-width:561px) and (max-width:1024px){.oc-profile{max-height:84vh!important;max-width:680px!important;overflow-x:hidden!important;overflow-y:auto!important;width:min(86vw,680px)!important}}@media (max-width:560px){.oc-overlay{padding:14px!important}.oc-profile{border-radius:13px!important;margin:0!important;max-height:84dvh!important;max-width:310px!important;overflow-x:hidden!important;overflow-y:auto!important;width:min(88vw,310px)!important}.oc-profile .profile-header-card{padding:12px!important}.oc-profile .profile-header-card .avatar-img,.oc-profile .profile-header-card .avatar-letter,.oc-profile .profile-header-card .avatar-wrapper{height:56px;width:56px}.oc-profile .profile-header-card .avatar-letter{font-size:21px}.oc-profile .employee-info h2{font-size:13px}.oc-profile .employee-contact,.oc-profile .employee-role{font-size:10px}.oc-profile .profile-tabs{margin-top:10px}.oc-profile .oc-tab-content{padding-top:2px}.oc-profile .profile-grid{gap:7px}.oc-profile .profile-card{min-height:0;padding:11px!important}.oc-daily-table .oc-daily-record-row{border-radius:10px!important;gap:10px!important;padding:13px!important}.oc-daily-table .oc-daily-record-row td{font-size:11px!important;grid-template-columns:minmax(82px,40%) minmax(0,1fr)!important}.oc-daily-table .oc-daily-record-row td:before{font-size:9px!important}.oc-daily-table .oc-record-status .emp-status{font-size:9.5px!important;padding:4px 8px!important}}@media (max-width:380px){.oc-profile{max-height:82dvh!important;max-width:292px!important;width:min(90vw,292px)!important}.oc-daily-table .oc-daily-record-row td{grid-template-columns:78px minmax(0,1fr)!important}}.oc-tree-container{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--border-color) 55%,#0000) 1px,#0000 0);background-size:22px 22px;border-radius:var(--radius);box-sizing:border-box;overflow:visible;padding:20px 200px 56px 96px}.oc-tree,.oc-tree-container{display:flex;justify-content:center;width:100%}.oc-tree-rows{align-items:center;display:flex;flex-direction:column}.oc-tree-row{display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding-top:32px;position:relative}.oc-tree-row:before{--oc-dot:6px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 75%,#0000) 0 45%,#0000 46%) top /var(--oc-dot) var(--oc-dot) no-repeat,linear-gradient(180deg,color-mix(in srgb,var(--primary) 55%,#0000),color-mix(in srgb,var(--primary) 25%,var(--border-color))) 50% /2px 100% no-repeat;content:"";filter:drop-shadow(0 0 3px color-mix(in srgb,var(--primary) 25%,transparent));height:32px;left:50%;position:absolute;top:0;transform:translateX(calc(var(--oc-dot)/-2));width:var(--oc-dot)}.oc-tree-rows-root>.oc-tree-row{padding-top:0}.oc-tree-rows-root>.oc-tree-row:after,.oc-tree-rows-root>.oc-tree-row:before,.oc-tree-rows-root>.oc-tree-row>li:before{display:none}.oc-tree li{float:left;list-style-type:none;padding:32px 16px 0;position:relative;text-align:center;transition:all .3s}.oc-tree-row:has(>li+li):after{background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--primary) 42%,var(--border-color)) 10%,color-mix(in srgb,var(--primary) 42%,var(--border-color)) 90%,#0000);border-radius:2px;content:"";filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--primary) 15%,transparent));height:2px;left:16px;position:absolute;right:16px;top:32px}.oc-tree-row:has(>li+li)>li:before{--oc-dot:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 45%,#0000),color-mix(in srgb,var(--primary) 65%,#0000)) 50% /2px 100% no-repeat,radial-gradient(circle,color-mix(in srgb,var(--primary) 78%,#0000) 0 45%,#0000 46%) bottom /var(--oc-dot) var(--oc-dot) no-repeat;content:"";filter:drop-shadow(0 0 3px color-mix(in srgb,var(--primary) 20%,transparent));height:32px;left:50%;position:absolute;top:0;transform:translateX(calc(var(--oc-dot)/-2));width:var(--oc-dot)}.oc-tree li:only-child{padding-top:0}.oc-tree-card{align-items:center;background:linear-gradient(180deg,var(--bg-card),color-mix(in srgb,var(--bg-card) 96%,var(--primary) 4%));border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;flex-direction:column;gap:6px;padding:16px 14px 18px;position:relative;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease;width:176px}.oc-tree-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 35%,#0000),#0000 60%);border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .25s ease}.oc-tree-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.oc-tree-card:hover:before{opacity:1}.oc-tree-avatar{border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,#0000),var(--shadow-sm);font-size:20px;height:54px;min-width:54px;object-fit:cover;transition:box-shadow .25s ease;width:54px}.oc-tree-card:hover .oc-tree-avatar{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 28%,#0000),var(--shadow-md)}.oc-tree-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-main);display:-webkit-box;font-size:12.5px;letter-spacing:-.1px;line-height:1.3;margin:4px 0 0}.oc-tree-name,.oc-tree-role{font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis}.oc-tree-role{background:var(--primary-gradient-subtle);border-radius:20px;color:var(--primary);font-size:10px;line-height:1.4;margin:0;padding:3px 10px;white-space:nowrap}.oc-tree-toggle{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;bottom:-12px;box-shadow:var(--shadow-sm);color:var(--primary);cursor:pointer;display:flex;font-size:8px;height:22px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:var(--transition);width:22px;z-index:2}.oc-tree-toggle:hover{background:var(--primary-gradient);border-color:var(--primary-light);box-shadow:0 4px 12px -3px var(--primary-glow);color:#fff;transform:translateX(-50%) translateY(-1px)}.oc-tree-more-toggle{--oc-more-size:34px;background:#0000;border:none;cursor:pointer;display:inline-flex;flex:0 0 auto;height:var(--oc-more-size);margin-top:14px;padding:0;width:var(--oc-more-size)}.oc-tree-more-ring,.oc-tree-more-toggle{align-items:center;justify-content:center;position:relative}.oc-tree-more-ring{background:var(--bg-card);border:1.5px solid color-mix(in srgb,var(--primary) 30%,var(--border-color));border-radius:50%;box-shadow:var(--shadow-sm),0 0 0 4px color-mix(in srgb,var(--primary) 8%,#0000);color:var(--primary);display:flex;font-size:12px;height:100%;transition:var(--transition);width:100%}.oc-tree-more-ring:before{animation:oc-more-spin 10s linear infinite;border:1px dashed color-mix(in srgb,var(--primary) 35%,#0000);border-radius:50%;content:"";inset:-5px;opacity:.6;position:absolute}@keyframes oc-more-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oc-tree-more-badge{font-feature-settings:"tnum";align-items:center;background:var(--primary-gradient);border-radius:20px;box-shadow:0 2px 6px -1px var(--primary-glow),0 0 0 2px var(--bg-card);color:#fff;display:flex;font-size:9px;font-variant-numeric:tabular-nums;font-weight:800;height:17px;justify-content:center;line-height:1;min-width:17px;padding:0 4px;position:absolute;right:-6px;top:-6px}.oc-tree-more-toggle:hover .oc-tree-more-ring{background:var(--primary-gradient);border-color:#0000;box-shadow:0 8px 18px -5px var(--primary-glow);color:#fff;transform:translateY(-2px) scale(1.06)}.oc-tree-more-toggle:hover .oc-tree-more-ring:before{animation-duration:3s;opacity:1}.oc-tree-more-toggle.is-expanded .oc-tree-more-ring{border-style:dashed;color:var(--text-muted)}.oc-tree-more-toggle:active .oc-tree-more-ring{transform:translateY(0) scale(.94)}@media (min-width:1600px){.oc-tree-card{padding:18px 16px 20px;width:192px}.oc-tree-avatar{height:58px;min-width:58px;width:58px}}@media (max-width:1200px){.oc-tree-container{padding-left:56px}.oc-tree-card{padding:14px 11px 16px;width:158px}.oc-tree-avatar{height:48px;min-width:48px;width:48px}.oc-tree li{padding:28px 12px 0}.oc-tree-row{padding-top:28px}.oc-tree-row:before{height:28px}.oc-tree-row:has(>li+li):after{top:28px}.oc-tree-row:has(>li+li)>li:before{height:28px}.oc-tree-more-toggle{--oc-more-size:32px}}@media (max-width:1024px){.oc-tree-container{padding:32px 14px 40px;padding-left:24px}.oc-tree-card{border-radius:12px;padding:12px 9px 14px;width:140px}.oc-tree-avatar{font-size:16px;height:42px;min-width:42px;width:42px}.oc-tree-name{font-size:11.5px}.oc-tree-role{font-size:9px}.oc-tree li{padding:24px 10px 0}.oc-tree-row{padding-top:24px}.oc-tree-row:before{height:24px}.oc-tree-row:has(>li+li):after{top:24px}.oc-tree-row:has(>li+li)>li:before{height:24px}.oc-tree-more-toggle{--oc-more-size:30px;margin-top:12px}.oc-tree-more-badge{font-size:8.5px;height:16px;min-width:16px}}@media (max-width:768px){.oc-tree-card{padding:11px 8px 13px;width:124px}.oc-tree-avatar{height:40px;min-width:40px;width:40px}.oc-tree li{padding:22px 8px 0}.oc-tree-row{padding-top:22px}.oc-tree-row:before{height:22px}.oc-tree-row:has(>li+li):after{top:22px}.oc-tree-row:has(>li+li)>li:before{height:22px}.oc-tree-more-toggle{--oc-more-size:28px}}@media (max-width:560px){.oc-tree-container{background-size:18px 18px;padding:20px 8px 30px}.oc-tree-card{background:linear-gradient(165deg,var(--bg-card),color-mix(in srgb,var(--bg-card) 92%,var(--primary) 8%));border-radius:12px;box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--primary) 10%,#0000);padding:9px 6px 11px;width:92px}.oc-tree-card:before{opacity:.35}.oc-tree-card:active{box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--primary) 20%,#0000);transform:translateY(-2px) scale(.98)}.oc-tree-card:active:before{opacity:1}.oc-tree-avatar{box-shadow:0 0 0 2.5px color-mix(in srgb,var(--primary) 22%,#0000),var(--shadow-sm);font-size:12px;height:32px;min-width:32px;width:32px}.oc-tree-name{font-size:9px;font-weight:800}.oc-tree-role{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,#0000),color-mix(in srgb,var(--primary) 6%,#0000));border:1px solid color-mix(in srgb,var(--primary) 18%,#0000);font-size:7.5px;padding:2px 6px}.oc-tree li{padding:16px 4px 0}.oc-tree-row{padding-top:16px}.oc-tree-row:before{height:16px}.oc-tree-row:has(>li+li):after{top:16px}.oc-tree-row:has(>li+li)>li:before{--oc-dot:4px;height:16px}.oc-tree-row:before{--oc-dot:4px}.oc-tree-row:before,.oc-tree-row:has(>li+li)>li:before{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--primary) 35%,transparent))}.oc-tree-row:has(>li+li):after{filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--primary) 22%,transparent))}.oc-tree-toggle{border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color));bottom:-10px;box-shadow:var(--shadow-sm),0 0 0 3px color-mix(in srgb,var(--primary) 10%,#0000);font-size:7px;height:18px;width:18px}.oc-tree-toggle:active{background:var(--primary-gradient);border-color:#0000;color:#fff}.oc-tree-more-toggle{--oc-more-size:26px;margin-top:10px}.oc-tree-more-ring{box-shadow:var(--shadow-sm),0 0 0 5px color-mix(in srgb,var(--primary) 10%,#0000);font-size:10px}.oc-tree-more-toggle:active .oc-tree-more-ring{background:var(--primary-gradient);border-color:#0000;color:#fff;transform:scale(.95)}.oc-tree-more-badge{font-size:7.5px;height:14px;min-width:14px;right:-5px;top:-5px}}@media (max-width:420px){.oc-tree-container{padding:16px 50px 76px 0}.oc-tree-card{background:linear-gradient(165deg,var(--bg-card),color-mix(in srgb,var(--bg-card) 92%,var(--primary) 8%));border-radius:11px;box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,var(--primary) 10%,#0000);padding:8px 5px 10px;width:82px}.oc-tree-card:before{opacity:.35}.oc-tree-card:active{box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--primary) 20%,#0000);transform:translateY(-2px) scale(.98)}.oc-tree-card:active:before{opacity:1}.oc-tree-avatar{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 22%,#0000),var(--shadow-sm);font-size:11px;height:30px;min-width:30px;width:30px}.oc-tree-name{font-size:8.5px;font-weight:800}.oc-tree-role{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,#0000),color-mix(in srgb,var(--primary) 6%,#0000));border:1px solid color-mix(in srgb,var(--primary) 18%,#0000);font-size:7px;padding:2px 5px}.oc-tree li{padding:14px 3px 0}.oc-tree-row{padding-top:14px}.oc-tree-row:before{height:14px}.oc-tree-row:has(>li+li):after{top:14px}.oc-tree-row:has(>li+li)>li:before{--oc-dot:4px;height:14px}.oc-tree-row:before{--oc-dot:4px}.oc-tree-row:before,.oc-tree-row:has(>li+li)>li:before{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--primary) 35%,transparent))}.oc-tree-row:has(>li+li):after{filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--primary) 22%,transparent))}.oc-tree-toggle{bottom:-9px;font-size:6.5px;height:16px;width:16px}.oc-tree-more-toggle{--oc-more-size:22px;margin-top:8px}.oc-tree-more-ring{box-shadow:var(--shadow-sm),0 0 0 4px color-mix(in srgb,var(--primary) 10%,#0000)}.oc-tree-more-toggle:active .oc-tree-more-ring{background:var(--primary-gradient);border-color:#0000;color:#fff;transform:scale(.95)}.oc-tree-more-badge{font-size:6.5px;height:12px;min-width:12px;right:-4px;top:-4px}}@media (max-width:340px){.oc-tree-container{padding:14px 4px 22px}.oc-tree-card{padding:7px 4px 9px;width:74px}.oc-tree-avatar{height:26px;min-width:26px;width:26px}.oc-tree-name{font-size:8px}.oc-tree-role{display:none}.oc-tree li{padding:12px 2px 0}.oc-tree-row{padding-top:12px}.oc-tree-row:before{--oc-dot:3.5px;height:12px}.oc-tree-row:has(>li+li):after{top:12px}.oc-tree-row:has(>li+li)>li:before{--oc-dot:3.5px;height:12px}.oc-tree-toggle{bottom:-8px;font-size:6px;height:14px;width:14px}.oc-tree-more-toggle{--oc-more-size:20px;margin-top:7px}}.pagination-container{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding:8px 16px 8px 0;width:100%}.page-numbers{display:flex;gap:5px}.page-btn,.page-numbers{align-items:center;justify-content:center}.page-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;height:34px;min-width:34px;padding:0 8px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.page-btn:hover:not(.active){background:var(--primary-glow);border-color:var(--primary-light);color:var(--primary);transform:translateY(-1px)}.page-btn.active{background:var(--primary-gradient);border-color:#0000;box-shadow:0 3px 8px #1a56db38,0 1px 2px #1a56db26;color:#fff;cursor:default}.pagination-nav-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-main);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:5px;height:34px;justify-content:center;padding:0 12px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pagination-nav-btn:hover:not(:disabled){background:var(--primary-glow);border-color:var(--primary-light);box-shadow:0 3px 10px #1a56db1a;color:var(--primary);transform:translateY(-1px)}.pagination-arrow{align-items:center;display:inline-flex;font-size:18px;font-weight:500;justify-content:center;line-height:1;margin-top:-1px}.pagination-nav-btn:disabled{background:var(--bg-main);border-color:var(--border-color);box-shadow:none;color:var(--text-muted);cursor:not-allowed;opacity:.5;transform:none}.ellipsis{align-items:center;color:var(--text-muted);display:inline-flex;font-size:13px;font-weight:600;height:34px;justify-content:center;min-width:24px;-webkit-user-select:none;user-select:none}.page-btn:focus-visible,.pagination-nav-btn:focus-visible{box-shadow:0 0 0 3px var(--primary-glow);outline:none}:root[data-theme=dark] .page-btn:hover:not(.active),:root[data-theme=dark] .pagination-nav-btn:hover:not(:disabled){background:var(--primary-glow);border-color:var(--primary)}:root[data-theme=dark] .page-btn.active{background:var(--primary-gradient);box-shadow:0 4px 14px #3b82f633}@media (max-width:600px){.pagination-container{gap:5px;padding:10px 4px}.page-numbers{gap:3px}.page-btn{min-width:31px;padding:0 6px}.page-btn,.pagination-nav-btn{border-radius:7px;font-size:11px;height:31px}.pagination-nav-btn{padding:0 9px}.pagination-arrow{font-size:16px}.ellipsis{height:31px;min-width:16px}}.priority,.status{align-items:center;border-radius:20px;box-shadow:0 2px 6px #0000000d;display:inline-flex;font-size:12px;font-weight:600;gap:4px;letter-spacing:.3px;padding:5px 12px;transition:all .2s ease}.priority:hover,.status:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-1px)}.status.to-do{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.priority.low{background:linear-gradient(135deg,#ecfdf5,#bbf7d0);color:#047857}.priority.medium{background:linear-gradient(135deg,#fef9c3,#fde68a);color:#a16207}.priority.high{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.status.in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.status.done{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.task-view{width:850px}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.task-title-section h2{color:var(--text-main);font-size:15px;font-weight:700;margin-bottom:20px}.task-badges{display:flex;gap:8px;margin-top:6px}.task-overview{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.overview-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;padding:14px}.overview-card label{color:var(--text-muted);font-size:12px}.overview-card span{color:var(--text-main);display:block;font-weight:500;margin-top:4px}.attachment-item input[type=file]{width:47%}.employee-form textarea.task-text{margin-bottom:1px;margin-top:15px;width:97%}.comments-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:28px;padding:20px}.comments-title{color:var(--text-main);font-size:18px;font-weight:600;margin-bottom:18px}.comment-input-row{display:flex;gap:10px;margin-bottom:20px}.comment-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);flex:1 1;font-size:14px;padding:10px 14px;transition:var(--transition)}.comment-input::placeholder{color:var(--text-muted)}.comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1a56db26;outline:none}.comment-send-btn{background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:10px 18px;transition:var(--transition)}.comment-send-btn:hover{background:var(--primary-dark)}.comments-list{display:flex;flex-direction:column;gap:14px}.comment-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:12px;padding:14px;transition:var(--transition)}.comment-item:hover{box-shadow:var(--shadow-sm)}.comment-avatar{align-items:center;background:var(--primary-dark);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.comment-user{color:var(--text-main);font-size:14px;font-weight:600}.comment-time{color:var(--text-muted);font-size:12px}.comment-text{color:var(--text-main);font-size:14px;line-height:1.4}.attachment-table{background:var(--bg-card);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.attachment-table thead{background:var(--bg-main)}.attachment-table th{color:var(--text-muted);font-weight:600}.attachment-table td,.attachment-table th{border-bottom:1px solid var(--border-color);font-size:12px;padding:12px 14px;text-align:center}.attachment-table td{color:var(--text-main);vertical-align:middle}.attachment-actions{align-items:center;display:flex;gap:8px;justify-content:center}.download-btn,.preview-btn{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;justify-content:center;padding:5px 12px;text-decoration:none;transition:var(--transition)}.preview-btn{background:var(--primary);color:#fff}.preview-btn:hover{background:var(--primary-dark)}.download-btn{background:#2563eb;color:#fff}.download-btn:hover{opacity:.9}.working-hours-badge{align-items:center;display:flex;flex-direction:column;gap:2px}.working-hours-badge span:first-child,.working-hours-badge strong{color:var(--primary-light);font-size:13px;font-weight:600}.working-hours-sub{color:var(--text-muted);font-size:11px;font-weight:400}.working-hours-box{align-items:center;background:#1a56db14;border:1px solid #1a56db4d;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:12px;margin-top:12px;padding:12px 16px;transition:var(--transition)}.working-hours-icon{font-size:22px;line-height:1}.working-hours-info{display:flex;flex-direction:column;gap:3px}.working-hours-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.6px;text-transform:uppercase}.working-hours-value{color:var(--primary);font-size:14px;font-weight:700}.working-hours-warn{color:var(--danger);font-size:12px;margin-top:6px;padding-left:4px}.working-hours-highlight{color:var(--primary-light);font-weight:600}[data-theme=dark] .working-hours-box{background:#1a56db1a;border-color:#1a56db40}[data-theme=dark] .working-hours-value{color:var(--primary-light)}[data-theme=dark] .working-hours-sub{color:var(--text-muted)}.kanban-column-header{align-items:center;border-bottom:1px solid var(--border-color);border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;padding:14px 18px}.kanban-header-todo{background:#64748b26}.kanban-header-in-progress{background:#1a56db26}.kanban-header-on-hold{background:#f59e0b26}.kanban-header-done{background:#10b98126}.kanban-count-pill{border:1px solid var(--border-color);border-radius:99px;color:var(--text-muted);font-size:12px;font-weight:700;padding:2px 10px}.kanban-count-pill,.kanban-task-card{background:var(--bg-card);box-shadow:var(--shadow-sm)}.kanban-task-card{border:1px solid var(--border-color);border-radius:10px;cursor:grab;padding:14px;transition:all .2s ease}.kanban-task-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanban-task-card:active{cursor:grabbing}.kanban-avatar-pill{background:var(--bg-main);border:1px solid var(--border-color);border-radius:50%;color:var(--primary);display:flex;font-size:10px;font-weight:700;height:26px;width:26px}.kanban-action-btn,.kanban-avatar-pill{align-items:center;justify-content:center}.kanban-action-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:inline-flex;padding:6px;transition:all .2s}.kanban-action-btn:hover{background:var(--bg-main);color:var(--primary)}.kanban-action-btn.delete:hover{color:var(--danger)}.premium-divider{background:linear-gradient(90deg,#0000 0,color-mix(in srgb,var(--border-color) 100%,#0000) 0,var(--border-color) 100%,color-mix(in srgb,var(--border-color) 40%,#0000) 90%,#0000 100%);border:0;height:1px;margin:10px 0;opacity:.9}.check-buttons{display:flex;gap:14px;margin-bottom:10px;margin-top:8px}.check-btn{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:var(--transition)}.check-in{background:#0f766e14;color:var(--primary)}.check-in:hover{background:#1a56db2e;transform:translateY(-1px)}.check-out{background:#0206170d;color:var(--text-main)}.check-out:hover{background:#0206171a;transform:translateY(-1px)}.check-btn.done{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md);color:#fff}.check-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.check-btn:active{transform:scale(.97)}.profile-header-card .emp-status{margin-top:10px}.emp-status{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;padding:6px 12px;text-transform:capitalize;transition:all .25s ease}.emp-status.present{background:linear-gradient(135deg,#e6f9f0,#d1f5e5);box-shadow:0 2px 8px #0f9d5826;color:#0f9d58}.emp-status.absent{background:linear-gradient(135deg,#fdeaea,#fbd5d5);box-shadow:0 2px 8px #d9302526;color:#d93025}.emp-status.half-day,.emp-status.half.day{background:linear-gradient(135deg,#fff4e5,#ffe0b2);box-shadow:0 2px 8px #f57c0026;color:#f57c00}.emp-status.leave{background:linear-gradient(135deg,#eff6ff,#dbe4ff);box-shadow:0 2px 8px #5c6bc026;color:#5c6bc0}.emp-status:hover{box-shadow:0 6px 14px #00000014;transform:translateY(-1px) scale(1.03)}.filters-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:16px;transition:var(--transition)}.filters-card:hover{box-shadow:var(--shadow-md)}.filters-card.single,.filters-row{align-items:center;display:flex;gap:12px}.filters-row.top{margin-bottom:12px}.search-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-size:14px;padding:10px 14px;transition:var(--transition);width:100%}.search-input:focus{background:var(--bg-card);border-color:var(--primary-light);box-shadow:0 0 0 3px #1a56db26;outline:none}.filters-card.single .search-input{flex:2 1}.filters-card.single .custom-dropdown,.filters-row.bottom>*{flex:1 1}.date-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);font-size:14px;padding:10px 12px;transition:var(--transition)}.date-input:focus{background:var(--bg-card);border-color:var(--primary-light);box-shadow:0 0 0 3px #1a56db26;outline:none}.form-error{background:#dc26260f;border:1px solid #dc262640;border-radius:10px;color:var(--danger);font-size:13.5px;font-weight:500;margin-bottom:18px;padding:13px 18px}.field-error{margin-top:6px}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #dc262614!important}.employee-form,.employee-form-scroll{display:flex;flex-direction:column}.employee-form-scroll{gap:16px}.section-title{border-bottom:1px solid var(--border-color);color:var(--primary-dark);font-size:12.5px;font-weight:700;letter-spacing:.4px;margin:4px 0 2px;padding-bottom:8px;text-transform:uppercase}.grid-2{grid-gap:14px 18px;gap:14px 18px;grid-template-columns:repeat(3,1fr)}@media (max-width:560px){.grid-2{grid-template-columns:1fr}}.employee-form input,.employee-form select,.employee-form textarea,.form-control{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-sizing:border-box;color:var(--text-main);font-family:inherit;font-size:13.5px;outline:none;padding:10px 13px;transition:var(--transition);width:100%}.employee-form input:focus,.employee-form select:focus,.employee-form textarea:focus,.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.employee-form textarea{min-height:84px;resize:vertical}.employee-form input::placeholder,.employee-form textarea::placeholder,.form-control::placeholder{color:var(--text-muted)}.employee-form input:disabled,.form-control:disabled{background:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.employee-form label{color:var(--text-main);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.attendance-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;padding:4px 12px}.attendance-status.present{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.attendance-status.absent{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.attendance-status.half_day{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.attendance-status.leave{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.attendance-status.wfh{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.attendance-status.holiday{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.employee-table{border-collapse:initial;border-spacing:0;font-size:13px;width:100%}.employee-table thead{background:linear-gradient(135deg,#f0f4f8,#f8fafc);position:-webkit-sticky;position:sticky;top:0;z-index:1}.employee-table th{color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:12px 10px;text-align:left;text-transform:uppercase}.employee-table td,.employee-table th{border-bottom:1px solid var(--border-color)}.employee-table td{padding:10px;vertical-align:middle}.employee-table tbody tr{transition:var(--transition)}.employee-table tbody tr:hover{background:var(--bg-sidebar-hover)}.employee-table input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.modal-actions .primary,button.primary{background:var(--primary-gradient);border:1px solid #0000;border-radius:10px;box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff;cursor:pointer;font-size:13.5px;font-weight:700;padding:11px 22px;transition:var(--transition)}button.primary:hover:not(:disabled){box-shadow:0 12px 28px -6px var(--primary-glow);transform:translateY(-2px)}button.secondary{background:var(--primary-gradient);border:1px solid var(--border-color);border-radius:10px;color:var(--text-main);cursor:pointer;font-size:13.5px;font-weight:700;padding:11px 22px;transition:var(--transition)}button.secondary:hover:not(:disabled){border-color:var(--primary-light);color:var(--primary)}button.primary:disabled,button.secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.attendance-form-body{display:flex;flex-direction:column;gap:18px}.form-section-card{border-radius:12px;padding:20px 22px}.section-title-premium{margin-bottom:16px}.section-title-premium svg{font-size:14px}.grid-3{grid-gap:16px 18px;gap:16px 18px}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.grid-3{grid-template-columns:1fr}}.form-section-card input,.form-section-card select,.form-section-card textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-sizing:border-box;color:var(--text-main);font-family:inherit;font-size:13.5px;outline:none;padding:10px 13px;transition:var(--transition);width:100%}.form-section-card input:focus,.form-section-card select:focus,.form-section-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-section-card textarea{min-height:84px;resize:vertical}.form-section-card label{color:var(--text-main);display:block;font-size:12px;font-weight:600;margin-bottom:6px}.info-readout{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(2,1fr)}@media (max-width:560px){.info-readout{grid-template-columns:1fr}}.info-readout .info-item{color:var(--text-main);font-size:13px}.info-readout .info-item strong{color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.quick-apply-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.quick-apply-field{display:flex;flex:1 1 160px;flex-direction:column;gap:6px}.quick-apply-field label{color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.quick-apply-inline{align-items:center;display:flex;gap:8px}.selection-summary-chip{align-items:center;background:var(--primary-gradient-subtle);border-radius:20px;color:var(--primary);display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:4px 12px}.employee-form-modal-body{display:flex;flex-direction:column;gap:18px}.employee-form-modal-body .form-section-card{padding:18px 20px}.employee-form-modal-body .avatar-upload-container{margin-bottom:0;padding-bottom:4px}.employee-form-modal-body .avatar-preview-circle{height:84px;width:84px}.employee-modal-success{align-items:center;display:flex;flex-direction:column;gap:10px;padding:28px 16px 8px;text-align:center}.employee-modal-success .success-icon{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:50%;color:#15803d;display:flex;font-size:26px;height:56px;justify-content:center;margin-bottom:4px;width:56px}.employee-modal-success h4{color:var(--text-main);font-size:15px;font-weight:700;margin:0}.employee-modal-success p{color:var(--text-muted);font-size:13px;margin:0;max-width:340px}.employee-modal-success .password-display-premium{background:var(--bg-main);border:1.5px dashed var(--primary-light);border-radius:12px;color:var(--primary-dark);font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-top:10px;padding:14px 20px;-webkit-user-select:all;user-select:all}.full-row{display:block}.full-row,.full-row .custom-dropdown{width:100%}.time-input-wrap{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:9px;box-sizing:border-box;display:flex;gap:8px;padding:0 12px;transition:var(--transition);width:100%}.time-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.time-input-wrap.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #dc262614!important}.time-input-wrap .time-icon{color:var(--primary);flex-shrink:0;font-size:13px}.time-input-wrap input[type=time]{background:#0000!important;border:none!important;box-shadow:none!important;flex:1 1;padding:10px 0!important}.time-input-wrap input[type=time]:focus{box-shadow:none!important}.time-sep{color:var(--text-muted);font-weight:600}.table-time-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:7px;box-sizing:border-box;color:var(--text-main);font-size:12.5px;outline:none;padding:7px 8px;transition:var(--transition);width:100%}.table-time-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.table-time-input:disabled{background:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.table-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:7px;box-sizing:border-box;color:var(--text-main);cursor:pointer;font-size:12.5px;outline:none;padding:7px 8px;transition:var(--transition);width:100%}.table-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.info-readout-3{grid-gap:14px 20px;gap:14px 20px}@media (max-width:768px){.info-readout-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.info-readout-3{grid-template-columns:1fr}}.primary-btn.btn-theme-neutral{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-main)}.primary-btn.btn-theme-neutral:hover{background:var(--bg-sidebar-hover);border-color:var(--primary-light);box-shadow:var(--shadow-md);color:var(--primary)}.primary-btn.btn-theme-accent{background:var(--primary-dark);color:#fff}.primary-btn.btn-theme-accent:hover{background:var(--primary);box-shadow:var(--shadow-md)}.time-picker-wrap{position:relative;width:100%}.time-picker-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);box-sizing:border-box;color:var(--text-main);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:9px;height:42px;padding:0 13px;transition:var(--transition);width:100%}.time-picker-btn:hover{border-color:var(--primary-light)}.time-picker-btn:focus,.time-picker-btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.time-picker-btn:disabled{background:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.time-picker-icon{color:var(--primary);flex-shrink:0;font-size:13px}.time-picker-placeholder{color:var(--text-muted);font-weight:400}.time-picker-panel{animation:dropdownFade .2s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 18px 45px #0f172a29;display:flex;gap:4px;left:0;padding:10px 8px;position:absolute;top:calc(100% + 6px);z-index:9999}.time-picker-col{align-items:center;display:flex;flex-direction:column;width:52px}.time-picker-period-col{width:48px}.time-picker-col-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.time-picker-col-items{max-height:190px;overflow-y:auto;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.time-picker-col-items.no-scroll{overflow:visible}.time-picker-col-items::-webkit-scrollbar{width:6px}.time-picker-col-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.time-picker-item{border-radius:8px;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;padding:7px 0;text-align:center;transition:all .15s ease}.time-picker-item:hover{background:var(--primary-gradient-subtle);color:var(--primary)}.time-picker-item.selected{background:var(--primary-gradient);color:#fff;font-weight:700}.time-picker-item.period{margin-bottom:4px;padding:10px 0}.time-picker-divider{align-self:center;color:var(--text-muted);font-weight:700;margin-top:22px}.date-picker-btn{border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);height:42px;padding:0 13px}.date-picker-btn:focus,.date-picker-btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.date-picker-placeholder{color:var(--text-muted)}.date-picker-panel{animation:dropdownFade .2s ease;border-radius:16px;box-shadow:0 18px 45px #0f172a29;left:0;padding:16px;position:absolute;top:calc(100% + 6px);width:300px}.date-picker-nav-btn{background:#0000;color:var(--primary);font-size:12px;height:28px;width:28px}.date-picker-weekday{color:var(--text-muted);padding:4px 0}.date-picker-grid{grid-gap:2px;gap:2px}.date-picker-day{border-radius:8px;transition:all .15s ease}.date-picker-day:hover:not(.disabled):not(.other-month){background:var(--primary-gradient-subtle);color:var(--primary)}.date-picker-day.other-month{color:var(--text-muted);cursor:default;opacity:.35}.date-picker-day.today{border:1.5px solid var(--primary-light);color:var(--primary);font-weight:700}.date-picker-day.selected{box-shadow:0 4px 10px -3px var(--primary-glow)}.date-picker-day.disabled{color:var(--text-muted);opacity:.3}.date-picker-footer{justify-content:center}.date-picker-today-btn{border:1px solid var(--border-color);border-radius:8px;font-size:12px;padding:6px 18px}.date-picker-today-btn:hover:not(:disabled){background:var(--primary-gradient);color:#fff}.date-picker-today-btn:disabled{cursor:not-allowed;opacity:.5}.info-readout-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.info-item{background:linear-gradient(180deg,var(--bg-card),#f8fafce6);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:16px 18px;transition:var(--transition)}.info-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.info-item strong{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.info-item span{color:var(--text-main);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.info-readout-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.info-readout-3{grid-template-columns:1fr}}.emp-status.wfh{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 8px #1d4ed826;color:#1d4ed8}.emp-status.holiday{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 2px 8px #4755691f;color:#475569}.emp-status.weekend{background:linear-gradient(135deg,#ede9fe,#ddd6fe);box-shadow:0 2px 8px #6d28d926;color:#6d28d9}.emp-status.on-hold{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 8px #b4530926;color:#b45309}.reg-approval-body{align-items:center;display:flex;flex-direction:column;padding:8px 16px 4px;text-align:center}.reg-approval-icon{align-items:center;border-radius:50%;display:flex;font-size:22px;height:56px;justify-content:center;margin-bottom:16px;transition:var(--transition);width:56px}.reg-approval-icon.approve{background:#0596691a;box-shadow:0 0 0 6px #0596690f;color:var(--success)}.reg-approval-icon.reject{background:#dc26261a;box-shadow:0 0 0 6px #dc26260f;color:var(--danger)}.reg-approval-message{color:var(--text-main);font-size:.95rem;line-height:1.5;margin:0 0 18px;max-width:380px}.reg-approval-textarea{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-main);font-family:inherit;font-size:.9rem;min-height:90px;padding:12px 14px;resize:vertical;transition:var(--transition);width:100%}.reg-approval-textarea:focus{background-color:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.reg-approval-textarea::placeholder{color:var(--text-muted)}.reg-approval-confirm-btn{border:none;border-radius:10px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px;transition:var(--transition)}.reg-approval-confirm-btn.approve{background:var(--success)}.reg-approval-confirm-btn.approve:hover{box-shadow:var(--shadow-md);filter:brightness(1.08);transform:translateY(-1px)}.reg-approval-confirm-btn.reject{background:var(--danger)}.reg-approval-confirm-btn.reject:hover{box-shadow:var(--shadow-md);filter:brightness(1.08);transform:translateY(-1px)}.reg-approval-confirm-btn:active{transform:translateY(0)}.quick-apply-col{display:flex;flex:1 1 260px;flex-direction:column;gap:10px}.quick-apply-col label{color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.quick-apply-col .secondary-btn.full-width{justify-content:center;margin-top:4px;width:100%}.table td:last-child{overflow:visible}.action-icons-cell{height:auto;padding:10px 12px}.action-icons{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;row-gap:6px;width:100%}.action-icons .icon-btn{flex-shrink:0;height:32px;width:32px}.employee-table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}@media (max-width:1024px){.filters-card.single{flex-wrap:wrap}.filters-card.single .search-input{flex:1 1 100%}.filters-card.single .custom-dropdown{flex:1 1 220px}}@media (max-width:900px){.employee-table{min-width:640px}.date-picker-panel{width:280px}}@media (max-width:768px){.filters-row{flex-wrap:wrap}.filters-row.bottom>*{flex:1 1 160px}.attendance-form-body,.employee-form-scroll{gap:14px}.form-section-card{padding:16px}.time-picker-panel{left:auto;right:0}.date-picker-panel{left:auto;right:0;width:min(300px,92vw)}}@media (max-width:560px){.check-buttons,.filters-card.single{flex-direction:column}.filters-card.single{align-items:stretch}.filters-card.single .custom-dropdown,.filters-card.single .search-input{flex:1 1 auto;width:100%}.filters-row{align-items:stretch;flex-direction:column}.filters-row.bottom>*{flex:1 1 auto}.employee-table{font-size:12px;min-width:560px}.employee-table td,.employee-table th{padding:8px}.quick-apply-row{align-items:stretch;flex-direction:column}.quick-apply-col,.quick-apply-field{flex:1 1 auto}.modal-actions .primary,button.primary,button.secondary{font-size:13px;padding:10px 16px}.time-picker-panel{gap:2px;padding:8px 6px}.time-picker-col{width:44px}.time-picker-period-col{width:42px}}@media (max-width:420px){.employee-modal-success .password-display-premium{font-size:1rem;padding:12px 14px}.date-picker-panel{padding:12px;width:min(260px,94vw)}.info-item span{white-space:normal}}*{box-sizing:border-box}@media (max-width:1024px){.attendance-form-body,.employee-form,.employee-form-scroll,.filters-card,.filters-card.single,.filters-row,.form-section-card{max-width:100%;min-width:0}.filters-card.single{grid-gap:12px!important;align-items:center;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px!important;width:100%}.filters-card.single .search-input{grid-column:1/-1}.filters-card.single .custom-dropdown,.filters-card.single .date-input,.filters-card.single .date-picker-wrap,.filters-card.single .search-input{min-width:0!important;width:100%!important}.filters-row{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.filters-row.bottom>*,.filters-row>*{min-width:0!important;width:100%!important}.attendance-form-body,.employee-form-modal-body{gap:14px}.form-section-card{padding:16px!important}.grid-2,.grid-3,.info-readout,.info-readout-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}.attendance-modal,.bulk-attendance-modal,.modal-content,.popup-content,.premium-modal,.regularization-modal{margin:auto!important;max-height:84dvh!important;max-width:680px!important;overflow-x:hidden!important;overflow-y:auto!important;width:min(88vw,680px)!important}.modal-body,.popup-body{max-width:100%!important;min-width:0!important;overflow-x:hidden}.employee-table-wrap,.table-responsive{max-width:100%;overflow-x:auto!important}.date-picker-panel{width:min(300px,calc(100vw - 48px))!important}.date-picker-panel,.time-picker-panel{max-width:calc(100vw - 48px)!important}}@media (max-width:768px){.filters-card.single,.filters-row{grid-template-columns:1fr!important}.filters-card.single .search-input{grid-column:auto}.grid-2,.grid-3,.info-readout,.info-readout-3{grid-template-columns:1fr!important}.quick-apply-row{align-items:stretch;display:flex;flex-direction:column;gap:12px}.quick-apply-col,.quick-apply-field{flex:none;min-width:0;width:100%}}@media (max-width:560px){.filters-card{margin-bottom:14px;padding:12px!important}.filters-card.single{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:10px!important}.filters-card.single .custom-dropdown,.filters-card.single .date-input,.filters-card.single .date-picker-wrap,.filters-card.single .search-input,.filters-card.single>*,.filters-row.bottom>*,.filters-row>*{flex:none!important;max-width:100%!important;min-width:0!important;width:100%!important}.date-input,.date-picker-btn,.search-input,.time-picker-btn{font-size:12px;min-height:40px}.attendance-modal,.bulk-attendance-modal,.modal-content,.popup-content,.premium-modal,.regularization-modal{border-radius:13px!important;margin:auto!important;max-height:84dvh!important;max-width:310px!important;width:min(88vw,310px)!important}.modal-header,.popup-header{padding:12px 14px!important}.modal-body,.popup-body{padding-left:12px!important;padding-right:12px!important}.employee-form-modal-body .form-section-card,.form-section-card{border-radius:10px;padding:12px!important}.attendance-form-body,.employee-form-modal-body,.employee-form-scroll{gap:10px}.section-title-premium{font-size:11px;margin-bottom:12px;padding-bottom:9px}.employee-form input,.employee-form select,.employee-form textarea,.form-control,.form-section-card input,.form-section-card select,.form-section-card textarea{font-size:12px;padding:9px 10px}.check-buttons{gap:10px}.check-btn{font-size:12px;padding:10px;width:100%}.date-picker-panel{padding:12px;width:min(270px,calc(100vw - 44px))!important}.date-picker-panel,.time-picker-panel{left:0!important;max-width:calc(100vw - 44px)!important;right:auto!important}.employee-table{min-width:560px!important}.employee-table-wrap,.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto!important;width:100%}.modal-actions{gap:8px}.modal-actions .primary,.modal-actions .secondary,button.primary,button.secondary{font-size:12px;min-width:0;padding:9px 12px}}@media (max-width:380px){.filters-card{padding:10px!important}.attendance-modal,.bulk-attendance-modal,.modal-content,.popup-content,.premium-modal,.regularization-modal{max-height:82dvh!important;max-width:292px!important;width:min(90vw,292px)!important}.date-picker-panel{max-width:calc(100vw - 38px)!important;width:min(250px,calc(100vw - 38px))!important}}.table-responsive{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto;overflow-y:hidden;width:100%}.attendance-table{min-width:900px;table-layout:fixed;width:100%}.attendance-table td,.attendance-table th{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.attendance-table .action-icons-cell{overflow:visible}.attendance-table .action-icons{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;justify-content:center}@media (max-width:1024px){.attendance-table{min-width:900px}.table-responsive{overflow-x:auto}}@media (max-width:768px){.attendance-table{min-width:850px}.table-responsive{border-radius:12px;overflow-x:auto;width:100%}.attendance-table th{font-size:11px}.attendance-table td{font-size:12px}}@media (max-width:480px){.attendance-table{min-width:820px}.attendance-table td,.attendance-table th{padding:9px 8px}}.attendance-header-actions{align-items:stretch;display:flex;gap:8px}.att-check-out,.att-time-separator{display:none}@media (max-width:1024px){.attendance-table{background:#0000!important;box-shadow:none!important;display:block!important;min-width:0!important;overflow:visible!important;width:100%!important}.attendance-table thead{display:none!important}.attendance-table tbody{display:flex!important;flex-direction:column;gap:12px;width:100%}.attendance-table .attendance-record-row{grid-gap:7px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-sm);display:grid!important;gap:7px 12px;grid-template-areas:"date actions" "empid actions" "name actions" "dept actions" "time actions" "status actions";grid-template-columns:minmax(0,1fr) auto;padding:14px;width:100%}.attendance-table .attendance-record-row>td{border:0!important;display:block!important;overflow:visible!important;padding:0!important;text-align:left!important;text-overflow:clip!important;white-space:normal!important;width:auto!important}.attendance-table .att-date{grid-area:date}.attendance-table .att-empid{font-weight:600;grid-area:empid}.attendance-table .att-name{font-weight:500;grid-area:name}.attendance-table .att-department{color:var(--text-muted);grid-area:dept}.attendance-table .att-time-range{align-items:center;display:flex!important;font-weight:600;gap:4px;grid-area:time;margin-top:2px}.attendance-table .att-check-out,.attendance-table .att-time-separator{display:inline!important}.attendance-table .att-checkout-desktop{display:none!important}.attendance-table .att-status{grid-area:status;margin-top:1px}.attendance-table .att-actions{align-items:center;align-self:start;display:flex!important;flex-direction:column;gap:6px;grid-area:actions;justify-content:flex-start;width:36px!important}.attendance-table .att-actions .icon-btn{flex:0 0 32px;height:32px;width:32px}.attendance-table tbody tr:has(.empty-state){display:block!important;width:100%}.attendance-table tbody tr:has(.empty-state)>td{border:0!important;display:block!important;padding:0!important;width:100%!important}}@media (max-width:560px){.page-header{align-items:stretch}.attendance-header-actions{flex-direction:column;gap:8px;width:100%}.attendance-header-actions .primary-btn{align-items:center;display:inline-flex;gap:7px;justify-content:center;min-height:42px;width:100%}.attendance-table .attendance-record-row{gap:6px 10px;padding:13px 12px}}@media (max-width:1024px){.attendance-modal,.regularization-modal{max-height:78dvh!important;max-width:520px!important;width:min(72vw,520px)!important}.attendance-modal .form-section-card,.regularization-modal .form-section-card{padding:14px 16px!important}.attendance-modal .attendance-form-body,.regularization-modal .attendance-form-body{gap:12px!important}}@media (max-width:560px){.attendance-modal,.regularization-modal{max-height:76dvh!important;max-width:286px!important;width:min(86vw,286px)!important}.attendance-modal .modal-header,.regularization-modal .modal-header{padding:10px 12px!important}.attendance-modal .modal-body,.regularization-modal .modal-body{padding:10px 11px!important}.attendance-modal .form-section-card,.regularization-modal .form-section-card{padding:10px!important}}@media (max-width:1024px){.regularization-empty-state,.table tbody tr:has(img[src*=regularization]) .empty-state{margin:0 auto!important;min-height:220px!important;padding:24px 18px!important;width:min(100%,360px)!important}.table tbody tr:has(img[src*=regularization]) .empty-state img{height:auto!important;margin-bottom:10px!important;max-width:48vw!important;width:150px!important}}@media (max-width:560px){.table tbody tr:has(img[src*=regularization]) .empty-state{border-radius:13px!important;min-height:180px!important;padding:18px 14px!important;width:min(100%,250px)!important}.table tbody tr:has(img[src*=regularization]) .empty-state img{max-width:42vw!important;width:112px!important}.table tbody tr:has(img[src*=regularization]) .empty-state p{font-size:12px!important;line-height:1.45;margin:6px 0 0!important}}.attendance-table .att-time-range .att-check-out,.attendance-table .att-time-range .att-time-separator{display:none}@media (max-width:1024px){.attendance-table,.attendance-table tbody{display:block!important;min-width:0!important;width:100%!important}.attendance-table thead{display:none!important}.attendance-table .attendance-record-row{grid-gap:6px 12px!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:14px!important;box-shadow:var(--shadow-sm)!important;display:grid!important;gap:6px 12px!important;grid-template-areas:"date actions" "empid actions" "name actions" "dept actions" "time actions" "status actions"!important;grid-template-columns:minmax(0,1fr) 38px!important;margin:0 0 12px!important;padding:14px!important;width:100%!important}.attendance-table .attendance-record-row>td{border:0!important;display:block!important;height:auto!important;min-width:0!important;overflow:visible!important;padding:0!important;text-align:left!important;white-space:normal!important;width:auto!important}.attendance-table .att-date{grid-area:date!important}.attendance-table .att-empid{font-weight:600;grid-area:empid!important}.attendance-table .att-name{font-weight:500;grid-area:name!important}.attendance-table .att-department{color:var(--text-muted);grid-area:dept!important;overflow-wrap:anywhere!important}.attendance-table .att-time-range{align-items:center!important;display:flex!important;font-weight:600;gap:4px!important;grid-area:time!important;margin-top:2px!important}.attendance-table .att-time-range .att-check-out,.attendance-table .att-time-range .att-time-separator{display:inline!important}.attendance-table .att-checkout-desktop{display:none!important}.attendance-table .att-status{grid-area:status!important;margin-top:2px!important}.attendance-table .att-actions{align-items:center!important;align-self:start!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;grid-area:actions!important;justify-content:flex-start!important;justify-self:end!important;min-width:36px!important;width:36px!important}.attendance-table .att-actions .icon-btn{flex:0 0 32px!important;height:32px!important;margin:0!important;min-width:32px!important;width:32px!important}.attendance-table tbody tr:has(.empty-state){display:block!important;width:100%!important}.attendance-table tbody tr:has(.empty-state)>td{border:0!important;display:block!important;padding:0!important;width:100%!important}}.attendance-table .empty-state,.container>.empty-state,.table .empty-state{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 auto!important;max-width:none!important;min-height:300px;text-align:center!important;width:100%!important}.attendance-table .empty-state .empty-img,.table .empty-state .empty-img{display:block;height:auto!important;margin:0 auto 14px!important;max-width:190px!important;width:min(190px,45vw)!important}.attendance-table .empty-state p,.table .empty-state p{margin:0!important}@media (max-width:1024px){.table tbody tr:has(.empty-state){width:100%!important}.table tbody tr:has(.empty-state)>td{width:100%!important}}@media (max-width:560px){.attendance-table .attendance-record-row{gap:5px 10px!important;grid-template-columns:minmax(0,1fr) 34px!important;padding:12px!important}.attendance-table .att-actions{gap:10px!important;min-width:32px!important;width:32px!important}.attendance-table .att-actions .icon-btn{flex-basis:30px!important;height:30px!important;min-width:30px!important;width:30px!important}.attendance-table .empty-state,.table .empty-state{min-height:240px!important;padding:24px 14px!important}.attendance-table .empty-state .empty-img,.table .empty-state .empty-img{width:min(150px,46vw)!important}}@media (max-width:1024px){.attendance-table .attendance-record-row{align-items:center!important;column-gap:18px!important;grid-template-areas:"date actions" "empid actions" "name actions" "dept actions" "time actions" "status actions"!important;grid-template-columns:minmax(0,1fr) 48px!important;row-gap:10px!important}.attendance-table .att-time-range{align-items:center!important;display:flex!important;font-weight:600;gap:4px!important;grid-area:time!important;margin:0!important}.attendance-table .att-check-out,.attendance-table .att-time-separator{display:inline!important}.attendance-table .att-checkout-desktop{display:none!important;grid-area:unset!important;margin:0!important;padding:0!important}.attendance-table .att-status{grid-area:status!important;margin:0!important}.attendance-table .att-actions{align-self:stretch!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;grid-area:actions!important;height:auto!important;justify-self:end!important;min-width:48px!important;width:48px!important}.attendance-table .att-actions,.attendance-table .att-actions .icon-btn{align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.attendance-table .att-actions .icon-btn{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:9px!important;box-shadow:none!important;display:inline-flex!important;flex:0 0 34px!important;height:34px!important;min-width:34px!important;width:34px!important}.attendance-table .att-actions .icon-btn.view{background:var(--primary-gradient-subtle)!important;color:var(--primary)!important}.attendance-table .att-actions .icon-btn.edit{background:#eff6ff!important;border-color:#dbeafe!important;color:#2563eb!important}.attendance-table .att-actions .icon-btn.delete{background:#fef2f2!important;border-color:#fee2e2!important;color:#dc2626!important}.attendance-table .att-actions .icon-btn:not(.view):not(.edit):not(.delete){background:var(--bg-card)!important;border-color:var(--border-color)!important}.attendance-table tbody tr:has(.empty-state),.table tbody tr:has(img[src*=regularization]){background:#0000!important;border:0!important;box-shadow:none!important;display:block!important;grid-column:1/-1!important;margin:0!important;padding:0!important;transform:none!important;width:100%!important}.attendance-table tbody tr:has(.empty-state)>td,.table tbody tr:has(img[src*=regularization])>td{border:0!important;display:block!important;max-width:none!important;overflow:visible!important;padding:0!important;width:100%!important}.attendance-table .empty-state,.table tbody tr:has(img[src*=regularization]) .empty-state{align-items:center!important;box-sizing:border-box;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0!important;max-width:none!important;min-height:280px!important;padding:34px 24px!important;text-align:center!important;width:100%!important}.attendance-table .empty-state img,.table tbody tr:has(img[src*=regularization]) .empty-state img{display:block!important;height:auto!important;margin:0 auto 14px!important;max-width:180px!important;width:min(180px,42vw)!important}.attendance-table .empty-state p,.table tbody tr:has(img[src*=regularization]) .empty-state p{margin:0!important;text-align:center!important}}@media (max-width:560px){.attendance-table .attendance-record-row{column-gap:10px!important;grid-template-columns:minmax(0,1fr) 42px!important;padding:16px 14px!important;row-gap:10px!important}.attendance-table .att-actions{gap:10px!important;min-width:42px!important;width:42px!important}.attendance-table .att-actions .icon-btn{flex-basis:31px!important;height:31px!important;min-width:31px!important;width:31px!important}.attendance-table .empty-state,.table tbody tr:has(img[src*=regularization]) .empty-state{min-height:230px!important;padding:26px 16px!important}.attendance-table .empty-state img,.table tbody tr:has(img[src*=regularization]) .empty-state img{max-width:145px!important;width:min(145px,46vw)!important}}@media (max-width:1024px){.attendance-table .attendance-record-row{grid-row-gap:10px!important;grid-column-gap:18px!important;align-items:center!important;column-gap:18px!important;display:grid!important;grid-template-areas:"date actions" "empid actions" "name actions" "dept actions" "time actions" "status actions"!important;grid-template-columns:minmax(0,1fr) 42px!important;padding:18px 20px!important;position:relative!important;row-gap:10px!important}.attendance-table .att-date{grid-area:date!important}.attendance-table .att-empid{grid-area:empid!important}.attendance-table .att-name{grid-area:name!important}.attendance-table .att-department{grid-area:dept!important}.attendance-table .att-time-range{align-items:center!important;display:flex!important;font-weight:600;gap:4px!important;grid-area:time!important;margin:0!important;padding:0!important}.attendance-table .att-time-range .att-check-out,.attendance-table .att-time-range .att-time-separator{display:inline!important}.attendance-table .att-checkout-desktop,.attendance-table .attendance-record-row>td.att-checkout-desktop{border:0!important;display:none!important;height:0!important;margin:0!important;min-height:0!important;padding:0!important;visibility:hidden!important}.attendance-table .att-status{grid-area:status!important;margin:0!important;padding:0!important}.attendance-table .att-actions{align-self:stretch!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;grid-area:actions!important;height:100%!important;justify-self:end!important;min-width:42px!important;overflow:visible!important;width:42px!important}.attendance-table .att-actions,.attendance-table .att-actions .icon-btn{align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.attendance-table .att-actions .icon-btn{border-radius:9px!important;display:inline-flex!important;flex:0 0 34px!important;height:34px!important;min-height:34px!important;min-width:34px!important;width:34px!important}}@media (max-width:560px){.attendance-table .attendance-record-row{column-gap:12px!important;grid-template-columns:minmax(0,1fr) 38px!important;padding:16px 14px!important;row-gap:10px!important}.attendance-table .att-actions{gap:10px!important;min-width:38px!important;width:38px!important}.attendance-table .att-actions .icon-btn{flex:0 0 31px!important;height:31px!important;min-height:31px!important;min-width:31px!important;width:31px!important}}.attendance-table td.att-department{line-height:1.4;overflow:visible!important;overflow-wrap:normal!important;text-overflow:clip!important;vertical-align:middle;white-space:normal!important;word-break:normal!important}.attendance-table td:nth-child(4),.attendance-table th:nth-child(4){min-width:145px;width:145px}@media (max-width:1024px){.attendance-table td.att-department{max-width:100%!important;min-width:0!important;overflow:visible!important;overflow-wrap:normal!important;text-overflow:clip!important;white-space:normal!important;width:auto!important;word-break:normal!important}}@media (min-width:1025px){.attendance-table{border-collapse:collapse!important;border-spacing:0!important;table-layout:fixed;width:100%}.attendance-table thead{display:table-header-group!important}.attendance-table tbody{display:table-row-group!important}.attendance-table tr{display:table-row!important}.attendance-table td,.attendance-table th{display:table-cell;position:static;vertical-align:middle}.attendance-table tbody td{border-bottom:1px solid var(--border-color)!important;padding-bottom:16px;padding-top:16px}.attendance-table tbody tr:last-child td{border-bottom:none!important}.attendance-table .att-department{line-height:1.35;overflow:visible!important;overflow-wrap:normal!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important}.attendance-table .att-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-table .att-actions{border-bottom:1px solid var(--border-color)!important;display:table-cell!important;padding-bottom:16px!important;padding-top:16px!important;position:static!important;vertical-align:middle!important;white-space:nowrap;width:auto!important}.attendance-table .att-actions .icon-btn{align-items:center;display:inline-flex!important;justify-content:center;margin:0 8px 0 0!important;position:static!important;vertical-align:middle}.attendance-table .att-actions .icon-btn:last-child{margin-right:0!important}.attendance-table .att-actions .table-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:16px!important;justify-content:center!important;margin:0!important;padding:0!important;position:static!important;width:100%}.attendance-table .att-actions .table-actions .icon-btn{margin:0!important}}@media (min-width:769px) and (max-width:1024px){.attendance-table tbody{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.attendance-table .attendance-record-row{height:100%;margin:0!important;width:100%!important}}@media (max-width:768px){.attendance-table tbody{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}}@media (max-width:1024px){.attendance-table .att-actions{gap:10px!important}}@media (max-width:560px){.attendance-table .att-actions{gap:10px!important}}@media (max-width:1024px){.attendance-table .att-actions .icon-btn{margin:0 0 10px!important}.attendance-table .att-actions .icon-btn:last-child{margin-bottom:0!important}}.attendance-table td:nth-child(4),.attendance-table th:nth-child(4){text-align:center;vertical-align:middle}.att-department{text-align:center}.account-root{--text-hint:#94a3b8;--info-label-color:#94a3b8;--info-value-color:#0f172a}:root[data-theme=dark] .account-root{--text-hint:#64748b;--info-label-color:#7c8aa5;--info-value-color:#f1f5f9}.account-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;min-height:400px}.account-loading-spinner{animation:spin .7s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.account-root{background:var(--bg-main);color:var(--text-main);display:flex;flex-direction:column;margin:0 auto;max-width:1180px;min-height:100vh;padding:24px 28px}.account-header{margin-bottom:30px}.account-header h2{color:var(--text-main);font-size:18px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.account-header p{color:var(--text-muted);font-size:13.5px;margin:0}.account-nav-shell{align-items:stretch;display:flex;margin-bottom:28px;max-width:100%;min-width:0;position:relative;width:100%}.account-nav-shell .account-nav{margin-bottom:0}.account-nav-arrow{align-items:center;align-self:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 14px #0f172a1f;color:var(--primary);cursor:pointer;display:flex;flex:0 0 34px;height:34px;justify-content:center;transition:var(--transition);width:34px;z-index:5}.account-nav-arrow:hover{background:var(--primary-gradient-subtle);box-shadow:0 6px 18px #0f172a29}.account-nav-arrow-left{margin-right:6px}.account-nav-arrow-right{margin-left:6px}.account-nav-arrow svg{font-size:13px;pointer-events:none}.account-nav,.account-tabs{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);box-sizing:border-box;display:flex;gap:36px;margin-bottom:28px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 24px;position:relative;scroll-behavior:smooth;scrollbar-width:none;width:100%}.account-nav::-webkit-scrollbar,.account-tabs::-webkit-scrollbar{display:none}.account-nav-indicator{background:var(--primary-gradient);border-radius:3px 3px 0 0;bottom:0;box-shadow:0 1px 8px -1px var(--primary-glow);height:2.5px;position:absolute;transition:left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1);z-index:1}.account-nav-btn,.account-tab{align-items:center;background:#0000;border:none;border-bottom:2.5px solid #0000;border-radius:0;color:var(--text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:14px;font-weight:500;gap:7px;letter-spacing:.1px;padding:17px 4px 15px;position:relative;transition:color .2s ease,border-color .2s ease;white-space:nowrap;z-index:2}.account-nav-btn svg,.account-tab svg{color:var(--text-muted);color:var(--text-hint,var(--text-muted));font-size:13px;transition:color .2s ease,transform .2s ease}.account-nav-btn:hover,.account-tab:hover{color:var(--text-main)}.account-nav-btn:hover svg,.account-tab:hover svg{color:var(--text-muted)}.account-nav-btn.active,.account-tab.active{color:var(--text-main);font-weight:700;letter-spacing:.15px}.account-nav-btn.active svg,.account-tab.active svg{color:var(--primary);transform:scale(1.05)}.account-tab.active{border-bottom-style:solid;border-bottom-width:2.5px;border-image:var(--primary-gradient) 1}.account-nav-btn .tab-count,.account-tab .tab-count{align-items:center;background:var(--primary-gradient-subtle);border-radius:20px;color:var(--primary);display:inline-flex;font-size:10.5px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;transition:background .2s ease,color .2s ease}.account-nav-btn.active .tab-count,.account-tab.active .tab-count{background:var(--primary);color:#fff}.account-content{animation:fadeUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.account-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:0 10px 30px #0206170f,inset 0 1px 0 #fff9;display:flex;flex-direction:column;overflow:visible;padding:36px;position:relative;transition:var(--transition)}.account-card>h2{border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:16px;font-weight:700;letter-spacing:-.2px;margin:0 0 28px;padding-bottom:18px;position:relative}.info-grid{grid-gap:14px 16px;display:grid;gap:14px 16px;grid-template-columns:repeat(3,1fr)}.info-items{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;transition:var(--transition)}.info-items:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.info-items-label{color:var(--info-label-color);font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-items-value{color:var(--info-value-color);font-size:12.5px;font-weight:600;word-break:break-word}.info-items-value.is-empty{color:var(--info-label-color);font-style:italic;font-weight:500}.basic-info-layout{align-items:flex-start;display:flex;gap:28px}.avatar-basic-col{align-items:center;display:flex;flex:0 0 150px;flex-direction:column;gap:10px;text-align:center}.basic-fields-col{flex:1 1;min-width:0}.avatar-hint{color:var(--text-hint);font-size:11.5px;line-height:1.4}.avatar-pending-actions{align-items:center;display:flex;gap:8px}.avatar-cancel-btn,.avatar-save-btn{align-items:center;border:1.5px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:700;gap:6px;padding:8px 16px;transition:var(--transition)}.avatar-save-btn{background:var(--primary-gradient);box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff}.avatar-save-btn:hover:not(:disabled){box-shadow:0 12px 28px -6px var(--primary-glow);transform:translateY(-2px)}.avatar-save-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.avatar-cancel-btn{background:#0000;border-color:var(--border-color);color:var(--text-muted)}.avatar-cancel-btn:hover:not(:disabled){background:var(--bg-main);color:var(--text-main)}.profile-header-badge{align-items:center;background:var(--primary-gradient-subtle);border:1px solid var(--border-color);border-radius:20px;color:var(--primary);display:inline-flex;font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:2px 12px;text-transform:uppercase}.avatar-frame{cursor:pointer;flex-shrink:0;height:108px;position:relative;width:108px}.avatar-ring{align-items:center;border-radius:50%;box-shadow:0 10px 28px -10px var(--primary-glow);display:flex;height:100%;justify-content:center;padding:3px;transition:var(--transition);width:100%}.avatar-frame:hover .avatar-ring{box-shadow:0 14px 34px -8px var(--primary-glow);transform:scale(1.035)}.avatar-img,.avatar-initials{border:3px solid var(--bg-card);border-radius:50%;height:100%;width:100%}.avatar-img{object-fit:cover}.avatar-initials{color:var(--primary);font-size:32px;font-weight:700;letter-spacing:.5px}.avatar-edit-badge,.avatar-initials{align-items:center;display:flex;justify-content:center}.avatar-edit-badge{background:var(--primary-gradient);border:3px solid var(--bg-card);border-radius:50%;bottom:2px;box-shadow:0 4px 12px #0206172e;color:#fff;cursor:pointer;font-size:12px;height:32px;position:absolute;right:2px;transition:var(--transition);width:32px}.avatar-edit-badge:hover{box-shadow:0 6px 18px -4px var(--primary-glow);transform:scale(1.14)}.avatar-frame.dragging .avatar-ring{animation:avatarPulse 1s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 0 var(--primary-glow)}50%{box-shadow:0 0 0 10px #3b82f600}}.account-fields{gap:18px}.account-field,.account-fields{display:flex;flex-direction:column}.account-field{gap:7px}.account-field label,.confirm{color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.confirm{margin-top:20px}.account-card input[type=date],.account-card input[type=email],.account-card input[type=password],.account-card input[type=tel],.account-card input[type=text],.account-card select,.account-fields input,.account-fields select{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-main);font-size:14px;outline:none;padding:12px 16px;position:relative;transition:var(--transition);width:100%;z-index:1}.account-card input:hover:not(:read-only):not(:disabled),.account-card select:hover,.account-fields input:hover:not(:read-only):not(:disabled),.account-fields select:hover{border-color:var(--primary-light)}.account-card input:focus:not(:read-only):not(:disabled),.account-card select:focus,.account-fields input:focus:not(:read-only):not(:disabled),.account-fields select:focus{background:var(--bg-card);border-color:var(--primary-light);box-shadow:0 0 0 3px #1a56db1f}.account-card input::placeholder,.account-fields input::placeholder{color:var(--text-hint)}.account-field-readonly{display:flex;flex-direction:column;gap:4px;position:relative}.readonly-lock-icon{color:var(--text-hint);font-size:11px;left:14px;pointer-events:none;position:absolute;top:14px;z-index:2}.account-card input.readonly,.account-fields input.readonly{background:#f5f3f3;border-color:var(--border-color);border-style:dashed;color:var(--text-muted);cursor:not-allowed;padding-left:36px}.account-card input.readonly:hover,.account-fields input.readonly:hover{border-color:var(--border-color);box-shadow:none}.readonly-badge{color:var(--text-hint)!important;display:inline-block;font-size:10px!important;font-weight:500;letter-spacing:.3px;padding:0 2px;text-transform:uppercase}.account-password-wrapper{align-items:center;display:flex;position:relative}.account-password-wrapper input{padding-right:44px!important}.account-password-toggle{align-items:center;background:#0000;border:none;color:#64748b!important;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;z-index:2}.account-password-toggle svg{fill:currentColor;color:#64748b!important;height:18px;width:18px}.account-password-toggle:hover svg{color:#2563eb!important}.password-strength{align-items:center;display:flex;gap:10px;margin-top:2px}.password-strength-bar{background:var(--border-color);border-radius:4px;flex:1 1;height:4px;overflow:hidden}.password-strength-fill{border-radius:4px;height:100%;transition:width .3s ease,background .3s ease}.password-strength-fill.strength-weak{background:var(--danger)}.password-strength-fill.strength-fair{background:var(--warning)}.password-strength-fill.strength-strong{background:var(--primary-light)}.password-strength-fill.strength-very-strong{background:var(--success)}.password-strength-label{font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.password-strength-label.strength-weak{color:var(--danger)}.password-strength-label.strength-fair{color:var(--warning)}.password-strength-label.strength-strong{color:var(--primary-light)}.password-strength-label.strength-very-strong{color:var(--success)}.field-error{color:var(--danger);display:block;font-size:12px;font-weight:500;margin-top:3px;padding-left:2px}.account-save-btn{align-items:center;align-self:flex-end;background:var(--primary-gradient);border:none;border-radius:13px;box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.2px;margin-top:28px;padding:13px 34px;position:relative;transition:var(--transition);z-index:1}.account-save-btn:hover:not(:disabled){box-shadow:0 12px 28px -6px var(--primary-glow);transform:translateY(-2px)}.account-save-btn:active:not(:disabled){transform:none}.account-save-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.security-save-btn{align-self:flex-end;margin-top:18px}.btn-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.logout-modal-backdrop{align-items:center;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02061799;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-modal{animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--shadow-lg);max-width:400px;padding:44px 40px 36px;text-align:center;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.logout-modal-icon{align-items:center;background:var(--danger-light);border:1.5px solid #dc26262e;border-radius:50%;color:var(--danger);display:flex;font-size:22px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.logout-modal h3{color:var(--text-main);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 10px}.logout-modal p{color:var(--text-muted);font-size:14.5px;line-height:1.6;margin:0 0 30px}.logout-modal-actions{display:flex;gap:10px;justify-content:center}.logout-modal-cancel{background:var(--bg-main);border:1.5px solid var(--border-color);border-radius:12px;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:11px 26px;transition:var(--transition)}.logout-modal-cancel:hover{background:var(--border-color);color:var(--text-main)}.logout-modal-confirm{background:var(--danger);border:none;border-radius:12px;box-shadow:0 2px 10px #dc26264d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:11px 26px;transition:var(--transition)}.logout-modal-confirm:hover{background:#b91c1c;box-shadow:0 4px 16px #dc262666;transform:translateY(-1px)}.account-password-wrapper input::-ms-clear,.account-password-wrapper input::-ms-reveal{display:none}.account-password-wrapper input::-webkit-textfield-decoration-container{display:none}.account-password-wrapper input::-webkit-credentials-auto-fill-button{display:none!important;pointer-events:none;visibility:hidden}.account-password-wrapper input[type=password]{appearance:none;-webkit-appearance:none}.form-section-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:16px;margin-bottom:20px;padding:22px 24px;transition:var(--transition)}.form-section-card:last-child{margin-bottom:0}.form-section-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm)}.security-section{margin-top:8px}.section-title-premium{align-items:center;border-bottom:1px solid var(--border-color);color:var(--primary-dark);display:flex;font-size:13px;font-weight:700;gap:10px;letter-spacing:.4px;margin:0 0 18px;padding-bottom:12px;text-transform:uppercase}.section-title-premium svg{color:var(--primary);font-size:15px}.grid-3{grid-gap:16px 20px;grid-template-columns:repeat(3,1fr)}.grid-2,.grid-3{display:grid;gap:16px 20px}.grid-2{grid-gap:16px 20px;grid-template-columns:repeat(2,1fr)}.field-span-2{grid-column:span 2}.form-section-card input:not([type=file]),.form-section-card select,.form-section-card textarea{border-radius:11px;font-size:13.5px;padding:11px 14px;width:100%}.form-section-card label{margin-bottom:7px}.custom-dropdown{min-width:0;position:relative;width:100%}.dropdown-btn{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-main);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;justify-content:space-between;padding:12px 14px;transition:var(--transition);width:100%}.dropdown-btn:hover{border-color:var(--primary-light)}.dropdown-btn:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1f;outline:none}.dropdown-btn span{color:var(--text-hint);font-size:11px;margin-left:8px;transition:transform .22s ease}.dropdown-btn.open span{color:var(--primary);transform:rotate(180deg)}.dropdown-menu{animation:dropdownFade .22s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 18px 45px #0f172a24;left:0;max-height:280px;overflow-x:hidden;overflow-y:auto;padding:6px;position:absolute;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;top:calc(100% + 6px);width:100%;z-index:9999}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background:#0000}.dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-menu div{border-radius:8px;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;transition:all .18s ease;white-space:nowrap}.dropdown-menu .selected,.dropdown-menu div:hover{background:var(--primary-gradient-subtle);color:var(--primary)}.dropdown-menu .selected{font-weight:600}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-datepicker{position:relative;width:100%}.datepicker-btn{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:11px;color:var(--text-hint);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;justify-content:space-between;padding:12px 14px;transition:var(--transition);width:100%}.datepicker-btn span.has-value{color:var(--text-main);font-weight:600}.datepicker-btn svg{color:var(--primary);flex-shrink:0;font-size:13px;transition:transform .25s ease}.datepicker-btn.open,.datepicker-btn:hover{border-color:var(--primary-light)}.datepicker-btn.open{box-shadow:0 0 0 3px #1a56db1f}.datepicker-btn.open svg{color:var(--primary-dark);transform:rotate(-8deg) scale(1.05)}.datepicker-panel{animation:datepickerIn .26s cubic-bezier(.22,1,.36,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 20px 50px #0f172a29;left:0;padding:14px;position:absolute;top:calc(100% + 8px);transform-origin:top left;width:280px;z-index:9999}@keyframes datepickerIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.datepicker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.datepicker-header span{color:var(--text-main);font-size:13.5px;font-weight:700}.datepicker-header-label{animation:fadeIn .25s ease}.datepicker-header button{align-items:center;background:var(--bg-main);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:10px;height:26px;justify-content:center;transition:var(--transition);width:26px}.datepicker-header button:hover{background:var(--primary-gradient-subtle);color:var(--primary);transform:scale(1.1)}.datepicker-daynames{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.datepicker-daynames span{color:var(--text-hint);font-size:10.5px;font-weight:700;text-align:center;text-transform:uppercase}.datepicker-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);overflow:hidden}.datepicker-grid.slide-left{animation:slideInLeft .3s cubic-bezier(.22,1,.36,1)}.datepicker-grid.slide-right{animation:slideInRight .3s cubic-bezier(.22,1,.36,1)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}.day-cell{align-items:center;aspect-ratio:1;background:#0000;border:none;border-radius:9px;color:var(--text-main);cursor:pointer;display:flex;font-size:12.5px;font-weight:500;justify-content:center;position:relative;transition:var(--transition);width:100%}.day-cell:hover:not(.disabled){background:var(--primary-gradient-subtle);color:var(--primary);transform:scale(1.08)}.day-cell.today:after{background:var(--primary);border-radius:50%;bottom:3px;content:"";height:4px;position:absolute;width:4px}.day-cell.selected{background:var(--primary-gradient);box-shadow:0 4px 12px -2px var(--primary-glow);color:#fff;font-weight:700;transform:scale(1.05)}.day-cell.selected.today:after{background:#fff}.day-cell.disabled{color:var(--text-hint);cursor:not-allowed;opacity:.4}.datepicker-grid .empty{aspect-ratio:1}.datepicker-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px}.datepicker-today-btn{background:var(--primary-gradient-subtle);border-radius:9px;color:var(--primary);font-size:11.5px;font-weight:700;height:auto;padding:6px 14px;width:auto}.datepicker-today-btn:hover{background:var(--primary-gradient);color:#fff;transform:none}.date-picker-wrap{position:relative;width:100%}.date-picker-btn{align-items:center;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:11px;box-sizing:border-box;color:var(--text-main);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:9px;padding:12px 14px;transition:var(--transition);width:100%}.date-picker-btn:hover{border-color:var(--primary-light)}.date-picker-btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db1f;outline:none}.date-picker-btn:disabled{background:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.date-picker-icon{color:var(--primary);flex-shrink:0;font-size:13px}.date-picker-placeholder{color:var(--text-hint);font-weight:400}.date-picker-panel{animation:datepickerIn .22s cubic-bezier(.22,1,.36,1);background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 20px 50px #0f172a29;padding:14px;transform-origin:top left;width:280px;z-index:9999}.date-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.date-picker-title{color:var(--text-main);font-size:13.5px;font-weight:700}.date-picker-nav-btn{align-items:center;background:var(--bg-main);border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:10px;height:26px;justify-content:center;transition:var(--transition);width:26px}.date-picker-nav-btn:hover{background:var(--primary-gradient-subtle);color:var(--primary);transform:scale(1.1)}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.date-picker-weekday{color:var(--text-hint);font-size:10.5px;font-weight:700;text-align:center;text-transform:uppercase}.date-picker-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.date-picker-day{align-items:center;aspect-ratio:1;border-radius:9px;color:var(--text-main);cursor:pointer;display:flex;font-size:12.5px;font-weight:500;justify-content:center;position:relative;transition:var(--transition);width:100%}.date-picker-day.other-month{color:var(--text-hint);opacity:.55}.date-picker-day:hover:not(.disabled){background:var(--primary-gradient-subtle);color:var(--primary);transform:scale(1.08)}.date-picker-day.today:after{background:var(--primary);border-radius:50%;bottom:3px;content:"";height:4px;position:absolute;width:4px}.date-picker-day.selected{background:var(--primary-gradient);box-shadow:0 4px 12px -2px var(--primary-glow);color:#fff;font-weight:700;transform:scale(1.05)}.date-picker-day.selected.today:after{background:#fff}.date-picker-day.disabled{color:var(--text-hint);cursor:not-allowed;opacity:.4}.date-picker-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px}.date-picker-today-btn{background:var(--primary-gradient-subtle);border:none;border-radius:9px;color:var(--primary);cursor:pointer;font-size:11.5px;font-weight:700;padding:6px 14px;transition:var(--transition)}.date-picker-today-btn:hover{background:var(--primary-gradient);color:#fff}.date-picker-title-part{border-radius:4px;cursor:pointer;padding:2px 4px;transition:background-color .15s ease}.date-picker-title-part:hover{background-color:#0000000f}.date-picker-months-grid,.date-picker-years-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:8px}.date-picker-month-cell,.date-picker-year-cell{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:10px 0;transition:background-color .15s ease}.date-picker-month-cell:hover,.date-picker-year-cell:hover{background-color:#0000000f}.date-picker-month-cell.selected,.date-picker-year-cell.selected{background-color:#2563eb;color:#fff;font-weight:600}.date-picker-month-cell.disabled,.date-picker-year-cell.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.file-choose-premium{align-items:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:9px;box-sizing:border-box;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:var(--transition);width:100%}.file-choose-premium:hover{border-color:var(--primary-light);color:var(--primary)}.file-choose-icon{color:var(--primary);flex-shrink:0;font-size:15px;margin-right:10px}.file-choose-text{color:inherit;flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.file-choose-text.has-file{color:var(--text-main);font-weight:600}.file-choose-clear{align-items:center;background:var(--bg-main);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:var(--transition);width:22px}.file-choose-clear:hover{background:#dc26261f;color:var(--danger)}.doc-dropzone-field{position:relative}.doc-dropzone{align-items:center;background:color-mix(in srgb,var(--primary) 3%,var(--bg-card));border:1.5px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:46px;padding:18px 14px;text-align:center;transition:var(--transition)}.doc-dropzone.dragging,.doc-dropzone:hover{background:var(--primary-gradient-subtle);border-color:var(--primary-light)}.doc-dropzone.has-file{background:var(--bg-card);border-style:solid;padding:8px}.doc-dropzone-icon{align-items:center;background:var(--primary-gradient);border-radius:11px;box-shadow:0 8px 18px -6px var(--primary-glow);color:#fff;display:flex;font-size:15px;height:34px;justify-content:center;width:34px}.doc-dropzone-title{color:var(--text-main);font-size:12.5px;font-weight:600}.doc-dropzone-sub{color:var(--text-muted);font-size:10.5px}.doc-file-chip{align-items:center;background:var(--primary-gradient-subtle);border-radius:9px;color:var(--text-main);display:inline-flex;font-size:12.5px;font-weight:600;gap:8px;padding:8px 12px;width:100%}.doc-file-chip svg:first-child{color:var(--primary);flex-shrink:0}.doc-file-chip-name{flex:1 1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.doc-file-chip button{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;transition:var(--transition)}.doc-file-chip button:hover{color:var(--danger);transform:scale(1.15)}.hidden-file-input{display:none}.doc-remarks-field{border-top:1px dashed var(--border-color);margin-top:18px;padding-top:16px}.doc-remarks-field input{background:color-mix(in srgb,var(--primary) 2.5%,var(--bg-card))}.docs-list{flex-direction:column}.doc-item,.docs-list{display:flex;gap:12px}.doc-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;padding:14px 16px;transition:var(--transition)}.doc-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.doc-left{gap:12px;min-width:0}.doc-icon-badge,.doc-left{align-items:center;display:flex}.doc-icon-badge{background:var(--primary-gradient-subtle);border-radius:12px;color:var(--primary);flex-shrink:0;font-size:15px;height:38px;justify-content:center;width:38px}.doc-meta{min-width:0}.doc-type-label{color:var(--text-main);font-size:13px;font-weight:600}.doc-filename{color:var(--text-muted);font-size:12px;margin-top:3px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-actions{display:flex;flex-shrink:0;gap:8px}.doc-delete-btn,.doc-view-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 15px;text-decoration:none;transition:var(--transition)}.doc-view-btn{background:var(--primary-gradient-subtle);border-color:var(--border-color);color:var(--primary)}.doc-view-btn:hover{background:var(--primary-gradient);border-color:var(--primary-light);color:#fff}.doc-delete-btn{background:#dc26260f;border-color:#dc262633;color:var(--danger)}.doc-delete-btn:hover{background:#dc262624;border-color:var(--danger)}.docs-empty{align-items:center;background:var(--bg-card);border:1.5px dashed var(--border-color);border-radius:14px;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:40px 20px}.docs-empty svg{font-size:26px;opacity:.5}.docs-list-title{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.4px;margin:22px 0 12px;text-transform:uppercase}.docs-count-badge{background:var(--primary-gradient-subtle);border-radius:20px;color:var(--primary);font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 6px}.doc-upload-submit-btn,.docs-count-badge{align-items:center;display:inline-flex;font-weight:700}.doc-upload-submit-btn{background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 8px 20px -6px var(--primary-glow);color:#fff;cursor:pointer;font-size:13px;gap:8px;margin-top:16px;padding:11px 24px;transition:var(--transition)}.doc-upload-submit-btn:hover:not(:disabled){box-shadow:0 12px 28px -6px var(--primary-glow);transform:translateY(-2px)}.doc-upload-submit-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}@media (max-width:1280px){.account-root{padding:24px}}@media (max-width:1024px){.account-root{padding:22px 20px}.account-card{padding:30px}.grid-3,.info-grid{grid-template-columns:repeat(2,1fr)}.field-span-2{grid-column:span 2}}@media (max-width:900px){.account-nav,.account-tabs{gap:20px;padding:0 16px}.account-nav-btn,.account-tab{font-size:12.5px;padding:14px 2px 12px}}@media (max-width:800px){.basic-info-layout{align-items:center;flex-direction:column;text-align:center}.avatar-basic-col{flex:none;width:100%}.basic-fields-col{width:100%}}@media (max-width:768px){.account-root{padding:20px 16px}.account-header{margin-bottom:24px}.account-card{border-radius:18px;padding:24px 20px}.form-section-card{padding:18px 16px}.grid-2,.grid-3,.info-grid{gap:14px 16px;grid-template-columns:1fr 1fr}}@media (max-width:640px){.account-root{padding:18px 14px 40px}.account-header h2{font-size:17px}.account-header p{font-size:13px}.account-card{border-radius:16px;padding:20px 16px}.grid-2,.grid-3,.info-grid{gap:14px;grid-template-columns:1fr}.field-span-2{grid-column:span 1}.account-save-btn,.security-save-btn{align-self:stretch;justify-content:center;width:100%}.avatar-pending-actions{justify-content:center;width:100%}.avatar-cancel-btn,.avatar-save-btn{flex:1 1 auto;justify-content:center}.doc-item{align-items:stretch;flex-direction:column;gap:10px}.doc-actions{justify-content:flex-end}.account-card input,.account-fields input,.account-fields select,.date-picker-btn,.datepicker-btn,.dropdown-btn{font-size:15px;padding:13px 14px}}@media (max-width:600px){.account-root{padding:20px 14px 44px}.account-header h2{font-size:18px}.account-nav{gap:20px}.account-nav-btn{font-size:12.5px;padding:12px 2px 10px}.account-card{border-radius:18px;padding:22px 18px}.logout-modal{margin:16px;padding:32px 24px 28px}.logout-modal-actions{flex-direction:column}.logout-modal-cancel,.logout-modal-confirm{width:100%}}@media (max-width:480px){.account-root{padding:16px 12px 40px}.account-header h2{font-size:16.5px}.account-header p{font-size:12.5px}.account-nav,.account-tabs{gap:16px;padding:0 12px}.account-nav-btn,.account-tab{font-size:12px;padding:12px 2px 10px}.account-card{border-radius:14px;padding:18px 14px}.account-card>h2{font-size:15px;margin-bottom:20px;padding-bottom:14px}.avatar-frame{height:92px;width:92px}.avatar-initials{font-size:28px}.avatar-edit-badge{font-size:11px;height:28px;width:28px}.doc-filename{max-width:60vw}.date-picker-panel,.datepicker-panel{width:min(280px,calc(100vw - 32px))}}@media (max-width:380px){.account-root{padding:14px 10px 36px}.account-nav-btn,.account-tab{font-size:11.5px}.account-card{padding:16px 12px}.grid-2,.grid-3,.info-grid{gap:12px}}@media (max-width:600px){.account-nav-shell{margin-bottom:22px}.account-nav-shell .account-nav{gap:18px;min-height:48px;scroll-snap-type:x proximity}.account-nav-shell .account-nav-btn{min-height:48px;scroll-snap-align:start;white-space:nowrap}.account-field,.basic-fields-col,.form-section-card,.grid-2,.grid-3,.info-grid{text-align:left}.account-field{align-items:stretch}.account-field label,.confirm,.form-section-card label{align-self:flex-start;text-align:left!important;width:100%}}.team-code-badge{background:#eff6ff;border-radius:20px;color:#3b82f6;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.grid-1{display:flex;flex-direction:column;gap:14px}.grid-1 input,.grid-1 textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-main);font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.grid-1 input:focus,.grid-1 textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a56db26;outline:none}.grid-1 textarea{margin-bottom:0;min-height:110px;resize:vertical}.grid-1 input::placeholder,.grid-1 textarea::placeholder{color:var(--text-muted);font-size:13px}.rbac-container,.rbac-container *{box-sizing:border-box}.rbac-container{color:#1e293b;color:var(--text-color,#1e293b);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:none;padding:36px 48px;width:100%}.rbac-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.rbac-heading-content{flex:1 1;min-width:0}.rbac-header h2,.rbac-heading-content h2{color:#0f172a;color:var(--heading-color,#0f172a);font-size:1.25rem;font-weight:700;line-height:1.35;margin:0}.rbac-header p,.rbac-heading-content p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.86rem;line-height:1.5;margin:5px 0 0}.btn-primary{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary,#2563eb),var(--primary-light,#3b82f6));border:none;border-radius:8px;box-shadow:0 4px 12px #2563eb40;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 6px 16px #2563eb59;transform:translateY(-2px)}.btn-secondary{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#334155;color:var(--text-color,#334155);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:background .2s ease,border-color .2s ease}.btn-secondary:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.55}.rbac-create-btn{align-items:center;display:inline-flex;flex:0 0 auto;gap:7px;justify-content:center;white-space:nowrap}.rbac-filters-card{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0f172a0a;display:grid;gap:10px;grid-template-columns:minmax(280px,1fr) 220px;margin-bottom:20px;padding:12px;width:100%}.rbac-search-wrap{min-width:0;position:relative;width:100%}.rbac-search-icon{color:#2563eb;font-size:.78rem;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.rbac-search-input{background:#f8fafc;border:1px solid #dbe3ee;border-radius:8px;color:#1e293b;font:inherit;font-size:.84rem;height:40px;outline:none;padding:0 14px 0 36px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.rbac-search-input::placeholder{color:#94a3b8}.rbac-search-input:hover{border-color:#cbd5e1}.rbac-search-input:focus{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.rbac-scope-filter,.rbac-scope-filter>*{min-width:0;width:100%}.roles-grid{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));width:100%}.role-card{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 3px 10px rgba(15,23,42,.045);display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:20px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.role-card:hover{border-color:#d5deea;box-shadow:0 10px 24px rgba(15,23,42,.075);transform:translateY(-2px)}.role-card-header{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;width:100%}.role-title{color:#0f172a;color:var(--heading-color,#0f172a);font-size:1.08rem;font-weight:700;line-height:1.35;margin:0;min-width:0;overflow-wrap:anywhere;text-transform:capitalize;width:100%}.role-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;max-width:none;width:100%}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.62rem;font-weight:700;justify-content:center;letter-spacing:.04em;line-height:1;min-height:22px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.badge-system{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.badge-custom{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.badge-scope{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.role-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.84rem;line-height:1.55;margin:0 0 16px;min-height:48px;overflow-wrap:anywhere}.role-stats{grid-gap:0;border-bottom:1px solid #edf2f7;border-top:1px solid #edf2f7;display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 16px;padding:14px 0;width:100%}.stat-item{align-items:flex-start;display:flex;flex-direction:column;min-width:0;padding:2px 12px}.stat-item:first-child{border-right:1px solid #edf2f7;padding-left:0}.stat-item:last-child{padding-right:0}.stat-val{color:#0f172a;color:var(--heading-color,#0f172a);font-size:1.1rem;font-weight:700;line-height:1.2}.stat-label{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.65rem;font-weight:650;gap:5px;letter-spacing:.025em;line-height:1.25;margin-top:4px;text-transform:uppercase}.stat-users{cursor:pointer}.stat-users .stat-label,.stat-users .stat-val{color:#2563eb}.role-actions{align-items:stretch;display:flex;gap:7px;justify-content:flex-end;width:100%}.role-actions .btn-primary,.role-actions .btn-secondary{min-height:38px}.rbac-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050a1899;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.rbac-modal{background:#fff;background:var(--card-bg,#fff);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:850px;overflow:hidden;width:100%}.rbac-modal-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.rbac-modal-header h2{color:#0f172a;color:var(--heading-color,#0f172a);font-size:1.35rem;font-weight:700;margin:0}.rbac-modal-body{flex:1 1;overflow-y:auto;padding:24px}.rbac-modal-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.input-error{border-color:#ef4444!important}.field-error{color:#dc2626;font-size:.78rem;margin-top:5px}.module-group{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;margin-bottom:24px;overflow:hidden}.module-group-header{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:space-between;padding:12px 18px}.module-title{color:#1e293b;color:var(--heading-color,#1e293b);font-size:1rem;font-weight:700;min-width:0;text-transform:capitalize}.module-toggle-btn{background:none;border:none;border-radius:4px;color:#1a56db;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 8px}.module-toggle-btn:hover{background:#1a56db14}.permissions-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px 18px}.permission-checkbox-item{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.permission-checkbox-item input[type=checkbox]{accent-color:#1a56db;cursor:pointer;flex:0 0 16px;height:16px;margin-top:3px;width:16px}.permission-info{display:flex;flex-direction:column;min-width:0}.permission-name{color:#334155;color:var(--text-color,#334155);font-size:.88rem;font-weight:600}.permission-desc{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem}@media (max-width:1024px){.rbac-container{padding:28px 30px}.permissions-list,.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rbac-modal{max-height:90vh;max-width:min(850px,calc(100vw - 40px))}}@media (max-width:768px){.rbac-container{padding:22px 20px}.rbac-filters-card{grid-template-columns:minmax(0,1fr) 190px}.roles-grid{grid-template-columns:1fr}.rbac-modal-overlay{padding:14px}.rbac-modal{border-radius:14px;max-height:calc(100dvh - 28px);max-width:100%}}@media (max-width:640px){.rbac-container{padding:18px 14px}.rbac-header{gap:12px;margin-bottom:18px}.rbac-heading-content h2{font-size:1.05rem}.rbac-heading-content p{font-size:.78rem;line-height:1.4;margin-top:4px}.rbac-create-btn{font-size:.78rem;padding:9px 12px;width:auto!important}.rbac-filters-card{gap:10px;grid-template-columns:1fr;padding:10px}.role-card{padding:16px}.role-card:hover{transform:none}.role-desc{min-height:0}.role-actions{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.permissions-list{gap:14px;grid-template-columns:1fr;padding:14px}.rbac-modal-overlay{padding:10px}.rbac-modal{border-radius:12px;max-height:calc(100dvh - 20px)}.rbac-modal-header{padding:15px 16px}.rbac-modal-header h2{font-size:1.1rem}.rbac-modal-body{padding:16px}.rbac-modal-footer{flex-wrap:wrap;padding:12px 16px}}@media (max-width:420px){.rbac-container{padding:14px 12px}.rbac-header{gap:10px}.rbac-heading-content h2{font-size:1rem}.rbac-heading-content p{font-size:.75rem}.rbac-create-btn{font-size:.72rem;padding:8px 10px}.role-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.role-actions>*{width:100%}}@media (max-width:375px){.rbac-header{flex-direction:column}.rbac-create-btn{align-self:flex-start}.role-actions{grid-template-columns:1fr}.rbac-modal-overlay{padding:6px}.rbac-modal{max-height:calc(100dvh - 12px)}.rbac-modal-footer{flex-direction:column-reverse}.rbac-modal-footer .btn-primary,.rbac-modal-footer .btn-secondary{width:100%}}.rbac-attendance-form-body{display:flex;flex-direction:column;gap:24px;width:100%}.rbac-attendance-form-body .form-section-card{background:#f8fafc;background:var(--bg-main,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-sizing:border-box;padding:20px;width:100%}.rbac-attendance-form-body .section-title-premium{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e40af;color:var(--primary-dark,#1e40af);display:flex;font-size:12px;font-weight:700;gap:9px;letter-spacing:.025em;line-height:1.2;margin:0 0 18px;padding:0 0 14px;text-transform:uppercase}.rbac-attendance-form-body .section-title-premium svg{color:#2563eb;color:var(--primary,#2563eb);flex-shrink:0;font-size:14px}.rbac-selected-summary{align-items:center;color:#1e293b;color:var(--text-main,#1e293b);display:flex;font-size:13px;gap:6px;line-height:1.5;min-height:42px;padding:0}.rbac-selected-count{color:#2563eb;color:var(--primary,#2563eb);font-size:13px;font-weight:700}.rbac-selected-summary strong{color:#0f172a;color:var(--text-main,#0f172a);font-weight:700;text-transform:capitalize}.rbac-field-with-icon{position:relative;width:100%}.rbac-field-with-icon>svg{color:#2563eb;color:var(--primary,#2563eb);font-size:12px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.rbac-field-with-icon input{background:#fff;background:var(--bg-card,#fff);border:1px solid #dbe3ee;border:1px solid var(--border-color,#dbe3ee);border-radius:9px;box-sizing:border-box;color:#1e293b;color:var(--text-main,#1e293b);font-family:inherit;font-size:13px;height:42px;outline:none;padding:0 14px 0 38px;transition:.2s ease;width:100%}.rbac-field-with-icon input::placeholder{color:#94a3b8;color:var(--text-muted,#94a3b8)}.rbac-field-with-icon input:hover{border-color:#cbd5e1}.rbac-field-with-icon input:focus{background:#fff;border-color:#3b82f6;border-color:var(--primary-light,#3b82f6);box-shadow:0 0 0 3px #2563eb14}.rbac-module-stack{display:flex;flex-direction:column;gap:16px;width:100%}.rbac-attendance-form-body .module-group{background:#fff;border:1px solid #dfe7f1;border-radius:10px;box-shadow:0 1px 2px #0f172a05,0 3px 8px rgba(15,23,42,.025);margin:0;overflow:hidden;padding:0;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.rbac-attendance-form-body .module-group:hover{border-color:#cbd8e8;box-shadow:0 2px 4px rgba(15,23,42,.025),0 5px 14px #0f172a0a}.rbac-attendance-form-body .module-group-header{align-items:center;background:#f8fafc;border:0;border-bottom:1px solid #e7edf4;box-sizing:border-box;display:flex;gap:14px;justify-content:space-between;min-height:48px;padding:11px 14px;width:100%}.rbac-module-heading{align-items:center;display:flex;flex:1 1;gap:9px;min-width:0}.rbac-attendance-form-body .module-title{color:#1e293b;font-size:12.5px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;text-transform:capitalize}.rbac-count-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;display:inline-flex;flex-shrink:0;font-size:9px;font-weight:700;justify-content:center;line-height:1;min-height:20px;padding:3px 7px;white-space:nowrap}.rbac-count-badge.partial{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.rbac-count-badge.complete{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.rbac-attendance-form-body .module-toggle-btn{background:#0000;border:0;border-radius:5px;color:#2563eb;cursor:pointer;flex-shrink:0;font-family:inherit;font-size:10px;font-weight:700;padding:5px 8px;transition:.2s ease}.rbac-attendance-form-body
.module-toggle-btn:hover:not(:disabled){background:#eff6ff;color:#1d4ed8}.rbac-attendance-form-body
.module-toggle-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:.65}.rbac-attendance-form-body .permissions-list{grid-column-gap:22px;grid-row-gap:4px;background:#fff;box-sizing:border-box;column-gap:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px 14px 14px;row-gap:4px;width:100%}.rbac-attendance-form-body .permission-checkbox-item{align-items:flex-start;background:#0000;border:0;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;gap:9px;min-width:0;padding:8px 5px;transition:background .15s ease}.rbac-attendance-form-body
.permission-checkbox-item:hover{background:#f8fafc}.rbac-attendance-form-body
.permission-checkbox-item
input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex:0 0 auto;height:15px;margin:2px 0 0;width:15px}.rbac-attendance-form-body .permission-name{font-size:11.5px}.rbac-attendance-form-body .permission-desc{font-size:9.5px}@media (max-width:900px){.rbac-attendance-form-body .permissions-list{column-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.rbac-module-stack{gap:12px}.rbac-attendance-form-body .module-group{border-radius:9px}.rbac-attendance-form-body .module-group-header{padding:11px 12px}.rbac-module-heading{gap:6px}.rbac-attendance-form-body .module-title{font-size:12px}.rbac-attendance-form-body .permissions-list{gap:2px;grid-template-columns:1fr;padding:9px 10px 11px}.rbac-attendance-form-body .permission-checkbox-item{padding:8px 4px}}@media (max-width:420px){.rbac-attendance-form-body .module-group-header,.rbac-module-heading{align-items:flex-start}.rbac-module-heading{flex-direction:column;gap:5px}.rbac-count-badge{font-size:8.5px;min-height:18px;padding:3px 6px}.rbac-attendance-form-body .module-toggle-btn{font-size:9.5px;padding:4px 5px}}.rbac-attendance-form-body
.permission-checkbox-item
input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.rbac-attendance-form-body .permission-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.rbac-attendance-form-body .permission-name{color:#1e293b;color:var(--text-main,#1e293b);font-size:12px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.rbac-attendance-form-body .permission-desc{color:#64748b;color:var(--text-muted,#64748b);font-size:10px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.rbac-state-message{align-items:center;color:#64748b;color:var(--text-muted,#64748b);display:flex;font-size:13px;font-weight:500;justify-content:center;min-height:120px;text-align:center;width:100%}.rbac-attendance-footer{margin:20px -26px -22px}@media (max-width:900px){.rbac-attendance-form-body .permissions-list{column-gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.rbac-attendance-form-body{gap:18px}.rbac-attendance-form-body .form-section-card{padding:16px}.rbac-attendance-form-body .section-title-premium{margin-bottom:15px;padding-bottom:12px}.rbac-selected-summary{flex-wrap:wrap;font-size:12px;min-height:34px}.rbac-attendance-form-body .permissions-list{gap:4px;grid-template-columns:1fr;padding-top:10px}.rbac-attendance-form-body .permission-checkbox-item{padding:8px 0}.rbac-attendance-form-body .module-group-header{gap:10px}.rbac-module-heading{align-items:flex-start;flex-direction:column;gap:5px}.rbac-attendance-footer{margin-left:-18px;margin-right:-18px}}@media (max-width:380px){.rbac-attendance-form-body .form-section-card{padding:14px}.rbac-attendance-form-body .module-group-header{align-items:flex-start;flex-direction:column}.rbac-attendance-form-body .module-toggle-btn{align-self:flex-start}}.rbac-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px}.rbac-filters-card{grid-template-columns:minmax(280px,1fr) minmax(190px,230px)}.rbac-scope-filter .custom-dropdown,.rbac-scope-filter .dropdown-container,.rbac-scope-filter [class*=dropdown]{max-width:100%}.rbac-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-top:24px;padding:16px}.rbac-pagination-info{color:#64748b;font-size:14px;font-weight:500}.rbac-pagination-actions{align-items:center;display:flex;gap:8px}@media (max-width:640px){.rbac-header{align-items:center}.rbac-header-actions{align-self:flex-start}.rbac-pagination{align-items:flex-start;flex-direction:column}.rbac-pagination-actions{width:100%}.rbac-pagination-actions .btn-secondary{flex:1 1}}.role-users-form-body{display:flex;flex-direction:column;gap:24px;width:100%}.role-users-form-body .form-section-card{background:#f8fafc;background:var(--bg-main,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-sizing:border-box;padding:20px;width:100%}.role-users-form-body .section-title-premium{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#1e40af;color:var(--primary-dark,#1e40af);display:flex;font-size:12px;font-weight:700;gap:9px;letter-spacing:.025em;line-height:1.2;margin:0 0 18px;padding:0 0 14px;text-transform:uppercase}.role-users-form-body .section-title-premium svg{color:#2563eb;color:var(--primary,#2563eb);flex-shrink:0;font-size:14px}.role-user-assign-row{align-items:flex-end;display:flex;gap:12px;width:100%}.role-user-dropdown{flex:1 1;min-width:0}.role-user-dropdown>*{width:100%}.role-user-assign-btn{align-items:center;background:#2563eb;background:var(--primary,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;justify-content:center;min-height:42px;min-width:105px;padding:0 16px;transition:.2s ease}.role-user-assign-btn:hover:not(:disabled){background:#1d4ed8}.role-user-assign-btn:disabled{cursor:not-allowed;opacity:.55}.role-users-search-wrap{margin-bottom:16px;position:relative;width:100%}.role-users-search-icon{color:#2563eb;color:var(--primary,#2563eb);font-size:12px;left:13px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.role-users-search{background:#fff;border:1px solid #dbe3ee;border-radius:9px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;height:42px;outline:none;padding:0 14px 0 38px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.role-users-search::placeholder{color:#94a3b8}.role-users-search:hover{border-color:#cbd5e1}.role-users-search:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb14}.role-users-list{display:flex;flex-direction:column;gap:10px;width:100%}.role-user-item{align-items:center;background:#fff;border:1px solid #dfe7f1;border-radius:9px;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;min-height:64px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.role-user-item:hover{background:#fbfdff;border-color:#cbd8e8;box-shadow:0 2px 6px #0f172a0a}.role-user-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.role-user-name{color:#1e293b;font-size:12.5px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.role-user-meta{color:#64748b;font-size:10.5px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.role-user-remove-btn{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:7px;color:#dc2626;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:10.5px;font-weight:600;gap:6px;justify-content:center;min-height:34px;padding:7px 11px;transition:background .2s ease,border-color .2s ease,color .2s ease}.role-user-remove-btn:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.role-user-remove-btn:disabled{cursor:not-allowed;opacity:.55}.role-users-state{color:#64748b;font-size:12px;font-weight:500;gap:8px;min-height:100px}.role-users-empty,.role-users-state{align-items:center;display:flex;justify-content:center;width:100%}.role-users-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:9px;box-sizing:border-box;flex-direction:column;min-height:130px;padding:20px;text-align:center}.role-users-empty-icon{color:#94a3b8;font-size:22px;margin-bottom:9px}.role-users-empty p{color:#475569;font-size:12px;font-weight:600;margin:0}.role-users-empty span{color:#94a3b8;font-size:10.5px;margin-top:5px}.role-users-pagination{align-items:center;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:11px;font-weight:500;gap:12px;justify-content:space-between;margin-top:16px;padding-top:14px}.role-users-pagination-actions{align-items:center;display:flex;gap:7px}.role-users-pagination-actions .secondary{background:#fff;border:1px solid #dbe3ee;border-radius:6px;color:#475569;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:600;height:32px;min-width:58px;padding:0 11px;transition:.2s ease}.role-users-pagination-actions .secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.role-users-pagination-actions .secondary:disabled{cursor:not-allowed;opacity:.5}.role-users-modal-footer{margin:20px -26px -22px}.spin{animation:roleUsersSpin .8s linear infinite}@keyframes roleUsersSpin{to{transform:rotate(1turn)}}@media (max-width:768px){.role-users-form-body{gap:18px}.role-users-form-body .form-section-card{padding:16px}.role-user-item{padding:11px 12px}.role-users-modal-footer{margin-left:-18px;margin-right:-18px}}@media (max-width:560px){.role-user-assign-row{align-items:stretch;flex-direction:column}.role-user-assign-btn,.role-user-dropdown{width:100%}.role-user-item{align-items:flex-start;flex-direction:column}.role-user-remove-btn{align-self:flex-end}.role-users-pagination{align-items:flex-start;flex-direction:column}.role-users-pagination-actions{width:100%}.role-users-pagination-actions .secondary{flex:1 1}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0afb6074.css.map*/