:root{--header-height:80px}html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow:hidden auto}#root{flex-direction:column;min-height:100vh;display:flex}header,.header{z-index:1000;border-bottom:1px solid #eef2f6;width:100%;height:var(--header-height)!important;flex-shrink:0!important;position:relative!important}.main-app-content{width:100%;height:calc(100% - var(--header-height));flex:1;padding-top:0;display:flex;position:relative;overflow:hidden}.main-area{flex:1;height:100%;padding:20px;overflow-y:auto!important}@media screen and (width<=1024px){html,body,#root{overflow:auto hidden}.main-app-content{transform-origin:0 0;width:122%;min-width:1180px;height:122%;overflow:auto;transform:scale(.82)}.main-area{height:100vh;padding:16px;overflow:auto!important}.table-wrapper{width:100%;overflow-x:auto}table{min-width:1000px}}.app-loader{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.spinner{border:3px solid #5c7cfa1a;border-top-color:#5c7cfa;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.luxury-toast{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;backdrop-filter:blur(20px)saturate(180%)!important;color:#1a1b1e!important;background:#fffc!important;border:1px solid #ffffff4d!important;border-radius:16px!important;padding:12px 24px!important;font-weight:600!important;box-shadow:0 10px 30px #00000014!important}:root{--bg:#040816;--bg2:#07111f;--card:#111928ad;--card2:#141e30d1;--border:#ffffff14;--text:#0dadc9;--muted:#9aa8c7;--blue:#4f8cff;--cyan:#4fd7ff;--purple:#8b5cff;--green:#22c55e;--shadow:0 20px 60px #00000073;--glass:blur(24px);--radius:26px;--transition:.35s cubic-bezier(.4,0,.2,1)}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:Inter,Segoe UI,sans-serif;overflow:hidden}.ops-home{background:radial-gradient(circle at 0 0,#10295d 0%,#0000 40%),radial-gradient(circle at 100% 100%,#1d1156 0%,#0000 40%),linear-gradient(145deg,#040816,#07111f);width:100vw;height:100vh;position:relative;overflow:hidden}.aurora{filter:blur(140px);opacity:.22;pointer-events:none;border-radius:50%;position:absolute}.aurora-1{background:#4f8cff;width:520px;height:520px;top:-120px;left:-120px}.aurora-2{background:#8b5cff;width:450px;height:450px;bottom:-100px;right:-120px}.aurora-3{background:#39d7ff;width:340px;height:340px;top:45%;left:45%}.grid-overlay{opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.noise-overlay{opacity:.05;pointer-events:none;background-image:radial-gradient(circle,#fff 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.ops-header{z-index:10;justify-content:space-between;align-items:center;height:88px;padding:0 50px;display:flex;position:relative}.brand-section{align-items:center;gap:18px;display:flex}.brand-logo{object-fit:contain;width:200px;height:200px}.brand-section h2{letter-spacing:.5px;font-size:26px;font-weight:700}.brand-section span{color:var(--muted);letter-spacing:.6px;margin-top:5px;font-size:13px;display:block}.header-right{align-items:center;gap:16px;display:flex}.live-pill,.version-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;height:42px;padding:0 18px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:10px;height:10px}.home-content{z-index:5;grid-template-columns:1fr 560px 360px;align-items:center;gap:45px;width:100%;height:calc(100vh - 148px);padding:20px 50px 40px;display:grid;position:relative}.left-panel{flex-direction:column;justify-content:center;gap:28px;display:flex}.welcome-badge{color:#bfe3ff;letter-spacing:1px;background:#4f8cff1f;border:1px solid #4f8cff47;border-radius:999px;align-items:center;gap:10px;width:max-content;padding:10px 18px;font-size:13px;display:flex}.left-panel h1{font-size:62px;font-weight:800;line-height:1.08}.left-panel h1 span{color:var(--cyan)}.left-panel p{max-width:520px;color:var(--muted);font-size:18px;line-height:1.8}.quote-card{background:var(--card);width:100%;max-width:520px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;gap:18px;padding:24px;display:flex}.quote-card h3{margin-bottom:8px;font-size:18px}.quote-card p{font-size:15px;line-height:1.7}.login-panel{justify-content:center;display:flex}.glass-card{background:var(--card2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:30px;padding:34px}.login-header{text-align:center;margin-bottom:28px}.login-header h2{margin-bottom:8px;font-size:34px}.login-header p{color:var(--muted);line-height:1.6}.login-container{width:100%}.right-panel{justify-content:flex-end;display:flex}.status-card{background:var(--card);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);width:100%;box-shadow:var(--shadow);border-radius:28px;padding:30px}.status-header{align-items:center;gap:12px;margin-bottom:28px;font-size:18px;font-weight:600;display:flex}.status-list{flex-direction:column;gap:18px;display:flex}.status-item{transition:var(--transition);background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.status-item:hover{background:#4f8cff14;border-color:#4f8cff38;transform:translateY(-3px)}.status-item strong{font-size:15px;display:block}.status-item small{color:var(--muted);font-size:13px}.status-green{background:var(--green);width:10px;height:10px;box-shadow:0 0 12px var(--green), 0 0 24px var(--green);border-radius:50%;margin-left:auto;animation:2.5s infinite pulse}.home-footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;height:60px;color:var(--muted);background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:45px;padding:0 40px;font-size:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 12px var(--green);border-radius:50%;margin-right:8px;display:inline-block}.glass-card,.quote-card,.status-card{transition:transform .45s,box-shadow .45s,border-color .45s}.glass-card:hover,.quote-card:hover,.status-card:hover{border-color:#4f8cff40;transform:translateY(-6px);box-shadow:0 25px 70px #0000008c,0 0 35px #4f8cff1a}.login-container button{transition:all .3s}.login-container button:hover{transform:translateY(-2px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes floatOne{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-45px)translate(25px)}to{transform:translateY(0)translate(0)}}@keyframes floatTwo{0%{transform:translateY(0)}50%{transform:translateY(35px)translate(-25px)}to{transform:translateY(0)}}@keyframes floatThree{0%{transform:translate(0)}50%{transform:translate(30px)translateY(-30px)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.aurora-1{animation:18s ease-in-out infinite floatOne}.aurora-2{animation:22s ease-in-out infinite floatTwo}.aurora-3{animation:16s ease-in-out infinite floatThree}.left-panel,.login-panel,.right-panel{animation:.9s both fadeIn}.login-panel{animation-delay:.15s}.right-panel{animation-delay:.3s}::-webkit-scrollbar{width:2px}@media (width<=1450px){.home-content{grid-template-columns:1fr 500px 320px;gap:30px}.left-panel h1{font-size:52px}}@media (width<=1200px){html,body,#root{overflow-y:auto}.ops-home{height:auto;min-height:100vh;overflow:hidden visible}.ops-header{margin-bottom:16px}.home-content{grid-template-columns:1fr;grid-auto-rows:min-content;align-items:start;gap:32px;height:auto;padding-bottom:40px;overflow:visible}.left-panel,.login-panel,.right-panel{text-align:center;justify-content:center;align-items:center}.quote-card,.status-card,.left-panel p{max-width:650px}.home-footer{position:relative;bottom:auto;left:auto;right:auto}}@media (width<=768px){.ops-header{flex-direction:column;gap:20px;height:auto;padding:20px}.header-right{flex-wrap:wrap;justify-content:center}.home-content{gap:24px;padding:20px}.left-panel{gap:20px}.left-panel h1{margin-top:4px;font-size:42px}.left-panel p{font-size:16px}.quote-card{gap:14px;padding:20px}.login-header h2{font-size:26px}.status-card{padding:20px}.status-header{margin-bottom:20px}.glass-card{padding:24px}.home-footer{flex-wrap:wrap;gap:14px;height:auto;padding:16px;font-size:12px}.brand-logo{width:48px;height:48px}.brand-section h2{font-size:22px}}@media (width<=480px){.ops-header{padding:16px}.brand-section{text-align:center;flex-direction:column;gap:10px}.header-right{width:100%}.live-pill,.version-pill{flex:1;justify-content:center;height:38px;padding:0 12px;font-size:12px}.home-content{gap:20px;padding:16px}.welcome-badge{padding:8px 14px;font-size:11px}.left-panel h1{font-size:32px}.left-panel p{font-size:15px;line-height:1.6}.quote-card{flex-direction:column;padding:18px}.glass-card{border-radius:22px;padding:18px}.login-header h2{font-size:22px}.input-group input{height:50px;font-size:14px}.submit-btn{height:52px;font-size:15px}.status-card{padding:16px}.status-item{gap:12px;padding:12px}.home-footer{gap:10px;padding:14px}.home-footer div{font-size:11px}}.glass-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4f8cff38,#fff0,#8b5cff38);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.status-card:before,.quote-card:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff08;position:absolute;inset:0}.modal-right{width:100%}.enterprise-login-form{flex-direction:column;gap:22px;width:100%;margin-top:10px;display:flex}.input-group{width:100%}.input-group input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;width:100%;height:56px;padding:0 18px;font-size:15px;transition:all .3s}.input-group input::placeholder{color:#7e8ba8}.input-group input:focus{background:#4f8cff14;border-color:#4f8cff;outline:none;box-shadow:0 0 0 4px #4f8cff1f}.submit-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);border:none;border-radius:16px;width:100%;height:58px;margin-top:8px;font-size:16px;font-weight:600;transition:all .3s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #3b82f659}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.extra-links{justify-content:flex-end;margin-top:20px;display:flex}.extra-links span{color:#8ec5ff;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s}.extra-links span:hover{color:#fff}.disabled-link{pointer-events:none;opacity:.45}.inline-alert{margin-bottom:22px}.sidebar{background:radial-gradient(circle at top left, var(--tb-bg-1) 0%, transparent 40%), radial-gradient(circle at bottom right, var(--tb-bg-2) 0%, transparent 40%), linear-gradient(145deg, var(--tb-bg-3), var(--tb-bg-4));height:100vh;color:var(--tb-text-secondary);box-sizing:border-box;border-right:1px solid var(--tb-border);z-index:100;flex-direction:column;transition:width .3s;display:flex}.sidebar-header{border-bottom:1px solid var(--tb-border);align-items:center;gap:15px;height:70px;padding:1.5rem;display:flex}.logo{color:var(--tb-text-primary);letter-spacing:1px;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.opsync-text-logo{color:var(--tb-accent-cyan);letter-spacing:.3px;white-space:nowrap;font-size:1.1rem;font-weight:800}.menu-toggle{cursor:pointer;color:var(--tb-text-secondary);transition:color .2s}.menu-toggle:hover{color:var(--tb-accent-cyan)}.menu{flex:1;padding:.5rem 1rem;overflow-y:auto}.menu-item{cursor:pointer;color:var(--tb-text-secondary);border-radius:12px;align-items:center;gap:15px;margin-bottom:.5rem;padding:.85rem 1rem;transition:all .2s;display:flex;position:relative}.menu-item:hover{background:var(--tb-surface-hover);color:var(--tb-text-primary)}.menu-item.active{background:linear-gradient(135deg, var(--tb-accent-purple) 0%, var(--tb-accent-violet) 100%);color:var(--tb-text-primary);box-shadow:0 10px 20px -6px #6366f173}.menu-icon{min-width:20px}.active-indicator{background:var(--tb-accent-green);width:6px;height:6px;box-shadow:0 0 8px var(--tb-accent-green);border-radius:50%;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.sidebar-footer{border-top:1px solid var(--tb-border);padding:1rem}.menu-item.logout{color:#fb7185}.menu-item.logout:hover{color:#fb7185;background:#f43f5e1f}.sidebar-group{flex-direction:column;display:flex}.sidebar-section-container{-webkit-user-select:none;user-select:none;pointer-events:none;align-items:center;gap:8px;padding:8px 24px 4px;display:flex}.sidebar-section-icon{color:#38bdf8;opacity:.85;filter:drop-shadow(0 0 4px #38bdf866);flex-shrink:0}.sidebar-section-title{color:#94a3b8;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(120deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;opacity:.9;-webkit-background-clip:text;font-size:10px;font-weight:800}.sidebar-section-divider{background:linear-gradient(90deg,#0000,#38bdf840,#0000);height:1px;margin:16px 18px 8px;box-shadow:0 0 6px #38bdf81a}.sidebar-section-divider.sub-header-divider{opacity:.8;margin:2px 18px 10px}.sidebar-mobile{background:radial-gradient(circle at top left, var(--tb-bg-1) 0%, transparent 40%), radial-gradient(circle at bottom right, var(--tb-bg-2) 0%, transparent 40%), linear-gradient(145deg, var(--tb-bg-3), var(--tb-bg-4));border-top:1px solid var(--tb-border);box-sizing:border-box;z-index:1000;width:100%;height:68px;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0}.mobile-menu-scroll{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;height:68px;padding:0 10px;display:flex;overflow:auto hidden}.mobile-menu-scroll::-webkit-scrollbar{display:none}.mobile-menu-item{min-width:64px;height:56px;color:var(--tb-text-secondary);cursor:pointer;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 10px;transition:all .2s;display:flex;position:relative}.mobile-menu-item:active{background:var(--tb-surface-hover);color:var(--tb-text-primary)}.mobile-menu-item.active{background:linear-gradient(135deg, var(--tb-accent-purple) 0%, var(--tb-accent-violet) 100%);color:var(--tb-text-primary);box-shadow:0 10px 20px -6px #6366f173}.mobile-menu-icon{min-width:20px}.mobile-menu-label{white-space:nowrap;font-size:10px;font-weight:500;line-height:1}.mobile-active-indicator{background:var(--tb-accent-green);width:18px;height:3px;box-shadow:0 0 6px var(--tb-accent-green);border-radius:2px;position:absolute;bottom:2px}.mobile-menu-item.mobile-logout{color:#fb7185}.mobile-menu-item.mobile-logout:active{background:#f43f5e1f}.notification-wrapper{align-items:center;display:flex;position:relative}.notif-trigger{cursor:pointer;position:relative}.notif-badge{color:#fff;z-index:2;background-color:#ef4444;border:2px solid #1e1e2d;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notification-dropdown{z-index:1000;color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:320px;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdown-header h4{color:#0f172a;margin:0;font-size:14px}.mark-all-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.dropdown-body{max-height:350px;overflow-y:auto}.empty-state{text-align:center;color:#94a3b8;padding:20px;font-size:13px}.notif-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:12px 16px;display:flex}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#eff6ff}.notif-content{flex-direction:column;gap:4px;width:90%;display:flex}.notif-title{font-size:13px;font-weight:600}.notif-message{color:#475569;margin:0;font-size:12px}.notif-time{color:#94a3b8;font-size:10px}.unread-dot{background-color:#3b82f6;border-radius:50%;width:8px;height:8px;margin-top:4px}.dropdown-footer{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 16px}.dropdown-footer span{color:#94a3b8;font-size:10px}.user-profile-modal{background:#0f172a;border-radius:24px;width:95%;max-width:1200px;max-height:90vh;padding:24px;overflow-y:auto}.profile-dashboard{flex-direction:column;gap:24px;display:flex}.profile-header{justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.profile-close{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:0;right:0}.profile-avatar{color:#38bdf8;background:#1e293b;border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.profile-user-info{flex:1}.profile-user-info h1{color:#fff;font-size:30px}.profile-user-info p{color:#94a3b8}.profile-user-info span{color:#38bdf8}.profile-status{flex-direction:column;gap:10px;display:flex}.status-pill,.role-pill{text-align:center;border-radius:999px;padding:8px 14px}.status-pill-new{color:#34d399;text-align:center;background:#064e3b;border-radius:999px;padding:8px 14px}.role-pill{color:#60a5fa;background:#172554}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.full-width{grid-column:1/-1}.leave-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.leave-card h4{color:#94a3b8;margin-bottom:8px}.leave-card span{color:#fff;font-size:26px;font-weight:700}.system-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.profile-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.profile-section{background:#071427;border:1px solid #ffffff14;border-radius:18px;min-height:300px;padding:20px}.section-header{color:#4cc9ff;align-items:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:600;display:flex}.section-body{flex-direction:column;gap:14px;display:flex}.profile-field{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:6px;padding-bottom:12px;display:flex}.profile-label{color:#7f8ea3;text-transform:uppercase;letter-spacing:1px;font-size:12px}.profile-value{color:#fff;word-break:break-word;font-size:15px;font-weight:500}.leave-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px;display:grid}.leave-card{text-align:center;background:#020b1c;border:1px solid #ffffff14;border-radius:18px;padding:20px}.leave-title{color:#8ea5c7;margin-bottom:10px;font-size:14px}.leave-value{color:#fff;font-size:36px;font-weight:700}.emergency-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1200px){.profile-grid,.emergency-grid{grid-template-columns:1fr}.leave-grid{grid-template-columns:repeat(3,1fr)}}.luxury-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.luxury-profile-card{background:#f8fafc;border-radius:24px;flex-direction:column;width:100%;max-width:1150px;height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000073}.luxury-modal-header{background:linear-gradient(135deg,#081120,#0b1730);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:28px 40px;display:flex}.header-content h2{margin:0;font-size:2rem;font-weight:700}.gold-text{color:#ffbe3d}.header-content p{color:#ffffffb8;margin-top:6px;font-size:.95rem}.close-icon{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.close-icon:hover{background:#ffffff2e}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.scrollable-content{flex:1;padding:34px 40px;overflow-y:auto}.content-section{margin-bottom:42px}.section-divider{color:#475569;letter-spacing:1px;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:14px;font-size:1rem;font-weight:700;display:flex}.field-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.luxury-input-group{flex-direction:column;display:flex}.luxury-input-group label{color:#64748b;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:.84rem;font-weight:700;display:flex}.luxury-input-group input{color:#1e293b;background:#fff;border:1px solid #dbe3ec;border-radius:16px;outline:none;height:54px;padding:0 16px;font-size:.97rem;font-weight:500;transition:all .2s}.luxury-input-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.luxury-input-group.locked input{color:#7c8ca3;cursor:not-allowed;background:#edf2f7}.role-text{text-transform:capitalize}.modal-footer{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;align-items:center;padding:24px 40px;display:flex}.footer-actions{align-items:center;gap:14px;display:flex}.btn-primary,.btn-save,.btn-outline{cursor:pointer;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-primary:hover{transform:translateY(-1px)}.btn-save{color:#fff;background:#0f172a}.btn-save:hover{transform:translateY(-1px)}.btn-outline{color:#4338ca;background:#eef2ff}.btn-outline:hover{background:#e0e7ff}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:0 0}.scrollable-content::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:20px}@media (width<=768px){.luxury-profile-card{border-radius:20px;height:94vh}.luxury-modal-header{padding:22px}.header-content h2{font-size:1.4rem}.scrollable-content{padding:24px}.modal-footer{padding:20px 24px}.field-grid{grid-template-columns:1fr}.footer-actions,.btn-save,.btn-outline,.btn-primary{width:100%}}:root{--tb-bg-1:#2f2160;--tb-bg-2:#2b0839;--tb-bg-3:#040816;--tb-bg-4:#07111f;--tb-accent-purple:#6366f1;--tb-accent-violet:#a855f7;--tb-accent-cyan:#22a6c0;--tb-accent-green:#00ff9d;--tb-accent-pink:#db2777;--tb-accent-blue:#38bdf8;--tb-text-primary:#f1f5f9;--tb-text-secondary:#94a3b8;--tb-text-muted:#64748b;--tb-surface:#ffffff0d;--tb-surface-hover:#ffffff17;--tb-border:#ffffff14}.tb-topbar{all:unset;box-sizing:border-box;background:radial-gradient(circle at top left, var(--tb-bg-1) 0%, transparent 40%), radial-gradient(circle at bottom right, var(--tb-bg-2) 0%, transparent 40%), linear-gradient(145deg, var(--tb-bg-3), var(--tb-bg-4));border-bottom:1px solid var(--tb-border);z-index:999;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:100%;height:70px;padding:0 28px;font-family:inherit;display:grid;position:sticky;top:0;box-shadow:0 2px 12px #00000040}.tb-topbar .tb-left-brand-zone{justify-self:start;align-items:center;gap:12px;min-width:0;display:flex}.tb-topbar .tb-brand-icon-ring{border:1px solid var(--tb-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tb-topbar .tb-brand-icon-ring.tb-role-admin{color:#f472b6;background:#db27772e}.tb-topbar .tb-brand-icon-ring.tb-role-standard{color:var(--tb-accent-blue);background:#38bdf826}.tb-topbar .tb-brand-text-stack{flex-direction:column;min-width:0;display:flex}.tb-topbar .tb-brand-title{color:var(--tb-accent-cyan);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:800;line-height:1.2;overflow:hidden}.tb-topbar .tb-brand-subtitle{color:var(--tb-text-secondary);letter-spacing:.3px;text-transform:uppercase;font-size:10px;font-weight:600}.tb-topbar .tb-center{justify-self:center}.tb-status-pill{background:var(--tb-surface);letter-spacing:.3px;border:1px solid var(--tb-border);color:var(--tb-text-primary);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:7px 16px;font-size:.78rem;font-weight:600;display:flex}.tb-status-pill svg{color:var(--tb-accent-cyan)}.tb-pulse-dot{background:var(--tb-accent-green);width:6px;height:6px;box-shadow:0 0 8px var(--tb-accent-green);border-radius:50%;flex-shrink:0}.tb-logo-text{color:var(--tb-text-primary);font-weight:700}.tb-logo-text .tb-text-accent{color:var(--tb-accent-cyan)}.tb-topbar .tb-right{justify-self:end;align-items:center;gap:14px;min-width:0;display:flex}.tb-topbar .tb-icon-btn{background:var(--tb-surface);color:var(--tb-text-secondary);border:1px solid var(--tb-border);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s,transform .15s;display:flex}.tb-topbar .tb-icon-btn:hover{background:var(--tb-surface-hover);color:var(--tb-accent-cyan);transform:translateY(-1px)}.tb-topbar .tb-user-info{background:var(--tb-surface);border:1px solid var(--tb-border);cursor:pointer;border-radius:50px;align-items:center;gap:10px;min-width:0;padding:6px 14px 6px 6px;transition:background .2s,border-color .2s;display:flex}.tb-topbar .tb-user-info:hover{background:var(--tb-surface-hover);border-color:#ffffff29}.tb-topbar .tb-user-avatar{color:var(--tb-text-secondary);flex-shrink:0}.tb-topbar .tb-user-context-info{text-align:left;flex-direction:column;min-width:0;display:flex}.tb-topbar .tb-user-name{color:var(--tb-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:.92rem;font-weight:800;overflow:hidden}.tb-topbar .tb-user-meta-row{align-items:center;gap:8px;margin-top:2px;display:flex}.tb-topbar .tb-role-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:800}.tb-topbar .tb-role-badge.tb-role-admin{color:#f9a8d4;background:#db27772e}.tb-topbar .tb-role-badge.tb-role-standard{color:#86efac;background:#22c55e29}.tb-topbar .tb-online-status{color:var(--tb-accent-green);white-space:nowrap;font-size:11px;font-weight:600}@media (width<=900px){.tb-topbar{gap:10px;padding:0 16px}.tb-topbar .tb-center,.tb-topbar .tb-brand-subtitle{display:none}}@media (width<=640px){.tb-topbar{grid-template-columns:auto 1fr auto;height:62px}.tb-topbar .tb-brand-title{max-width:120px;font-size:14px}.tb-topbar .tb-right{gap:8px}.tb-topbar .tb-icon-btn{width:34px;height:34px}.tb-topbar .tb-user-info{padding:4px 10px 4px 4px}.tb-topbar .tb-user-context-info{display:none}}.laveora-luxury-container{box-sizing:border-box;background-color:#0f949dc1;background-image:radial-gradient(circle,#3590909a 0%,#3c7e9813 70%,#bf8eeb7c 100%);border:1px solid #1e293bb3;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:84vh;padding:40px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.lux-orb{pointer-events:none;filter:blur(130px);border-radius:50%;position:absolute}.orb-gold{background:radial-gradient(circle,#f59e0b14 0%,#0000 70%);width:450px;height:450px;top:-10%;right:-5%}.orb-slate{background:radial-gradient(circle,#6366f10a 0%,#0000 70%);width:500px;height:500px;bottom:-10%;left:-5%}.lux-grid-overlay{pointer-events:none;background-image:linear-gradient(#ffffff01 1px,#0000 1px),linear-gradient(90deg,#ffffff01 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.luxury-content-wrapper{max-w:1000px;z-index:10;text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.lux-micro-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#33343466;border:1px solid #f59e0b40;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-flex}.lux-pulse-icon{color:#80f50b;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.lux-main-title{letter-spacing:-.02em;color:#fff;background:linear-gradient(#fff 40%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:42px;font-weight:800}.lux-executive-profile{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.lux-greeting-text{color:#05577a;margin:0;font-size:22px;font-weight:300}.lux-highlight-name{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:600}.lux-profile-meta-tags{gap:8px;display:flex}.meta-tag{border-radius:6px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tag-role{color:#cbd5e1;background-color:#33415580;border:1px solid #94a3b826}.tag-org{color:#f59e0b;background-color:#1e293b99;border:1px solid #f5ce0b26}.lux-subtitle-context{color:#0c0c0c;max-w:680px;margin:16px 0 0;font-size:14px;font-weight:400;line-height:1.6}.lux-cards-matrix{grid-template-cols:repeat(3, minmax(0, 1fr));box-sizing:border-box;gap:24px;width:100%;margin-top:48px;display:grid}@media (max-w:768px){.lux-cards-matrix{grid-template-cols:1fr}}.lux-interactive-card{text-align:left;cursor:pointer;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;border:1px solid #33415580;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:240px;padding:28px 24px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 30px #0006}.lux-interactive-card:hover{background:#495d7d73;border-color:#f59e0b73;box-shadow:0 16px 36px -10px #f59e0b0f}.lux-icon-frame{color:#f59e0b;background:#020617;border:1px solid #1e293b;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.lux-interactive-card:hover .lux-icon-frame{color:#fff;background:#f59e0b;border-color:#fbbf24;box-shadow:0 0 15px #f59e0b4d}.card-label-text{color:#f8fafc;letter-spacing:.01em;margin:20px 0 0;font-size:17px;font-weight:700}.card-description-text{color:#0b0c0c;margin:8px 0 0;font-size:12.5px;font-weight:500;line-height:1.5}.card-footer-trigger{color:#475569;align-items:center;gap:6px;margin-top:24px;font-size:12px;font-weight:600;transition:color .3s;display:flex}.lux-interactive-card:hover .card-footer-trigger{color:#fbbf24}.arrow-transition{transition:transform .3s}.lux-interactive-card:hover .arrow-transition{transform:translate(4px)}.lux-footer-signature{text-transform:uppercase;letter-spacing:.15em;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:56px;font-size:10px;font-weight:600;display:flex}:root{--tech-accent:#06b6d4;--tech-accent-dim:#06b6d41a;--tech-indigo:#6366f1;--tech-indigo-dim:#6366f11a;--dash-bg:#f8fafc}*{box-sizing:border-box}.dashboard-container{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);width:100vw;height:100dvh;display:flex;overflow:hidden}.main-viewport{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{-webkit-overflow-scrolling:touch;background-color:var(--dash-bg);flex:1;padding:0;overflow-y:auto}.content-area{width:100%;max-width:100%;height:100%}.loader{color:#64748b;letter-spacing:.5px;background:radial-gradient(circle at center, var(--tech-accent-dim), transparent 70%);justify-content:center;align-items:center;height:100dvh;font-size:14px;font-weight:700;display:flex}.shimmer-hydration-fallback{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;padding:40px;display:flex}.shimmer-hydration-fallback:before{content:"";border:3px solid var(--tech-accent-dim);border-top-color:var(--tech-accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite dashSpin}@keyframes dashSpin{to{transform:rotate(360deg)}}.loading-shimmer-text{color:#64748b;letter-spacing:.5px;text-align:center;margin:0;font-size:14px;font-weight:600}.placeholder-view{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;max-width:480px;margin:40px auto;padding:60px 24px;display:flex;box-shadow:0 8px 24px #0f172a0a}.placeholder-view h2{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:800}.placeholder-view p{color:#64748b;margin:0;font-size:13px}@media (width<=768px){.dashboard-container,.main-viewport{overflow:visible}.main-content{padding:16px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));overflow-y:auto}.placeholder-view{margin:20px auto;padding:40px 20px}}@media (width<=480px){.main-content{padding:12px;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.shimmer-hydration-fallback{height:50vh;padding:24px}}.dashboard-wrapper-light{box-sizing:border-box;color:#0f172a;background-color:#f4f7fe;flex-direction:column;gap:16px;width:100%;height:100%;margin:0;padding:16px;font-family:Inter,system-ui,sans-serif;display:flex}.e-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.e-kpi-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:space-between;height:95px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000008}.e-kpi-header{align-items:center;gap:10px;display:flex}.e-kpi-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.blue-bg{background:#3b82f61a}.indigo-bg{background:#4f46e51a}.purple-bg{background:#a855f71a}.green-bg{background:#10b9811a}.orange-bg{background:#f973161a}.e-kpi-icon.blue{color:#3b82f6}.e-kpi-icon.indigo{color:#4f46e5}.e-kpi-icon.purple{color:#a855f7}.e-kpi-icon.green{color:#10b981}.e-kpi-icon.orange{color:#f97316}.e-kpi-title{color:#64748b;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.75rem;font-weight:700}.e-kpi-value{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800;line-height:1}.e-kpi-graph-line{width:100%;height:3px;position:absolute;bottom:0;left:0}.blue-line{background:linear-gradient(90deg,#0000,#3b82f6,#0000)}.indigo-line{background:linear-gradient(90deg,#0000,#4f46e5,#0000)}.purple-line{background:linear-gradient(90deg,#0000,#a855f7,#0000)}.green-line{background:linear-gradient(90deg,#0000,#10b981,#0000)}.orange-line{background:linear-gradient(90deg,#0000,#f97316,#0000)}.main-content-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.right-panel-grid{flex-direction:column;gap:16px;display:flex}.luxury-light-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 4px 20px #0000000a}.card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.header-icon-wrapper{background:#4f46e51a;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.header-icon{color:#4f46e5}.card-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.form-grid-2col{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.input-field{flex-direction:column;gap:8px;display:flex}.input-field.full-width{grid-column:1/-1}.input-field label{color:#475569;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}input,select,.tech-input,.tech-select{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.9rem;transition:all .2s}input:focus,select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.submit-container{flex-direction:column;align-items:center;margin-top:10px;display:flex}.submit-btn-gradient,.btn-gradient-full{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:auto;min-width:280px;padding:16px 32px;font-size:.95rem;font-weight:600;transition:transform .1s,opacity .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #4f46e540}.btn-gradient-full{border-radius:8px;width:100%;min-width:auto;padding:14px 24px}.submit-btn-gradient:hover,.btn-gradient-full:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 12px 24px #4f46e559}.submit-btn-gradient:disabled,.btn-solid-tech:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-solid-tech{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.btn-solid-tech:hover{background:#4338ca}.security-note{color:#64748b;align-items:center;gap:6px;margin-top:12px;font-size:.75rem;display:flex}.team-create-box label{color:#475569;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.team-input-row{gap:12px;display:flex}.assign-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.assign-grid .btn-gradient-full{grid-column:1/-1;margin-top:8px}.list-section{margin-top:10px}.list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.list-actions{align-items:center;gap:16px;display:flex}.search-wrapper{position:relative}.tech-search-input{width:300px;padding-left:36px}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:12px;max-height:650px;overflow:auto}.tech-table{border-collapse:collapse;text-align:left;width:100%}.tech-table thead th{z-index:10;background:#f8fafc;position:sticky;top:0}.tech-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding:16px;font-size:.75rem;font-weight:700}.tech-table td{vertical-align:middle;color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:16px;font-size:.85rem}.tech-table tbody tr{transition:background-color .2s}.tech-table tbody tr:hover{background-color:#f1f5f9}.user-cell{align-items:center;gap:12px;display:flex}.user-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#0f172a;font-weight:600}.user-email{color:#64748b;font-size:.75rem}.text-muted{color:#64748b}.role-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.role-badge.admin,.role-badge.head{color:#ef4444;background:#fee2e2}.role-badge.manager{color:#d97706;background:#fef3c7}.role-badge.employee{color:#16a34a;background:#dcfce7}.emp-id-badge{color:#4f46e5;background:#e0e7ff;border-radius:6px;padding:4px 8px;font-family:Courier New,monospace;font-weight:600}.action-buttons{white-space:nowrap;gap:8px;display:flex}.icon-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#cbd5e1}.icon-btn.delete:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.tech-pagination{color:#475569;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;font-size:.85rem;font-weight:500;display:flex}.tech-pagination button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;transition:all .2s}.tech-pagination button:hover:not(:disabled){background:#e2e8f0}.tech-pagination button:disabled{opacity:.5;cursor:not-allowed}.spin{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.main-content-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-wrapper-light{gap:16px;padding:12px}.luxury-light-card{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.form-grid-2col,.assign-grid{grid-template-columns:1fr}.input-field.full-width{grid-column:1/-1}.team-input-row{flex-direction:column}.submit-btn-gradient,.btn-gradient-full,.btn-solid-tech{justify-content:center;width:100%;min-width:100%}.list-header{flex-direction:column;align-items:flex-start;gap:12px}.list-actions{flex-direction:column;width:100%}.search-wrapper,.tech-search-input{width:100%}.tech-search-input{box-sizing:border-box}.tech-table th,.tech-table td{padding:12px 10px;font-size:.75rem}.user-cell{gap:8px}.action-buttons{gap:4px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.tech-pagination{text-align:center;flex-direction:column;align-items:stretch;gap:12px}}.monitor-light-container{box-sizing:border-box;background-color:#f1f5f9;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.dashboard-header-glass{flex-direction:column;gap:16px;max-width:1400px;margin-bottom:24px;display:flex}.header-title-row{align-items:center;gap:16px;display:flex}.page-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:800}.live-status-badge{color:#059669;background:#00ff8826;border:1px solid #0f86;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 10px #00ff881a}.live-dot{background-color:#059669;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-glow-header}@keyframes pulse-glow-header{0%{transform:scale(.9);box-shadow:0 0 #059669b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #05966900}to{transform:scale(.9);box-shadow:0 0 #05966900}}.m-kpi-cards-wrapper{flex-wrap:wrap;gap:16px;display:flex}.m-kpi-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#121a3ae6 0%,#2b1343e6 100%);border:1px solid #ffffff1a;border-radius:12px;flex:1;align-items:center;min-width:220px;padding:16px 20px;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000014}.m-kpi-card:hover{transform:translateY(-2px)}.m-kpi-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.m-kpi-active:before{background-color:#0f8;box-shadow:0 0 10px #0f8}.m-kpi-break:before{background-color:#facc15;box-shadow:0 0 10px #facc15}.m-kpi-idle:before{background-color:#ef4444;box-shadow:0 0 10px #ef4444}.m-kpi-offline:before{background-color:#94a3b8}.m-kpi-row{justify-content:space-between;align-items:center;width:100%;display:flex}.m-kpi-left{align-items:center;gap:10px;display:flex}.m-kpi-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.m-kpi-value{color:#fff;margin:0;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800}.m-kpi-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.active-icon{color:#10b981;background:#10b98126}.break-icon{color:#f59e0b;background:#f59e0b26}.idle-icon{color:#6366f1;background:#6366f126}.offline-icon{color:#64748b;background:#64748b26}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(420px,460px));justify-content:flex-start;align-items:flex-start;gap:20px;max-width:1400px;margin:0;display:grid}.employee-neon-card{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#121a3af5 0%,#2b1343f5 100%);border:1.5px solid #ffffff1a;border-radius:20px;width:100%;max-width:460px;padding:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.employee-neon-card.border-active{border-color:#0f89;box-shadow:0 10px 25px #0000004d,inset 0 0 25px #00ff8840,inset 0 0 8px #0f86}.employee-neon-card.border-break{border-color:#facc1599;box-shadow:0 10px 25px #0000004d,inset 0 0 25px #facc1540,inset 0 0 8px #facc1566}.employee-neon-card.border-idle{border-color:#ef444499;box-shadow:0 10px 25px #0000004d,inset 0 0 25px #ef444440,inset 0 0 8px #ef444466}.employee-neon-card.border-offline{border-color:#94a3b84d;box-shadow:0 10px 25px #00000026,inset 0 0 15px #94a3b814}.neon-row{box-sizing:border-box;gap:10px;width:100%;margin-bottom:10px;display:flex}.neon-row:last-child{margin-bottom:0}.header-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px}.split-row{gap:10px;display:flex}.flex-1{flex:1;min-width:0}.three-col-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.four-col-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.neon-box{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff0a;border-color:#ffffff26 #ffffff0a #ffffff0a #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;min-width:0;padding:10px 12px;transition:all .2s ease-in-out;display:flex;box-shadow:inset 0 2px 10px #ffffff08,0 4px 12px #0000001a}.neon-box:hover{background:#ffffff0a;transform:translateY(-1px);box-shadow:inset 0 2px 12px #ffffff0d,0 6px 15px #00000026}.box-label{letter-spacing:.5px;color:#8da2fb;align-items:center;gap:5px;margin-bottom:4px;font-size:9.5px;font-weight:600;display:flex}.box-value{color:#fff;min-width:0;font-size:13px;font-weight:500}.profile-group{align-items:center;gap:12px;min-width:0;display:flex}.neon-avatar-wrapper{flex-shrink:0;position:relative}.neon-avatar{color:#fff;background:linear-gradient(135deg,#00c6ff 0%,#0072ff 100%);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:700;display:flex;box-shadow:0 0 15px #00c6ff66}.avatar-status-dot{z-index:2;border:2px solid #080c14;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.dot-green{box-shadow:0 0 6px #0f8;background-color:#0f8!important}.dot-yellow{box-shadow:0 0 6px #facc15;background-color:#facc15!important}.dot-red{box-shadow:0 0 6px #ef4444;background-color:#ef4444!important}.dot-gray{background-color:#94a3b8!important}.emp-name-m{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:700;overflow:hidden}.emp-team{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;overflow:hidden}.status-pill-neon{white-space:nowrap;text-overflow:ellipsis;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;max-width:195px;padding:5px 10px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.status-pill-green{color:#0f8;background:#00ff881a;border:1px solid #00ff884d;box-shadow:0 0 12px #00ff881f}.status-pill-yellow{color:#facc15;background:#facc151a;border:1px solid #facc154d;box-shadow:0 0 12px #facc151f}.status-pill-red{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;box-shadow:0 0 12px #ef44441f}.status-pill-gray{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b84d}.status-dot-pulse{background-color:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%{opacity:.8;transform:scale(.95)}70%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}.mini-waveform{align-items:center;gap:2px;height:12px;margin-left:2px;display:flex}.mini-waveform span{background-color:#0f8;width:2px;animation:1.2s ease-in-out infinite wave-anim}.mini-waveform span:first-child{height:4px;animation-delay:.1s}.mini-waveform span:nth-child(2){height:10px;animation-delay:.3s}.mini-waveform span:nth-child(3){height:6px;animation-delay:.2s}.mini-waveform span:nth-child(4){height:9px;animation-delay:.4s}@keyframes wave-anim{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.neon-badge{text-transform:capitalize;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.badge-ontime{color:#0f8;background:#00ff881f;border:1px solid #00ff884d}.badge-late{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.badge-halfday{color:#facc15;background:#facc151f;border:1px solid #facc154d}.neon-badge-gray{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b84d}.text-neon-green{color:#0f8!important}.text-neon-blue{color:#38bdf8!important}.text-neon-orange{color:#fb923c!important}.text-neon-purple{color:#c084fc!important}.font-mono{letter-spacing:-.5px;font-family:JetBrains Mono,monospace;font-weight:600}.copy-icon{cursor:pointer;color:#64748b;flex-shrink:0;transition:color .2s}.copy-icon:hover{color:#38bdf8}.flex-align{align-items:center;gap:5px;min-width:0;display:flex}.justify-between{justify-content:space-between}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-app-row{width:100%}.live-app-row .neon-box{width:100%;padding:10px 14px}.flex-row-layout{justify-content:space-between;align-items:center;width:100%;display:flex;flex-direction:row!important}.left-app-info{flex:1;min-width:0;padding-right:10px}.right-waveform{flex-shrink:0;align-items:center;width:140px;height:25px;display:flex;position:relative}.waveform-svg{filter:drop-shadow(0 0 4px #0f86);width:100%;height:100%}.waveform-node{background-color:#0f8;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 8px #0f8}.offline-node{box-shadow:none;background-color:#94a3b8}.shift-box-val{flex-direction:column;display:flex}.shift-subtext{color:#94a3b8;margin-top:1px;font-size:9.5px}.purple-dot{color:#c084fc}.footer-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px}.spin-slow{animation:6s linear infinite spin}.no-data-light{text-align:center;color:#64748b;background:#fff;border-radius:16px;grid-column:1/-1;padding:40px;box-shadow:0 4px 12px #0000000d}.app-duration-text{color:#64748b;margin-top:3px;font-size:10px}.app-duration-text strong{color:#cbd5e1;font-weight:700}.wave-scroll-group{animation:2.2s linear infinite waveScroll}@keyframes waveScroll{0%{transform:translate(0)}to{transform:translate(-180px)}}.waveform-node{animation:1.6s ease-in-out infinite nodeGlowPulse}.waveform-node.offline-node{animation:none}@keyframes nodeGlowPulse{0%,to{transform:translateY(-50%)scale(1);box-shadow:0 0 8px #0f8}50%{transform:translateY(-50%)scale(1.15);box-shadow:0 0 16px #0f8,0 0 4px #0f8}}:root{--lux-bg:#f8fafc;--lux-card:#fff;--lux-text-primary:#0f172a;--lux-text-secondary:#475569;--lux-border:#e2e8f0;--lux-gold:#b45309;--lux-gold-light:#fef3c7;--lux-indigo:#4f46e5;--lux-emerald:#059669;--lux-rose:#e11d48}.leave-container{background-color:var(--lux-bg);min-height:100vh;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.leave-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.leave-header h2{color:var(--lux-text-primary);letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700}.sub-text{color:var(--lux-text-secondary);margin:0;font-size:14px}.luxury-badge{background-color:var(--lux-text-primary);color:#fff;border-radius:30px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 12px #0f172a26}.sparkle-icon{color:#fbbf24}.live-leave-planner-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}.planner-card{background:var(--lux-card);border:1px solid var(--lux-border);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #00000005}.planner-card:hover{box-shadow:0 10px 30px #0000000a}.planner-card-header{border-bottom:1px dashed var(--lux-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.header-title-wrapper{align-items:center;gap:12px;display:flex}.icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.live-icon{color:var(--lux-emerald);background-color:#ecfdf5}.upcoming-icon{color:var(--lux-indigo);background-color:#eef2ff}.planner-card h3{color:var(--lux-text-primary);margin:0;font-size:16px;font-weight:600}.counter-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.live-pill{color:var(--lux-emerald);background:#ecfdf5}.upcoming-pill{color:var(--lux-indigo);background:#eef2ff}.planner-card-content{flex-direction:column;gap:12px;max-height:200px;display:flex;overflow-y:auto}.planner-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.employee-signature{color:var(--lux-text-primary);font-size:14px;font-weight:600}.meta-timeline{color:var(--lux-text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.meta-timeline-alert{color:var(--lux-indigo);background:#f0fdf4;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.type-sublabel{color:var(--lux-text-secondary);font-size:12px}.empty-bucket-text{color:#94a3b8;text-align:center;margin:8px 0;font-size:13px}.leave-filters{gap:16px;margin-bottom:24px;display:flex}.premium-search-box{flex:1;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{border:1px solid var(--lux-border);background:var(--lux-card);width:100%;color:var(--lux-text-primary);box-sizing:border-box;border-radius:12px;padding:14px 14px 14px 48px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--lux-text-primary);outline:none;box-shadow:0 0 0 3px #0f172a0d}.premium-select-wrapper{min-width:200px;position:relative}.select-icon{color:var(--lux-text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.filter-select{border:1px solid var(--lux-border);background:var(--lux-card);width:100%;color:var(--lux-text-primary);cursor:pointer;appearance:none;border-radius:12px;padding:14px 16px 14px 40px;font-size:14px}.balance-card{background:var(--lux-card);border:1px solid var(--lux-border);border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 4px 20px #00000003}.balance-card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-accent-icon{color:#d97706}.balance-card h3{color:var(--lux-text-primary);margin:0;font-size:16px;font-weight:600}.balance-card p{color:var(--lux-text-secondary);margin:2px 0 0;font-size:12px}.balance-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.premium-input-select,.premium-numeric-input{border:1px solid var(--lux-border);color:var(--lux-text-primary);background:#f8fafc;border-radius:10px;padding:12px 16px;font-size:13px}.premium-input-select{cursor:pointer;min-width:180px}.premium-numeric-input{width:120px}.mode-toggle-group{background:#f1f5f9;border-radius:10px;padding:4px;display:flex}.toggle-tab{color:var(--lux-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.toggle-tab.active{background:var(--lux-card);color:var(--lux-text-primary);box-shadow:0 2px 6px #0000000d}.btn-luxury-execute{background:var(--lux-text-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:13px;font-weight:600;transition:background .2s}.btn-luxury-execute:hover{background:#1e293b}.table-wrapper{background:var(--lux-card);border:1px solid var(--lux-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 25px #00000005}.leave-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.leave-table th{color:var(--lux-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--lux-border);background:#f8fafc;padding:16px 24px;font-size:12px;font-weight:600}.table-row-luxury{border-bottom:1px solid #f1f5f9;transition:background .2s}.table-row-luxury:hover{background:#f8fafc}.emp-cell{align-items:center;gap:14px;padding:18px 24px;display:flex}.avatar-luxury{width:36px;height:36px;color:var(--lux-text-primary);box-shadow:0 0 0 2px var(--lux-border);background:#e2e8f0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.emp-name-luxury{color:var(--lux-text-primary);font-weight:600}.emp-email-luxury{color:var(--lux-text-secondary);font-size:12px}.mono-id{color:var(--lux-text-secondary);font-family:monospace;font-size:13px}.team-badge-luxury{color:var(--lux-text-secondary);background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.type-pill-luxury{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.type-pill-luxury.sick{color:var(--lux-rose);background:#fff1f2}.type-pill-luxury.casual{color:#d97706;background:#fef3c7}.type-pill-luxury.paid{color:var(--lux-emerald);background:#ecfdf5}.timeline-vector{color:var(--lux-text-primary);font-size:13px;font-weight:500}.vector-arrow{color:#94a3b8;padding:0 4px}.quantum-days{color:var(--lux-text-primary);font-weight:600}.status-pill-luxury{text-transform:capitalize;border-radius:30px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill-luxury.pending{color:#b45309;background:#fef3c7}.status-pill-luxury.pending .status-dot{background:#b45309}.status-pill-luxury.approved{color:#065f46;background:#d1fae5}.status-pill-luxury.approved .status-dot{background:#059669}.status-pill-luxury.rejected{color:#991b1b;background:#ffe4e6}.status-pill-luxury.rejected .status-dot{background:#e11d48}.status-dot{border-radius:50%;width:6px;height:6px}.action-group-luxury{justify-content:flex-end;gap:8px;padding-right:24px;display:flex}.btn-action-luxury{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-luxury.approve{color:var(--lux-emerald);background-color:#ecfdf5}.btn-action-luxury.approve:hover{background-color:var(--lux-emerald);color:#fff;box-shadow:0 4px 12px #05966933}.btn-action-luxury.reject{color:var(--lux-rose);background-color:#fff1f2}.btn-action-luxury.reject:hover{background-color:var(--lux-rose);color:#fff;box-shadow:0 4px 12px #e11d4833}.archived-text-badge{color:#94a3b8;padding-right:8px;font-size:12px;font-weight:500}.no-data-luxury{text-align:center;padding:60px 0}.no-data-content{flex-direction:column;align-items:center;gap:12px;display:flex}.no-data-icon{color:#94a3b8}.no-data-luxury p{color:var(--lux-text-secondary);margin:0;font-size:14px}.leave-container{padding-bottom:60px}.an-wrapper{color:#0f172a;background:#f8fafc;min-height:100%;padding:24px;font-family:inherit}.an-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.an-header h2{color:#0f172a;margin:0;font-size:22px;font-weight:800}.an-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.an-export-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.an-export-btn:hover{background:#334155}.an-tab-bar{background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:6px;width:fit-content;margin-bottom:16px;padding:5px;display:flex}.an-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.an-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.an-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.an-timeframe-group{background:#f1f5f9;border-radius:8px;gap:4px;padding:4px;display:flex}.an-tf-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:11.5px;font-weight:700}.an-tf-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 2px #00000014}.an-date-range{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.an-date-range input{border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:12px}.an-team-select{color:#334155;border:1px solid #cbd5e1;border-radius:8px;padding:7px 10px;font-size:12px}.an-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:6px 10px;display:flex}.an-search-box input{background:0 0;border:none;outline:none;width:160px;font-size:12.5px}.an-search-box svg{color:#94a3b8;flex-shrink:0}.an-refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.an-refresh-btn:hover:not(:disabled){color:#4f46e5;background:#f8fafc}.an-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.an-spin-icon{animation:.8s linear infinite an-spin}.an-tf-hint{color:#94a3b8;margin:-10px 0 16px 2px;font-size:11.5px;font-style:italic}.an-appusage-kpis{color:#64748b;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.an-appusage-kpis strong{color:#0f172a;font-size:12.5px}.an-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.an-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.an-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.an-kpi-icon.tone-blue{color:#3b82f6;background:#eff6ff}.an-kpi-icon.tone-emerald{color:#10b981;background:#ecfdf5}.an-kpi-icon.tone-amber{color:#f59e0b;background:#fffbeb}.an-kpi-icon.tone-red{color:#ef4444;background:#fef2f2}.an-kpi-icon.tone-purple{color:#8b5cf6;background:#f5f3ff}.an-kpi-icon.tone-pink{color:#db2777;background:#fdf2f8}.an-kpi-icon.tone-slate{color:#64748b;background:#f1f5f9}.an-kpi-body h4{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin:0 0 2px;font-size:11px;font-weight:700}.an-kpi-body p{color:#0f172a;margin:0;font-size:20px;font-weight:800}.an-kpi-sub{color:#94a3b8;font-size:10.5px;font-weight:600}.an-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.an-grid-2{grid-template-columns:1fr}}.an-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:16px;padding:18px}.an-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.an-card-header h3{color:#0f172a;margin:0;font-size:14px;font-weight:800}.an-card-subtitle{color:#94a3b8;margin:2px 0 0;font-size:11.5px}.an-table-frame{overflow-x:auto}.an-table{border-collapse:collapse;width:100%;font-size:12.5px}.an-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:10.5px;font-weight:700}.an-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 12px}.an-table tr:hover td{background:#f8fafc}.an-badge{border-radius:5px;padding:3px 9px;font-size:10.5px;font-weight:700}.an-badge.green{color:#059669;background:#ecfdf5}.an-badge.amber{color:#b45309;background:#fffbeb}.an-badge.red{color:#dc2626;background:#fef2f2}.an-badge.blue{color:#2563eb;background:#eff6ff}.an-pager{color:#64748b;align-items:center;gap:10px;font-size:11.5px;font-weight:600;display:flex}.an-pager button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.an-pager button:disabled{opacity:.4;cursor:not-allowed}.an-risk-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.an-risk-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.an-risk-row strong{color:#0f172a;font-size:12.5px;display:block}.an-risk-empid{color:#94a3b8;font-size:10.5px}.an-risk-tags{flex-wrap:wrap;gap:6px;display:flex}.an-tag{border-radius:5px;align-items:center;gap:3px;padding:3px 7px;font-size:10px;font-weight:700;display:flex}.an-tag.red{color:#dc2626;background:#fef2f2}.an-tag.amber{color:#b45309;background:#fffbeb}.an-tag.pink{color:#db2777;background:#fdf2f8}.an-empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 0;font-size:12.5px;display:flex}.an-loading-container{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:60vh;display:flex}.an-spinner{animation:1s linear infinite an-spin}@keyframes an-spin{to{transform:rotate(360deg)}}.notice-board-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;padding:8px;font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 4px 18px #0000000a}.notice-strip{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f3f4f6;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex}.notice-strip:hover{background-color:#e5e7eb}.notice-left-section{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.notice-icon-box{color:#6366f1;background-color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 4px #00000005}.notice-title-group{flex-direction:column;min-width:0;display:flex}.notice-heading-row{align-items:center;gap:8px;display:flex}.notice-title-group h3{color:#0f172a;white-space:nowrap;margin:0;font-size:14px;font-weight:700}.notice-badge-mini{color:#fff;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;padding:2px 8px;font-size:9.5px;font-weight:700}.notice-preview-text{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:2px 0 0;font-size:13px;overflow:hidden}.notice-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.nb-btn-icon{cursor:pointer;border:none;outline:none;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:inline-flex!important}.nb-btn-icon svg{stroke:currentColor;flex-shrink:0;margin:0 auto;display:block;width:16px!important;height:16px!important}.nb-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 2px 8px #6366f140}.nb-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.nb-btn-secondary{color:#475569;background-color:#fff;border:1px solid #d1d5db}.nb-btn-secondary:hover{color:#0f172a;background-color:#f8fafc}.nb-btn-active{color:#4338ca;background-color:#e0e7ff;border:1px solid #c7d2fe}.nb-btn-danger{color:#f43f5e;background-color:#fff;border:1px solid #ffe4e6}.nb-btn-danger:hover{color:#e11d48;background-color:#ffe4e6}.nb-btn-toggle{color:#64748b;background-color:#0000}.nb-btn-toggle:hover{color:#0f172a;background-color:#e2e8f0}.notice-expanded-body{background-color:#0000;padding-top:8px}.notice-detail-card{background-color:#f3f4f6;border-radius:20px;margin-bottom:8px;padding:16px 20px}.notice-full-message{color:#1e293b;margin:0 0 10px;font-size:14px;font-weight:500;line-height:1.6}.notice-meta{color:#64748b;align-items:center;gap:6px;font-size:11.5px;display:flex}.notice-meta span{align-items:center;gap:4px;display:flex}.notice-form-container{margin-bottom:8px;padding:0}.notice-textarea{resize:vertical;color:#1e293b;box-sizing:border-box;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;outline:none;width:100%;min-height:90px;padding:16px;font-family:inherit;font-size:14px;transition:border-color .2s}.notice-textarea:focus{background-color:#fff;border-color:#6366f1}.form-actions{gap:8px;margin-top:10px;padding:0 4px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.btn-action:hover{opacity:.9}.btn-action.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.btn-action.btn-secondary{color:#475569;background-color:#fff;border:1px solid #d1d5db}.notice-history-container{flex-direction:column;gap:8px;padding:0;display:flex}.history-title{color:#64748b;text-transform:uppercase;margin:4px 0 8px 8px;font-size:12px;font-weight:700}.history-item{background-color:#f3f4f6;border:none;border-radius:20px;padding:14px 18px}.history-text{color:#334155;font-size:13.5px;font-weight:500;line-height:1.5}.history-meta{color:#64748b;align-items:center;gap:4px;margin-top:6px;font-size:11px;display:flex}@media (width<=600px){.notice-board-wrapper{border-radius:20px;padding:6px}.notice-strip{border-radius:16px;padding:10px 12px}.notice-icon-box{width:32px;height:32px}.nb-btn-icon{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}.notice-title-group h3{font-size:13px}.notice-preview-text{font-size:11.5px}.notice-detail-card,.history-item,.notice-textarea{border-radius:16px}}:root{--roster-bg-main:#f4f7fa;--roster-card-bg:#fff;--roster-border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--surface-hover:#f8fafc;--accent-blue:#2563eb;--accent-purple:#7c3aed;--accent-orange:#ea580c;--accent-green:#059669;--accent-red:#dc2626;--accent-yellow:#d97706;--card-shadow:0 4px 20px #00000008, 0 1px 3px #00000005}.roster-management-dashboard{background-color:var(--roster-bg-main);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:24px;min-height:100vh;padding:24px;font-family:Inter,-apple-system,sans-serif;display:flex;width:calc(100% + 48px)!important;margin:-24px!important}.roster-management-dashboard.global-stretch{flex:1;margin:0;width:100%!important;max-width:100%!important}.roster-header{background:var(--roster-card-bg);border:1px solid var(--roster-border-color);box-shadow:var(--card-shadow);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-meta h2{color:var(--text-primary);letter-spacing:-.5px;margin:6px 0 0;font-size:24px;font-weight:700}.current-date-pill{color:var(--accent-blue);text-transform:uppercase;letter-spacing:.5px;background:#2563eb1a;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600}.header-actions{gap:12px;display:flex}.theme-btn{border:1px solid var(--roster-border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.theme-btn:hover{background:var(--surface-hover);border-color:#cbd5e1}.theme-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 4px 12px #2563eb40}.rm-roster-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.rm-kpi-card{background:var(--roster-card-bg);border:1px solid var(--roster-border-color);box-shadow:var(--card-shadow);border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s;display:flex}.rm-kpi-card:hover{transform:translateY(-2px)}.rm-kpi-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.rm-kpi-icon-wrapper.blue{color:var(--accent-blue);background:#2563eb1a}.rm-kpi-icon-wrapper.orange{color:var(--accent-orange);background:#ea580c1a}.rm-kpi-icon-wrapper.purple{color:var(--accent-purple);background:#7c3aed1a}.rm-kpi-icon-wrapper.indigo{color:#4f46e5;background:#4f46e51a}.rm-kpi-icon-wrapper.yellow{color:var(--accent-yellow);background:#d977061a}.rm-kpi-icon-wrapper.red{color:var(--accent-red);background:#dc26261a}.rm-kpi-icon-wrapper.cyan{color:#0891b2;background:#0891b21a}.rm-kpi-icon-wrapper.teal{color:#0d9488;background:#0d94881a}.rm-kpi-info{flex-direction:column;display:flex}.rm-kpi-title{color:var(--text-secondary);font-size:13px;font-weight:500}.rm-kpi-value{color:var(--text-primary);margin:4px 0 0;font-size:22px;font-weight:700}.roster-main-layout{grid-template-columns:3fr 1fr;gap:24px;width:100%;display:grid}.roster-primary-column,.roster-secondary-column{flex-direction:column;gap:24px;display:flex}.roster-filter-card{background:var(--roster-card-bg);border:1px solid var(--roster-border-color);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.search-box{background:var(--surface-hover);border:1px solid var(--roster-border-color);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:border-color .2s;display:flex}.search-box:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-box input::placeholder{color:#94a3b8}.filters-row{gap:12px;display:flex}.filters-row select{background:var(--surface-hover);border:1px solid var(--roster-border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:14px;font-weight:500}.filters-row select:focus{border-color:var(--accent-blue)}.weekly-schedule-grid-card{background:var(--roster-card-bg);border:1px solid var(--roster-border-color);box-shadow:var(--card-shadow);border-radius:12px;width:100%;overflow:hidden}.calendar-title-bar{border-bottom:1px solid var(--roster-border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.calendar-title-bar h4{color:var(--text-primary);margin:0;font-weight:700}.grid-week-label{color:var(--text-secondary);font-size:13px;font-weight:500}.calendar-table-container{width:100%;overflow-x:auto}.calendar-matrix{border-collapse:collapse;text-align:left;width:100%}.calendar-matrix th{border-bottom:1px solid var(--roster-border-color);border-right:1px solid var(--roster-border-color);background:#f8fafc;padding:12px}.calendar-matrix td{border-bottom:1px solid var(--roster-border-color);border-right:1px solid var(--roster-border-color);padding:12px}.calendar-matrix th:last-child,.calendar-matrix td:last-child{border-right:none}.day-header-cell{flex-direction:column;align-items:center;display:flex}.day-name-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.day-date-num{color:var(--text-primary);margin-top:4px;font-size:18px;font-weight:700}.emp-calendar-profile{flex-direction:column;min-width:180px;display:flex}.emp-grid-name{color:var(--text-primary);font-size:14px;font-weight:600;display:block}.emp-grid-shift{color:var(--text-secondary);margin-top:2px;font-size:12px}.matrix-cell{text-align:center}.grid-schedule-box{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #0000000d}.grid-schedule-box.shift-assigned{color:var(--accent-blue);background:#eff6ff;border:1px solid #bfdbfe}.grid-schedule-box.off{color:var(--accent-red);background:#fef2f2;border:1px solid #fecaca}.schedule-legend{border-top:1px solid var(--roster-border-color);background:#f8fafc;flex-wrap:wrap;justify-content:flex-end;gap:20px;padding:16px 20px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.legend-box{border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.shift-legend-box{color:var(--accent-blue);background:#eff6ff;border:1px solid #bfdbfe}.off-legend-box{color:var(--accent-red);background:#fef2f2;border:1px solid #fecaca}.insights-card{background:var(--roster-card-bg);border:1px solid var(--roster-border-color);box-shadow:var(--card-shadow);border-radius:12px;padding:20px}.insights-card h3{color:var(--text-primary);border-bottom:1px solid var(--roster-border-color);margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:700}.coverage-indicator{margin-bottom:16px}.indicator-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.indicator-label .percentage{color:var(--text-primary);font-weight:700}.progress-bar-track{background:var(--surface-hover);border:1px solid #f1f5f9;border-radius:99px;height:8px;overflow:hidden}.progress-bar-filled{border-radius:99px;height:100%;transition:width .4s}.progress-bar-filled.blue{background:var(--accent-blue)}.progress-bar-filled.orange{background:var(--accent-orange)}.progress-bar-filled.indigo{background:#4f46e5}.progress-bar-filled.cyan{background:#0891b2}.progress-bar-filled.teal{background:#0d9488}.progress-bar-filled.purple{background:var(--accent-purple)}.schedule-health-pie{justify-content:center;padding:24px 0;display:flex}.health-percentage-circle{border:8px solid var(--accent-green);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;box-shadow:0 4px 12px #05966926}.circle-val{color:var(--text-primary);font-size:28px;font-weight:800}.circle-label{color:var(--text-secondary);text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:600}.health-breakdown{color:var(--text-primary);flex-direction:column;gap:12px;margin:0;padding:0;font-size:14px;font-weight:500;list-style:none;display:flex}.health-breakdown li{align-items:center;gap:10px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 2px #fffc}.status-dot.green{background:var(--accent-green)}.status-dot.orange{background:var(--accent-orange)}.status-dot.red{background:var(--accent-red)}.roster-full-width-section{width:100%;display:block}.bulk-action-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 4px 12px #2563eb0d}.selected-tag{color:var(--accent-blue);font-size:15px;font-weight:700}.bulk-actions-inputs{align-items:center;gap:12px;display:flex}.bulk-actions-inputs select{color:var(--text-primary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 16px;font-weight:500}.bulk-actions-inputs select:focus{border-color:var(--accent-blue)}.apply-bulk-btn{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2563eb33}.apply-bulk-btn:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e2e8f0}.apply-bulk-btn:not(:disabled):hover{background:#1d4ed8;transform:translateY(-1px)}.roster-table-wrapper{background:var(--roster-card-bg);border:1px solid var(--roster-border-color);width:100%;box-shadow:var(--card-shadow);border-radius:12px;overflow-x:auto}.table-header-meta{border-bottom:1px solid var(--roster-border-color);background:#fff;padding:20px 24px}.table-header-meta h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.roster-table{border-collapse:collapse;text-align:left;width:100%}.roster-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--roster-border-color);background:#f8fafc;padding:16px 24px;font-size:12px;font-weight:700}.roster-table td{border-bottom:1px solid var(--roster-border-color);vertical-align:middle;white-space:nowrap;padding:16px 24px}.roster-table tr:last-child td{border-bottom:none}.roster-table tbody tr{transition:background-color .2s}.roster-table tbody tr:hover{background:var(--surface-hover)}.roster-table tr.selected-row{background:#f0f9ff!important}.employee-info-cell{align-items:center;gap:16px;display:flex}.employee-avatar{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 10px #6366f133}.name-role-group{align-items:center;gap:10px;margin-bottom:4px;display:flex}.emp-name{color:var(--text-primary);font-size:15px;font-weight:700;display:block}.emp-meta-desc{color:var(--text-secondary);font-size:13px;display:block}.user-role-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:9999px;justify-content:center;align-items:center;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.user-role-badge.owner{color:#dc2626;background-color:#fee2e2;border:1px solid #fca5a5}.user-role-badge.admin{color:#2563eb;background-color:#dbeafe;border:1px solid #93c5fd}.user-role-badge.head{color:#c2410c;background-color:#ffedd5;border:1px solid #fed7aa}.user-role-badge.manager{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.team-badge{color:var(--text-primary);background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600}.team-badge.unassigned{border:1px dashed #fca5a5;color:var(--accent-red)!important;background:#fef2f2!important}.table-inline-select{border:1px solid var(--roster-border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;outline:none;width:220px;padding:8px 12px;font-size:14px;font-weight:500;transition:border-color .2s;box-shadow:0 1px 2px #00000005}.table-inline-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a}.scheme-cell-container{flex-direction:column;gap:10px;display:flex}.rotational-day-pills{gap:6px;display:flex}.rotational-pill{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .2s;display:flex}.rotational-pill:hover{color:var(--text-primary);background:#e2e8f0}.rotational-pill.active{background:var(--accent-purple);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.status-badge-inline{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700}.status-badge-inline.active{color:var(--accent-green);background:#ecfdf5;border:1px solid #a7f3d0}.status-badge-inline.inactive{color:var(--accent-red);background:#fef2f2;border:1px solid #fecaca}.last-updated-text{color:var(--text-secondary);font-size:13px;font-weight:500}input[type=checkbox]{accent-color:var(--accent-blue);cursor:pointer;border-radius:4px;width:18px;height:18px}.roster-access-denied{text-align:center;color:var(--text-primary);background:var(--roster-card-bg);border:1px solid var(--roster-border-color);box-shadow:var(--card-shadow);border-radius:12px;max-width:600px;margin:40px auto;padding:80px 20px}.roster-access-denied h2{color:var(--text-primary);margin:20px 0 10px;font-size:28px}.roster-access-denied p{color:var(--text-secondary);font-size:16px;line-height:1.5}.org-config-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8fafc;background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.config-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.config-header h2{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:22px;font-weight:700}.config-header p{color:#94a3b8;font-size:14px}.save-config-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.save-config-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.save-config-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.config-tabs{gap:10px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.tab-btn:hover{color:#f8fafc;background:#ffffff14}.tab-btn.active{color:#818cf8;background:#6366f126;border-color:#6366f1;font-weight:600}.config-section-card{background:#1e293b66;border:1px solid #ffffff0f;border-radius:12px;padding:24px}.config-section-card h3{color:#f1f5f9;align-items:center;gap:10px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.config-section-card .subtext{color:#94a3b8;margin-bottom:20px;font-size:14px}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group.full-width{grid-column:span 2}.input-group label{color:#cbd5e1;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.input-group input,.input-group select,.input-group textarea{color:#f8fafc;background:#0f172acc;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.section-title-action{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-add-shift{color:#34d399;cursor:pointer;background:#10b98126;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-add-shift:hover{background:#10b98140}.shifts-edit-list{flex-direction:column;gap:16px;display:flex}.shift-edit-item{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;padding:16px}.shift-edit-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.shift-name-input{color:#fbbf24;background:0 0;border:none;border-bottom:1px dashed #fff3;outline:none;padding:2px 4px;font-size:16px;font-weight:600}.shift-name-input:focus{border-bottom-color:#fbbf24}.btn-remove-shift{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;padding:6px;transition:all .2s}.btn-remove-shift:hover{background:#ef44444d}.shift-fields-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.toggle-setting-box{background:#0f172a99;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.toggle-setting-box strong{color:#f8fafc;font-size:15px;display:block}.toggle-setting-box p{color:#94a3b8;font-size:13px}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#334155;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#6366f1}input:checked+.slider:before{transform:translate(22px)}.ip-input-row{gap:10px;margin-bottom:20px;display:flex}.ip-input-row input{color:#f8fafc;background:#0f172acc;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;padding:10px 14px}.btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a}.btn-primary{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.whitelisted-ips-list h4{color:#cbd5e1;margin-bottom:12px;font-size:14px}.ip-tags-grid{flex-wrap:wrap;gap:8px;display:flex}.ip-tag{color:#a5b4fc;background:#6366f11f;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.ip-tag button{color:#f87171;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.empty-ip-text{color:#64748b;font-size:13px;font-style:italic}@media (width<=768px){.form-grid-2,.shift-fields-grid{grid-template-columns:1fr}.input-group.full-width{grid-column:span 1}.config-header{flex-direction:column;align-items:flex-start;gap:12px}}.cp-container{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;min-height:calc(100vh - 80px);padding:24px;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cp-top-nav-bar{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.cp-btn-nav,.cp-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0f172a0d}.cp-btn-nav:hover,.cp-btn-secondary:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.cp-btn-nav:active,.cp-btn-secondary:active{transform:translateY(0)}.cp-btn-nav.cp-active,.cp-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border:1px solid #4338ca;box-shadow:0 4px 14px #4f46e559}.cp-btn-nav.cp-active:hover{color:#fff;background:linear-gradient(135deg,#4338ca,#3730a3)}.cp-header,.cp-sec-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 28px;display:flex;box-shadow:0 4px 20px -2px #0f172a08}.cp-header-title{align-items:center;gap:16px;display:flex}.cp-header-icon{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;width:42px;height:42px;padding:10px}.cp-header-title h2{color:#0f172a;letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:700}.cp-header-title p{color:#64748b;margin:0;font-size:13px}.cp-status-banner{border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.cp-status-banner.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.cp-status-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.cp-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px;display:grid}.cp-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0f172a05}.cp-metric-card.cp-card-online{background:#f0fdf4;border-color:#bbf7d0}.cp-metric-card.cp-card-offline{background:#f8fafc;border-color:#e2e8f0}.cp-metric-card.cp-card-warning{background:#fefce8;border-color:#fef08a}.cp-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.cp-metric-value{color:#0f172a;font-size:22px;font-weight:800}.cp-metric-icon{color:#6366f1}.cp-text-online{color:#15803d!important}.cp-text-offline{color:#475569!important}.cp-text-warning{color:#a16207!important}.cp-dot-online{background:#22c55e;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #22c55e99}.cp-dot-offline{background:#94a3b8;border-radius:50%;width:12px;height:12px}.cp-sec-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 4px 20px -2px #0f172a08}.cp-filter-card{margin-bottom:20px}.cp-filter-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cp-search-box{flex:1;min-width:260px;position:relative}.cp-search-box input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:13px;transition:all .2s}.cp-search-box input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.cp-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cp-filter-actions{align-items:center;gap:8px;display:flex}.cp-filter-icon{color:#64748b;margin-right:4px}.cp-btn-filter{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.cp-btn-filter:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.cp-btn-filter.cp-active{color:#fff;background:#4f46e5;border-color:#4338ca;box-shadow:0 2px 8px #4f46e54d}.cp-table-card{padding:0;overflow:hidden}.cp-table-wrapper{max-height:620px;overflow-x:auto}.cp-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.cp-table th{color:#475569;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:11px;font-weight:700}.cp-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.cp-table tr:hover{background:#f8fafc}.cp-table tr.cp-row-online{background:#22c55e08}.cp-device-title{font-size:13px;font-weight:700;color:#0f172a!important}.cp-license-user{color:#64748b;margin-top:2px;font-size:11px}.cp-license-user span{color:#334155;font-weight:500}.cp-machine-badge{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;max-width:220px;padding:4px 8px;font-family:monospace;font-size:12px;overflow:hidden}.cp-active-user-text{color:#1e293b;font-weight:600}.cp-no-session{color:#94a3b8;font-size:12px}.cp-timestamp-block{color:#64748b;font-size:11px}.cp-status-pill{border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.cp-pill-online{color:#15803d;background:#dcfce7}.cp-pill-offline{color:#64748b;background:#f1f5f9}.cp-pill-warning{color:#a16207;background:#fefce8}.cp-status-dot{border-radius:50%;width:6px;height:6px}.cp-status-dot.green{background:#22c55e}.cp-status-dot.grey{background:#94a3b8}.cp-actions-wrapper{justify-content:flex-end;align-items:center;gap:8px;display:flex}.cp-btn-action{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.cp-btn-unregister{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.cp-btn-unregister:hover{background:#fee2e2;border-color:#fca5a5}.cp-btn-logout{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.cp-btn-logout:hover{background:#ffe4e6;border-color:#fda4af}.cp-pwa-on{color:#16a34a;background:#dcfce7;border:1px solid #86efac}.cp-pwa-off{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.cp-grid{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.cp-user-selection-panel,.cp-permissions-editor-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:calc(100vh - 200px);padding:20px;box-shadow:0 4px 20px -2px #0f172a08}.cp-users-list-scroll{flex-direction:column;gap:8px;max-height:calc(100vh - 280px);display:flex;overflow-y:auto}.cp-user-card-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.cp-user-card-item:hover{background:#f8fafc;border-color:#cbd5e1}.cp-user-card-item.selected{background:#eef2ff;border-color:#818cf8}.cp-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.cp-user-name{color:#1e293b;font-size:14px;font-weight:600}.cp-user-role-tag{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:700}.cp-selected-user-bar{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.cp-active-user-details{align-items:center;gap:10px;display:flex}.cp-active-role-badge{color:#3730a3;background:#e0e7ff;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}.cp-active-id-badge{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px}.cp-bulk-action-buttons{gap:8px;display:flex}.cp-btn-bulk{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.cp-category-section h4{text-transform:uppercase;color:#64748b;margin-bottom:14px;font-size:12px;font-weight:700}.cp-toggles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px;display:grid}.cp-toggle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cp-toggle-info{color:#334155;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.cp-switch-toggle{width:44px;height:24px;display:inline-block;position:relative}.cp-switch-toggle input{opacity:0;width:0;height:0}.cp-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.cp-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.cp-slider{background-color:#4f46e5}input:checked+.cp-slider:before{transform:translate(20px)}.cp-editor-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;margin-top:auto;padding-top:16px;display:flex}.cp-btn-save-permissions{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 26px;font-weight:600;display:flex;box-shadow:0 4px 14px #4f46e54d}.cp-sec-loading,.cp-no-selection,.cp-empty-td{text-align:center;color:#64748b;padding:40px}.cp-sessions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.cp-session-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.cp-session-info{flex-direction:column;display:flex}.cp-session-device{color:#0f172a;font-weight:700}.cp-session-time{color:#64748b;font-size:12px}.cp-session-user-id{color:#94a3b8;text-transform:uppercase;font-size:11px}.leave-module-wrapper{box-sizing:border-box;flex-direction:column;gap:26px;width:100%;display:flex}.leave-balance-grid{gap:16px;width:100%;padding-bottom:8px;display:flex;overflow-x:auto}.balance-luxury-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:14px;flex:1;min-width:160px;position:relative;overflow:hidden;box-shadow:0 4px 12px #0f172a03}.balance-luxury-card .card-accent-bar{background:linear-gradient(90deg,#10b981 0%,#059669 100%);width:100%;height:4px}.balance-luxury-card .card-body{text-align:center;padding:16px}.balance-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.balance-count{color:#0f172a;margin:0;font-size:26px;font-weight:800}.balance-sub{color:#94a3b8;font-size:10px;display:block}.leave-split-architecture{box-sizing:border-box;align-items:start;width:100%;margin-top:1rem;flex-direction:row!important;gap:24px!important;display:flex!important}.leave-form-container-luxury{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;padding:2.5rem;box-shadow:0 4px 20px #00000008;width:500px!important;min-width:500px!important}.split-right-calendar{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;flex-direction:column;padding:2.5rem;display:flex;box-shadow:0 4px 20px #00000008;flex:1!important;width:auto!important;max-width:100%!important}.split-right-calendar>div,.split-right-calendar iframe,.split-right-calendar .calendar-root-container,.split-right-calendar .calendar-grid,.split-right-calendar .calendar-wrapper,.split-right-calendar table,.split-right-calendar tbody{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.section-header-ctx{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;display:flex}.section-header-ctx h2{color:#0f172a;margin:0;font-size:15px;font-weight:800}.luxury-form-engine{flex-direction:column;gap:14px;display:flex}.form-row-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.input-group-stack{flex-direction:column;gap:6px;width:100%;display:flex}.input-group-stack label{color:#475569;font-size:11px;font-weight:700}.luxury-input-field,.luxury-select-field,.luxury-textarea-field{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.luxury-input-field:focus,.luxury-select-field:focus,.luxury-textarea-field:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.luxury-submit-btn-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;padding:13px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98126}.luxury-submit-btn-action:hover{transform:translateY(-1px);box-shadow:0 6px 16px #10b98140}.leave-history-section-wide{width:100%;margin-top:1rem}.luxury-table-container-viewport{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow-x:auto}.luxury-data-table-engine{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.luxury-data-table-engine th{color:#475569;text-transform:uppercase;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.luxury-data-table-engine td{border-bottom:1px solid #f1f5f9;padding:14px 16px}.font-weight-bold-slate{color:#0f172a;font-weight:700}.timeline-date-range-cell{color:#475569;font-weight:500}.date-linker-arrow{color:#94a3b8;margin:0 4px}.status-pill-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-approved{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.status-pending{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.status-rejected{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.text-blue-icon{color:#3b82f6}.spin-animate{animation:1s linear infinite spin}@media (width<=1150px){.leave-split-architecture{gap:1.5rem;flex-direction:column!important}.leave-form-container-luxury{width:100%!important;min-width:100%!important}}.team-ooo-board-card-compact{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;width:100%;margin-bottom:1.25rem;padding:1.25rem}.compact-header{justify-content:space-between;align-items:center;width:100%;display:flex;border-bottom:1px solid #e2e8f0!important;margin-bottom:12px!important;padding-bottom:8px!important}.compact-header .title-area{align-items:center;gap:8px;display:flex}.compact-header h2{color:#0f172a;margin:0;font-weight:700;font-size:13px!important}.layout-divider-line{background:#e2e8f0;width:100%;height:1px;margin:1.5rem 0}.ooo-scroll-viewport-compact{width:100%;max-height:150px;padding-right:4px;overflow-y:auto}.ooo-grid-container-compact{flex-direction:column;gap:8px;width:100%;display:flex}.ooo-member-luxury-pill-compact{box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;width:100%;padding:8px 12px;transition:all .2s;display:flex}.ooo-member-luxury-pill-compact:hover{border-color:#cbd5e1;transform:translate(3px);box-shadow:0 2px 8px #0f172a05}.ooo-avatar-zone-compact{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;font-size:11px;font-weight:700;display:flex}.ooo-meta-zone-compact{flex-direction:column;gap:1px;display:flex}.ooo-member-name-compact{color:#0f172a;font-size:12px;font-weight:700}.ooo-leave-type-badge-compact{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:600}.ooo-duration-zone-compact{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.ooo-empty-state-compact{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;padding:1.25rem;font-size:12px;font-weight:600}.ooo-skeleton-loader-compact{color:#64748b;justify-content:center;align-items:center;gap:6px;padding:1rem;font-size:11px;display:flex}.calendar-luxury-wrapper{--lux-ink:#0f172a;--lux-text-muted:#64748b;--lux-bg:#fff;--lux-border:#e2e8f0;--lux-primary:#4f46e5;--lux-primary-soft:#eef2ff;--lux-maroon:#be123c;--c-green:#10b981;--c-green-soft:#ecfdf5;--c-orange:#f59e0b;--c-orange-soft:#fffbeb;--c-red:#ef4444;--c-red-soft:#fef2f2;--c-amber:#d97706;--c-amber-soft:#fffbeb;--c-blue:#3b82f6;--c-blue-soft:#eff6ff;--c-rose:#be123c;--c-rose-soft:#fff1f2;--c-slate:#94a3b8;--c-slate-soft:#f8fafc;background:var(--lux-bg);border:1px solid var(--lux-border);max-width:420px;color:var(--lux-ink);border-radius:14px;margin:0 auto;padding:14px;font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 20px #0f172a0a}.cal-luxury-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.profile-meta-block{align-items:center;gap:9px;display:flex}.avatar-luxury-glow{background:var(--lux-primary-soft);width:32px;height:32px;color:var(--lux-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-meta-block h3{color:var(--lux-ink);margin:0;font-size:.82rem;font-weight:700}.profile-meta-block p{color:var(--lux-text-muted);margin:1px 0 0;font-size:.66rem}.highlight-id{color:var(--lux-primary);font-family:Courier New,monospace;font-weight:600}.policy-badge-glow{background:var(--lux-primary-soft);color:var(--lux-primary);letter-spacing:.03em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-size:.6rem;font-weight:700;display:flex}.cal-summary-strip{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.summary-chip{color:var(--lux-ink);border-radius:7px;align-items:center;gap:5px;padding:3px 8px;font-size:.63rem;font-weight:600;display:flex}.chip-dot{border-radius:50%;width:6px;height:6px}.chip-green{background:var(--c-green-soft)}.chip-green .chip-dot{background:var(--c-green)}.chip-orange{background:var(--c-orange-soft)}.chip-orange .chip-dot{background:var(--c-orange)}.chip-red{background:var(--c-red-soft)}.chip-red .chip-dot{background:var(--c-red)}.chip-amber{background:var(--c-amber-soft)}.chip-amber .chip-dot{background:var(--c-amber)}.cal-luxury-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.nav-title-group{align-items:center;gap:6px;display:flex}.text-royal{color:var(--lux-primary)}.nav-title-group h4{margin:0;font-size:.88rem;font-weight:700}.nav-title-group h4 span{color:var(--lux-text-muted);font-weight:500}.nav-action-buttons{align-items:center;gap:4px;display:flex}.nav-action-buttons button{border:1px solid var(--lux-border);color:var(--lux-ink);cursor:pointer;background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.nav-action-buttons button:hover{background:var(--lux-primary-soft);border-color:var(--lux-primary);color:var(--lux-primary)}.nav-today-btn{padding:0 9px;font-size:.62rem;font-weight:700;width:auto!important}.cal-luxury-grid-header{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.weekday-lbl{text-align:center;text-transform:uppercase;letter-spacing:.03em;padding:4px 0;font-size:.58rem;font-weight:700}.cal-luxury-grid-body{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-lux-node{aspect-ratio:1/.9;cursor:default;border-radius:7px;flex-direction:column;justify-content:space-between;padding:3px 4px;display:flex;position:relative;overflow:visible}.node-void{background:0 0}.node-active{border:1px solid var(--lux-border);background:#f8fafc}.node-active.is-today{border:1.5px solid var(--lux-primary)}.node-top-row{justify-content:space-between;align-items:flex-start;display:flex}.node-day-num{color:var(--lux-ink);font-size:.66rem;font-weight:700}.node-late-dot{background:var(--c-red);border-radius:50%;width:5px;height:5px;margin-top:1px}.node-lux-badge{white-space:nowrap;text-overflow:ellipsis;background:#ffffffb3;border-radius:4px;align-self:flex-start;max-width:100%;padding:0 4px;font-size:.5rem;font-weight:700;overflow:hidden}.node-lux-badge.pulse{animation:1.4s ease-in-out infinite pulseBadge}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.55}}.status-green{background:var(--c-green-soft)}.status-green .node-day-num{color:#047857}.status-orange{background:var(--c-orange-soft)}.status-orange .node-day-num{color:#b45309}.status-red{background:var(--c-red-soft)}.status-red .node-day-num{color:#b91c1c}.status-amber{background:var(--c-amber-soft)}.status-amber .node-day-num{color:#92400e}.status-blue{background:var(--c-blue-soft)}.status-blue .node-day-num{color:#1d4ed8}.status-rose{background:var(--c-rose-soft)}.status-rose .node-day-num{color:#9f1239}.status-slate{background:var(--c-slate-soft)}.status-slate .node-day-num{color:#64748b}.node-hour-bar-track{background:#0f172a12;border-radius:2px;width:100%;height:3px;margin-top:2px;overflow:hidden}.node-hour-bar-fill{border-radius:3px;height:100%;transition:width .3s}.fill-green{background:var(--c-green)}.fill-orange{background:var(--c-orange)}.fill-blue{background:var(--c-blue);animation:1.4s ease-in-out infinite pulseBadge}.lux-absolute-tooltip{color:#e2e8f0;z-index:50;background:#0f172a;border-radius:8px;min-width:170px;padding:10px 12px;font-size:.72rem;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000040}.lux-absolute-tooltip:after{content:"";border:5px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-head{color:#fff;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-weight:700;display:flex}.tooltip-late-tag{color:#fecaca;background:#ef444433;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:700}.tooltip-row{color:#cbd5e1;align-items:center;gap:5px;margin-top:3px;line-height:1.4;display:flex}.cal-luxury-legend{border-top:1px solid var(--lux-border);flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:10px;display:flex}.lg-item{color:var(--lux-text-muted);align-items:center;gap:5px;font-size:.63rem;font-weight:500;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot-green{background:var(--c-green)}.dot-orange{background:var(--c-orange)}.dot-blue{background:var(--c-blue)}.dot-amber{background:var(--c-amber)}.dot-red{background:var(--c-red)}.dot-rose{background:var(--c-rose)}.cal-luxury-loader{justify-content:center;align-items:center;min-height:200px;display:flex}.loader-spinner{border:3px solid var(--lux-primary-soft);border-top-color:var(--lux-primary);border-radius:50%;width:28px;height:28px}@media (width<=640px){.cal-luxury-header{flex-direction:column;align-items:flex-start}.cal-lux-node{aspect-ratio:1;padding:4px}.node-day-num{font-size:.7rem}.node-lux-badge{display:none}.cal-summary-strip{gap:6px}}@media (prefers-reduced-motion:reduce){.node-lux-badge.pulse,.fill-blue{animation:none}}.flex-space-between{justify-content:space-between;width:100%}.flex-align-center{align-items:center;display:flex}.gap-10{gap:10px}.split-right-analytics-card{width:100%;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:0 50%;height:auto;margin-left:-20px;padding:0;display:flex}.text-royal-gradient{background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);color:#fff!important}.analytics-main-title{letter-spacing:.8px;margin:0;font-size:13px;font-weight:800;color:#0f172a!important}.analytics-subtitle-caps{color:var(--lux-text-muted,#64748b);font-size:10px;font-weight:600;display:block}.analytics-trend-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.chart-legends-wrapper-luxury{gap:20px;margin:16px 0 24px;display:flex}.chart-lg-node{align-items:flex-start;gap:8px;display:flex}.lg-pillar-bar-indicator{background:linear-gradient(#cbd5e1,#e2e8f0);border-radius:3px;width:10px;height:10px;margin-top:3px}.lg-line-vector-indicator{background:#2563eb;border:2px solid #fff;border-radius:50%;width:10px;height:10px;margin-top:3px;box-shadow:0 0 0 2px #2563eb}.lg-text-stack .lbl{color:var(--lux-text-muted,#64748b);font-size:10px;font-weight:500;display:block}.lg-text-stack .val{color:#0f172a;font-size:12px;font-weight:700}.luxury-chart-viewport-engine{border-bottom:1px solid #f1f5f9;flex:1;gap:15px;height:200px;margin-bottom:12px;padding-bottom:8px;display:flex;position:relative}.chart-y-axis-labels{color:#94a3b8;text-align:right;box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:25px;min-width:22px;height:100%;padding-bottom:24px;font-size:10px;font-weight:600;display:flex}.chart-bars-timeline-matrix{flex:1;justify-content:space-between;align-items:flex-end;height:100%;padding:0 10px;display:flex;position:relative}.chart-column-node-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.interactive-bar-track-node{justify-content:center;width:24px;height:100%;min-height:140px;display:flex;position:relative}.vector-pillar-bar-total{cursor:pointer;border-radius:6px 6px 0 0;width:100%;position:absolute;bottom:0;left:0;background:linear-gradient(#94a3b8 0%,#e2e8f0 100%)!important}.vector-line-dot-effective{z-index:10;cursor:pointer;border-radius:50%;width:10px;height:10px;position:absolute;left:50%;box-shadow:0 2px 8px #2563eb66;background:#2563eb!important;border:2px solid #fff!important}.pillar-tooltip-val,.dot-tooltip-val{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;z-index:50;background:#0f172a;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:700;transition:opacity .15s,bottom .15s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000026}.pillar-tooltip-val{bottom:calc(var(--bar-height-prop,0%) + 10px)}.dot-tooltip-val{bottom:18px}.interactive-bar-track-node:hover .pillar-tooltip-val,.vector-line-dot-effective:hover .dot-tooltip-val{opacity:1}.chart-x-axis-lbl{color:#64748b;margin-top:10px;font-size:11px;font-weight:700}.analytics-insight-footer-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;display:flex}.analytics-insight-footer-box p{color:#475569;margin:0;font-size:11px;line-height:1.4}.text-blue-icon{color:#3b82f6;flex-shrink:0}.flex-center{justify-content:center;align-items:center;display:flex}.chart-luxury-loader{color:#64748b;flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex}.loader-ring{border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:24px;height:24px}:root{--lux-primary:#030e27;--lux-primary-hover:#1d4ed8;--lux-secondary:#0f172a;--lux-text-dark:#1e293b;--lux-text-muted:#64748b;--lux-green:#16a34a;--lux-green-dim:#16a34a14;--lux-yellow:#d97706;--lux-yellow-dim:#d9770617;--lux-red:#dc2626;--lux-red-dim:#dc26260f;--lux-card-bg:#fff;--tech-accent:#06b6d4;--tech-accent-dim:#06b6d41a;--tech-accent-glow:#06b6d459;--tech-indigo:#6366f1;--tech-indigo-dim:#6366f11a}.main-area-luxury-container{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;display:flex}.workspace-split-row{align-items:flex-start;gap:5px;width:100%;display:flex}.split-left-engine{flex-direction:column;flex:0 0 62%;gap:5px;max-width:62%;display:flex}.split-right-calendar{flex-direction:column;gap:18px;display:flex}@media (width<=768px){.workspace-split-row{flex-direction:column}.split-left-engine,.split-right-calendar{flex:0 0 100%;max-width:100%}}.lux-punch-card,.lux-task-card{background:var(--lux-card-bg);box-sizing:border-box;border:1px solid #e2e8f0cc;border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a05,0 1px 3px #0f172a03}.lux-punch-card-modern{background:#fff;border-radius:30px;padding:20px;transition:box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0f172a14}.lux-punch-card-modern.active-border{animation:3.6s ease-in-out infinite luxCardBreathe}@keyframes luxCardBreathe{0%,to{box-shadow:0 20px 60px #0f172a14,0 0 #22c55e1a}50%{box-shadow:0 20px 60px #0f172a14,0 0 0 10px #22c55e0a}}.inactive-border{border-top:4px solid #cbd5e1}.active-border{background-color:#ebfcf0c5;border-bottom:2px solid #22c55e;box-shadow:0 12px 20px -8px #22c55e1f;border-top:4px solid #22c55e!important}.idle-border{background-color:#f6ebebca;border-bottom:2px solid #f59e0b;border-top:4px solid #f59e0b!important}.card-luxury-header-sync{border-bottom:1px solid #f8fafc;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.card-luxury-header-sync h3{letter-spacing:.8px;margin:0;font-size:13px;font-weight:800;color:#475569!important}.icon-wrap-dim{border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.text-blue{color:#3b82f6;background:#eff6ff}.text-orange{color:#f97316;background:#fff7ed}.attendance-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.attendance-title{color:#0f172a;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.attendance-time-box{align-items:center;gap:12px;display:flex}.time-label{letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.header-status{align-items:center;display:flex}.badge-active-mini{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.badge-break-mini{color:#b45309;background:#fef3c7;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.badge-offline-mini{color:#64748b;background:#f1f5f9;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.badge-meeting-mini{background:var(--tech-indigo-dim);color:var(--tech-indigo);border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;animation:2.4s ease-in-out infinite luxMeetingGlow;display:inline-flex}@keyframes luxMeetingGlow{0%,to{box-shadow:0 0 #6366f140}50%{box-shadow:0 0 0 5px #6366f10f}}.punch-mode-toggle-row{justify-content:space-between;align-items:center;gap:10px;margin:2px 0 16px;padding:4px 2px;display:flex}.punch-mode-toggle-label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-size:10px;font-weight:800}.punch-mode-toggle-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;width:190px;padding:3px;display:flex;position:relative}.punch-mode-toggle-thumb{background:linear-gradient(135deg, var(--tech-accent), #0284c7);z-index:0;border-radius:999px;width:calc(50% - 3px);height:calc(100% - 6px);position:absolute;top:3px;left:3px;box-shadow:0 4px 10px #06b6d459}.punch-mode-toggle-btn{z-index:1;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-size:11px;font-weight:700;transition:color .25s;display:flex;position:relative}.punch-mode-toggle-btn.is-active{color:#fff}.punch-mode-toggle-btn:disabled{cursor:not-allowed;opacity:.7}.attendance-center-layout{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:100%;margin:20px 0 10px;display:grid}@media (width<=900px){.attendance-center-layout{grid-template-columns:1fr;gap:20px}.attendance-side-box{text-align:center!important}}.attendance-side-box{flex-direction:column;justify-content:center;align-items:center;min-width:max-content;display:flex}.attendance-side-box.left{text-align:left}.attendance-side-box.right{text-align:right}.meta-label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:8px;font-size:12px;font-weight:700}.meta-time{color:#2563eb;white-space:nowrap;margin-bottom:10px;font-size:15px;font-weight:800;line-height:1}.status-chip{border-radius:999px;width:max-content;margin-top:6px;padding:4px 10px;font-size:11px;font-weight:700}.status-chip.ontime{color:#166534;background:#dcfce7}.status-chip.late{color:#991b1b;background:#fee2e2}.status-chip.overtime{color:#1d4ed8;background:#dbeafe}.status-chip.normal{color:#475569;background:#f1f5f9}.inline-pin-icon{vertical-align:-1px;color:#94a3b8;margin-right:1px}.attendance-circle-section{justify-content:center;align-items:center;margin:5px 0;display:flex}.attendance-progress-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;transition:all .4s;display:flex}.attendance-progress-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex;box-shadow:inset 0 0 20px #0000000f}.timer-caption{color:#64748b;font-size:12px}.timer-main{color:#0f172a;font-variant-numeric:tabular-nums;margin:6px 0;font-size:28px;font-weight:800}.progress-caption{color:#94a3b8;font-size:12px}.attendance-progress-ring{background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.attendance-ring-svg{width:100%;height:100%;position:absolute;inset:0}.attendance-ring-track{fill:none;stroke:#e5edff;stroke-width:8px}.attendance-ring-progress{fill:none;stroke:url(#attendanceRingGradient);stroke-width:8px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .6s;transform:rotate(-90deg)}.attendance-ring-dot{fill:#fff;stroke:#16a34a;stroke-width:1.5px;filter:drop-shadow(0 1px 3px #00000040)}.attendance-ring-wave-wrap{pointer-events:none;z-index:1;border-radius:50%;align-items:center;width:65%;height:40px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.attendance-ring-wave{width:200%;height:40px;display:block;overflow:visible}.wave-path{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke}.wave-path-1{stroke:#22c55e;opacity:.7;animation:2.4s linear infinite attendanceWaveScroll}.wave-path-2{stroke:#4ade80;opacity:.4;animation:3.6s linear infinite reverse attendanceWaveScroll}@keyframes attendanceWaveScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.attendance-progress-inner{z-index:2;position:relative}.badge-pills-row-context{justify-content:center;margin-bottom:18px;display:flex}.status-badge-pill{letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 5px #00000005}.badge-active{color:#137333;background:#b2efc3}.badge-break{color:#c2410c;background:#fff7ed}.badge-idle{color:#b45309;background:#fef3c7}.badge-offline{color:#64748b;background:#f1f5f9}.badge-meeting{background:var(--tech-indigo-dim);color:var(--tech-indigo)}.badge-pulse{border-radius:50%;width:6px;height:6px;display:inline-block}.pulse-green{background:#22c55e;animation:2s infinite luxPulse}.pulse-yellow{background:#f59e0b;animation:2s infinite luxPulse}.pulse-orange{background:#ea580c;animation:2s infinite luxPulse}.pulse-indigo{background:var(--tech-indigo);animation:2s infinite luxPulseIndigo}@keyframes luxPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes luxPulseIndigo{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}.geo-fence-chip{letter-spacing:.3px;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;padding:8px 14px;font-size:11px;font-weight:700;display:flex}.geo-fence-chip.inside{background:var(--lux-green-dim);color:var(--lux-green);border:1px solid #16a34a2e}.geo-fence-chip.outside{background:var(--lux-red-dim);color:var(--lux-red);border:1px solid #dc26262e;animation:2s infinite luxPulse}.attendance-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.attendance-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 20px;transition:transform .25s,box-shadow .25s;display:flex}.attendance-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a0f}.attendance-kpi-card span{color:#64748b;font-size:13px}.attendance-kpi-card strong{font-size:12px;font-weight:700}.effective-card svg,.effective-card strong{color:#16a34a}.break-card svg,.break-card strong{color:#f59e0b}.idle-card svg,.idle-card strong{color:#ef4444}.effective-card{background:#f0fdf4;border-color:#bbf7d0}.break-card{background:#fffbeb;border-color:#fde68a}.idle-card{background:#fef2f2;border-color:#fecaca}.action-punch-trigger-wrapper{margin-top:20px}.btn-punch{letter-spacing:.6px;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:13px;font-weight:700;transition:all .25s;display:flex}.btn-in-luxury{color:#fff;background:#02c308d8;box-shadow:0 4px 12px #0f172a26}.btn-in-luxury:hover{background:#048a16}.btn-out-luxury{color:#350303;background:#f74949d2;border:1px solid #ef444433}.btn-out-luxury:hover{color:#fff;background:#9f0303;border-color:#ef444466}.break-grid-luxury{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.break-opt-btn-luxury{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.break-opt-btn-luxury:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.break-opt-btn-luxury:not(:disabled):hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000005}.on-break-luxury-container{text-align:center;padding:8px 0}.break-alert-message-box{color:#b45309;background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;margin-bottom:14px;padding:12px;font-size:12px;transition:all .3s}.break-alert-message-box.meeting-alert-box{background:var(--tech-indigo-dim);color:#4338ca;border:1px solid #6366f12e}.btn-end-break-luxury{background:var(--lux-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;padding:12px 24px;font-size:12px;font-weight:700;display:inline-flex}.btn-end-meeting-luxury{background:linear-gradient(135deg, var(--tech-indigo), #4f46e5)}.lunch-break-icon{color:#e29003}.tea-break-icon{color:#fb923c}.meeting-break-icon{color:#6366f1}.break-history-widget{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:20px;box-shadow:0 8px 24px #0f172a0a}.break-history-header{color:#475569;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.break-history-subtitle{letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8;margin-top:6px;font-size:11px}.break-history-widget-body{flex-direction:column;gap:10px;margin-top:16px;display:flex}.break-widget-count{color:#2563eb;background:#eff6ff;border-radius:12px;padding:12px 14px;font-weight:700}.break-widget-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:transform .2s;display:flex}.break-widget-row:hover{transform:translate(2px)}.break-widget-type{color:#475569;font-weight:600}.break-widget-duration{color:#f59e0b;font-weight:700}.break-widget-empty{text-align:center;color:#94a3b8;padding:20px;font-weight:600}@media (width<=768px){.lux-punch-card-modern,.lux-punch-card,.lux-task-card{border-radius:22px;padding:16px}.attendance-progress-ring{width:170px;height:170px}.attendance-progress-inner{width:138px;height:138px}.timer-main{font-size:24px}.attendance-kpi-grid,.break-grid-luxury{grid-template-columns:repeat(2,1fr)}.punch-mode-toggle-track{width:100%;max-width:220px}}@media (width<=480px){.lux-punch-card-modern,.lux-punch-card,.lux-task-card{border-radius:18px;padding:14px}.card-luxury-header-sync{margin-bottom:12px;padding-bottom:10px}.attendance-card-header{flex-wrap:wrap;gap:8px}.attendance-title{font-size:11px}.punch-mode-toggle-row{flex-direction:column;align-items:flex-start;gap:6px}.punch-mode-toggle-track{width:100%;max-width:none}.attendance-progress-ring{width:148px;height:148px}.attendance-progress-inner{width:118px;height:118px}.timer-main{font-size:21px}.timer-caption,.progress-caption{font-size:10.5px}.meta-time{font-size:13px}.meta-label{letter-spacing:.6px;font-size:10px}.attendance-kpi-grid{grid-template-columns:1fr;gap:8px}.break-grid-luxury{grid-template-columns:1fr;gap:6px}.attendance-kpi-card{justify-content:flex-start;padding:12px 16px}.break-opt-btn-luxury{justify-content:flex-start;padding:12px 14px}.btn-punch{padding:13px;font-size:12.5px}.geo-fence-chip{text-align:center;white-space:normal;line-height:1.4}.badge-pills-row-context{flex-wrap:wrap}.status-badge-pill{text-align:center;white-space:normal}.break-history-widget,.break-widget-row{padding:14px}}@media (width<=360px){.attendance-progress-ring{width:130px;height:130px}.attendance-progress-inner{width:104px;height:104px}.timer-main{font-size:18px}.lux-punch-card-modern{padding:12px}}.attendance-terminal-card{position:relative;overflow:hidden}.attendance-card-mountain-bg{pointer-events:none;z-index:0;height:140px;position:absolute;bottom:0;left:0;right:0}.mountain-layer{width:200%;height:100%;position:absolute;bottom:0;left:0}.mountain-layer-back{fill:#38bdf8;opacity:.1;animation:30s linear infinite mountainDrift}.mountain-layer-front{fill:#22d3ee;opacity:.16;animation:18s linear infinite reverse mountainDrift}@keyframes mountainDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}.attendance-progress-inner{isolation:isolate;position:relative;overflow:hidden}.attendance-card-ocean-bg{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 25%,#ffffff2e,#6ee6ff1f 35%,#00b4ff0f 60%,#0000 100%),linear-gradient(#00b4ff08,#00ffff0d);border-radius:50%;position:absolute;inset:0;overflow:hidden}.ocean-glow{filter:blur(45px);z-index:0;background:radial-gradient(circle,#00ffff29,#00b4ff0d,#0000 72%);border-radius:50%;width:150%;height:150%;animation:8s ease-in-out infinite glowPulse;position:absolute;top:-45%;left:50%;transform:translate(-50%)}.ocean-light{filter:blur(28px);z-index:0;background:radial-gradient(circle,#ffffff38,#00ffff14,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute}.ocean-light-1{animation:12s ease-in-out infinite floatLight;top:12%;left:18%}.ocean-light-2{animation:15s ease-in-out infinite reverse floatLight;top:25%;right:15%}.ocean-light-3{animation:18s ease-in-out infinite floatLight;bottom:18%;left:42%}.ocean-wave{transform-origin:50%;z-index:1;width:230%;height:55%;position:absolute;bottom:-6%;left:-65%}.ocean-wave path{transition:all .4s}.ocean-wave-back{fill:#00aaff38;filter:blur(2px);animation:12s linear infinite waveSlow}.ocean-wave-middle{fill:#00d2ff52;filter:blur(1px);animation:6s linear infinite waveMedium}.ocean-wave-front{fill:#82f5ff6b;filter:blur(.5px)drop-shadow(0 0 14px #00ffff73);animation:4s linear infinite waveFast}.timer-caption,.timer-main,.progress-caption{z-index:20;position:relative}.timer-main{text-shadow:0 1px 2px #ffffffb3,0 0 12px #ffffff40}@keyframes waveSlow{0%{transform:translate(0)}50%{transform:translate(-18%)}to{transform:translate(0)}}@keyframes waveMedium{0%{transform:translate(0)}50%{transform:translate(16%)}to{transform:translate(0)}}@keyframes waveFast{0%{transform:translate(0)}50%{transform:translate(-28%)}to{transform:translate(0)}}@keyframes glowPulse{0%{opacity:.55;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:.55;transform:translate(-50%)scale(1)}}@keyframes floatLight{0%{transform:translateY(0)translate(0)}25%{transform:translateY(-10px)translate(8px)}50%{transform:translateY(-18px)translate(-8px)}75%{transform:translateY(-8px)translate(12px)}to{transform:translateY(0)translate(0)}}.btn-punch.is-processing{cursor:not-allowed;opacity:.85;pointer-events:none}.btn-spinner-ring{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite btnSpin;display:inline-block}@keyframes btnSpin{to{transform:rotate(360deg)}}.attendance-viewer-luxury{flex-direction:column;gap:20px;width:100%;display:flex}.attendance-viewer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.attendance-viewer-title{align-items:center;gap:12px;display:flex}.attendance-viewer-title h2{color:#0f172a;font-size:22px;font-weight:700}.attendance-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;min-width:320px;padding:12px 16px;display:flex}.attendance-search-box input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.attendance-user-selector{display:flex}.attendance-user-selector select{background:#fff;border:1px solid #dbe4f0;border-radius:14px;min-width:320px;padding:12px 16px;font-size:14px;font-weight:600}.attendance-user-banner{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:16px;padding:18px 22px;display:flex;box-shadow:0 8px 30px #0000000d}.employee-avatar-circle{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.employee-banner-details{flex-direction:column;display:flex}.employee-banner-details h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.employee-banner-details span{color:#64748b;font-size:13px}.attendance-tabs{flex-wrap:wrap;gap:10px;display:flex}.attendance-tabs button{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:12px;padding:10px 20px;font-weight:600;transition:all .25s}.attendance-tabs button.active{color:#fff;background:#2563eb}.custom-date-filter{flex-wrap:wrap;gap:15px;display:flex}.custom-date-filter input{border:1px solid #dbe4f0;border-radius:12px;padding:10px 14px}.attendance-kpi-grid-new{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.attendance-kpi-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:10px;padding:22px;transition:all .25s;display:flex;box-shadow:0 8px 25px #0000000d}.attendance-kpi-card-new:hover{transform:translateY(-3px)}.attendance-kpi-card-new svg{color:#2563eb}.attendance-kpi-card-new span{color:#64748b;font-size:13px}.attendance-kpi-card-new strong{color:#0f172a;font-size:24px}.attendance-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow-x:auto;box-shadow:0 10px 30px #0000000d}.attendance-matrix-table{border-collapse:collapse;width:100%}.attendance-matrix-table thead{background:#f8fafc}.attendance-matrix-table th{text-align:left;letter-spacing:.8px;color:#475569;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:16px;font-size:10px}.attendance-matrix-table td{vertical-align:top;color:#334155;border-bottom:1px solid #f1f5f9;padding:16px;font-size:12px}.attendance-matrix-table tbody tr:hover{background:#fafcff}.badge{border-radius:999px;justify-content:center;align-items:center;margin-top:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge.present{color:#15803d;background:#dcfce7}.badge.ontime{color:#1d4ed8;background:#dbeafe}.badge.overtime{color:#b45309;background:#fef3c7}.badge.full{color:#15803d;background:#dcfce7}.badge.half{color:#dc2626;background:#fee2e2}.break-hover-container{cursor:pointer;display:inline-block;position:relative}.break-minutes-trigger{color:#334155;border-bottom:1px dashed #94a3b8;padding-bottom:2px;font-weight:600;transition:color .2s}.break-hover-container:hover .break-minutes-trigger{color:#aa7c11;border-bottom-color:#aa7c11}.break-tooltip-box{visibility:hidden;opacity:0;color:#f8fafc;z-index:110;pointer-events:none;background-color:#0f172a;border-radius:6px;min-width:160px;padding:10px 14px;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s;position:absolute;bottom:135%;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.break-tooltip-box:after{content:"";border:6px solid #0000;border-top-color:#0f172a;margin-left:-6px;position:absolute;top:100%;left:50%}.break-hover-container:hover .break-tooltip-box{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.tooltip-break-row{border-bottom:1px solid #334155;justify-content:space-between;gap:16px;padding:5px 0;font-size:11px;display:flex}.tooltip-break-row:last-child{border-bottom:none}.btn-view-request{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;cursor:pointer!important}.btn-view-request:hover{color:#0f172a;background-color:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}.btn-view-request:active{transform:scale(.96)}.modal-status-badge{border-radius:4px;margin-top:5px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.btn-reg-raise{color:#fff;background:linear-gradient(135deg,#d4af37,#aa7c11);border:none;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #0000001a;cursor:pointer!important}.btn-reg-raise:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 8px #aa7c114d}.btn-reg-raise:active{transform:translateY(1px)scale(.97);box-shadow:0 1px 2px #00000026}.btn-reg-approve{color:#fff;background-color:#10b981;border:none;border-radius:4px;flex:1;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;cursor:pointer!important}.btn-reg-approve:hover{background-color:#059669;transform:translateY(-1px)}.btn-reg-approve:active{transform:scale(.95)}.btn-reg-reject{color:#fff;background-color:#ef4444;border:none;border-radius:4px;flex:1;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;cursor:pointer!important}.btn-reg-reject:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-reg-reject:active{transform:scale(.95)}@media (width<=992px){.attendance-viewer-header{flex-direction:column;align-items:stretch}.attendance-search-box{min-width:100%}.attendance-user-selector select{width:100%;min-width:100%}}@media (width<=768px){.attendance-kpi-grid{grid-template-columns:1fr}.attendance-user-banner{text-align:center;flex-direction:column}}:root{--tech-accent:#06b6d4;--tech-accent-dim:#06b6d41a;--tech-indigo:#6366f1;--tech-indigo-dim:#6366f11a}.ed-shell{box-sizing:border-box;grid-template-columns:260px 1fr;align-items:stretch;gap:6px;width:100%;height:100%;min-height:calc(100vh - 10px);margin:0;padding:0;display:grid}.ed-sidebar{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#fffc;border:1px solid #ffffff80;border-radius:24px;height:100%;max-height:100%;padding:16px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0f172a14}.ed-sidebar:before{content:"";background:linear-gradient(90deg, var(--tech-accent), var(--tech-indigo));border-radius:24px 24px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.ed-panel-header{border-bottom:1px solid #94a3b824;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:14px;display:flex}.ed-avatar{background:linear-gradient(135deg, var(--tech-indigo), var(--tech-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:flex;box-shadow:0 6px 16px #6366f14d}.ed-hero-text{flex:1;min-width:0}.ed-hero-text h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:800;overflow:hidden}.ed-role-chip{color:var(--tech-indigo);background:var(--tech-indigo-dim);letter-spacing:.4px;text-transform:uppercase;border-radius:999px;margin-top:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.ed-collapse-toggle{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ed-panel-body{overflow:hidden}.ed-info-grid{flex-direction:column;gap:10px;display:flex}.ed-scard{background:#f8fafcb3;border:1px solid #e2e8f0cc;border-radius:14px;padding:12px 14px;transition:transform .2s,box-shadow .2s}.ed-scard:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0f172a0d}.ed-h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin:0 0 6px;font-size:9px;font-weight:700;display:flex}.ed-icon-chip{background:var(--tech-accent-dim);width:20px;height:20px;color:var(--tech-accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ed-val{color:#0f172a;margin:0;font-size:12px;font-weight:700}.ed-birthday-section{flex-direction:column;gap:12px;margin-top:18px;display:flex}.ed-birthday-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:16px;box-shadow:0 4px 12px #0000000f}.ed-birthday-title{color:#334155;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:800;display:flex}.ed-birthday-row{border-bottom:1px solid #f1f5f9;padding:10px 0}.ed-birthday-row:last-child{border-bottom:none}.ed-birthday-name{color:#0f172a;font-size:13px;font-weight:700}.ed-birthday-sub{color:#64748b;margin-top:2px;font-size:11px}.ed-empty-text{color:#94a3b8;margin:0;font-size:12px}.ed-main{box-sizing:border-box;flex-direction:column;padding:0 16px 16px 0;display:flex;overflow-y:auto}.ed-tab-header::-webkit-scrollbar{display:none}.ed-tab-header{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;-webkit-overflow-scrolling:touch;z-index:1;background:#ffffffd9;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;width:100%;min-height:0;margin-bottom:12px;padding:6px 8px;display:flex;position:relative;overflow-x:auto;box-shadow:0 4px 14px #0f172a0a;height:auto!important}.ed-tab-btn{color:#64748b;letter-spacing:.4px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:700;line-height:normal;transition:all .2s}.ed-tab-btn:hover{color:#334155;background:#94a3b814}.ed-tab-btn.is-active{color:#fff;background:linear-gradient(135deg, var(--tech-indigo), #4f46e5);box-shadow:0 4px 12px #6366f14d}.ed-performance-container{flex-direction:column;gap:20px;display:flex}@media (width<=768px){.ed-shell{grid-template-columns:1fr;gap:12px;height:auto;padding-bottom:84px}.ed-sidebar{border-radius:20px;max-height:none;overflow-y:visible}.ed-panel-header{cursor:pointer}.ed-avatar{width:46px;height:46px;font-size:18px}.ed-hero-text h3{font-size:14px}.ed-tab-header{border-radius:14px}.ed-tab-btn{padding:8px 12px;font-size:11px}}@media (width<=480px){.ed-sidebar{padding:12px}.ed-scard{padding:10px 12px}.ed-birthday-card{padding:14px}}.combined-widget-wrapper{z-index:9999;touch-action:none;cursor:grab;align-items:center;transition:top .1s;display:flex;position:fixed}.combined-widget-wrapper.dragging{cursor:grabbing;opacity:.9;transition:none}.widget-circle{z-index:2;cursor:pointer;background:#ffe3c2;border:3px solid #3a9ee2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;position:relative;box-shadow:-2px 4px 12px #00000026}.unread-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.combined-widget-wrapper.side-right{flex-direction:row-reverse}.combined-widget-wrapper.side-right .widget-cylinder{color:#fff;z-index:1;white-space:nowrap;text-align:right;opacity:0;background:#3a9ee2;border-radius:30px 0 0 30px;flex-direction:column;justify-content:center;align-items:flex-end;max-width:0;margin-right:-20px;padding:12px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:max-width .4s cubic-bezier(.25,1,.5,1),opacity .3s,padding .4s;display:flex;overflow:hidden;box-shadow:-4px 4px 12px #00000026}.combined-widget-wrapper.side-right:hover .widget-cylinder{opacity:1;max-width:220px;padding:12px 30px 12px 24px}.combined-widget-wrapper.side-left{flex-direction:row}.combined-widget-wrapper.side-left .widget-cylinder{color:#fff;z-index:1;white-space:nowrap;opacity:0;background:#3a9ee2;border-radius:0 30px 30px 0;flex-direction:column;justify-content:center;align-items:flex-start;max-width:0;margin-left:-20px;padding:12px 0;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:max-width .4s cubic-bezier(.25,1,.5,1),opacity .3s,padding .4s;display:flex;overflow:hidden;box-shadow:4px 4px 12px #00000026}.combined-widget-wrapper.side-left:hover .widget-cylinder{opacity:1;max-width:220px;padding:12px 24px 12px 30px}.widget-cylinder span{opacity:.85;margin-top:1px;font-size:10px;font-weight:400}.counter{color:var(--accent);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overflow-x:hidden;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.app-loader{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);justify-content:center;align-items:center;height:100vh;display:flex}.loader-box{text-align:center}.spinner{border:4px solid #ffffff30;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;margin:auto;animation:1s linear infinite spin}.main-app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}.content-wrapper{flex:1;height:calc(100vh - 80px);display:flex;overflow:hidden}.install-banner-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#fffffff2;border:1px solid #d4af37;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;animation:.5s ease-out slideUp;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 10px 25px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.install-button-gold{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;padding:8px 20px;font-weight:600;transition:all .3s}.install-button-gold:hover{background:#333;transform:scale(1.05)}@media (width<=600px){.install-banner-container{text-align:center;flex-direction:column;gap:12px;padding:12px;bottom:10px;left:10px;right:10px}.install-button-gold{width:100%}}.activation-screen-wrapper{box-sizing:border-box;background:radial-gradient(circle,#61eff9 0%,#9d67f5 100%);flex-direction:column;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow-x:hidden}.activation-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-sizing:border-box;z-index:100;background:#0a0d12cc;border-bottom:1px solid #d4af371f;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 4%;display:flex}.nav-brand{align-items:center;gap:12px;display:flex}.brand-logo-glow{color:#0d1015;background:linear-gradient(135deg,#d4af37,#aa7c11);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:flex;box-shadow:0 0 20px #d4af3740}.brand-name-luxury{color:#fff;letter-spacing:.5px;font-size:18px;font-weight:600}.nav-actions{align-items:center;gap:16px;display:flex}.nav-status-badge{color:#d4af37;background:#375ed40d;border:1px solid #d4af3726;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.pulse-icon{color:#d4af37;animation:2s ease-in-out infinite badgePulse}.nav-logout-btn{color:#ffffffb3;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;padding:7px 15px;font-size:13px;font-weight:500;transition:background .2s,border .2s,color .2s;display:flex}.nav-logout-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.activation-main-body{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.activation-split-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#14182166;border:1px solid #d4af371a;border-radius:16px;width:100%;max-width:860px;min-height:490px;display:flex;overflow:hidden;box-shadow:0 30px 70px #00000080}.activation-left-identity-panel{box-sizing:border-box;background:#0b0e13d9;border-right:1px solid #ffffff08;flex-direction:column;flex:1.1;justify-content:space-between;padding:40px;display:flex;position:relative}.panel-gold-overlay{pointer-events:none;background:linear-gradient(#d4af3704 0%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.identity-header-block{text-align:center;margin-bottom:20px}.user-avatar-premium-ring{background:padding-box padding-box,linear-gradient(135deg,#d4af37,#d4af370d);border-radius:50%;width:76px;height:76px;margin:0 auto 14px;padding:2px;box-shadow:0 10px 25px #00000059}.user-avatar-premium{color:#d4af37;background:#181d26;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:26px;font-weight:700;display:flex}.identity-header-block h2{color:#fff;letter-spacing:-.2px;margin:0 0 6px;font-size:20px;font-weight:600}.identity-panel-role-badge{color:#d4af37;text-transform:uppercase;letter-spacing:.8px;background:#d4af3714;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-block}.identity-meta-list{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.meta-item-row{flex-direction:column;gap:6px;display:flex}.meta-item-row label{color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;display:flex}.meta-item-row label svg{color:#d4af3780}.meta-item-row .meta-value{color:#fff;padding-left:2px;font-size:14px;font-weight:500}.meta-item-row .gold-highlight-text{color:#d4af37;font-weight:600}.meta-value-code{color:#ffffffa6;word-break:break-all;background:#ffffff08;border:1px solid #ffffff05;border-radius:4px;padding:5px 8px;font-family:Courier New,Courier,monospace;font-size:11px}.truncate-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mode-indicator-footer{color:#ffffff59;border-top:1px solid #ffffff0a;justify-content:center;align-items:center;gap:6px;padding-top:16px;font-size:11px;font-weight:500;display:flex}.badge-io-icon{color:#d4af3766}.activation-right-form-panel{box-sizing:border-box;flex-direction:column;flex:1.2;justify-content:center;padding:45px 40px;display:flex}.shield-icon-wrapper-small{background:#0d131a46;border:1px solid #d4af371f;border-radius:35px;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:18px;display:flex}.shield-vector-lucide{color:#d4af37;filter:drop-shadow(0 0 6px #d4af3766);width:20px;height:20px}.activation-header-right h1{color:#fff;letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:700}.activation-header-right p{color:#ffffff73;margin:0;font-size:13px;line-height:1.55}.input-group-wrapper{text-align:left;margin:28px 0 20px}.input-field-label{color:#d4af37cc;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.input-field-relative{width:100%;position:relative}.activation-input{color:#fff;letter-spacing:1.5px;box-sizing:border-box;background:#080a0e99;border:1px solid #ffffff0f;border-radius:6px;width:100%;height:50px;padding:0 16px;font-size:15px;font-weight:500;transition:border-color .25s,background-color .25s}.activation-input:focus{background:#080a0ed9;border-color:#d4af3759;outline:none}.activate-btn-luxury{color:#0d1015;cursor:pointer;background:linear-gradient(135deg,#d4af37 0%,#aa7c11 100%);border:none;border-radius:6px;width:100%;height:48px;font-size:14px;font-weight:600;box-shadow:0 4px 15px #d4af371a}.activate-btn-luxury:disabled{color:#fff3;box-shadow:none;cursor:not-allowed;background:#1d222b;border:1px solid #ffffff08}.btn-loader-flex{justify-content:center;align-items:center;gap:10px;display:flex}.spinner-lucide{width:16px;height:16px;animation:.9s linear infinite spin}.activation-footer-meta-right{color:#ffffff59;margin-top:24px;font-size:12px}.activation-footer-meta-right p{margin:0 0 4px}.contact-admin-anchor{color:#d4af37;font-weight:500;text-decoration:none;transition:color .2s}.contact-admin-anchor:hover{color:#f1d36a;text-decoration:underline}@keyframes badgePulse{0%{opacity:.6}50%{opacity:1;transform:scale(1.05)}to{opacity:.6}}@media (width<=800px){.activation-split-container{flex-direction:column;max-width:450px;margin:0 auto}.activation-left-identity-panel{border-bottom:1px solid #ffffff0a;border-right:none;padding:30px}.activation-right-form-panel{padding:35px 30px}}@media (width<=480px){.activation-nav{height:65px;padding:0 5%}.nav-status-badge{display:none}.activation-main-body{padding:15px 12px}.activation-left-identity-panel,.activation-right-form-panel{padding:25px 20px}}.header{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;width:100%;height:80px;padding:0 2rem;display:flex;position:sticky;top:0;left:0}.logo{color:#f1f5f9;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.header-center{color:#94a3b8;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.header-right{align-items:center;display:flex}.nav-btn.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .3s}.nav-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.header-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;color:#fff;background:#08061eb3;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.status-pill{letter-spacing:.5px;background:#ffffff0d;border:1px solid #00ff9d33;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;display:flex}.pulse-dot{background:#00ff9d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00ff9d}.workspace-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-weight:500;display:flex;box-shadow:0 4px 15px #6366f14d}.shutdown-btn{color:#f44;cursor:pointer;background:#ff44441a;border:1px solid #ff44444d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.shutdown-btn:hover{color:#fff;background:#f44}.divider{background:#ffffff1a;width:1px;height:24px;margin:0 8px}