:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}html,body,#root{width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#edf4fc;overflow-x:hidden}button,input,select,textarea{font-family:inherit}:root{--accent:#2f73e8;--accent-2:#5b9cff;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;--radius:18px}.app.theme-blue{--page-bg:radial-gradient(circle at 88% 7%, #5091ff33, transparent 29%), radial-gradient(circle at 28% 92%, #60a5fa1c, transparent 32%), linear-gradient(135deg,#f5f9ff 0%,#eaf3ff 54%,#f7faff 100%);--sidebar-bg:radial-gradient(circle at 12% 4%, #ffffff2e, transparent 28%), linear-gradient(180deg,#277beffa,#0c43a4fc);--surface:linear-gradient(145deg,#ffffffdb,#ffffff96);--surface-strong:#ffffffe6;--surface-soft:#f0f7ffb3;--text:#132039;--muted:#718198;--border:#ffffffd9;--line:#768fb224;--input-bg:#ffffffb8;--table-head:#ebf3fdb8;--sidebar-text:#ffffffc7;--shadow:0 14px 38px #1b458014, 0 3px 10px #1b45800a}.app.theme-navy{--page-bg:radial-gradient(circle at 88% 8%, #3370e23b, transparent 28%), radial-gradient(circle at 25% 92%, #1f52aa2b, transparent 32%), linear-gradient(135deg,#071426 0%,#0b1c33 48%,#102848 100%);--sidebar-bg:radial-gradient(circle at 12% 4%, #5091ff2e, transparent 28%), linear-gradient(180deg,#0c2346fc,#05142dfc);--surface:linear-gradient(145deg,#173457db,#0d233fc7);--surface-strong:#0e213af2;--surface-soft:#193658b3;--text:#eef5ff;--muted:#91a5bf;--border:#7099d31a;--line:#7397c817;--input-bg:#183250d6;--table-head:#142d4bd1;--sidebar-text:#9db0c8;--shadow:0 16px 42px #00081940, inset 0 1px 0 #ffffff06}.app.theme-corporate{--page-bg:linear-gradient(135deg,#f8fafc,#e9eef5);--sidebar-bg:linear-gradient(180deg,#f9fbfe,#e7edf6);--surface:linear-gradient(145deg,#fffffff2,#f7f9fcd6);--surface-strong:#fffffff5;--surface-soft:#f4f7fbe6;--text:#1e293b;--muted:#66758b;--border:#94a3b82e;--line:#64748b21;--input-bg:#ffffffeb;--table-head:#eef2f7eb;--sidebar-text:#53657c;--shadow:0 13px 35px #1e293b12}.app.theme-purple{--page-bg:radial-gradient(circle at 88% 8%, #8466ff2e, transparent 29%), linear-gradient(135deg,#f7f5ff,#ece9ff 52%,#f7f9ff);--sidebar-bg:radial-gradient(circle at 12% 4%, #ffffff2b, transparent 28%), linear-gradient(180deg,#7054ddfa,#392897fc);--surface:linear-gradient(145deg,#ffffffe0,#f7f4ffa3);--surface-strong:#ffffffeb;--surface-soft:#f4f0ffc2;--text:#211a3b;--muted:#776f91;--border:#ffffffdb;--line:#7965b121;--input-bg:#ffffffbf;--table-head:#f1edffcc;--sidebar-text:#fffc;--shadow:0 14px 38px #523ba11a}.app.dark.theme-blue,.app.dark.theme-corporate{--page-bg:radial-gradient(circle at 88% 7%, #306cdc30, transparent 30%), linear-gradient(135deg,#071321,#0d1b2f);--sidebar-bg:linear-gradient(180deg,#0b3677,#061c42);--surface:linear-gradient(145deg,#14263fe3,#0b1b30d1);--surface-strong:#0d1d32f5;--surface-soft:#19304dc7;--text:#edf4ff;--muted:#91a5bf;--border:#ffffff12;--line:#ffffff12;--input-bg:#19314ee0;--table-head:#182d48e0;--sidebar-text:#9fb4d0;--shadow:0 16px 42px #00000040}.app.dark.theme-purple{--page-bg:radial-gradient(circle at 88% 7%, #7855e133, transparent 30%), linear-gradient(135deg,#120d25,#1a1238);--sidebar-bg:linear-gradient(180deg,#3f2d91,#21164e);--surface:linear-gradient(145deg,#2b204ee6,#1c1539d6);--surface-strong:#1f173df5;--surface-soft:#35285bc7;--text:#f4f0ff;--muted:#b0a4ce;--border:#ffffff12;--line:#ffffff12;--input-bg:#372a5be0;--table-head:#332754e0;--sidebar-text:#cabdf0;--shadow:0 16px 42px #00000047}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;color:var(--text);background:var(--page-bg);background-attachment:fixed;transition:background .28s,color .28s}.sidebar{z-index:80;width:255px;color:var(--sidebar-text);background:var(--sidebar-bg);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(26px);flex-direction:column;padding:22px 15px;transition:background .28s;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:10px 0 34px #0012371f}.brand{align-items:center;gap:12px;min-height:60px;padding:2px 8px 25px;display:flex}.company-logo-box{background:#fffffff5;border:1px solid #ffffff4d;border-radius:14px;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 26px #000f2d2e}.company-logo{object-fit:contain;z-index:2;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.company-logo-fallback{color:#174a9e;font-size:22px;font-weight:800}.company-brand-text{min-width:0}.company-brand-text strong{color:#fff;font-size:15px;line-height:1.12;display:block}.company-brand-text span{color:#ffffffb3;max-width:145px;margin-top:4px;font-size:8px;line-height:1.25;display:block}.theme-corporate:not(.dark) .company-brand-text strong{color:#1e293b}.theme-corporate:not(.dark) .company-brand-text span{color:#64748b}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button,.logout-button{width:100%;min-height:45px;color:var(--sidebar-text);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:13px;transition:all .18s;display:flex}.sidebar nav button span,.logout-button span{text-align:center;width:22px;font-size:16px}.sidebar nav button:hover,.logout-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff1a;transform:translate(3px)}.theme-corporate:not(.dark) .sidebar nav button:hover,.theme-corporate:not(.dark) .logout-button:hover{color:#2563eb;background:#2563eb12}.sidebar nav .nav-active{background:linear-gradient(135deg,#ffffff3d,#ffffff1a);border-color:#fff3;font-weight:650;box-shadow:0 10px 28px #00123733,inset 0 1px #ffffff26;color:#fff!important}.theme-corporate:not(.dark) .sidebar nav .nav-active{background:linear-gradient(135deg,#4286f5,#1764dc);border-color:#2563eb2e}.sidebar-bottom{border-top:1px solid #ffffff1c;margin-top:auto;padding-top:14px}.sidebar-user{align-items:center;gap:10px;padding:9px 8px 13px;display:flex}.avatar{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.sidebar-user strong{color:inherit;font-size:12px;display:block}.sidebar-user span{opacity:.68;margin-top:2px;font-size:10px;display:block}.main{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.topbar{z-index:60;min-height:80px;color:var(--text);background:color-mix(in srgb, var(--surface-strong) 84%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px);justify-content:space-between;align-items:center;gap:16px;padding:12px 30px;display:flex;position:sticky;top:0;box-shadow:0 6px 24px #142d500a}.topbar h1{color:var(--text);margin:0;font-size:21px}.topbar p{color:var(--muted);margin:4px 0 0;font-size:11px}.top-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.date-glass,.icon-button{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:11px;box-shadow:0 6px 18px #142d500d}.date-glass{align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:600;display:flex}.icon-button{place-items:center;width:42px;transition:all .18s;display:grid;position:relative}.icon-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2563eb24}.notification-badge{color:#fff;background:var(--danger);border:2px solid #fff;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-weight:800;animation:1.6s infinite notifyPulse;display:grid;position:absolute;top:-5px;right:-5px}@keyframes notifyPulse{50%{box-shadow:0 0 0 6px #ef444400}0%,to{box-shadow:0 0 #ef444447}}.primary-btn{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border:0;border-radius:10px;min-height:41px;padding:0 18px;font-size:12px;font-weight:650;transition:all .18s;box-shadow:0 9px 23px #2563eb3b,inset 0 1px #ffffff40}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 13px 28px #2563eb4d}.secondary-btn{border:1px solid var(--border);min-height:41px;color:var(--text);background:var(--surface-soft);border-radius:10px;padding:0 17px}button:active{transform:scale(.97)}.content{padding:28px 30px 45px;animation:.42s pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel,.stat-card,.report-card,.welcome-strip,.payroll-hero,.dashboard-alert,.request-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)}.panel{padding:22px}.panel-heading,.section-toolbar,.request-heading{justify-content:space-between;align-items:center;gap:17px;margin-bottom:19px;display:flex}.panel-heading h2,.section-toolbar h2,.request-heading h2{color:var(--text);margin:0;font-size:16px}.panel-heading p,.section-toolbar p,.request-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.welcome-strip{justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.welcome-strip:after{content:"";background:radial-gradient(circle,#3b82f62e,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:-70px}.welcome-eyebrow{color:#5d99f8;letter-spacing:1px;font-size:9px;font-weight:800}.welcome-strip h2{color:var(--text);margin:6px 0 4px;font-size:19px}.welcome-strip p{color:var(--muted);margin:0;font-size:11px}.welcome-date{z-index:2;text-align:right;position:relative}.welcome-date small{color:var(--muted);margin-bottom:4px;display:block}.welcome-date strong{color:var(--text);font-size:15px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px;display:grid}.stat-card{text-align:left;align-items:center;gap:16px;min-height:126px;padding:20px;transition:all .22s;animation:.55s both statEnter;display:flex;position:relative;overflow:hidden}.stat-card:first-child{animation-delay:30ms}.stat-card:nth-child(2){animation-delay:90ms}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.21s}@keyframes statEnter{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.stat-card:hover{border-color:#508ef54d;transform:translateY(-5px);box-shadow:0 18px 42px #1f58af24}.stat-card:after{content:"";background:radial-gradient(circle,#468cff21,#0000 70%);border-radius:50%;width:130px;height:130px;position:absolute;top:-58px;right:-50px}.stat-icon{color:#5d9cff;background:#5390f41f;border:1px solid #619bff1f;border-radius:14px;flex:0 0 49px;place-items:center;width:49px;height:49px;font-size:18px;display:grid}.stat-card span{color:var(--muted);font-size:11px;display:block}.stat-card strong{color:var(--text);margin:5px 0 4px;font-size:21px;display:block}.stat-card small{color:#5d9cff;font-size:9px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.today-badge{color:#4e8ef6;background:#4c8bf01a;border-radius:20px;padding:6px 11px;font-size:10px}.attendance-chart-area{grid-template-columns:1fr .95fr;align-items:center;min-height:250px;display:grid}.pie-chart-wrap{place-items:center;display:grid}.pie-chart{border-radius:50%;place-items:center;width:185px;height:185px;animation:.82s cubic-bezier(.2,.8,.2,1) pieEnter;display:grid;box-shadow:0 14px 28px #2563eb21}@keyframes pieEnter{0%{opacity:0;transform:scale(.6)rotate(-50deg)}to{opacity:1;transform:scale(1)rotate(0)}}.pie-hole{text-align:center;background:var(--surface-strong);border-radius:50%;place-content:center;width:112px;height:112px;display:grid}.pie-hole strong{color:var(--text);font-size:24px}.pie-hole span{color:var(--muted);font-size:10px}.chart-legend{flex-direction:column;gap:9px;display:flex}.legend-row{border:1px solid var(--border);min-height:43px;color:var(--text);background:var(--surface-soft);border-radius:10px;grid-template-columns:18px 1fr auto;align-items:center;padding:0 11px;display:grid}.legend-row span{font-size:11px}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.blue{background:#2563eb}.legend-dot.red{background:#ef4444}.legend-dot.orange{background:#f59e0b}.overview-list{flex-direction:column;display:flex}.overview-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:55px;color:var(--muted);text-align:left;background:0 0;grid-template-columns:1fr auto 18px;align-items:center;gap:8px;transition:all .18s;display:grid}.overview-row strong{color:var(--text)}.overview-row:hover{color:#5c9af9;background:#2563eb0d;padding-left:8px}.dashboard-alert{grid-template-columns:43px 1fr auto;align-items:center;gap:13px;margin-top:20px;padding:17px 20px;display:grid}.dashboard-alert-icon{background:#2563eb1a;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.dashboard-alert strong{font-size:12px}.dashboard-alert p{color:var(--muted);margin:3px 0 0;font-size:10px}.dashboard-alert button{color:#5b9cf8;background:#2563eb1a;border:0;border-radius:9px;padding:9px 13px}.search-input{width:min(420px,100%);margin-bottom:17px}.table-wrap{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-soft) 65%,transparent);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;background:0 0;width:100%}th{text-align:left;background:var(--table-head);color:var(--muted);letter-spacing:.45px;text-transform:uppercase;padding:12px 13px;font-size:9px}td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;padding:13px;font-size:11px}td strong{color:var(--text);display:block}td small{color:var(--muted);margin-top:3px;font-size:9px;display:block}tbody tr{transition:background .15s}tbody tr:hover{background:#4182e612}.row-actions{flex-wrap:wrap;gap:5px;display:flex}.row-actions button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:7px;padding:6px 9px;font-size:9px}.row-actions button:hover{color:#6aa5ff;border-color:#4d8ef147}.status{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.status-active,.status-present,.status-approved,.status-resolved{color:#168247;background:#22c55e24}.status-inactive,.status-absent,.status-rejected,.status-closed,.status-terminated{color:#e25761;background:#ef444424}.status-pending,.status-leave,.status-new,.status-on-leave{color:#d18b14;background:#f59e0b29}.status-reviewing{color:#6aa5ff;background:#3b82f629}.status-resigned{color:#9b7ae0;background:#8b5cf624}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--input-bg);border-radius:9px;outline:none;transition:all .18s}input,select{min-height:40px;padding:0 11px}textarea{resize:vertical;padding:11px}input::placeholder,textarea::placeholder{color:var(--muted)}select option{color:#1e293b;background:#fff}.theme-navy select option,.dark select option{color:#edf4ff;background:#152d4b}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:10px;font-weight:650}.form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-section{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;margin-bottom:15px;padding:17px}.form-section-title{border-bottom:1px solid var(--line);margin-bottom:14px;padding-bottom:12px}.form-section-title h3{color:var(--text);margin:0;font-size:12px}.form-section-title p{color:var(--muted);margin:4px 0 0;font-size:9px}.salary-total-box{color:#fff;background:linear-gradient(135deg,#367ef0,#185ecb);border-radius:10px;flex-direction:column;justify-content:center;min-height:64px;padding:11px 13px;display:flex;box-shadow:0 10px 24px #2563eb29}.salary-total-box span{opacity:.75;font-size:9px}.salary-total-box strong{margin-top:4px;font-size:16px}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0510228f;justify-content:center;align-items:center;padding:20px;animation:.18s fadeBackdrop;display:flex;position:fixed;inset:0}@keyframes fadeBackdrop{0%{opacity:0}}.modal{width:min(620px,96vw);max-height:91vh;color:var(--text);background:var(--surface-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:17px;animation:.26s cubic-bezier(.2,.8,.2,1) modalIn;overflow-y:auto;box-shadow:0 30px 100px #04122c59}.modal-wide{width:min(800px,96vw)}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;min-height:70px;padding:14px 21px;display:flex;position:sticky;top:0}.modal-header h2{color:var(--text);margin:0;font-size:16px}.modal-header p{color:var(--muted);margin:4px 0 0;font-size:9px}.modal-close{border:1px solid var(--border);background:var(--surface-soft);width:34px;height:34px;color:var(--text);border-radius:50%;place-items:center;font-size:18px;display:grid}.modal-body{background:0 0;padding:20px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:17px;padding-top:17px;display:flex}.employee-profile-header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.large-avatar{color:#fff;background:linear-gradient(135deg,#4a89f5,#1762d5);border-radius:50%;place-items:center;width:61px;height:61px;font-size:22px;font-weight:750;display:grid;box-shadow:0 12px 28px #2563eb38}.employee-profile-header h2{color:var(--text);margin:0}.employee-profile-header p{color:var(--muted);margin:4px 0 7px;font-size:10px}.details-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;min-height:66px;padding:12px}.detail span{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.detail strong{color:var(--text);word-break:break-word;font-size:11px}.subheading{color:var(--text);margin:20px 0 10px;font-size:12px}.history-list{flex-direction:column;gap:6px;display:flex}.history-row{background:var(--surface-soft);border-radius:9px;justify-content:space-between;align-items:center;min-height:43px;padding:0 11px;font-size:10px;display:flex}.payroll-hero{color:#fff;background:radial-gradient(circle at 85% 15%,#ffffff2b,#0000 26%),linear-gradient(135deg,#347eef,#1257c2);border:1px solid #ffffff29;margin-bottom:20px;padding:23px;box-shadow:0 16px 34px #2563eb33}.payroll-hero span,.payroll-hero small{opacity:.74;display:block}.payroll-hero strong{margin:6px 0 4px;font-size:26px;display:block}.request-filter{width:135px}.request-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.request-card{text-align:left;padding:17px;transition:all .2s}.request-card:hover{border-color:#3b82f64d;transform:translateY(-3px);box-shadow:0 14px 32px #2563eb1c}.request-new{border-left:3px solid #3b82f6}.request-card-top{justify-content:space-between;gap:12px;display:flex}.request-card h3{color:var(--text);margin:6px 0 0;font-size:13px}.request-card>p{color:var(--muted);margin:11px 0;font-size:10px;line-height:1.55}.request-category{color:#5f9ef9;background:#2563eb1a;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.request-person{border-top:1px solid var(--line);padding-top:10px}.request-person strong{color:var(--text);font-size:10px;display:block}.request-person span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.request-footer{color:var(--muted);justify-content:space-between;gap:10px;margin-top:10px;font-size:8px;display:flex}.request-detail-header{justify-content:space-between;gap:15px;margin-bottom:18px;display:flex}.request-detail-header h2{color:var(--text);margin:8px 0 0;font-size:17px}.details-grid-request{margin-bottom:14px}.request-message{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;margin:17px 0;padding:15px}.request-message span{color:#64a0fa;font-size:9px;font-weight:700}.request-message p{color:var(--text);margin:7px 0 0;font-size:11px;line-height:1.6}.manual-contact-note{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;margin-top:14px;padding:13px}.manual-contact-note strong{color:var(--text);font-size:10px}.manual-contact-note p{color:var(--muted);margin:4px 0 0;font-size:9px}.helpdesk-banner{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.helpdesk-banner-icon{color:#fff;background:linear-gradient(135deg,#4286f5,#1762d4);border-radius:12px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-size:11px;font-weight:750;display:grid}.helpdesk-banner strong{color:var(--text);font-size:11px}.helpdesk-banner p{color:var(--muted);margin:4px 0 0;font-size:9px}.permissions-box{background:var(--surface-soft);border-radius:11px;margin-top:16px;padding:15px}.permissions-box h3{color:var(--text);margin:0 0 12px;font-size:11px}.permission-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.permission-grid label{border:1px solid var(--border);background:var(--surface-soft);min-height:39px;color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:9px;display:flex}.permission-grid input{width:14px;height:14px;min-height:0}.report-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.report-card{padding:23px}.report-card span{color:var(--muted);font-size:10px}.report-card strong{color:var(--text);margin-top:9px;font-size:23px;display:block}.settings-layout{max-width:1100px}.settings-subtitle{color:var(--text);margin:8px 0 12px;font-size:11px}.theme-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.theme-choice{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);text-align:left;border-radius:11px;padding:10px;transition:all .18s}.theme-choice:hover,.theme-selected{border-color:#3b82f673;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb1a}.theme-preview{border-radius:8px;height:75px;margin-bottom:9px}.theme-preview-blue{background:linear-gradient(135deg,#dcecff,#6ba4f6)}.theme-preview-navy{background:linear-gradient(135deg,#12264a,#3f72ba)}.theme-preview-corporate{background:linear-gradient(135deg,#eef1f5,#fff)}.theme-preview-purple{background:linear-gradient(135deg,#e3ddff,#806cec)}.theme-choice strong{color:var(--text);font-size:10px;display:block}.theme-choice span{color:#5f9ef9;margin-top:3px;font-size:8px;display:block}.wallpaper-section{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:23px;padding-top:20px;display:flex}.wallpaper-section h3{color:var(--text);margin:0;font-size:12px}.wallpaper-section p{color:var(--muted);margin:4px 0 0;font-size:9px}.wallpaper-actions{gap:8px;display:flex}.upload-wallpaper{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4286f5,#1764dc);border-radius:10px;align-items:center;min-height:41px;padding:0 15px;font-size:10px;font-weight:650;display:flex}.upload-wallpaper input{display:none}.wallpaper-preview{background-position:50%;background-size:cover;border-radius:13px;height:210px;margin-top:17px;position:relative;overflow:hidden}.wallpaper-preview:after{content:"";background:linear-gradient(#0000,#00000073);position:absolute;inset:0}.wallpaper-preview span{z-index:2;color:#fff;font-size:10px;position:absolute;bottom:13px;left:15px}.empty-state{text-align:center;place-content:center;min-height:300px;display:grid}.empty-icon{font-size:35px}.empty-state h3{color:var(--text);margin:10px 0 4px;font-size:14px}.empty-state p{color:var(--muted);margin:0;font-size:10px}.login-glow{filter:blur(5px);background:#ffffff21;border-radius:50%;position:absolute}.login-glow-one{width:500px;height:500px;top:-210px;right:-100px}.login-glow-two{width:430px;height:430px;bottom:-200px;left:-120px}.login-shell{z-index:2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #ffffff3d;border-radius:25px;grid-template-columns:1fr .88fr;width:min(980px,100%);min-height:590px;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 100px #00143c47}.login-brand-panel{color:#fff;background:linear-gradient(145deg,#072d7847,#ffffff0a);flex-direction:column;justify-content:center;padding:55px;display:flex}.login-logo{background:#fffffff2;border:1px solid #ffffff57;border-radius:15px;place-items:center;width:190px;height:70px;margin-bottom:25px;padding:8px;display:grid;position:relative;overflow:hidden}.login-company-logo{object-fit:contain;z-index:2;width:calc(100% - 14px);height:calc(100% - 14px);position:absolute;inset:7px}.login-brand-panel h1{letter-spacing:-.7px;margin:0;font-size:30px}.login-brand-panel>p{color:#ffffffbd;max-width:390px;margin:12px 0 28px;font-size:12px;line-height:1.6}.login-feature{color:#ffffffe0;align-items:center;gap:10px;margin:6px 0;font-size:11px;display:flex}.login-feature span{background:#ffffff1f;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.login-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);color:#1e293b;background:#fffffff0;flex-direction:column;justify-content:center;padding:48px 42px;display:flex}.login-small-title{color:#2563eb;letter-spacing:1px;font-size:8px;font-weight:800}.login-card h2{margin:8px 0 4px;font-size:23px}.login-card>div>p{color:#78879a;margin:0 0 22px;font-size:10px}.login-card .field{margin-bottom:12px}.login-card .field span{color:#5e6e83}.login-card input,.login-card select,.login-card textarea{color:#1e293b;background:#ffffffd1;border-color:#8496af3b}.login-button{width:100%;margin-top:6px}.help-divider{color:#8a97a8;align-items:center;margin:24px 0 13px;font-size:8px;display:flex}.help-divider:before,.help-divider:after{content:"";background:#899ab038;flex:1;height:1px}.help-divider span{padding:0 10px}.helpdesk-login-button{color:#31445d;text-align:left;background:linear-gradient(145deg,#e8f2ffde,#f5f9ffb8);border:1px solid #3b82f626;border-radius:12px;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;width:100%;min-height:76px;padding:10px 12px;transition:all .18s;display:grid}.help-icon{color:#fff;background:linear-gradient(135deg,#4285f4,#1761d5);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.helpdesk-login-button strong{font-size:11px;display:block}.helpdesk-login-button small{color:#718096;margin-top:3px;font-size:8px;line-height:1.4;display:block}.no-login-note{text-align:center;color:#8a97a8;margin:9px 0 0;font-size:8px}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.form-grid-3,.theme-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.login-shell{grid-template-columns:1fr;max-width:520px}.login-brand-panel{display:none}.sidebar{width:76px;padding:18px 9px}.company-brand-text,.sidebar-user>div:last-child{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.company-logo-box{flex-basis:48px;width:48px;height:48px}.sidebar nav button,.logout-button{justify-content:center;font-size:0}.sidebar nav button span,.logout-button span{font-size:17px}.main{width:calc(100% - 76px);margin-left:76px}.topbar{flex-direction:column;align-items:flex-start;padding:14px 16px}.top-actions{width:100%}.content{padding:17px}.request-grid,.report-grid{grid-template-columns:1fr}}@media (width<=650px){.stats-grid,.form-grid,.form-grid-2,.form-grid-3,.details-grid,.permission-grid,.theme-grid{grid-template-columns:1fr}.attendance-chart-area{grid-template-columns:1fr;gap:24px;padding:15px 0}.section-toolbar,.request-heading,.wallpaper-section{flex-direction:column;align-items:flex-start}.date-glass{order:4}.login-page{padding:15px}.login-card{padding:32px 24px}.modal-backdrop{padding:9px}.modal-body{padding:15px}.welcome-strip{flex-direction:column;align-items:flex-start;gap:12px}.welcome-date{text-align:left}.dashboard-alert{grid-template-columns:40px 1fr}.dashboard-alert button{grid-column:1/-1}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b47;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3b82f675}.sidebar-brand{justify-content:flex-start;align-items:center;width:100%;padding:10px 8px 22px;display:flex}.sidebar-company-logo{object-fit:contain;object-position:left center;filter:brightness(0)invert();width:190px;max-width:100%;height:58px;display:block}.login-page{--surface:linear-gradient(145deg, #fffffff5, #f4f9ffeb);--surface-strong:#fffffff7;--surface-soft:#eef6ffe6;--text:#142033;--muted:#718198;--border:#94a3b833;--line:#768fb224;--input-bg:#fffffff0}.login-page .modal-header{color:var(--text);background:#fffffff2}.login-page .modal-header h2,.login-page .modal h2,.login-page .modal h3,.login-page .detail strong{color:var(--text)}.login-page .modal-header p,.login-page .field span,.login-page .detail span{color:var(--muted)}.login-page .modal input::placeholder,.login-page .modal textarea::placeholder{color:#8a98aa}.login-page .modal select option{color:#1e293b;background:#fff}.login-page .helpdesk-banner,.login-page .request-message,.login-page .manual-contact-note,.login-page .form-section{color:var(--text);background:#eef6ffe6;border-color:#3b82f621}.report-card-button{border:1px solid var(--border);text-align:left;width:100%;min-height:130px;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.payroll-hero{justify-content:space-between;align-items:center;gap:24px;display:flex}.payroll-hero-main{min-width:240px}.payroll-month-summary{grid-template-columns:repeat(2,minmax(150px,1fr));gap:10px;min-width:min(430px,48%);display:grid}.payroll-month-summary>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:12px;padding:12px 14px}.payroll-month-summary span{opacity:.72;font-size:9px;display:block}.payroll-month-summary strong{margin-top:5px;font-size:16px;display:block}.payroll-action-btn{color:#5d9cff;white-space:nowrap;background:#2563eb1a;border:1px solid #4d8ef13d;border-radius:8px;min-height:32px;padding:0 10px;font-size:9px;font-weight:700}.payroll-action-btn:hover{background:#2563eb2b;transform:translateY(-1px)}.salary-payment-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.status-paid{color:#168247;background:#22c55e24}.status-partial{color:#d18b14;background:#f59e0b29}.status-due{color:#e25761;background:#ef444424}.report-card-button{text-align:left;width:100%}.report-card-button small{color:#5d9cff;margin-top:8px;font-size:9px;display:block}.report-card-button:hover{border-color:#3b82f64d;transform:translateY(-3px);box-shadow:0 14px 32px #2563eb1c}.login-page .modal{color:#142033;background:linear-gradient(145deg,#fffffff7,#f2f8fff5)}.login-page .modal-header{background:#fafdfff5}.login-page .modal-header h2,.login-page .modal .detail strong,.login-page .modal .request-message p,.login-page .modal .helpdesk-banner strong{color:#142033}.login-page .modal-header p,.login-page .modal .field span,.login-page .modal .helpdesk-banner p{color:#64748b}.login-page .modal input,.login-page .modal select,.login-page .modal textarea{color:#203047;background:#ffffffe6;border-color:#8496af3b}@media (width<=820px){.payroll-hero{flex-direction:column;align-items:flex-start}.payroll-month-summary{width:100%;min-width:0}}@media (width<=650px){.payroll-month-summary,.salary-payment-summary{grid-template-columns:1fr}}.payroll-row-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.payroll-action-btn,.payroll-receipt-btn{border-radius:8px;min-height:32px;padding:0 11px;font-size:9px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.payroll-action-btn{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border:0;box-shadow:0 6px 16px #2563eb2b}.payroll-receipt-btn{border:1px solid var(--border);color:var(--text);background:var(--surface-soft)}.payroll-action-btn:hover,.payroll-receipt-btn:hover{transform:translateY(-1px)}.salary-paid-label{color:#168247;font-size:9px;font-weight:800}.salary-due-text{color:#e44d58!important}.salary-live-preview{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px;padding:13px;display:grid}.salary-live-preview>div{background:color-mix(in srgb, var(--surface-strong) 75%, transparent);border-radius:9px;min-height:62px;padding:11px}.salary-live-preview span{color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.salary-live-preview strong{color:var(--text);font-size:14px}.salary-receipt-list{flex-direction:column;gap:9px;margin-top:16px;display:flex}.salary-receipt-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;grid-template-columns:1.4fr .8fr .8fr 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.salary-receipt-card span{color:var(--muted);margin-bottom:4px;font-size:8px;display:block}.salary-receipt-card strong{color:var(--text);font-size:10px}@media (width<=760px){.salary-live-preview{grid-template-columns:1fr}.salary-receipt-card{grid-template-columns:1fr 1fr}.salary-receipt-card button{grid-column:1/-1}}.attendance-top-grid{grid-template-columns:1.45fr repeat(3,.75fr);gap:14px;margin-bottom:18px;display:grid}.attendance-date-card,.attendance-count-card{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:112px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:17px}.attendance-date-card{grid-template-columns:1fr minmax(150px,190px);align-items:center;gap:8px 16px;display:grid}.attendance-date-card>span,.attendance-count-card>span{color:var(--muted);font-size:10px;font-weight:700}.attendance-date-card input{grid-area:1/2/span 2}.attendance-date-card small{color:var(--muted);font-size:9px}.attendance-count-card{flex-direction:column;justify-content:center;display:flex}.attendance-count-card strong{color:var(--text);margin-top:7px;font-size:27px;display:block}.attendance-present-card{border-bottom:3px solid #2563eb}.attendance-absent-card{border-bottom:3px solid #ef4444}.attendance-leave-card{border-bottom:3px solid #f59e0b}.bulk-attendance-panel{padding:20px}.bulk-attendance-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.bulk-attendance-heading h2{color:var(--text);margin:0;font-size:17px}.bulk-attendance-heading p{color:var(--muted);margin:5px 0 0;font-size:10px}.attendance-save-btn{min-width:145px}.attendance-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;margin-bottom:13px;display:flex}.attendance-filters{flex:1;align-items:center;gap:9px;min-width:350px;display:flex}.attendance-search{flex:1;min-width:280px}.attendance-department-filter{width:190px}.attendance-quick-actions{flex-wrap:wrap;gap:6px;display:flex}.attendance-quick-actions button{border:1px solid var(--border);min-height:35px;color:var(--text);background:var(--surface-soft);border-radius:8px;padding:0 10px;font-size:9px;font-weight:700;transition:all .16s}.attendance-quick-actions button:hover{border-color:#3b82f64d;transform:translateY(-1px)}.attendance-quick-actions .quick-absent:hover{color:#e14954;border-color:#ef444447}.attendance-quick-actions .quick-leave:hover{color:#d58a0b;border-color:#f59e0b4d}.attendance-saved-message{color:#168247;background:#22c55e1a;border:1px solid #22c55e26;border-radius:9px;margin-bottom:12px;padding:11px 13px;font-size:10px;font-weight:700}.attendance-help-strip{color:var(--muted);background:#3b82f60f;border:1px solid #3b82f61a;border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:10px 12px;font-size:9px;display:flex}.attendance-help-strip strong{color:#5a96f4}.attendance-table-wrap{max-height:560px;overflow:auto}.bulk-attendance-table thead{z-index:3;position:sticky;top:0}.bulk-attendance-table tbody tr{transition:background .14s,box-shadow .14s}.bulk-attendance-table .attendance-row-absent{background:#ef444409}.bulk-attendance-table .attendance-row-leave{background:#f59e0b0a}.attendance-status-buttons{align-items:center;gap:5px;min-width:245px;display:flex}.status-choice{border:1px solid var(--border);min-height:31px;color:var(--muted);background:var(--surface-soft);border-radius:8px;padding:0 9px;font-size:8px;font-weight:700;transition:all .15s}.status-choice:hover{transform:translateY(-1px)}.status-choice.active-present{color:#176fd7;background:#2563eb1c;border-color:#2563eb3b;box-shadow:0 5px 12px #2563eb14}.status-choice.active-absent{color:#d9424e;background:#ef44441c;border-color:#ef444440}.status-choice.active-leave{color:#c77c06;background:#f59e0b1f;border-color:#f59e0b47}.attendance-empty{color:var(--muted);text-align:center;padding:30px}.attendance-bottom-bar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:14px;padding-top:14px;font-size:9px;display:flex}.attendance-bottom-bar strong{color:var(--text)}@media (width<=1050px){.attendance-top-grid{grid-template-columns:1fr 1fr}.attendance-date-card{grid-column:1/-1}.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-filters{width:100%;min-width:0}}@media (width<=650px){.attendance-top-grid{grid-template-columns:1fr}.attendance-date-card{grid-column:auto;grid-template-columns:1fr}.attendance-date-card input{grid-area:auto}.attendance-filters{flex-direction:column}.attendance-search,.attendance-department-filter{width:100%;min-width:0}.attendance-status-buttons{min-width:210px}.attendance-bottom-bar{flex-direction:column;align-items:stretch}}.bulk-attendance-heading h2{font-size:20px}.bulk-attendance-heading p,.attendance-date-card>span,.attendance-count-card>span{font-size:12px}.attendance-date-card small{font-size:10px}.attendance-count-card strong{font-size:31px}.bulk-attendance-table th{padding-top:13px;padding-bottom:13px;font-size:10px}.bulk-attendance-table td{padding-top:14px;padding-bottom:14px;font-size:12px}.bulk-attendance-table td strong{font-size:12px}.bulk-attendance-table td small{font-size:10px}.status-choice{min-height:34px;padding:0 11px;font-size:9px}.attendance-search,.attendance-department-filter{font-size:12px}.attendance-help-strip,.attendance-bottom-bar{font-size:10px}.attendance-heading-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attendance-export-btn{border:1px solid var(--border);min-height:41px;color:var(--text);background:var(--surface-soft);border-radius:10px;padding:0 15px;font-size:10px;font-weight:750;transition:all .17s;box-shadow:0 7px 18px #1b45800f}.attendance-export-btn:hover{color:#4388f6;border-color:#3b82f647;transform:translateY(-2px);box-shadow:0 10px 22px #2563eb1a}@media (width<=780px){.attendance-heading-actions{width:100%}.attendance-heading-actions button{flex:1}}.attendance-user-banner{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#3b82f61f,#7c5cf614);border:1px solid #3b82f629;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;padding:16px 18px;display:flex}.attendance-user-banner span,.attendance-user-banner small{color:var(--muted);font-size:10px;display:block}.attendance-user-banner strong{color:var(--text);margin:4px 0;font-size:17px;display:block}.attendance-project-panel{margin-bottom:17px}.attendance-project-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.geo-location-row{grid-template-columns:1fr auto;gap:7px;display:grid}.geo-location-row button{border:1px solid var(--border);color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-radius:9px;min-width:120px;font-size:9px;font-weight:700}.attendance-select-checkbox{accent-color:#2563eb;width:17px!important;height:17px!important;min-height:0!important}.attendance-row-unselected{opacity:.48}.attendance-row-unselected .status-choice{cursor:not-allowed}.attendance-approval-panel,.attendance-my-submissions{margin-top:18px}.attendance-submission-list{flex-direction:column;gap:10px;display:flex}.attendance-submission-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;grid-template-columns:1fr .8fr 1.3fr 1.3fr .65fr auto;align-items:center;gap:12px;padding:14px;display:grid}.attendance-submission-card span{color:var(--muted);margin-bottom:4px;font-size:8px;display:block}.attendance-submission-card strong{color:var(--text);word-break:break-word;font-size:10px}.approval-actions{gap:6px;display:flex}.approve-btn,.reject-btn{border-radius:8px;min-height:33px;padding:0 11px;font-size:9px;font-weight:750}.approve-btn{color:#168247;background:#22c55e1c;border:1px solid #22c55e33}.reject-btn{color:#d9424e;background:#ef44441a;border:1px solid #ef444433}.attendance-small-empty{min-height:140px}.user-access-info{background:#3b82f612;border:1px solid #3b82f621;border-radius:10px;margin:14px 0;padding:13px 15px}.user-access-info strong{color:var(--text);font-size:11px;display:block}.user-access-info span{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5;display:block}.permission-locked{opacity:.68}@media (width<=1100px){.attendance-submission-card{grid-template-columns:repeat(3,1fr)}.approval-actions{grid-column:1/-1}}@media (width<=700px){.attendance-project-grid,.geo-location-row{grid-template-columns:1fr}.attendance-submission-card{grid-template-columns:1fr 1fr}}.complaint-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.complaint-toolbar-actions input{width:155px}.complaint-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.complaint-summary-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;padding:14px}.complaint-summary-card span{color:var(--muted);font-size:9px;display:block}.complaint-summary-card strong{color:var(--text);margin-top:5px;font-size:20px;display:block}.complaint-thumb{object-fit:cover;border:1px solid var(--border);cursor:pointer;border-radius:8px;width:64px;height:46px;transition:all .17s}.complaint-thumb:hover{transform:scale(1.06);box-shadow:0 8px 20px #00000026}.complaint-view-btn{min-height:32px}.complaint-photo-upload{color:#5a96f4;cursor:pointer;background:#3b82f612;border:1px dashed #3b82f666;border-radius:9px;justify-content:center;align-items:center;min-height:40px;padding:0 12px;font-size:10px;font-weight:750;display:flex}.complaint-photo-upload input{display:none}.complaint-photo-preview{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;grid-template-columns:180px 1fr;align-items:center;gap:14px;margin-top:14px;padding:12px;display:grid}.complaint-photo-preview img{object-fit:cover;border-radius:9px;width:180px;height:120px}.complaint-photo-preview strong,.complaint-photo-preview span{display:block}.complaint-photo-preview strong{color:var(--text);font-size:11px}.complaint-photo-preview span{color:var(--muted);margin:4px 0 10px;font-size:9px}.complaint-detail-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.complaint-detail-head span{color:var(--muted);font-size:9px;display:block}.complaint-detail-head strong{color:var(--text);margin-top:4px;font-size:17px;display:block}.complaint-full-photo{border:1px solid var(--border);background:#08192d;border-radius:12px;margin-top:15px;overflow:hidden}.complaint-full-photo img{object-fit:contain;width:100%;max-height:520px;display:block}.complaint-admin-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:16px;padding-top:16px;display:flex}@media (width<=760px){.complaint-summary-grid{grid-template-columns:repeat(2,1fr)}.complaint-photo-preview{grid-template-columns:1fr}.complaint-photo-preview img{width:100%;height:200px}}.permissions-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.permissions-heading-row h3{margin:0}.permissions-quick-actions{gap:7px;display:flex}.permissions-quick-actions button{border:1px solid var(--border);min-height:30px;color:var(--text);background:var(--surface-soft);border-radius:7px;padding:0 10px;font-size:8px;font-weight:700;transition:all .16s}.permissions-quick-actions button:hover{color:#5b9cf8;border-color:#3b82f64d;transform:translateY(-1px)}.permission-grid label:not(.permission-locked){cursor:pointer}.permission-grid label:not(.permission-locked):hover{background:#3b82f60f;border-color:#3b82f647}.ticket-success-wrap{text-align:center;padding:8px 8px 2px}.ticket-success-icon{background:#22c55e21;border:1px solid #22c55e33;border-radius:50%;place-items:center;width:82px;height:82px;margin:4px auto 18px;animation:.48s cubic-bezier(.2,.8,.2,1) ticketSuccessPop;display:grid}.ticket-success-icon span{color:#fff;background:linear-gradient(135deg,#22c55e,#16944a);border-radius:50%;place-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:grid;box-shadow:0 10px 28px #22c55e3d}@keyframes ticketSuccessPop{0%{opacity:0;transform:scale(.55)}65%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.ticket-success-wrap h2{color:var(--text);margin:0;font-size:21px}.ticket-success-wrap>p{max-width:460px;color:var(--muted);margin:9px auto 18px;font-size:11px;line-height:1.65}.ticket-success-number{text-align:left;background:#3b82f612;border:1px solid #3b82f62b;border-radius:12px;max-width:520px;margin:0 auto;padding:15px}.ticket-success-number>span{color:var(--muted);margin-bottom:7px;font-size:9px;font-weight:700;display:block}.ticket-success-number>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.ticket-success-number strong{color:#4f94f8;letter-spacing:.3px;word-break:break-all;font-size:18px}.ticket-success-number button{color:#4f94f8;background:var(--surface-soft);border:1px solid #3b82f633;border-radius:8px;flex:none;min-width:88px;min-height:36px;padding:0 12px;font-size:9px;font-weight:800}.ticket-success-actions{justify-content:center;gap:9px;margin-top:18px;display:flex}.tracking-modal-content{max-width:980px;margin:0 auto}.tracking-search-box{grid-template-columns:minmax(0,1fr) 150px!important;align-items:stretch!important;gap:10px!important;margin-bottom:18px!important;display:grid!important}.tracking-search-box input{width:100%!important;min-width:0!important;height:44px!important}.tracking-search-box button{width:150px!important;min-width:150px!important;height:44px!important;margin:0!important}.tracking-result{flex-direction:column;gap:14px;display:flex}.tracking-overview-grid{grid-template-columns:1.45fr .8fr 1fr;gap:10px;display:grid}.tracking-ticket-card,.tracking-status-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;min-height:82px;padding:14px}.tracking-ticket-card{background:linear-gradient(135deg,#3b82f61f,#3b82f60d);border-color:#3b82f62e}.tracking-ticket-card span,.tracking-status-card span{color:var(--muted);margin-bottom:7px;font-size:9px;display:block}.tracking-ticket-card strong{color:#4f94f8;word-break:break-all;font-size:17px}.tracking-status-card strong{color:var(--text);font-size:11px}.tracking-info-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tracking-info-grid .detail{min-width:0;min-height:78px}.tracking-request-message{margin:0}.tracking-progress-wrap{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;padding:14px}.tracking-progress-title{color:var(--text);margin-bottom:12px;font-size:11px;font-weight:800}.ticket-progress{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin:0!important;display:grid!important}.ticket-progress-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:74px;display:flex;position:relative;border-radius:10px!important;padding:10px 5px!important}.ticket-progress-dot{width:25px;height:25px;color:var(--muted);background:var(--surface-strong);border:1px solid var(--border);border-radius:50%;place-items:center;font-size:8px;font-weight:850;display:grid}.ticket-progress-label{color:var(--muted);font-size:8px;font-weight:700;line-height:1.25}.ticket-progress-complete .ticket-progress-dot,.ticket-progress-active .ticket-progress-dot{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-color:#0000}.ticket-progress-complete .ticket-progress-label,.ticket-progress-active .ticket-progress-label{color:#4f94f8}.ticket-progress-active{background:#3b82f617!important;border-color:#3b82f647!important}@media (width<=850px){.tracking-overview-grid{grid-template-columns:1fr 1fr}.tracking-ticket-card{grid-column:1/-1}.tracking-info-grid{grid-template-columns:1fr 1fr}.ticket-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=560px){.tracking-search-box{grid-template-columns:1fr!important}.tracking-search-box button{width:100%!important;min-width:0!important}.tracking-overview-grid,.tracking-info-grid{grid-template-columns:1fr}.tracking-ticket-card{grid-column:auto}.ticket-progress{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ticket-success-number>div{flex-direction:column;align-items:stretch}.ticket-success-number button{width:100%}}.ticket-admin-actions{flex-wrap:wrap!important;align-items:center!important;gap:9px!important;margin:18px 0 16px!important;display:flex!important}.ticket-admin-actions button{appearance:none!important;cursor:pointer!important;border-style:solid!important;border-width:1px!important;border-radius:10px!important;min-height:40px!important;padding:0 15px!important;font-family:inherit!important;font-size:10px!important;font-weight:750!important;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s!important}.ticket-admin-actions button:hover{transform:translateY(-2px)!important}.ticket-viewed-btn{color:#2777e8!important;background:#3b82f61c!important;border-color:#3b82f638!important}.ticket-viewed-btn:hover{box-shadow:0 8px 20px #3b82f624!important}.ticket-progress-btn{color:#7759dc!important;background:#7c5ce01c!important;border-color:#7c5ce038!important}.ticket-progress-btn:hover{box-shadow:0 8px 20px #7c5ce024!important}.ticket-pending-btn{color:#c67b05!important;background:#f59e0b1f!important;border-color:#f59e0b3d!important}.ticket-pending-btn:hover{box-shadow:0 8px 20px #f59e0b24!important}.ticket-solved-btn{color:#158447!important;background:#22c55e1f!important;border-color:#22c55e3d!important}.ticket-solved-btn:hover{box-shadow:0 8px 20px #22c55e24!important}.ticket-close-btn{color:#dd4552!important;background:#ef44441a!important;border-color:#ef444438!important}.ticket-close-btn:hover{box-shadow:0 8px 20px #ef444421!important}.reply-saved-message{color:#168247;background:#22c55e1a;border:1px solid #22c55e2e;border-radius:10px;align-items:center;gap:9px;margin:12px 0 4px;padding:12px 14px;font-size:10px;font-weight:700;animation:.28s replySavedIn;display:flex}.reply-saved-message span{color:#fff;background:#22a45a;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:12px;font-weight:900;display:grid}@keyframes replySavedIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.request-detail-header+.details-grid{margin-top:14px}.ticket-admin-actions+.field textarea{resize:vertical!important;min-height:125px!important}@media (width<=650px){.ticket-admin-actions{grid-template-columns:1fr 1fr!important;display:grid!important}.ticket-admin-actions button:last-child{grid-column:1/-1}}.login-page{background:radial-gradient(circle at 15% 18%,#448eff57,#0000 31%),radial-gradient(circle at 88% 82%,#54cdff38,#0000 30%),linear-gradient(135deg,#071a36 0%,#0d315d 46%,#0a2447 100%)!important;place-items:center!important;min-height:100vh!important;padding:28px!important;display:grid!important;position:relative!important;overflow:hidden!important}.login-page:before{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff14,#0000 25% 70%,#ffffff09);position:absolute;inset:0}.login-glow{filter:blur(10px)!important;opacity:.8!important}.login-shell{z-index:2!important;-webkit-backdrop-filter:blur(28px)saturate(145%)!important;background:#ffffff17!important;border:1px solid #ffffff2e!important;border-radius:34px!important;grid-template-columns:.92fr 1.08fr!important;width:min(1120px,96vw)!important;min-height:610px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 35px 90px #0000004d,inset 0 1px #ffffff2e!important}.login-brand-panel{background:linear-gradient(145deg,#104b8bb8,#07274e85)!important;border-right:1px solid #ffffff1f!important;flex-direction:column!important;justify-content:center!important;padding:54px 52px!important;display:flex!important}.login-form-panel{-webkit-backdrop-filter:blur(32px)saturate(135%)!important;background:#f6faffe0!important;flex-direction:column!important;justify-content:center!important;padding:58px 68px!important;display:flex!important}.login-logo{width:100%!important;height:150px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0 0 20px!important;padding:0!important;display:flex!important;overflow:visible!important}.login-company-logo{object-fit:contain!important;object-position:center center!important;width:430px!important;max-width:100%!important;height:145px!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:0!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important}.login-logo .company-logo-fallback{display:none!important}.login-brand-panel h1{color:#fff!important;letter-spacing:-.4px!important;margin-top:0!important;font-size:28px!important}.login-brand-panel>p{color:#ebf5ffc7!important;line-height:1.7!important}.login-feature{-webkit-backdrop-filter:blur(12px)!important;background:#ffffff12!important;border:1px solid #ffffff1f!important;box-shadow:inset 0 1px #ffffff12!important}.login-form-panel input{background:#ffffffb8!important;border:1px solid #305b9124!important;border-radius:14px!important;min-height:48px!important;transition:all .18s!important;box-shadow:inset 0 1px #ffffffd9,0 7px 22px #20487a0e!important}.login-form-panel input:focus{border-color:#2f80ed61!important;transform:translateY(-1px)!important;box-shadow:0 0 0 4px #2f80ed14,0 10px 26px #20487a14!important}.login-button{background:linear-gradient(135deg,#3182f6f5,#175ccdf5)!important;border:1px solid #ffffff38!important;border-radius:15px!important;min-height:50px!important;transition:transform .18s,box-shadow .18s!important;box-shadow:0 14px 30px #1f69dc3b,inset 0 1px #ffffff47!important}.login-button:hover{transform:translateY(-2px)!important;box-shadow:0 18px 34px #1f69dc47,inset 0 1px #ffffff4d!important}.login-button:active{transform:scale(.985)!important}.helpdesk-login-button{-webkit-backdrop-filter:blur(18px)saturate(135%)!important;background:#ffffff94!important;border:1px solid #325f961f!important;border-radius:17px!important;min-height:66px!important;transition:all .18s!important;box-shadow:0 10px 28px #2146730e,inset 0 1px #ffffffe6!important}.helpdesk-login-button:hover{border-color:#2f80ed3d!important;transform:translateY(-2px)!important;box-shadow:0 15px 32px #21467317,inset 0 1px #fffffff2!important}.sidebar-brand{justify-content:center!important;align-items:center!important;width:100%!important;min-height:102px!important;padding:14px 14px 18px!important;display:flex!important}.company-logo-box{width:210px!important;height:74px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.company-logo{object-fit:contain!important;object-position:center!important;width:205px!important;max-width:100%!important;height:70px!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.company-logo-box .company-logo-fallback{display:none!important}.settings-branding-card{border:1px solid var(--border);background:linear-gradient(135deg,#3b82f614,#ffffff08);border-radius:16px;grid-template-columns:1fr 220px;align-items:center;gap:18px 24px;padding:20px;display:grid;box-shadow:inset 0 1px #ffffff14}.settings-eyebrow{color:#4f94f8;letter-spacing:1.1px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.settings-branding-copy h2{color:var(--text);margin:0 0 6px;font-size:18px}.settings-branding-copy p{max-width:620px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.settings-logo-preview{border:1px solid var(--border);background:#0a2241eb;border-radius:14px;place-items:center;height:105px;padding:12px;display:grid;overflow:hidden}.settings-logo-preview img{object-fit:contain;width:100%;height:100%}.settings-logo-actions{flex-wrap:wrap;grid-column:1/-1;gap:9px;display:flex}.upload-company-logo{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4388f6,#1764de);border:1px solid #3b82f647;border-radius:9px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-size:9px;font-weight:800;display:inline-flex}.upload-company-logo input{display:none}.settings-divider{background:var(--line);height:1px;margin:22px 0}@media (width<=820px){.login-page{padding:14px!important;overflow:auto!important}.login-shell{border-radius:26px!important;grid-template-columns:1fr!important;width:min(620px,100%)!important}.login-brand-panel,.login-form-panel{padding:34px 28px!important}.login-logo{height:115px!important}.login-company-logo{width:360px!important;height:110px!important}.settings-branding-card{grid-template-columns:1fr}.settings-logo-preview{width:100%}.settings-logo-actions{grid-column:auto}}.sidebar-brand{justify-content:center!important;align-items:center!important;width:100%!important;height:118px!important;min-height:118px!important;margin:0!important;padding:18px 18px 20px!important;display:flex!important;overflow:hidden!important}.company-logo-box{width:215px!important;max-width:215px!important;height:82px!important;max-height:82px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;display:flex!important;overflow:hidden!important}.company-logo{object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:215px!important;height:100%!important;max-height:82px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;position:static!important;transform:none!important}.settings-branding-card{border:1px solid var(--border)!important;background:var(--surface)!important;width:100%!important;max-width:100%!important;min-height:0!important;box-shadow:var(--shadow)!important;border-radius:18px!important;grid-template-columns:minmax(0,1fr) 230px!important;align-items:center!important;gap:18px 24px!important;margin:0!important;padding:22px!important;display:grid!important;overflow:hidden!important}.settings-branding-copy{min-width:0!important}.settings-logo-preview img{object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:200px!important;height:100%!important;max-height:92px!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;transform:none!important}.settings-logo-actions{flex-wrap:wrap!important;grid-column:1/-1!important;align-items:center!important;gap:10px!important;margin-top:2px!important;display:flex!important}.login-logo{width:100%!important;height:150px!important;min-height:150px!important;box-shadow:none!important;background:0 0!important;border:0!important;justify-content:center!important;align-items:center!important;margin:0 0 20px!important;padding:0!important;display:flex!important;overflow:hidden!important}.login-company-logo{object-fit:contain!important;object-position:center center!important;width:390px!important;max-width:92%!important;height:135px!important;max-height:135px!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;transform:none!important}@media (width<=820px){.settings-branding-card{grid-template-columns:1fr!important}.settings-logo-preview{width:100%!important;min-width:0!important;max-width:100%!important;height:125px!important}.settings-logo-preview img{max-width:260px!important}.sidebar-brand{height:94px!important;min-height:94px!important;padding:12px 7px!important}.company-logo-box{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important}.company-logo{width:64px!important;height:64px!important}}.sidebar .sidebar-brand,.sidebar-brand{justify-content:center!important;align-items:center!important;width:100%!important;height:125px!important;min-height:125px!important;max-height:125px!important;margin:0!important;padding:15px 12px 18px!important;display:flex!important;overflow:visible!important}.sidebar .company-logo-box,.company-logo-box{width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex:0 0 220px!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}.sidebar .company-logo,.company-logo{object-fit:contain!important;object-position:center center!important;width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;transform:none!important}.login-brand-panel .login-logo,.login-logo{width:100%!important;height:165px!important;min-height:165px!important;max-height:165px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin:0 auto 20px!important;padding:0!important;display:flex!important;position:relative!important;overflow:visible!important}.login-brand-panel .login-company-logo,.login-company-logo{object-fit:contain!important;object-position:center center!important;width:440px!important;min-width:0!important;max-width:96%!important;height:155px!important;min-height:0!important;max-height:155px!important;box-shadow:none!important;filter:none!important;background:0 0!important;border:none!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;transform:none!important}.settings-logo-preview{border:1px solid var(--border)!important;background:#0a2241f0!important;border-radius:15px!important;justify-content:center!important;align-items:center!important;width:240px!important;min-width:240px!important;max-width:240px!important;height:125px!important;min-height:125px!important;max-height:125px!important;margin:0!important;padding:14px!important;display:flex!important;overflow:hidden!important}.settings-logo-preview img{object-fit:contain!important;object-position:center center!important;width:210px!important;min-width:0!important;max-width:210px!important;height:95px!important;min-height:0!important;max-height:95px!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;transform:none!important}.company-logo-fallback,.login-logo .company-logo-fallback,.company-logo-box .company-logo-fallback{display:none!important}:root{--glass-bg:#ffffff24;--glass-bg-strong:#ffffff38;--glass-border:#ffffff52;--glass-shadow:0 18px 45px #132d5a29;--glass-inner:inset 0 1px 0 #ffffff61;--glass-text:#12233f;--glass-muted:#1c2f4e9e;--glass-blue:#2f7cf6;--glass-blue-2:#6aa8ff}.app{background:radial-gradient(circle at 12% 8%,#6aa8ff59,#0000 27%),radial-gradient(circle at 88% 12%,#74eeff3b,#0000 25%),radial-gradient(circle at 77% 86%,#9979ff2e,#0000 28%),linear-gradient(135deg,#e7f2ff 0%,#dceaff 42%,#edf4ff 100%)!important}.sidebar nav button,.sidebar nav a{background:0 0!important;border:1px solid #0000!important;border-radius:16px!important;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s!important}.sidebar nav button:hover,.sidebar nav a:hover{background:#ffffff1a!important;border-color:#ffffff24!important;transform:translate(2px)!important}.sidebar nav button.active,.sidebar nav a.active{-webkit-backdrop-filter:blur(18px)saturate(145%)!important;background:linear-gradient(135deg,#ffffff3d,#ffffff1a)!important;border-color:#ffffff47!important;box-shadow:0 12px 28px #0000001f,inset 0 1px #ffffff47!important}.sidebar-bottom,.sidebar-user{background:0 0!important}.topbar{-webkit-backdrop-filter:blur(30px)saturate(155%)!important;background:#ffffff94!important;border-bottom:1px solid #ffffff85!important;box-shadow:0 10px 30px #1b417812!important}.panel,.stat-card,.dashboard-welcome,.attendance-date-card,.attendance-count-card,.payroll-hero,.settings-branding-card,.settings-theme-card,.request-card,.complaint-summary-card,.attendance-user-banner,.attendance-project-panel,.attendance-approval-panel,.attendance-my-submissions{-webkit-backdrop-filter:blur(28px)saturate(150%)!important;background:linear-gradient(145deg,#ffffff8a,#ffffff47)!important;border:1px solid #ffffff94!important;box-shadow:0 20px 48px #1d47851a,inset 0 1px #ffffffa6!important}.primary-btn,.login-button,.attendance-save-btn,.payroll-action-btn,.upload-company-logo{-webkit-backdrop-filter:blur(14px)!important;background:linear-gradient(135deg,#3784f7f5,#1b61d8f5)!important;border:1px solid #ffffff57!important;transition:transform .17s,box-shadow .17s,filter .17s!important;box-shadow:0 13px 28px #2167dc38,inset 0 1px #ffffff52!important}.primary-btn:hover,.login-button:hover,.attendance-save-btn:hover,.payroll-action-btn:hover,.upload-company-logo:hover{filter:brightness(1.035)!important;transform:translateY(-2px)!important;box-shadow:0 18px 35px #2167dc47,inset 0 1px #ffffff5c!important}.secondary-btn,.icon-button,.attendance-export-btn,.payroll-receipt-btn,.permissions-quick-actions button{-webkit-backdrop-filter:blur(16px)saturate(145%)!important;background:#ffffff52!important;border:1px solid #ffffff80!important;box-shadow:0 8px 22px #183e7212,inset 0 1px #fff9!important}input,select,textarea{-webkit-backdrop-filter:blur(16px)saturate(145%)!important;background:#ffffff7a!important;border:1px solid #ffffff9e!important;transition:border-color .17s,box-shadow .17s,transform .17s!important;box-shadow:inset 0 1px #ffffffbf,0 7px 20px #1d457a0b!important}input:focus,select:focus,textarea:focus{border-color:#478bf77a!important;transform:translateY(-1px)!important;box-shadow:0 0 0 4px #4085f71a,inset 0 1px #ffffffd9,0 12px 28px #1d457a12!important}.table-wrap,.attendance-table-wrap{-webkit-backdrop-filter:blur(20px)saturate(145%)!important;background:#fff3!important;border:1px solid #ffffff73!important;border-radius:18px!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff80!important}table thead th{background:#e9f3ff99!important;border-bottom:1px solid #ffffff94!important}table tbody tr{background:#ffffff2e!important;transition:background .15s!important}.modal{-webkit-backdrop-filter:blur(36px)saturate(160%)!important;background:linear-gradient(145deg,#fafdffc7,#eff7ff9e)!important;border:1px solid #ffffffb8!important;border-radius:26px!important;box-shadow:0 35px 80px #0d264c42,inset 0 1px #ffffffe6!important}.login-shell{-webkit-backdrop-filter:blur(34px)saturate(165%)!important;background:#ffffff1a!important;border:1px solid #ffffff42!important;box-shadow:0 40px 95px #00000057,inset 0 1px #ffffff3d!important}.login-brand-panel{-webkit-backdrop-filter:blur(28px)saturate(150%)!important;background:linear-gradient(145deg,#1259ad99,#0829536b)!important;border-right:1px solid #ffffff26!important}.login-form-panel{-webkit-backdrop-filter:blur(38px)saturate(160%)!important;background:linear-gradient(145deg,#ffffffc2,#f0f8ffa8)!important}.helpdesk-login-button{-webkit-backdrop-filter:blur(20px)saturate(155%)!important;background:#ffffff6b!important;border:1px solid #fff9!important;box-shadow:0 12px 28px #1c3f7013,inset 0 1px #fffc!important}.app.dark,body.dark .app{background:radial-gradient(circle at 14% 10%,#2367be40,#0000 28%),radial-gradient(circle at 84% 20%,#5643b833,#0000 25%),linear-gradient(135deg,#061323,#081d33 52%,#07172b)!important}.app.dark .panel,.app.dark .stat-card,.app.dark .dashboard-welcome,.app.dark .attendance-date-card,.app.dark .attendance-count-card,.app.dark .settings-branding-card,.app.dark .modal{background:linear-gradient(145deg,#163254ad,#0d223c94)!important;border-color:#ffffff1a!important;box-shadow:0 24px 52px #00000038,inset 0 1px #ffffff14!important}@media (width<=820px){.panel,.dashboard-welcome,.payroll-hero,.settings-branding-card,.modal{border-radius:20px!important}.stat-card,.attendance-date-card,.attendance-count-card{border-radius:18px!important}}.app.theme-blue,.app.theme-navy,.app.theme-corporate,.app.theme-purple{background:var(--page-bg)!important;color:var(--text)!important}.app.theme-blue .sidebar,.app.theme-navy .sidebar,.app.theme-corporate .sidebar,.app.theme-purple .sidebar{background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-right:1px solid var(--border)!important}.app.theme-blue .topbar,.app.theme-navy .topbar,.app.theme-corporate .topbar,.app.theme-purple .topbar{background:color-mix(in srgb, var(--surface-strong) 78%, transparent)!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important}.app.theme-blue .panel,.app.theme-blue .stat-card,.app.theme-blue .dashboard-welcome,.app.theme-blue .attendance-date-card,.app.theme-blue .attendance-count-card,.app.theme-blue .payroll-hero,.app.theme-blue .settings-branding-card,.app.theme-blue .settings-theme-card,.app.theme-blue .request-card,.app.theme-blue .complaint-summary-card,.app.theme-blue .attendance-user-banner,.app.theme-blue .attendance-project-panel,.app.theme-blue .attendance-approval-panel,.app.theme-blue .attendance-my-submissions,.app.theme-navy .panel,.app.theme-navy .stat-card,.app.theme-navy .dashboard-welcome,.app.theme-navy .attendance-date-card,.app.theme-navy .attendance-count-card,.app.theme-navy .payroll-hero,.app.theme-navy .settings-branding-card,.app.theme-navy .settings-theme-card,.app.theme-navy .request-card,.app.theme-navy .complaint-summary-card,.app.theme-navy .attendance-user-banner,.app.theme-navy .attendance-project-panel,.app.theme-navy .attendance-approval-panel,.app.theme-navy .attendance-my-submissions,.app.theme-corporate .panel,.app.theme-corporate .stat-card,.app.theme-corporate .dashboard-welcome,.app.theme-corporate .attendance-date-card,.app.theme-corporate .attendance-count-card,.app.theme-corporate .payroll-hero,.app.theme-corporate .settings-branding-card,.app.theme-corporate .settings-theme-card,.app.theme-corporate .request-card,.app.theme-corporate .complaint-summary-card,.app.theme-corporate .attendance-user-banner,.app.theme-corporate .attendance-project-panel,.app.theme-corporate .attendance-approval-panel,.app.theme-corporate .attendance-my-submissions,.app.theme-purple .panel,.app.theme-purple .stat-card,.app.theme-purple .dashboard-welcome,.app.theme-purple .attendance-date-card,.app.theme-purple .attendance-count-card,.app.theme-purple .payroll-hero,.app.theme-purple .settings-branding-card,.app.theme-purple .settings-theme-card,.app.theme-purple .request-card,.app.theme-purple .complaint-summary-card,.app.theme-purple .attendance-user-banner,.app.theme-purple .attendance-project-panel,.app.theme-purple .attendance-approval-panel,.app.theme-purple .attendance-my-submissions{background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;box-shadow:var(--shadow)!important}.app.theme-blue h1,.app.theme-blue h2,.app.theme-blue h3,.app.theme-blue strong,.app.theme-blue label,.app.theme-navy h1,.app.theme-navy h2,.app.theme-navy h3,.app.theme-navy strong,.app.theme-navy label,.app.theme-corporate h1,.app.theme-corporate h2,.app.theme-corporate h3,.app.theme-corporate strong,.app.theme-corporate label,.app.theme-purple h1,.app.theme-purple h2,.app.theme-purple h3,.app.theme-purple strong,.app.theme-purple label{color:var(--text)!important}.app.theme-blue p,.app.theme-blue small,.app.theme-blue .muted,.app.theme-blue .subtitle,.app.theme-navy p,.app.theme-navy small,.app.theme-navy .muted,.app.theme-navy .subtitle,.app.theme-corporate p,.app.theme-corporate small,.app.theme-corporate .muted,.app.theme-corporate .subtitle,.app.theme-purple p,.app.theme-purple small,.app.theme-purple .muted,.app.theme-purple .subtitle{color:var(--muted)!important}.app.theme-blue input,.app.theme-blue select,.app.theme-blue textarea,.app.theme-navy input,.app.theme-navy select,.app.theme-navy textarea,.app.theme-corporate input,.app.theme-corporate select,.app.theme-corporate textarea,.app.theme-purple input,.app.theme-purple select,.app.theme-purple textarea{background:var(--input-bg)!important;color:var(--text)!important;border-color:var(--border)!important}.app.theme-blue .table-wrap,.app.theme-blue .attendance-table-wrap,.app.theme-navy .table-wrap,.app.theme-navy .attendance-table-wrap,.app.theme-corporate .table-wrap,.app.theme-corporate .attendance-table-wrap,.app.theme-purple .table-wrap,.app.theme-purple .attendance-table-wrap{background:var(--surface-soft)!important;border-color:var(--border)!important}.app.theme-blue table thead th,.app.theme-navy table thead th,.app.theme-corporate table thead th,.app.theme-purple table thead th{background:var(--table-head)!important;color:var(--muted)!important;border-color:var(--line)!important}.app.theme-blue table tbody tr,.app.theme-navy table tbody tr,.app.theme-corporate table tbody tr,.app.theme-purple table tbody tr{color:var(--text)!important;background:0 0!important}.app.theme-blue .modal,.app.theme-navy .modal,.app.theme-corporate .modal,.app.theme-purple .modal{background:var(--surface-strong)!important;color:var(--text)!important;border-color:var(--border)!important}.app.theme-blue .secondary-btn,.app.theme-blue .icon-button,.app.theme-blue .attendance-export-btn,.app.theme-navy .secondary-btn,.app.theme-navy .icon-button,.app.theme-navy .attendance-export-btn,.app.theme-corporate .secondary-btn,.app.theme-corporate .icon-button,.app.theme-corporate .attendance-export-btn,.app.theme-purple .secondary-btn,.app.theme-purple .icon-button,.app.theme-purple .attendance-export-btn{background:var(--surface-soft)!important;color:var(--text)!important;border-color:var(--border)!important}.app.theme-blue .sidebar nav button,.app.theme-blue .sidebar nav a,.app.theme-navy .sidebar nav button,.app.theme-navy .sidebar nav a,.app.theme-corporate .sidebar nav button,.app.theme-corporate .sidebar nav a,.app.theme-purple .sidebar nav button,.app.theme-purple .sidebar nav a{color:var(--sidebar-text)!important}.app.theme-blue .sidebar nav .nav-active,.app.theme-navy .sidebar nav .nav-active,.app.theme-corporate .sidebar nav .nav-active,.app.theme-purple .sidebar nav .nav-active,.app.theme-blue .sidebar nav button.active,.app.theme-navy .sidebar nav button.active,.app.theme-corporate .sidebar nav button.active,.app.theme-purple .sidebar nav button.active{background:color-mix(in srgb, var(--surface-strong) 22%, transparent)!important;border-color:color-mix(in srgb, var(--border) 78%, transparent)!important}.app.theme-corporate:not(.dark) .sidebar,.app.theme-corporate:not(.dark) .sidebar nav button,.app.theme-corporate:not(.dark) .sidebar nav a,.app.theme-corporate:not(.dark) .sidebar-user strong,.app.theme-corporate:not(.dark) .sidebar-user span{color:#53657c!important}.app.theme-navy .content,.app.theme-navy .main{color:var(--text)!important}.app.theme-purple .primary-btn,.app.theme-purple .login-button,.app.theme-purple .attendance-save-btn,.app.theme-purple .upload-company-logo{background:linear-gradient(135deg,#8269ef,#6046cf)!important}.app.theme-navy .primary-btn,.app.theme-navy .login-button,.app.theme-navy .attendance-save-btn,.app.theme-navy .upload-company-logo{background:linear-gradient(135deg,#3d79d9,#2457a4)!important}.app.theme-corporate .primary-btn,.app.theme-corporate .login-button,.app.theme-corporate .attendance-save-btn,.app.theme-corporate .upload-company-logo{background:linear-gradient(135deg,#397de4,#235fb8)!important}.theme-choice{background:var(--surface-soft)!important;border:1px solid var(--border)!important;color:var(--text)!important}.app.dark.theme-blue,.app.dark.theme-navy,.app.dark.theme-corporate,.app.dark.theme-purple{background:var(--page-bg)!important}.app.dark.theme-blue .sidebar,.app.dark.theme-navy .sidebar,.app.dark.theme-corporate .sidebar,.app.dark.theme-purple .sidebar{background:var(--sidebar-bg)!important}.app.theme-blue:not(.dark) .topbar h1,.app.theme-blue:not(.dark) .topbar h2,.app.theme-blue:not(.dark) .content h1,.app.theme-blue:not(.dark) .content h2,.app.theme-blue:not(.dark) .content h3,.app.theme-corporate:not(.dark) .topbar h1,.app.theme-corporate:not(.dark) .topbar h2,.app.theme-corporate:not(.dark) .content h1,.app.theme-corporate:not(.dark) .content h2,.app.theme-corporate:not(.dark) .content h3,.app.theme-purple:not(.dark) .topbar h1,.app.theme-purple:not(.dark) .topbar h2,.app.theme-purple:not(.dark) .content h1,.app.theme-purple:not(.dark) .content h2,.app.theme-purple:not(.dark) .content h3{color:var(--text)!important}.sidebar nav button{align-items:center!important;display:flex!important;position:relative!important}.sidebar-nav-label{text-align:left;flex:1;min-width:0}.sidebar-count-badge{border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;line-height:1;display:inline-flex;box-shadow:0 7px 18px #e2384847,inset 0 1px #ffffff4d;color:#fff!important;background:linear-gradient(135deg,#ff5b68,#e53b49)!important;border:1px solid #ffffff47!important;font-size:9px!important;font-weight:850!important}.sidebar nav button.nav-active .sidebar-count-badge{color:#e13e4c!important;background:#fffffff0!important;border-color:#fffc!important}.attendance-report-btn{color:#367fe7;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f638;border-radius:9px;min-height:35px;padding:0 13px;font-size:9px;font-weight:800;transition:all .16s}.attendance-report-btn:hover{background:#3b82f629;transform:translateY(-1px);box-shadow:0 8px 18px #3b82f61f}.attendance-report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.attendance-report-summary>div,.attendance-location-card,.attendance-report-total{border:1px solid var(--border);background:var(--surface-soft);box-shadow:inset 0 1px #ffffff0f}.attendance-report-summary>div{border-radius:11px;min-height:76px;padding:13px}.attendance-report-summary span,.attendance-location-card span,.attendance-report-total span{color:var(--muted);margin-bottom:5px;font-size:8px;font-weight:650;display:block}.attendance-report-summary strong,.attendance-location-card strong{color:var(--text);word-break:break-word;font-size:10px}.attendance-location-card{border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:13px;display:flex}.attendance-report-totals{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px;display:grid}.attendance-report-total{border-radius:11px;min-height:72px;padding:12px}.attendance-report-total strong{color:var(--text);font-size:19px;display:block}.attendance-report-total.present{border-bottom:3px solid #2f7cf6}.attendance-report-total.absent{border-bottom:3px solid #ef5360}.attendance-report-total.leave{border-bottom:3px solid #f2a20d}.attendance-report-total.total{border-bottom:3px solid #8066ea}.attendance-report-table td strong,.attendance-report-table td small{display:block}.attendance-report-table td small{color:var(--muted);margin-top:3px;font-size:8px}.attendance-report-review-note{background:#3b82f60f;border:1px solid #3b82f624;border-radius:10px;margin-top:13px;padding:12px 14px}.attendance-report-review-note span{color:#4d8fea;font-size:9px;font-weight:800}.attendance-report-review-note p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.attendance-report-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:15px;padding-top:15px;display:flex}.attendance-report-actions .approve-btn,.attendance-report-actions .reject-btn{cursor:pointer;border-radius:10px;min-height:40px;padding:0 16px;font-size:9px;font-weight:850}.attendance-report-actions .approve-btn{color:#fff;background:linear-gradient(135deg,#32bd68,#168247);border:1px solid #22c55e47}.attendance-report-actions .reject-btn{color:#fff;background:linear-gradient(135deg,#ef5d68,#cf3643);border:1px solid #ef444447}@media (width<=900px){.attendance-report-summary,.attendance-report-totals{grid-template-columns:1fr 1fr}}@media (width<=560px){.attendance-report-summary,.attendance-report-totals{grid-template-columns:1fr}.attendance-location-card{flex-direction:column;align-items:stretch}.attendance-report-actions{grid-template-columns:1fr 1fr;display:grid}}.attendance-history-panel{margin-top:18px}.attendance-history-list{flex-direction:column;gap:9px;display:flex}.attendance-history-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;grid-template-columns:.75fr 1.2fr 1fr .65fr .9fr .75fr auto;align-items:center;gap:10px;padding:13px 14px;transition:transform .16s,box-shadow .16s;display:grid}.attendance-history-card:hover{transform:translateY(-1px);box-shadow:0 9px 22px #19407614}.attendance-history-card>div>span{color:var(--muted);margin-bottom:4px;font-size:8px;display:block}.attendance-history-card>div>strong{color:var(--text);word-break:break-word;font-size:10px;display:block}.attendance-history-mini{flex-wrap:wrap;gap:5px;display:flex}.attendance-history-mini span{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 7px;font-weight:750;color:var(--text)!important;font-size:8px!important}.rejected-attendance-history{opacity:.94}.attendance-readonly-footer{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:15px;padding-top:15px;display:flex}.attendance-readonly-footer>span{color:var(--muted);flex:1;font-size:9px}@media (width<=1100px){.attendance-history-card{grid-template-columns:repeat(3,1fr)}.attendance-history-card>button{width:100%}}@media (width<=650px){.attendance-history-card{grid-template-columns:1fr 1fr}.attendance-history-card>button{grid-column:1/-1}.attendance-readonly-footer{flex-direction:column;align-items:stretch}}:root{--crystal-page:#f3f8ff;--crystal-page-2:#eaf3ff;--crystal-glass:#ffffffb8;--crystal-glass-strong:#ffffffe0;--crystal-line:#789dd233;--crystal-shadow:0 18px 55px #2452941c;--crystal-shadow-soft:0 10px 28px #24529413;--crystal-blue:#2578f5;--crystal-blue-soft:#e7f1ff;--crystal-green:#20b875;--crystal-red:#ff5a66;--crystal-orange:#f59d25;--crystal-purple:#8b5cf6}.main{background:0 0!important}.content{background:0 0!important;padding:24px 28px 34px!important}.sidebar{-webkit-backdrop-filter:blur(34px)saturate(165%)!important;background:linear-gradient(#ffffffe0,#f6faffc7)!important;border-right:1px solid #789dd229!important;box-shadow:14px 0 40px #24529411,inset -1px 0 #ffffffa6!important}.sidebar,.sidebar *{color:#183052}.sidebar-brand{border-bottom:1px solid #789dd21a!important}.sidebar nav{gap:8px!important}.sidebar nav button{color:#274363!important;background:0 0!important;border:1px solid #0000!important;border-radius:15px!important;min-height:48px!important;padding:0 15px!important;transition:all .18s!important}.sidebar nav button:hover{background:#e7f1ffb3!important;border-color:#4c8be81a!important;transform:translate(2px)!important}.sidebar nav button.nav-active,.sidebar nav button.active{color:#1767db!important;background:linear-gradient(135deg,#e6f0fff5,#d6e7ffc7)!important;border-color:#4385e621!important;box-shadow:0 8px 22px #336dc01a,inset 0 1px #ffffffeb!important}.sidebar nav button.nav-active span,.sidebar nav button.active span{color:#1767db!important}.sidebar-bottom{border-top:1px solid #789dd21f!important}.sidebar-user{background:#f7faffb8!important;border:1px solid #789dd221!important;border-radius:16px!important;padding:12px!important;box-shadow:inset 0 1px #ffffffe0!important}.sidebar-user strong{color:#17243a!important}.sidebar-user span{color:#71829b!important}.sidebar-count-badge{color:#fff!important;background:#ff4f5e!important}.topbar{-webkit-backdrop-filter:blur(34px)saturate(165%)!important;background:#ffffffc2!important;border-bottom:1px solid #789dd221!important;min-height:76px!important;padding:0 28px!important;box-shadow:0 7px 30px #2452940b!important}.topbar h1,.topbar h2,.topbar strong{color:#17243a!important}.topbar p,.topbar small{color:#79899f!important}.topbar .icon-button{background:#ffffffe0!important;border:1px solid #789dd226!important;border-radius:14px!important;width:44px!important;height:44px!important;box-shadow:0 7px 22px #24529412,inset 0 1px #fffffff2!important}.topbar-date,.date-chip{box-shadow:var(--crystal-shadow-soft)!important;background:#ffffffe0!important;border:1px solid #789dd224!important;border-radius:14px!important}.panel,.dashboard-welcome,.stat-card,.attendance-date-card,.attendance-count-card,.payroll-hero,.settings-branding-card,.settings-theme-card,.request-card,.complaint-summary-card,.attendance-user-banner,.attendance-project-panel,.attendance-approval-panel,.attendance-my-submissions,.attendance-history-panel{-webkit-backdrop-filter:blur(30px)saturate(155%)!important;background:linear-gradient(145deg,#ffffffd1,#f8fcffa8)!important;border:1px solid #ffffffeb!important;box-shadow:0 18px 52px #24529418,inset 0 1px #fffffffa!important}.panel,.dashboard-welcome,.payroll-hero,.settings-branding-card{border-radius:22px!important}.stat-card,.attendance-date-card,.attendance-count-card{border-radius:20px!important;transition:transform .19s,box-shadow .19s!important}.stat-card:hover,.attendance-count-card:hover{transform:translateY(-3px)!important;box-shadow:0 24px 58px #24529421,inset 0 1px #fff!important}.dashboard-welcome{padding:22px 24px!important;position:relative!important;overflow:hidden!important}.dashboard-welcome:after{content:"";pointer-events:none;background:radial-gradient(circle,#4e92ff29,#0000 70%);border-radius:50%;width:210px;height:210px;position:absolute;top:-105px;right:-72px}.stat-card{position:relative!important;overflow:hidden!important}.stat-card:before{content:"";background:linear-gradient(90deg,#2578f500,#2578f561,#2578f500);width:100%;height:2px;position:absolute;inset:0 auto auto 0}.stat-card .stat-icon,.stat-icon{background:var(--crystal-blue-soft)!important;width:46px!important;height:46px!important;color:var(--crystal-blue)!important;border-radius:15px!important;box-shadow:inset 0 1px #fffffff5!important}.stat-card:nth-child(2) .stat-icon{color:var(--crystal-green)!important;background:#20b8751c!important}.stat-card:nth-child(3) .stat-icon{color:var(--crystal-red)!important;background:#ff5a661a!important}.stat-card:nth-child(4) .stat-icon{color:var(--crystal-purple)!important;background:#8b5cf61a!important}.content h1,.content h2,.content h3,.panel h1,.panel h2,.panel h3,.panel strong,.stat-card strong{color:#17243a!important}.content p,.content small,.panel p,.panel small,.stat-card span{color:#72839a!important}.primary-btn,.login-button,.attendance-save-btn,.payroll-action-btn,.upload-company-logo{color:#fff!important;background:linear-gradient(135deg,#3488fa,#176be0)!important;border:1px solid #ffffff6b!important;border-radius:14px!important;transition:all .18s!important;box-shadow:0 13px 30px #1b69e038,inset 0 1px #ffffff52!important}.primary-btn:hover,.login-button:hover,.attendance-save-btn:hover,.payroll-action-btn:hover,.upload-company-logo:hover{transform:translateY(-2px)!important;box-shadow:0 18px 36px #1b69e045,inset 0 1px #ffffff61!important}.secondary-btn,.attendance-export-btn,.payroll-receipt-btn,.permissions-quick-actions button{color:#31516f!important;background:#ffffffd1!important;border:1px solid #789dd226!important;border-radius:12px!important;box-shadow:0 8px 22px #2452940f,inset 0 1px #fffffff0!important}input,select,textarea{color:#1d304c!important;background:#ffffffd1!important;border:1px solid #789dd22e!important;border-radius:13px!important;box-shadow:inset 0 1px #fffffff0,0 7px 18px #2452940b!important}input:focus,select:focus,textarea:focus{border-color:#2578f56b!important;box-shadow:0 0 0 4px #2578f514,inset 0 1px #fffffffa,0 10px 25px #24529412!important}.table-wrap,.attendance-table-wrap{background:#ffffffa3!important;border:1px solid #789dd221!important;border-radius:17px!important;box-shadow:inset 0 1px #ffffffeb!important}table thead th{color:#63758d!important;background:#f0f6ffd6!important;border-bottom:1px solid #789dd21f!important}table tbody tr{background:#ffffff5c!important}table tbody tr:hover{background:#e8f2ff9e!important}.modal-backdrop{-webkit-backdrop-filter:blur(14px)saturate(130%)!important;background:#1c304e45!important}.modal{color:#17243a!important;-webkit-backdrop-filter:blur(38px)saturate(160%)!important;background:linear-gradient(145deg,#ffffffed,#f4f9ffd6)!important;border:1px solid #fffffffa!important;border-radius:26px!important;box-shadow:0 35px 85px #17366638,inset 0 1px #fff!important}.theme-choice{background:#ffffffb8!important;border:1px solid #789dd224!important;border-radius:18px!important;box-shadow:0 10px 28px #2452940e,inset 0 1px #fffffff0!important}.theme-choice.theme-selected{border-color:#2578f585!important;box-shadow:0 0 0 3px #2578f514,0 14px 34px #24529414!important}.login-page{background:radial-gradient(circle at 14% 15%,#6ed0ff52,#0000 29%),radial-gradient(circle at 84% 13%,#8293ff42,#0000 27%),radial-gradient(circle at 72% 86%,#61bbff3d,#0000 30%),linear-gradient(145deg,#dceeff 0%,#b9d9ff 44%,#e8f3ff 100%)!important;overflow:hidden!important}.login-page:after{content:"";filter:blur(35px);pointer-events:none;background:#ffffff38;border-radius:50%;width:480px;height:480px;animation:8s ease-in-out infinite alternate crystalOrb;position:absolute;bottom:-180px;right:-120px}.login-shell{transform-origin:50%;-webkit-backdrop-filter:blur(38px)saturate(165%)!important;background:#ffffff30!important;border:1px solid #ffffff94!important;animation:.72s cubic-bezier(.22,.86,.28,1) both crystalLaunch!important;box-shadow:0 40px 100px #24529438,inset 0 1px #ffffffb8!important}.login-brand-panel{-webkit-backdrop-filter:blur(34px)saturate(160%)!important;background:linear-gradient(145deg,#ffffff42,#cde5ff2b)!important;border-right:1px solid #ffffff6b!important;animation:.78s cubic-bezier(.22,.86,.28,1) 80ms both crystalSlideLeft!important}.login-form-panel{-webkit-backdrop-filter:blur(38px)saturate(165%)!important;background:linear-gradient(145deg,#fffc,#f7fbffa8)!important;animation:.78s cubic-bezier(.22,.86,.28,1) .12s both crystalSlideRight!important}.login-company-logo{animation:5s ease-in-out infinite crystalLogoFloat!important}.login-brand-panel h1{color:#15345e!important}.login-brand-panel>p{color:#27456cb8!important}.login-feature{color:#23486e!important;background:#ffffff42!important;border:1px solid #ffffff75!important;box-shadow:inset 0 1px #ffffff9e!important}.helpdesk-login-button{background:#ffffffb3!important;border:1px solid #789dd224!important;border-radius:16px!important;transition:transform .18s,box-shadow .18s!important;box-shadow:0 10px 28px #24529411,inset 0 1px #fffffff5!important}.helpdesk-login-button:hover{transform:translateY(-2px)scale(1.004)!important;box-shadow:0 16px 35px #24529418,inset 0 1px #fff!important}@keyframes crystalLaunch{0%{opacity:0;filter:blur(10px);transform:translateY(28px)scale(.965)}60%{opacity:1;filter:blur()}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes crystalSlideLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes crystalSlideRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes crystalLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes crystalOrb{0%{transform:translate(0)scale(1)}to{transform:translate(-36px,-18px)scale(1.08)}}.sidebar .company-logo,.company-logo{object-fit:contain!important;width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important}@media (width<=900px){.content{padding:18px!important}.panel,.dashboard-welcome,.payroll-hero,.settings-branding-card,.modal{border-radius:20px!important}}@media (prefers-reduced-motion:reduce){.login-shell,.login-brand-panel,.login-form-panel,.login-company-logo,.login-page:after{animation:none!important}}.app.theme-blue:not(.dark),.app.theme-navy:not(.dark),.app.theme-corporate:not(.dark),.app.theme-purple:not(.dark){--page-bg:radial-gradient(circle at 11% 8%, #6db4ff29, transparent 25%), radial-gradient(circle at 88% 6%, #a091ff1a, transparent 24%), linear-gradient(145deg, #f7fbff 0%, #edf5ff 48%, #f8fbff 100%)!important;--surface:linear-gradient(145deg, #ffffffdb, #f7fbffb8)!important;--surface-strong:#ffffffeb!important;--surface-soft:#f2f8ffc7!important;--text:#17243a!important;--muted:#718198!important;--border:#799ed229!important;--line:#799ed21f!important;--input-bg:#ffffffdb!important;--table-head:#eff6ffe0!important;--sidebar-bg:linear-gradient(180deg, #fffffff0, #f4f9ffd6)!important;--sidebar-text:#35506f!important;--shadow:0 18px 48px #24529417, inset 0 1px 0 #ffffffdb!important;background:var(--page-bg)!important;color:var(--text)!important}.app.theme-blue:not(.dark){--accent:#287df1!important;--accent-2:#67a7ff!important}.app.theme-navy:not(.dark){--accent:#315f9f!important;--accent-2:#6e9ed7!important}.app.theme-navy:not(.dark) .primary-btn,.app.theme-navy:not(.dark) .login-button,.app.theme-navy:not(.dark) .attendance-save-btn,.app.theme-navy:not(.dark) .payroll-action-btn,.app.theme-navy:not(.dark) .upload-company-logo{background:linear-gradient(135deg,#497fc3,#285c9f)!important}.app.theme-corporate:not(.dark){--accent:#3478dc!important;--accent-2:#76a9ef!important}.app.theme-purple:not(.dark){--accent:#7d64e8!important;--accent-2:#ab98ff!important}.app.theme-purple:not(.dark) .primary-btn,.app.theme-purple:not(.dark) .login-button,.app.theme-purple:not(.dark) .attendance-save-btn,.app.theme-purple:not(.dark) .payroll-action-btn,.app.theme-purple:not(.dark) .upload-company-logo{background:linear-gradient(135deg,#8a72ef,#674fd1)!important}.app.theme-blue:not(.dark) .sidebar,.app.theme-navy:not(.dark) .sidebar,.app.theme-corporate:not(.dark) .sidebar,.app.theme-purple:not(.dark) .sidebar{color:#2c4768!important;-webkit-backdrop-filter:blur(34px)saturate(165%)!important;background:linear-gradient(#fffffff2,#f4f9ffdb)!important;border-right:1px solid #799ed226!important;box-shadow:14px 0 42px #2452940f,inset -1px 0 #ffffffe0!important}.app.theme-blue:not(.dark) .sidebar *,.app.theme-navy:not(.dark) .sidebar *,.app.theme-corporate:not(.dark) .sidebar *,.app.theme-purple:not(.dark) .sidebar *{color:inherit}.app.theme-blue:not(.dark) .sidebar nav button,.app.theme-navy:not(.dark) .sidebar nav button,.app.theme-corporate:not(.dark) .sidebar nav button,.app.theme-purple:not(.dark) .sidebar nav button{color:#36516f!important}.app.theme-blue:not(.dark) .sidebar nav button.nav-active,.app.theme-navy:not(.dark) .sidebar nav button.nav-active,.app.theme-corporate:not(.dark) .sidebar nav button.nav-active,.app.theme-purple:not(.dark) .sidebar nav button.nav-active,.app.theme-blue:not(.dark) .sidebar nav button.active,.app.theme-navy:not(.dark) .sidebar nav button.active,.app.theme-corporate:not(.dark) .sidebar nav button.active,.app.theme-purple:not(.dark) .sidebar nav button.active{color:var(--accent)!important;background:linear-gradient(135deg,#e8f2fffa,#d9e8ffd1)!important;border-color:#4a85da21!important;box-shadow:0 8px 24px #24529417,inset 0 1px #fffffffa!important}.app.theme-blue:not(.dark) .topbar,.app.theme-navy:not(.dark) .topbar,.app.theme-corporate:not(.dark) .topbar,.app.theme-purple:not(.dark) .topbar{color:#17243a!important;-webkit-backdrop-filter:blur(32px)saturate(165%)!important;background:#ffffffd1!important;border-bottom:1px solid #799ed221!important;box-shadow:0 8px 30px #2452940d!important}.app.theme-blue:not(.dark) .panel,.app.theme-blue:not(.dark) .stat-card,.app.theme-blue:not(.dark) .dashboard-welcome,.app.theme-blue:not(.dark) .attendance-date-card,.app.theme-blue:not(.dark) .attendance-count-card,.app.theme-blue:not(.dark) .payroll-hero,.app.theme-blue:not(.dark) .settings-branding-card,.app.theme-blue:not(.dark) .settings-theme-card,.app.theme-blue:not(.dark) .request-card,.app.theme-blue:not(.dark) .complaint-summary-card,.app.theme-blue:not(.dark) .attendance-user-banner,.app.theme-blue:not(.dark) .attendance-project-panel,.app.theme-blue:not(.dark) .attendance-approval-panel,.app.theme-blue:not(.dark) .attendance-my-submissions,.app.theme-blue:not(.dark) .attendance-history-panel,.app.theme-navy:not(.dark) .panel,.app.theme-navy:not(.dark) .stat-card,.app.theme-navy:not(.dark) .dashboard-welcome,.app.theme-navy:not(.dark) .attendance-date-card,.app.theme-navy:not(.dark) .attendance-count-card,.app.theme-navy:not(.dark) .payroll-hero,.app.theme-navy:not(.dark) .settings-branding-card,.app.theme-navy:not(.dark) .settings-theme-card,.app.theme-navy:not(.dark) .request-card,.app.theme-navy:not(.dark) .complaint-summary-card,.app.theme-navy:not(.dark) .attendance-user-banner,.app.theme-navy:not(.dark) .attendance-project-panel,.app.theme-navy:not(.dark) .attendance-approval-panel,.app.theme-navy:not(.dark) .attendance-my-submissions,.app.theme-navy:not(.dark) .attendance-history-panel,.app.theme-corporate:not(.dark) .panel,.app.theme-corporate:not(.dark) .stat-card,.app.theme-corporate:not(.dark) .dashboard-welcome,.app.theme-corporate:not(.dark) .attendance-date-card,.app.theme-corporate:not(.dark) .attendance-count-card,.app.theme-corporate:not(.dark) .payroll-hero,.app.theme-corporate:not(.dark) .settings-branding-card,.app.theme-corporate:not(.dark) .settings-theme-card,.app.theme-corporate:not(.dark) .request-card,.app.theme-corporate:not(.dark) .complaint-summary-card,.app.theme-corporate:not(.dark) .attendance-user-banner,.app.theme-corporate:not(.dark) .attendance-project-panel,.app.theme-corporate:not(.dark) .attendance-approval-panel,.app.theme-corporate:not(.dark) .attendance-my-submissions,.app.theme-corporate:not(.dark) .attendance-history-panel,.app.theme-purple:not(.dark) .panel,.app.theme-purple:not(.dark) .stat-card,.app.theme-purple:not(.dark) .dashboard-welcome,.app.theme-purple:not(.dark) .attendance-date-card,.app.theme-purple:not(.dark) .attendance-count-card,.app.theme-purple:not(.dark) .payroll-hero,.app.theme-purple:not(.dark) .settings-branding-card,.app.theme-purple:not(.dark) .settings-theme-card,.app.theme-purple:not(.dark) .request-card,.app.theme-purple:not(.dark) .complaint-summary-card,.app.theme-purple:not(.dark) .attendance-user-banner,.app.theme-purple:not(.dark) .attendance-project-panel,.app.theme-purple:not(.dark) .attendance-approval-panel,.app.theme-purple:not(.dark) .attendance-my-submissions,.app.theme-purple:not(.dark) .attendance-history-panel{color:#17243a!important;-webkit-backdrop-filter:blur(30px)saturate(155%)!important;background:linear-gradient(145deg,#ffffffe0,#f7fbffb8)!important;border:1px solid #fffffff5!important;box-shadow:0 18px 52px #24529417,inset 0 1px #fff!important}.app:not(.dark) .content,.app:not(.dark) .content h1,.app:not(.dark) .content h2,.app:not(.dark) .content h3,.app:not(.dark) .content h4,.app:not(.dark) .content strong,.app:not(.dark) .panel h1,.app:not(.dark) .panel h2,.app:not(.dark) .panel h3,.app:not(.dark) .stat-card strong{color:#17243a!important}.app:not(.dark) input,.app:not(.dark) select,.app:not(.dark) textarea{color:#203751!important;background:#ffffffe0!important;border-color:#799ed22b!important}.app.dark .sidebar nav button{color:var(--sidebar-text)!important}.app:not(.dark) .stat-icon{color:var(--accent)!important;background:#e3efffeb!important;border:1px solid #799ed21a!important;box-shadow:inset 0 1px #fffffffa,0 7px 20px #2452940f!important}@media (width<=820px){.app:not(.dark) .sidebar{background:#fffffff2!important}}.stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.stat-card-qid-danger{background:linear-gradient(145deg,#ffffffe6,#fff2f3c7)!important;border-color:#ef444438!important}.stat-card-qid-danger .stat-icon{color:#e54754!important;background:#ef44441a!important}.stat-card-qid-safe .stat-icon{color:#1da765!important;background:#22c55e1a!important}.qid-expiry-dashboard-panel{margin-top:18px}.qid-expiry-summary{grid-template-columns:repeat(2,minmax(0,220px));gap:10px;margin-bottom:14px;display:grid}.qid-expiry-summary-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;padding:14px 16px}.qid-expiry-summary-card span{color:var(--muted);margin-bottom:5px;font-size:9px;display:block}.qid-expiry-summary-card strong{color:var(--text);font-size:21px}.qid-expiry-summary-card.expired{border-left:4px solid #ef5360}.qid-expiry-summary-card.expiring{border-left:4px solid #f2a20d}.qid-expiry-list{flex-direction:column;gap:8px;display:flex}.qid-expiry-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;grid-template-columns:1.35fr .9fr .9fr 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.qid-expiry-row.expired{border-left:4px solid #ef5360}.qid-expiry-row.expiring{border-left:4px solid #f2a20d}.qid-expiry-row span,.qid-expiry-person small{color:var(--muted);font-size:8px;display:block}.qid-expiry-row strong{color:var(--text);margin-top:3px;font-size:10px;display:block}.qid-expiry-person strong{margin-top:0;font-size:11px}.qid-expiry-status{white-space:nowrap;border-radius:999px;justify-self:end;padding:6px 9px;font-size:8px;font-weight:800}.qid-expiry-row.expired .qid-expiry-status{color:#d9404c;background:#ef444417;border:1px solid #ef444426}.qid-expiry-row.expiring .qid-expiry-status{color:#c47b08;background:#f59e0b1a;border:1px solid #f59e0b29}.qid-expiry-cell{flex-direction:column;gap:3px;display:inline-flex}.qid-expiry-cell strong{color:var(--text);font-size:9px}.qid-expiry-cell small{font-size:8px;font-weight:750}.qid-expiry-cell.valid small{color:#1da765!important}.qid-expiry-cell.expiring small{color:#cf840a!important}.qid-expiry-cell.expired small{color:#df4653!important}.qid-expiry-cell.missing{color:var(--muted);font-size:9px}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.qid-expiry-row{grid-template-columns:1fr 1fr}.qid-expiry-status{justify-self:start}}@media (width<=560px){.stats-grid,.qid-expiry-summary,.qid-expiry-row{grid-template-columns:1fr!important}}.app:not(.dark){color:#17243a!important;background:radial-gradient(circle at 12% 7%,#74b9ff2e,#0000 26%),radial-gradient(circle at 88% 7%,#b09dff1f,#0000 25%),linear-gradient(145deg,#f7fbff 0%,#edf5ff 48%,#f9fcff 100%)!important}.app:not(.dark) .sidebar{-webkit-backdrop-filter:blur(34px)saturate(165%)!important;background:linear-gradient(#fffffff5,#f4f9ffe0)!important;border-right:1px solid #799ed226!important;box-shadow:14px 0 40px #2452940f,inset -1px 0 #ffffffeb!important}.app:not(.dark) .sidebar nav button{color:#35516f!important;background:0 0!important}.app:not(.dark) .sidebar nav button:hover{color:#1767db!important;background:#e8f2ffbd!important}.app:not(.dark) .sidebar nav button.nav-active,.app:not(.dark) .sidebar nav button.active{color:#1767db!important;background:linear-gradient(135deg,#e8f2fffc,#d9e8ffdb)!important;border-color:#4a85da24!important;box-shadow:0 8px 22px #24529417,inset 0 1px #fffffffa!important}.app:not(.dark) .sidebar-user strong{color:#17243a!important}.app:not(.dark) .sidebar-user span{color:#74849a!important}.app:not(.dark) .topbar{-webkit-backdrop-filter:blur(34px)saturate(165%)!important;background:#ffffffd6!important;border-bottom:1px solid #799ed221!important;box-shadow:0 8px 28px #2452940d!important}.app:not(.dark) .topbar h1,.app:not(.dark) .topbar h2,.app:not(.dark) .topbar strong{color:#17243a!important}.app:not(.dark) .topbar p,.app:not(.dark) .topbar small{color:#73849a!important}.app:not(.dark) .panel,.app:not(.dark) .dashboard-welcome,.app:not(.dark) .stat-card,.app:not(.dark) .attendance-date-card,.app:not(.dark) .attendance-count-card,.app:not(.dark) .payroll-hero,.app:not(.dark) .settings-branding-card,.app:not(.dark) .settings-theme-card,.app:not(.dark) .request-card,.app:not(.dark) .complaint-summary-card,.app:not(.dark) .attendance-user-banner,.app:not(.dark) .attendance-project-panel,.app:not(.dark) .attendance-approval-panel,.app:not(.dark) .attendance-my-submissions,.app:not(.dark) .attendance-history-panel,.app:not(.dark) .qid-expiry-dashboard-panel{color:#17243a!important;-webkit-backdrop-filter:blur(30px)saturate(155%)!important;background:linear-gradient(145deg,#ffffffe6,#f7fbffbd)!important;border:1px solid #fffffffa!important;box-shadow:0 18px 52px #24529417,inset 0 1px #fff!important}.app:not(.dark) .content,.app:not(.dark) .content h1,.app:not(.dark) .content h2,.app:not(.dark) .content h3,.app:not(.dark) .content strong,.app:not(.dark) .panel h1,.app:not(.dark) .panel h2,.app:not(.dark) .panel h3,.app:not(.dark) .panel strong,.app:not(.dark) .stat-card strong{color:#17243a!important}.app:not(.dark) .content p,.app:not(.dark) .content small,.app:not(.dark) .panel p,.app:not(.dark) .panel small,.app:not(.dark) .stat-card span{color:#72839a!important}.app:not(.dark) .quick-overview,.app:not(.dark) .overview-list,.app:not(.dark) .overview-row{color:#17243a!important}.app:not(.dark) input,.app:not(.dark) select,.app:not(.dark) textarea{color:#203751!important;background:#ffffffe6!important;border-color:#799ed22b!important;box-shadow:inset 0 1px #fffffffa,0 7px 18px #2452940a!important}.app:not(.dark) .table-wrap,.app:not(.dark) .attendance-table-wrap{background:#ffffffc2!important;border-color:#799ed221!important}.app:not(.dark) table thead th{color:#677990!important;background:#eff6fff0!important}.app:not(.dark) table tbody tr{color:#233850!important;background:#ffffff8a!important}.app:not(.dark) table tbody tr:hover{background:#e8f2ffad!important}.app:not(.dark) .stat-card-qid-danger{background:linear-gradient(145deg,#fffffff0,#fff2f3cc)!important}.app:not(.dark) .qid-expiry-row,.app:not(.dark) .qid-expiry-summary-card{background:#f8fbffdb!important;border-color:#799ed224!important}.app:not(.dark) .modal{color:#17243a!important;background:linear-gradient(145deg,#fffffff7,#f4f9ffe8)!important;border-color:#fffffffc!important;box-shadow:0 34px 85px #1a3c7033,inset 0 1px #fff!important}.app:not(.dark) .primary-btn,.app:not(.dark) .attendance-save-btn,.app:not(.dark) .payroll-action-btn,.app:not(.dark) .upload-company-logo{color:#fff!important;background:linear-gradient(135deg,#3488fa,#176be0)!important;border-color:#ffffff70!important;box-shadow:0 13px 30px #1b69e036,inset 0 1px #ffffff57!important}.app:not(.dark) .secondary-btn,.app:not(.dark) .attendance-export-btn,.app:not(.dark) .payroll-receipt-btn{color:#31516f!important;background:#ffffffdb!important;border-color:#799ed226!important}.app.theme-blue:not(.dark){--accent:#287df1!important}.app.theme-navy:not(.dark){--accent:#315f9f!important}.app.theme-corporate:not(.dark){--accent:#3478dc!important}.app.theme-purple:not(.dark){--accent:#7d64e8!important}.app.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar .company-logo-box,.company-logo-box{width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important}.sidebar .company-logo,.company-logo{object-fit:contain!important;object-position:center center!important;width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important}.login-page{background:radial-gradient(circle at 14% 15%,#6ed0ff52,#0000 29%),radial-gradient(circle at 84% 13%,#8293ff42,#0000 27%),radial-gradient(circle at 72% 86%,#61bbff3d,#0000 30%),linear-gradient(145deg,#dceeff 0%,#b9d9ff 44%,#e8f3ff 100%)!important}.login-form-panel{background:linear-gradient(145deg,#ffffffe3,#f7fbffc4)!important}.login-brand-panel{background:linear-gradient(145deg,#ffffff4f,#cde5ff36)!important}@media (width<=820px){.app:not(.dark) .sidebar{background:#fffffff5!important}}.app:not(.dark){--text:#17243a!important;--muted:#718198!important;--border:#7599c926!important;--surface-strong:#ffffffeb!important;--surface-soft:#f3f8ffd1!important;color:#17243a!important;background:radial-gradient(circle at 10% 5%,#68b7ff29,#0000 27%),radial-gradient(circle at 90% 8%,#9c8bff1a,#0000 25%),linear-gradient(145deg,#f8fbff 0%,#edf5ff 52%,#f8fbff 100%)!important}.app:not(.dark) .main,.app:not(.dark) .content{background:0 0!important}.app:not(.dark) .sidebar{color:#3c5875!important;background:linear-gradient(#fffffff7,#f4f9ffeb)!important;border-right:1px solid #7599c924!important}.app:not(.dark) .topbar{color:#17243a!important;background:#ffffffe0!important;border-bottom-color:#7599c924!important}.app:not(.dark) .panel,.app:not(.dark) .stat-card,.app:not(.dark) .welcome-strip,.app:not(.dark) .dashboard-welcome,.app:not(.dark) .attendance-date-card,.app:not(.dark) .attendance-count-card,.app:not(.dark) .attendance-user-banner,.app:not(.dark) .attendance-project-panel,.app:not(.dark) .attendance-approval-panel,.app:not(.dark) .attendance-my-submissions,.app:not(.dark) .attendance-history-panel,.app:not(.dark) .payroll-hero,.app:not(.dark) .settings-branding-card,.app:not(.dark) .settings-theme-card,.app:not(.dark) .request-card,.app:not(.dark) .complaint-summary-card,.app:not(.dark) .qid-expiry-dashboard-panel{color:#17243a!important;background:linear-gradient(145deg,#ffffffed,#f7fbffcc)!important;border-color:#fffffffa!important;box-shadow:0 16px 44px #24529414,inset 0 1px #fff!important}.app:not(.dark) .sidebar nav button{color:#3c5875!important}.app:not(.dark) .sidebar nav button:hover,.app:not(.dark) .sidebar nav .nav-active,.app:not(.dark) .sidebar nav button.active{color:#1767db!important;background:#e0eeffd1!important}.app:not(.dark) .sidebar-user{color:#17243a!important;background:#f8fbffe0!important;border-color:#7599c924!important}.app.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#eef5ff!important;--muted:#98abc3!important;--border:#84aade1f!important;--surface-strong:#0d1f36f0!important;--surface-soft:#162f4ec7!important;--sidebar-text:#a9bad0!important;color:#eef5ff!important;background:radial-gradient(circle at 12% 4%,#2174e024,#0000 29%),radial-gradient(circle at 88% 8%,#694ecf1a,#0000 28%),linear-gradient(145deg,#07182c 0%,#091b31 48%,#061426 100%)!important}.app.dark .main,.app.dark .content{color:#eef5ff!important;background:0 0!important}.app.dark .sidebar{color:#a9bad0!important;-webkit-backdrop-filter:blur(30px)saturate(145%)!important;background:linear-gradient(#0a2346fa,#051933fa)!important;border-right:1px solid #84aade1f!important;box-shadow:14px 0 42px #00000029,inset -1px 0 #ffffff06!important}.app.dark .sidebar nav button{color:#a9bad0!important;background:0 0!important}.app.dark .sidebar nav button:hover{color:#f4f8ff!important;background:#396fb826!important}.app.dark .sidebar nav .nav-active,.app.dark .sidebar nav button.active{color:#fff!important;background:linear-gradient(135deg,#2c74dd47,#2959a433)!important;border-color:#65a3ff38!important;box-shadow:0 10px 26px #00000021,inset 0 1px #ffffff14!important}.app.dark .sidebar-user{color:#eef5ff!important;background:#143050b8!important;border-color:#84aade21!important}.app.dark .sidebar-user strong{color:#f4f8ff!important}.app.dark .sidebar-user span{color:#91a5bf!important}.app.dark .topbar{color:#eef5ff!important;-webkit-backdrop-filter:blur(30px)saturate(145%)!important;background:#07192ee6!important;border-bottom:1px solid #84aade1c!important;box-shadow:0 9px 28px #0000001f!important}.app.dark .topbar h1,.app.dark .topbar h2,.app.dark .topbar strong{color:#f2f7ff!important}.app.dark .topbar p,.app.dark .topbar small{color:#91a5bf!important}.app.dark .panel,.app.dark .stat-card,.app.dark .welcome-strip,.app.dark .dashboard-welcome,.app.dark .attendance-date-card,.app.dark .attendance-count-card,.app.dark .attendance-user-banner,.app.dark .attendance-project-panel,.app.dark .attendance-approval-panel,.app.dark .attendance-my-submissions,.app.dark .attendance-history-panel,.app.dark .payroll-hero,.app.dark .settings-branding-card,.app.dark .settings-theme-card,.app.dark .request-card,.app.dark .complaint-summary-card,.app.dark .qid-expiry-dashboard-panel{color:#eef5ff!important;-webkit-backdrop-filter:blur(28px)saturate(135%)!important;background:linear-gradient(145deg,#132c4be8,#0a1d34d6)!important;border:1px solid #84aade1c!important;box-shadow:0 18px 48px #00000029,inset 0 1px #ffffff09!important}.app.dark .content h1,.app.dark .content h2,.app.dark .content h3,.app.dark .content strong,.app.dark .panel h1,.app.dark .panel h2,.app.dark .panel h3,.app.dark .panel strong,.app.dark .stat-card strong,.app.dark .welcome-strip h2,.app.dark .welcome-date strong{color:#f1f6ff!important}.app.dark .content p,.app.dark .content small,.app.dark .panel p,.app.dark .panel small,.app.dark .stat-card span,.app.dark .welcome-strip p,.app.dark .welcome-date small{color:#98abc3!important}.app.dark .overview-row,.app.dark .quick-overview,.app.dark .overview-list{color:#e8f1ff!important;border-color:#84aade1a!important}.app.dark input,.app.dark select,.app.dark textarea{color:#edf5ff!important;background:#0d233de0!important;border-color:#84aade24!important;box-shadow:inset 0 1px #ffffff06,0 7px 18px #00000012!important}.app.dark .table-wrap,.app.dark .attendance-table-wrap{background:#0a1d34c2!important;border-color:#84aade1a!important}.app.dark table thead th{color:#9eb1c9!important;background:#16304ff0!important;border-color:#84aade14!important}.app.dark table tbody tr{color:#e8f1ff!important;background:#0d233d94!important;border-color:#84aade12!important}.app.dark table tbody tr:hover{background:#1f426aad!important}.app.dark .qid-expiry-row,.app.dark .qid-expiry-summary-card{color:#eef5ff!important;background:#132d4cd1!important;border-color:#84aade1c!important}.app.dark .qid-expiry-row strong,.app.dark .qid-expiry-summary-card strong{color:#f1f6ff!important}.app.dark .qid-expiry-row span,.app.dark .qid-expiry-person small{color:#98abc3!important}.app.dark .modal{color:#eef5ff!important;background:linear-gradient(145deg,#122a47fa,#081b31f5)!important;border:1px solid #84aade21!important;box-shadow:0 34px 88px #0000006b,inset 0 1px #ffffff0a!important}.app.dark .secondary-btn,.app.dark .attendance-export-btn,.app.dark .payroll-receipt-btn{color:#dce9fb!important;background:#1b395bd6!important;border-color:#84aade21!important}.app.dark .primary-btn,.app.dark .attendance-save-btn,.app.dark .payroll-action-btn,.app.dark .upload-company-logo{color:#fff!important;background:linear-gradient(135deg,#3488fa,#176be0)!important;border-color:#73abff57!important;box-shadow:0 13px 30px #004cbe38,inset 0 1px #ffffff2e!important}.app.dark .stat-card-qid-danger{background:linear-gradient(145deg,#4b202bc7,#251b2dd6)!important;border-color:#ef536038!important}.app.dark .stat-card-qid-safe{background:linear-gradient(145deg,#113b3dc2,#0c2235db)!important}.app .sidebar .company-logo-box,.app .company-logo-box{width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important}.app .sidebar .company-logo,.app .company-logo{object-fit:contain!important;object-position:center!important;width:220px!important;min-width:220px!important;max-width:220px!important;height:90px!important;min-height:90px!important;max-height:90px!important}@media (width<=1350px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=850px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.stats-grid{grid-template-columns:1fr!important}}html body .app.dark{color:#eef5ff!important;background:radial-gradient(circle at 10% 7%,#2f7ee624,#0000 28%),radial-gradient(circle at 88% 8%,#785bdc1a,#0000 26%),linear-gradient(145deg,#07172a 0%,#091c31 52%,#061426 100%)!important}html body .app.dark .main,html body .app.dark .content{color:#eef5ff!important;background:0 0!important}html body .app.dark .topbar{color:#eef5ff!important;background:#07182df5!important;border-bottom:1px solid #89b0e61f!important;box-shadow:0 8px 26px #00000029!important}html body .app.dark .topbar *,html body .app.dark .topbar h1,html body .app.dark .topbar h2,html body .app.dark .topbar p,html body .app.dark .topbar small,html body .app.dark .topbar strong,html body .app.dark .topbar span{color:#eef5ff!important}html body .app.dark .topbar p,html body .app.dark .topbar small{color:#9aacc2!important}html body .app.dark .sidebar{background:linear-gradient(#0c2d59 0%,#071d3b 100%)!important;border-right:1px solid #89b0e621!important;box-shadow:14px 0 40px #0000002e,inset -1px 0 #ffffff08!important}html body .app.dark .sidebar,html body .app.dark .sidebar span,html body .app.dark .sidebar small,html body .app.dark .sidebar strong,html body .app.dark .sidebar b,html body .app.dark .sidebar i,html body .app.dark .sidebar svg,html body .app.dark .sidebar nav,html body .app.dark .sidebar nav button,html body .app.dark .sidebar nav button span,html body .app.dark .sidebar nav button .sidebar-nav-label{color:#b8c7d9!important;fill:currentColor!important;opacity:1!important}html body .app.dark .sidebar nav button{background:0 0!important;border-color:#0000!important}html body .app.dark .sidebar nav button:hover{color:#fff!important;background:#4889df24!important;border-color:#70abf71f!important}html body .app.dark .sidebar nav button.active,html body .app.dark .sidebar nav button.nav-active{color:#fff!important;background:linear-gradient(135deg,#3277dd57,#21539e3d)!important;border-color:#70abf73d!important;box-shadow:0 10px 26px #00000024,inset 0 1px #ffffff17!important}html body .app.dark .sidebar nav button.active *,html body .app.dark .sidebar nav button.nav-active *{color:#fff!important}html body .app.dark .sidebar-user,html body .app.dark .sidebar-bottom{background:#112d4eb8!important;border-color:#89b0e621!important}html body .app.dark .sidebar-user *,html body .app.dark .sidebar-bottom *{color:#eef5ff!important}html body .app.dark .sidebar-user small,html body .app.dark .sidebar-user span{color:#94a8c0!important}html body .app.dark .panel,html body .app.dark .dashboard-welcome,html body .app.dark .stat-card,html body .app.dark .attendance-date-card,html body .app.dark .attendance-count-card,html body .app.dark .payroll-hero,html body .app.dark .settings-branding-card,html body .app.dark .settings-theme-card,html body .app.dark .request-card,html body .app.dark .complaint-summary-card,html body .app.dark .attendance-user-banner,html body .app.dark .attendance-project-panel,html body .app.dark .attendance-approval-panel,html body .app.dark .attendance-my-submissions,html body .app.dark .attendance-history-panel,html body .app.dark .qid-expiry-dashboard-panel{color:#eef5ff!important;background:linear-gradient(145deg,#142d4cf0,#0a1d34e6)!important;border:1px solid #89b0e61c!important;box-shadow:0 18px 48px #0000002e,inset 0 1px #ffffff0a!important}html body .app.dark .content h1,html body .app.dark .content h2,html body .app.dark .content h3,html body .app.dark .content h4,html body .app.dark .content strong,html body .app.dark .panel h1,html body .app.dark .panel h2,html body .app.dark .panel h3,html body .app.dark .panel strong,html body .app.dark .stat-card strong,html body .app.dark .dashboard-welcome strong,html body .app.dark .dashboard-welcome h1,html body .app.dark .dashboard-welcome h2,html body .app.dark .overview-row strong{color:#f2f7ff!important}html body .app.dark .content p,html body .app.dark .content small,html body .app.dark .content span,html body .app.dark .panel p,html body .app.dark .panel small,html body .app.dark .panel span,html body .app.dark .stat-card span,html body .app.dark .dashboard-welcome p{color:#9caec4!important}html body .app.dark .overview-row,html body .app.dark .quick-overview,html body .app.dark .overview-list{color:#eaf2ff!important;border-color:#89b0e617!important}html body .app.dark .overview-row *,html body .app.dark .quick-overview *,html body .app.dark .overview-list *{color:inherit!important}html body .app.dark .attendance-legend,html body .app.dark .attendance-legend *,html body .app.dark .chart-legend,html body .app.dark .chart-legend *{color:#eaf2ff!important}html body .app.dark input,html body .app.dark select,html body .app.dark textarea{color:#eef5ff!important;background:#0e243ff0!important;border-color:#89b0e624!important}html body .app.dark input::placeholder,html body .app.dark textarea::placeholder{color:#7187a3!important}html body .app.dark .table-wrap,html body .app.dark .attendance-table-wrap{background:#0a1d34db!important;border-color:#89b0e61a!important}html body .app.dark table thead th{color:#a6b8cd!important;background:#183353f5!important;border-color:#89b0e614!important}html body .app.dark table tbody tr,html body .app.dark table tbody td{color:#eaf2ff!important;background:#0d233da8!important;border-color:#89b0e612!important}html body .app.dark table tbody tr:hover,html body .app.dark table tbody tr:hover td{background:#1d3e65c2!important}html body .app.dark .modal{color:#eef5ff!important;background:linear-gradient(145deg,#132b48fc,#081b31fa)!important;border:1px solid #89b0e621!important}html body .app.dark .modal h1,html body .app.dark .modal h2,html body .app.dark .modal h3,html body .app.dark .modal strong,html body .app.dark .modal label{color:#f2f7ff!important}html body .app.dark .modal p,html body .app.dark .modal small,html body .app.dark .modal span{color:#9caec4!important}html body .app.dark .secondary-btn,html body .app.dark .attendance-export-btn,html body .app.dark .payroll-receipt-btn,html body .app.dark .icon-button{color:#e3edfa!important;background:#1a385be0!important;border-color:#89b0e621!important}html body .app.dark .primary-btn,html body .app.dark .attendance-save-btn,html body .app.dark .payroll-action-btn,html body .app.dark .upload-company-logo{color:#fff!important;background:linear-gradient(135deg,#3488fa,#176be0)!important;border-color:#73abff57!important}html body .app.dark .qid-expiry-row,html body .app.dark .qid-expiry-summary-card{background:#122c4ae6!important;border-color:#89b0e61c!important}html body .app.dark .qid-expiry-row strong,html body .app.dark .qid-expiry-summary-card strong{color:#f1f6ff!important}html body .app.dark .qid-expiry-row span,html body .app.dark .qid-expiry-person small{color:#9caec4!important}html body .app.dark .sidebar-brand{background:#fffffff5!important;border-radius:18px!important;width:calc(100% - 28px)!important;margin:14px!important;overflow:hidden!important}html body .app.dark .sidebar .company-logo-box,html body .app.dark .company-logo-box,html body .app:not(.dark) .sidebar .company-logo-box,html body .app:not(.dark) .company-logo-box{width:210px!important;min-width:210px!important;max-width:210px!important;height:82px!important;min-height:82px!important;max-height:82px!important}html body .app.dark .sidebar .company-logo,html body .app.dark .company-logo,html body .app:not(.dark) .sidebar .company-logo,html body .app:not(.dark) .company-logo{object-fit:contain!important;object-position:center center!important;filter:none!important;opacity:1!important;width:210px!important;min-width:210px!important;max-width:210px!important;height:82px!important;min-height:82px!important;max-height:82px!important}.dashboard-crystal-grid{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.12fr) minmax(360px,1.16fr);align-items:stretch;gap:18px;margin-top:18px;display:grid}.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card{min-width:0;height:100%}.dashboard-attendance-compact{flex-direction:column;display:flex}.attendance-compact-body{flex-direction:column;flex:1;align-items:center;gap:14px;padding:6px 0 4px;display:flex}.compact-pie-wrap{width:148px!important;min-width:148px!important;height:148px!important;min-height:148px!important}.compact-pie-chart{width:148px!important;height:148px!important}.compact-pie-hole{width:82px!important;height:82px!important}.compact-pie-hole strong{font-size:21px!important}.compact-attendance-legend{width:100%;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;display:grid!important}.compact-attendance-legend .legend-row{min-width:0;min-height:47px;border-radius:11px!important;grid-template-rows:auto auto!important;grid-template-columns:auto 1fr!important;gap:2px 6px!important;padding:8px 7px!important;display:grid!important}.compact-attendance-legend .legend-row>strong{grid-column:2;font-size:13px!important}.attendance-card-open,.birthday-view-employees{cursor:pointer;border:0;border-radius:11px;width:100%;min-height:38px;margin-top:10px;font-size:9px;font-weight:800;transition:transform .16s,background .16s}.app:not(.dark) .attendance-card-open,.app:not(.dark) .birthday-view-employees{color:#2273df;background:#2578f514}.app.dark .attendance-card-open,.app.dark .birthday-view-employees{color:#8fc0ff;background:#3e84e11f}.attendance-card-open:hover,.birthday-view-employees:hover{transform:translateY(-1px)}.dashboard-birthday-card{flex-direction:column;display:flex}.birthday-count-badge{border-radius:999px;justify-content:center;align-items:center;min-height:27px;padding:0 9px;font-size:8px;font-weight:850;display:inline-flex}.app:not(.dark) .birthday-count-badge{color:#7b55dc;background:#8b5cf617;border:1px solid #8b5cf624}.app.dark .birthday-count-badge{color:#c5b7ff;background:#8b5cf621;border:1px solid #aa91ff29}.birthday-list{flex-direction:column;flex:1;gap:7px;display:flex}.birthday-row{border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;padding:8px 10px;transition:transform .15s,box-shadow .15s;display:grid}.app:not(.dark) .birthday-row{background:#f7fbffcc;border:1px solid #789dd21f}.app.dark .birthday-row{background:#142e4db8;border:1px solid #89b0e617}.birthday-row:hover{transform:translateY(-1px)}.birthday-row.birthday-today{box-shadow:0 8px 22px #8b5cf614;border-color:#8b5cf647!important}.birthday-avatar{border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.app:not(.dark) .birthday-avatar{color:#6f4ed0;background:linear-gradient(135deg,#efe9ff,#ddeaff)}.app.dark .birthday-avatar{color:#d6cbff;background:linear-gradient(135deg,#8b5cf640,#3774dc2e)}.birthday-person{min-width:0}.birthday-person strong,.birthday-person span,.birthday-date strong,.birthday-date span{display:block}.birthday-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.birthday-person span,.birthday-date span{margin-top:2px;font-size:8px}.birthday-date{text-align:right;min-width:62px}.birthday-date strong{font-size:9px}.birthday-days{text-align:center;white-space:nowrap;border-radius:999px;min-width:66px;padding:6px 8px;font-size:8px;font-weight:850}.app:not(.dark) .birthday-days{color:#b96d08;background:#f59e0b17;border:1px solid #f59e0b24}.app.dark .birthday-days{color:#ffc76f;background:#f59e0b1c;border:1px solid #f5ae3724}.birthday-days.today{color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#6c43d0)!important;border-color:#0000!important}.birthday-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-height:250px;display:flex}.birthday-empty-icon{border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:4px;font-size:25px;display:grid}.app:not(.dark) .birthday-empty-icon{background:#8b5cf614}.app.dark .birthday-empty-icon{background:#8b5cf61f}.birthday-empty strong{font-size:11px}.birthday-empty span{max-width:245px;font-size:8px;line-height:1.55}.dashboard-quick-card .overview-list{max-height:390px;padding-right:4px;overflow-y:auto}@media (width<=1380px){.dashboard-crystal-grid{grid-template-columns:minmax(245px,.78fr) minmax(330px,1.05fr) minmax(330px,1.1fr);gap:14px}.compact-pie-wrap,.compact-pie-chart{width:132px!important;min-width:132px!important;height:132px!important;min-height:132px!important}.compact-pie-hole{width:72px!important;height:72px!important}}@media (width<=1120px){.dashboard-crystal-grid{grid-template-columns:1fr 1fr}.dashboard-quick-card{grid-column:1/-1}}@media (width<=760px){.dashboard-crystal-grid{grid-template-columns:1fr}.dashboard-quick-card{grid-column:auto}.compact-attendance-legend{grid-template-columns:1fr!important}.birthday-row{grid-template-columns:38px minmax(0,1fr) auto}.birthday-days{grid-column:2/-1;justify-self:start}}.login-page{isolation:isolate;position:relative!important;overflow:hidden!important}.login-motion-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-shell{z-index:2;position:relative}.login-motion-orb{filter:blur(12px);opacity:.38;will-change:transform, opacity;border-radius:50%;animation:4s ease-in-out infinite servicomLiquidLoop;position:absolute}.login-motion-orb.orb-one{background:radial-gradient(circle,#4db7ff9e,#3f6fff1a 68%,#0000 72%);width:360px;height:360px;top:-120px;left:-110px}.login-motion-orb.orb-two{background:radial-gradient(circle,#755dff75,#4588ff14 66%,#0000 72%);width:430px;height:430px;animation-delay:-1.3s;top:18%;right:-150px}.login-motion-orb.orb-three{background:radial-gradient(circle,#45c6ff6b,#5f6fff14 66%,#0000 72%);width:320px;height:320px;animation-delay:-2.5s;bottom:-190px;left:36%}.login-network-line{transform-origin:0;opacity:.48;background:linear-gradient(90deg,#0000,#5dbeff2e,#5dbeffb8,#8e72ff6b,#0000);height:1px;animation:4s ease-in-out infinite servicomNetworkPulse;position:absolute;box-shadow:0 0 9px #48b1ff2e}.login-network-line.line-one{width:36vw;top:28%;left:5%;transform:rotate(13deg)}.login-network-line.line-two{width:31vw;animation-delay:-1s;top:32%;right:5%;transform:rotate(-17deg)}.login-network-line.line-three{width:42vw;animation-delay:-2s;bottom:25%;left:12%;transform:rotate(-9deg)}.login-network-line.line-four{width:34vw;animation-delay:-3s;bottom:21%;right:8%;transform:rotate(12deg)}.login-network-dot{background:#82d6fff5;border-radius:50%;width:7px;height:7px;animation:4s ease-in-out infinite servicomNodeLoop;position:absolute;box-shadow:0 0 0 5px #56b1ff14,0 0 20px #56b1ffa6}.login-network-dot.dot-one{top:30%;left:10%}.login-network-dot.dot-two{animation-delay:-.8s;top:45%;left:27%}.login-network-dot.dot-three{animation-delay:-1.6s;top:27%;right:14%}.login-network-dot.dot-four{animation-delay:-2.4s;bottom:23%;right:25%}.login-network-dot.dot-five{animation-delay:-3.2s;bottom:18%;left:18%}.login-shell{animation:.72s cubic-bezier(.22,.86,.28,1) both crystalLaunch,4s ease-in-out .72s infinite servicomLoginBreath!important}@keyframes servicomLiquidLoop{0%,to{opacity:.28;transform:translate(0,0)scale(1)}50%{opacity:.46;transform:translate(28px,-18px)scale(1.1)}}@keyframes servicomNetworkPulse{0%,to{opacity:.22;filter:brightness(.9)}50%{opacity:.68;filter:brightness(1.25)}}@keyframes servicomNodeLoop{0%,to{opacity:.38;transform:scale(.78)}50%{opacity:1;transform:scale(1.32)}}@keyframes servicomLoginBreath{0%,to{box-shadow:0 40px 100px #24529433,inset 0 1px #ffffffb8}50%{box-shadow:0 45px 115px #2470d247,inset 0 1px #fffc}}.app.dark .login-network-line,.login-page.dark .login-network-line{opacity:.56}@media (width<=760px){.login-network-line{width:58vw}.login-motion-orb{transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.login-motion-orb,.login-network-line,.login-network-dot,.login-shell{animation:none!important}}.servicom-login-v2{isolation:isolate;background:radial-gradient(circle at 15% 25%,#0091ff33,#0000 27%),radial-gradient(circle at 85% 28%,#0077ff29,#0000 26%),radial-gradient(circle at 50% 105%,#0057d23b,#0000 42%),linear-gradient(135deg,#03152f 0%,#041b3d 48%,#021127 100%)!important;place-items:center!important;min-height:100vh!important;padding:34px 18px!important;display:grid!important;position:relative!important;overflow:hidden!important}.servicom-login-v2:before,.servicom-login-v2:after{content:"";filter:blur(75px);opacity:.18;pointer-events:none;border-radius:50%;width:58vw;height:58vw;animation:4s ease-in-out infinite servicomGlowFloat;position:absolute;inset:auto}.servicom-login-v2:before{background:#008cff;top:6vh;left:-34vw}.servicom-login-v2:after{background:#005eff;animation-delay:-2s;bottom:-12vh;right:-36vw}.servicom-network-bg{z-index:0;pointer-events:none;background-image:linear-gradient(#3197ff0e 1px,#0000 1px),linear-gradient(90deg,#3197ff0b 1px,#0000 1px);background-size:76px 76px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle,#0000 0 18%,#000 72%);mask-image:radial-gradient(circle,#0000 0 18%,#000 72%)}.servicom-wave{border:1px solid #28a6ff38;border-radius:50%;width:72vw;height:290px;animation:4s ease-in-out infinite servicomWaveMove;position:absolute;transform:rotate(10deg);box-shadow:0 0 32px #0095ff24,inset 0 0 30px #0095ff0f}.servicom-wave:before,.servicom-wave:after{content:"";border-radius:inherit;border:1px solid #38b3ff1f;position:absolute;inset:22px -30px}.servicom-wave:after{inset:50px -65px}.servicom-wave.wave-a{top:31%;left:-38vw}.servicom-wave.wave-b{animation-delay:-2s;bottom:20%;right:-40vw;transform:rotate(-12deg)}.servicom-node{background:#7ad9ff;border-radius:50%;width:8px;height:8px;animation:4s ease-in-out infinite servicomNodePulse;position:absolute;box-shadow:0 0 0 6px #3eb7ff12,0 0 22px #32b5ffd9}.node-a{top:22%;left:7%}.node-b{animation-delay:-.6s;top:57%;left:14%}.node-c{animation-delay:-1.2s;bottom:12%;left:23%}.node-d{animation-delay:-1.8s;top:25%;right:8%}.node-e{animation-delay:-2.4s;top:56%;right:17%}.node-f{animation-delay:-3s;bottom:11%;right:27%}.servicom-login-glass{z-index:2;color:#f7fbff;-webkit-backdrop-filter:blur(32px)saturate(145%);background:linear-gradient(145deg,#103869b8,#03193ad4);border:1px solid #bee1ffb8;border-radius:38px;width:min(720px,100vw - 36px);padding:32px 70px 34px;animation:.7s cubic-bezier(.2,.8,.2,1) both servicomLoginEnter,4s ease-in-out .7s infinite servicomGlassBreath;position:relative;box-shadow:0 35px 90px #0000006b,0 0 0 1px #409cff1f,inset 0 1px #ffffff47,inset 0 -1px #4fa4ff29}.servicom-login-logo-wrap{place-items:center;width:min(390px,75%);height:112px;margin:0 auto 18px;display:grid;position:relative}.servicom-login-logo-wrap .company-logo-fallback{z-index:-1;position:absolute}.servicom-login-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #00000029);width:100%;height:100%;display:block}.servicom-login-heading{text-align:center}.servicom-login-heading>span{color:#42c4ff;letter-spacing:1.7px;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.servicom-login-heading h1{color:#fff;margin:0;font-size:clamp(27px,3vw,36px);line-height:1.12}.servicom-login-heading p{color:#e0edffc2;margin:8px 0 25px;font-size:12px}.servicom-login-form .field label{color:#ebf4ffe0!important;font-size:11px!important}.servicom-login-form .field input,.servicom-login-form input{color:#f6fbff!important;background:#041b3d8f!important;border:1px solid #84b8eb52!important;border-radius:15px!important;min-height:56px!important;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #00000014!important}.servicom-login-form input::placeholder{color:#cdddf191!important}.servicom-login-form input:focus{border-color:#3eacffe0!important;outline:none!important;box-shadow:0 0 0 4px #2191ff1f,0 0 26px #1287ff21!important}.servicom-signin-btn{justify-content:center;align-items:center;gap:14px;width:100%;min-height:56px;margin-top:4px;display:flex;background:linear-gradient(135deg,#008ef2,#0564df)!important;border-radius:15px!important;font-size:15px!important;box-shadow:0 13px 32px #0068ee47,inset 0 1px #ffffff52!important}.servicom-signin-btn .signin-arrow{font-size:23px;transition:transform .2s;position:absolute;right:26px}.servicom-signin-btn:hover .signin-arrow{transform:translate(5px)}.servicom-support-divider{color:#4bc8ff;letter-spacing:3px;white-space:nowrap;align-items:center;gap:18px;margin:26px 0 19px;font-size:10px;font-weight:800;display:flex}.servicom-support-divider:before,.servicom-support-divider:after{content:"";background:linear-gradient(90deg,#0000,#5ab0ff61);flex:1;height:1px}.servicom-support-divider:after{background:linear-gradient(90deg,#5ab0ff61,#0000)}.servicom-support-icons{justify-content:center;align-items:flex-start;gap:clamp(62px,13vw,125px);padding:2px 0 3px;display:flex}.servicom-support-app{color:#f8fbff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;width:142px;padding:0;font-family:inherit;display:flex;position:relative}.support-app-icon{border:1px solid #a7daff94;border-radius:25px;place-items:center;width:88px;height:88px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,filter .22s;display:grid;box-shadow:0 15px 34px #0000003d,inset 0 1px #ffffff57}.helpdesk-app .support-app-icon{background:radial-gradient(circle at 32% 18%,#ffffff3d,#0000 30%),linear-gradient(145deg,#1787ff,#154ed3);box-shadow:0 15px 34px #0056ff4d,0 0 24px #197aff29,inset 0 1px #ffffff61}.track-app .support-app-icon{background:radial-gradient(circle at 32% 18%,#ffffff3b,#0000 30%),linear-gradient(145deg,#13c46c,#058646);border-color:#65ffb494;box-shadow:0 15px 34px #00954e47,0 0 24px #14d27421,inset 0 1px #ffffff5c}.support-app-icon svg{fill:none;stroke:#fff;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:43px;height:43px}.servicom-support-app strong{color:#fff;letter-spacing:.25px;white-space:nowrap;font-size:11px;font-weight:760}.servicom-support-app:after{content:attr(data-tooltip);z-index:20;color:#eaf5ff;-webkit-backdrop-filter:blur(18px);text-align:center;opacity:0;visibility:hidden;pointer-events:none;background:#02132deb;border:1px solid #6db9ff52;border-radius:13px;width:245px;padding:11px 13px;font-size:10px;font-weight:500;line-height:1.45;transition:all .18s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px)scale(.96);box-shadow:0 14px 34px #00000047}.servicom-support-app:hover:after,.servicom-support-app:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.servicom-support-app:hover .support-app-icon,.servicom-support-app:focus-visible .support-app-icon{filter:brightness(1.08);transform:translateY(-7px)scale(1.055)}.helpdesk-app:hover .support-app-icon{box-shadow:0 19px 40px #0056ff61,0 0 34px #2691ff52,inset 0 1px #ffffff6b}.track-app:hover .support-app-icon{box-shadow:0 19px 40px #00954e59,0 0 34px #14d27445,inset 0 1px #ffffff6b}.servicom-support-app:active .support-app-icon{transform:translateY(-2px)scale(.96)}@keyframes servicomLoginEnter{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes servicomGlassBreath{0%,to{box-shadow:0 35px 90px #0000006b,0 0 0 1px #409cff1f,inset 0 1px #ffffff47}50%{box-shadow:0 40px 105px #00000075,0 0 34px #007bff1a,inset 0 1px #ffffff52}}@keyframes servicomGlowFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(28px,-18px)scale(1.08)}}@keyframes servicomWaveMove{0%,to{opacity:.36;translate:0}50%{opacity:.68;translate:28px -12px}}@keyframes servicomNodePulse{0%,to{opacity:.35;transform:scale(.72)}50%{opacity:1;transform:scale(1.3)}}@media (width<=760px){.servicom-login-v2{align-items:center!important;padding:20px 12px!important}.servicom-login-glass{border-radius:29px;width:min(100%,520px);padding:27px 24px 29px}.servicom-login-logo-wrap{width:min(310px,82%);height:88px;margin-bottom:12px}.servicom-support-icons{gap:42px}.servicom-support-app{width:125px}.support-app-icon{border-radius:22px;width:76px;height:76px}.support-app-icon svg{width:37px;height:37px}.servicom-support-app strong{font-size:10px}}@media (width<=430px){.servicom-login-glass{padding:23px 16px 25px}.servicom-login-heading p{margin-bottom:20px}.servicom-support-icons{gap:20px}.servicom-support-app{width:118px}.support-app-icon{border-radius:20px;width:70px;height:70px}.servicom-support-app:after{width:205px}}@media (prefers-reduced-motion:reduce){.servicom-login-v2:before,.servicom-login-v2:after,.servicom-wave,.servicom-node,.servicom-login-glass{animation:none!important}}.servicom-login-v2{padding:22px 16px!important}.servicom-login-glass{border-radius:30px!important;width:min(580px,100vw - 32px)!important;padding:24px 50px 25px!important}.servicom-login-logo-wrap{width:min(300px,68%)!important;height:76px!important;margin:0 auto 8px!important}.servicom-login-heading>span{margin-bottom:6px!important;font-size:9px!important}.servicom-login-heading h1{font-size:28px!important}.servicom-login-heading p{margin:5px 0 17px!important;font-size:10px!important}.servicom-login-form .field{margin-bottom:10px!important}.servicom-login-form .field label{margin-bottom:5px!important;font-size:9px!important}.servicom-login-form .field input,.servicom-login-form input{border-radius:13px!important;height:46px!important;min-height:46px!important;font-size:12px!important}.servicom-signin-btn{border-radius:13px!important;height:47px!important;min-height:47px!important;margin-top:2px!important;font-size:13px!important}.servicom-signin-btn .signin-arrow{font-size:19px!important;right:20px!important}.servicom-support-divider{letter-spacing:2.5px!important;gap:14px!important;margin:18px 0 14px!important;font-size:8px!important}.servicom-support-icons{gap:82px!important;padding:0!important}.servicom-support-app{gap:8px!important;width:120px!important}.support-app-icon{border-radius:20px!important;width:68px!important;height:68px!important}.support-app-icon svg{width:32px!important;height:32px!important}.servicom-support-app strong{font-size:9px!important}@media (height<=760px) and (width>=600px){.servicom-login-glass{transform:scale(.9)}}@media (width<=620px){.servicom-login-glass{width:min(94vw,500px)!important;padding:22px 25px 24px!important}.servicom-login-logo-wrap{width:min(270px,75%)!important;height:68px!important}.servicom-support-icons{gap:35px!important}}@media (width<=390px){.servicom-login-glass{padding:19px 16px 21px!important}.servicom-support-icons{gap:16px!important}.servicom-support-app{width:108px!important}.support-app-icon{width:62px!important;height:62px!important}}html body .servicom-login-v2 .servicom-login-glass{width:min(540px,100vw - 30px)!important;padding:22px 42px 23px!important}html body .servicom-login-v2 .servicom-login-logo-wrap{z-index:2!important;justify-content:center!important;align-items:center!important;width:270px!important;max-width:65%!important;height:66px!important;min-height:66px!important;max-height:66px!important;margin:0 auto 14px!important;padding:0!important;display:flex!important;position:relative!important;overflow:hidden!important}html body .servicom-login-v2 img.servicom-login-logo{object-fit:contain!important;object-position:center!important;z-index:2!important;width:auto!important;min-width:0!important;max-width:100%!important;height:58px!important;min-height:0!important;max-height:58px!important;margin:0 auto!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;transform:none!important}html body .servicom-login-v2 .servicom-login-heading{z-index:5!important;text-align:center!important;margin:0 0 15px!important;padding:0!important;display:block!important;position:relative!important}html body .servicom-login-v2 .servicom-login-heading>span{color:#45c7ff!important;letter-spacing:1.6px!important;margin:0 0 5px!important;font-size:8px!important;font-weight:850!important;line-height:1.3!important;display:block!important}html body .servicom-login-v2 .servicom-login-heading h1{color:#fff!important;margin:0!important;font-size:25px!important;font-weight:800!important;line-height:1.15!important;display:block!important}html body .servicom-login-v2 .servicom-login-heading p{color:#e0edffc2!important;margin:5px 0 0!important;font-size:9px!important;line-height:1.4!important;display:block!important}html body .servicom-login-v2 .servicom-login-form .field{margin-bottom:9px!important}html body .servicom-login-v2 .servicom-login-form input{height:43px!important;min-height:43px!important}html body .servicom-login-v2 .servicom-signin-btn{height:44px!important;min-height:44px!important}html body .servicom-login-v2 .servicom-support-divider{margin:15px 0 12px!important}html body .servicom-login-v2 .support-app-icon{border-radius:18px!important;width:62px!important;height:62px!important}html body .servicom-login-v2 .support-app-icon svg{width:29px!important;height:29px!important}html body .servicom-login-v2 .servicom-support-icons{gap:72px!important}html body .servicom-login-v2 .servicom-support-app strong{font-size:8px!important}@media (width<=620px){html body .servicom-login-v2 .servicom-login-glass{width:min(94vw,480px)!important;padding:20px 22px 22px!important}html body .servicom-login-v2 .servicom-login-logo-wrap{width:235px!important;height:58px!important;min-height:58px!important;max-height:58px!important}html body .servicom-login-v2 img.servicom-login-logo{height:50px!important;max-height:50px!important}html body .servicom-login-v2 .servicom-support-icons{gap:32px!important}}.payslip-open-btn{color:#5b5bd6;cursor:pointer;background:#6366f114;border:1px solid #6366f12e;border-radius:9px;min-height:31px;padding:0 11px;font-size:9px;font-weight:750}.servicom-payslip{padding:8px 2px 2px}.payslip-title{text-align:center;color:var(--text);margin-bottom:20px;font-size:27px;font-weight:850}.payslip-meta-grid,.payslip-money-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.payslip-info-row,.payslip-line{border-bottom:1px solid var(--line);min-height:34px;color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.payslip-info-row strong,.payslip-line strong{color:var(--text)}.payslip-section-title{color:var(--text);border-top:2px solid #6e7d917a;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 7px;padding-top:13px;font-size:17px;font-weight:850;display:flex}.payslip-net{color:var(--text);border-top:2px solid #6e7d917a;border-bottom:2px solid #6e7d917a;justify-content:space-between;gap:18px;margin-top:22px;padding:15px 0;font-size:20px;font-weight:900;display:flex}.payslip-payment-status{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;display:grid}.payslip-payment-status>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;padding:12px}.payslip-payment-status small,.payslip-payment-status strong{display:block}.payslip-payment-status small{color:var(--muted);margin-bottom:4px;font-size:8px}.payslip-payment-status strong{color:var(--text);font-size:11px}.payslip-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;display:flex}.flip-login-page{perspective:1500px;place-items:center;min-height:100vh;padding:22px 14px;display:grid;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,#b841ff5c,#0000 30%),linear-gradient(#5f20a6 0%,#2d1269 44%,#090b2a 100%)!important}.flip-night-sky{z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 13%,#fffc 0 1px,#0000 2px) 0 0/180px 150px,radial-gradient(circle at 30% 8%,#ffffffa6 0 1px,#0000 2px) 0 0/220px 170px,radial-gradient(circle at 72% 12%,#ffffffbf 0 1px,#0000 2px) 0 0/250px 190px,radial-gradient(circle at 88% 22%,#ffffffad 0 1px,#0000 2px) 0 0/190px 160px;animation:12s linear infinite flipSkyDrift;position:absolute;inset:0;overflow:hidden}.flip-mountain{clip-path:polygon(0 65%,8% 48%,15% 61%,23% 34%,31% 56%,39% 42%,47% 60%,56% 31%,65% 54%,73% 39%,83% 58%,92% 35%,100% 59%,100% 100%,0 100%);height:48%;position:absolute;bottom:-7%;left:-10%;right:-10%}.mountain-back{opacity:.52;background:#4c1a89;bottom:4%}.mountain-front{background:linear-gradient(#211057,#090b2a)}.flip-login-scene{z-index:2;width:min(520px,100vw - 28px);height:min(720px,100vh - 44px);min-height:610px;position:relative}.flip-login-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .78s cubic-bezier(.2,.76,.2,1);position:relative}.flip-login-scene.is-support .flip-login-card{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;color:#fff;-webkit-backdrop-filter:blur(28px)saturate(145%);background:linear-gradient(145deg,#5a2a9ca8,#130e47d1);border:1px solid #ddbcff6b;border-radius:31px;flex-direction:column;padding:30px 42px 27px;display:flex;position:absolute;inset:0;box-shadow:0 32px 85px #0705236b,inset 0 1px #ffffff2e,0 0 30px #ae4aff1f}.flip-back{transform:rotateY(180deg)}.flip-company-logo{place-items:center;width:min(280px,72%);height:72px;margin:0 auto 13px;display:grid;overflow:hidden}.flip-company-logo img{object-fit:contain;width:100%;height:100%}.flip-login-title{text-align:center}.flip-login-title h1{color:#fff;margin:0;font-size:30px;line-height:1.1}.flip-login-title p{color:#faf6ffd1;margin:8px 0 25px;font-size:11px}.flip-login-form{flex-direction:column;gap:13px;display:flex}.flip-input{background:#542a9a47;border:1px solid #e1c7ff42;border-radius:26px;align-items:center;min-height:56px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f}.flip-input:focus-within{border-color:#db6effd1;box-shadow:0 0 0 4px #cf48ff1a,0 0 28px #cb48ff1f}.flip-input input{width:100%;color:#fff!important;height:54px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0 52px 0 48px!important;font-size:12px!important}.flip-input input::placeholder{color:#ffffffbd!important}.flip-field-icon{color:#fff;font-size:18px;position:absolute;left:18px}.flip-eye{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;width:32px;height:32px;font-size:18px;position:absolute;right:15px}.flip-login-options{justify-content:space-between;align-items:center;gap:12px;margin-top:1px;display:flex}.flip-remember{color:#fff;cursor:pointer;align-items:center;gap:7px;font-size:10px;display:flex}.flip-remember input{accent-color:#8d36ff;width:15px!important;height:15px!important;min-height:15px!important}.flip-forgot{color:#d35cff;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.flip-primary-login{color:#fff;cursor:pointer;background:linear-gradient(100deg,#6338ff,#d536d8);border:0;border-radius:26px;min-height:56px;margin-top:7px;font-size:14px;font-weight:800;transition:all .2s;position:relative;box-shadow:0 13px 28px #8128e447,inset 0 1px #ffffff47}.flip-primary-login b{font-size:20px;position:absolute;right:23px}.flip-primary-login:hover{filter:brightness(1.08);transform:translateY(-2px)}.flip-switch{color:#bd51ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin:auto auto 0;padding:10px 14px;font-size:11px;font-weight:750;display:flex}.flip-switch span{font-size:18px}.flip-support-actions{grid-template-columns:1fr 1fr;gap:15px;margin-top:6px;display:grid}.flip-support-tile{color:#fff;cursor:pointer;background:#401d7a4d;border:1px solid #dcc2ff3b;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:155px;padding:18px 14px;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff0d}.flip-support-tile:hover{background:#5a25a466;border-color:#d269ff8a;transform:translateY(-4px);box-shadow:0 15px 32px #14053638}.flip-support-icon{color:#dc8cff;background:#8c37ff3d;border-radius:17px;place-items:center;width:54px;height:54px;font-size:27px;display:grid}.flip-support-tile strong{color:#fff;font-size:12px}.flip-support-tile small{color:#ffffffb8;text-align:center;max-width:145px;font-size:9px;line-height:1.45}.flip-quick-help{text-align:center;margin-top:26px}.flip-quick-help>span{color:#ffffffc7;align-items:center;gap:14px;font-size:10px;display:flex}.flip-quick-help>span:before,.flip-quick-help>span:after{content:"";background:#ddc6ff2e;flex:1;height:1px}.flip-quick-help>div{justify-content:center;gap:8px;margin-top:15px;display:flex}.flip-quick-help button{color:#fff;cursor:pointer;background:#47208342;border:1px solid #dcc2ff33;border-radius:18px;min-height:36px;padding:0 13px;font-size:9px}@keyframes flipSkyDrift{0%{transform:translate(0)}to{transform:translate(-70px)}}@media (height<=760px) and (width>=580px){.flip-login-scene{transform:scale(.9)}}@media (width<=580px){.flip-login-scene{width:min(94vw,480px);height:min(690px,100vh - 28px);min-height:600px}.flip-face{padding:24px 20px}.flip-company-logo{width:min(250px,76%);height:62px}.flip-support-actions{gap:10px}.flip-support-tile{min-height:140px}}@media (width<=390px){.flip-login-options{flex-direction:column;align-items:flex-start}.flip-support-actions{grid-template-columns:1fr 1fr}.flip-quick-help>div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.flip-login-card,.flip-night-sky{transition:none!important;animation:none!important}}:root{--font-ui:Inter, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}html,body,button,input,select,textarea,table{font-family:var(--font-ui)!important}body{font-weight:var(--font-weight-regular);letter-spacing:-.01em}.topbar h1,.content>h1,.page-title,.flip-login-title h1,.payslip-title{font-family:var(--font-ui)!important;letter-spacing:-.035em!important;font-weight:650!important}.panel h2,.panel h3,.panel-heading h2,.section-toolbar h2,.request-heading h2,.payslip-section-title,.dashboard-birthday-card h2,.dashboard-attendance-compact h2{font-family:var(--font-ui)!important;letter-spacing:-.022em!important;font-weight:600!important}.stat-card span,.overview-row,table td,table th,.sidebar nav button,.sidebar-user,.field label,.flip-login-title p,.flip-remember,.flip-forgot,.flip-support-tile small,.payslip-info-row,.payslip-line{font-weight:400;font-family:var(--font-ui)!important}.stat-card strong,.payroll-hero strong,.payslip-net strong,.payslip-payment-status strong,.birthday-count-badge,.salary-paid-label{letter-spacing:-.025em;font-family:var(--font-ui)!important;font-weight:650!important}.primary-btn,.secondary-btn,.payroll-action-btn,.payroll-receipt-btn,.payslip-open-btn,.flip-primary-login,.flip-switch,.flip-support-tile,.top-actions button{font-family:var(--font-ui)!important;letter-spacing:-.012em!important;font-weight:550!important}.sidebar nav button{font-size:11px;font-weight:450!important}.sidebar nav button.active,.sidebar nav button.nav-active{font-weight:600!important}table th{letter-spacing:.01em!important;font-size:9px!important;font-weight:500!important}table td{font-size:10px!important;font-weight:400!important}table td strong{font-weight:550!important}.stat-card span{font-size:9px!important}.stat-card strong{font-size:clamp(18px,1.6vw,24px)!important}.payroll-hero-main>span,.payroll-month-summary span{font-weight:450!important}.payroll-row-actions button{font-size:9px!important}.payslip-info-row span,.payslip-line span{font-weight:400!important}.payslip-info-row strong,.payslip-line strong{font-weight:550!important}.payslip-net{font-weight:600!important}.flip-company-logo+.flip-login-title{margin-top:1px}.flip-login-title h1{font-size:29px!important;font-weight:650!important}.flip-login-title p{font-size:11px!important;font-weight:400!important}.flip-input input{font-family:var(--font-ui)!important;font-weight:400!important}.flip-primary-login,.flip-support-tile strong{font-weight:600!important}.flip-switch{font-weight:500!important}@media (width<=760px){.sidebar nav button{font-size:10px}table td{font-size:9px!important}.flip-login-title h1{font-size:26px!important}}.flip-login-page{padding:26px 16px!important}.flip-login-scene{width:min(500px,100vw - 30px)!important;height:610px!important;min-height:0!important}.flip-face{border-radius:28px!important;padding:24px 38px!important}.flip-company-logo{justify-content:center!important;align-items:center!important;width:min(290px,78%)!important;height:78px!important;min-height:78px!important;max-height:78px!important;margin:0 auto 10px!important;padding:0!important;display:flex!important;overflow:visible!important}.flip-company-logo img{object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:78px!important;margin:0 auto!important;display:block!important;position:static!important;transform:none!important}.flip-login-title h1{margin:0!important;font-size:28px!important;line-height:1.1!important}.flip-login-title p{margin:6px 0 20px!important}.flip-login-form{gap:11px!important}.flip-input{min-height:52px!important}.flip-input input{height:50px!important}.flip-primary-login{min-height:52px!important;margin-top:5px!important}.flip-front .flip-switch,.flip-back .flip-switch{margin:24px auto 0!important}.flip-support-actions{margin-top:4px!important}.flip-support-tile{min-height:138px!important}.flip-quick-help{margin-top:20px!important}@media (width>=900px){.flip-login-scene{height:600px!important}}@media (height<=760px) and (width>=580px){.flip-login-scene{height:565px!important;transform:none!important}.flip-face{padding:20px 34px!important}.flip-company-logo{height:68px!important;min-height:68px!important;max-height:68px!important}.flip-company-logo img{max-height:68px!important}.flip-login-title p{margin-bottom:15px!important}.flip-front .flip-switch,.flip-back .flip-switch{margin-top:18px!important}}@media (width<=580px){.flip-login-scene{width:min(94vw,470px)!important;height:590px!important}.flip-face{padding:22px 20px!important}.flip-company-logo{width:min(250px,80%)!important;height:66px!important;min-height:66px!important;max-height:66px!important}.flip-company-logo img{max-height:66px!important}}.flip-login-scene{height:525px!important}.flip-face{padding-bottom:20px!important}.flip-front .flip-switch,.flip-back .flip-switch{margin-top:18px!important;margin-bottom:0!important}.flip-primary-login{overflow:hidden}.flip-primary-login:disabled{cursor:wait}.flip-login-scene.login-success-anim .flip-primary-login{animation:.52s cubic-bezier(.2,.8,.2,1) both loginButtonSuccess}.flip-login-scene.login-success-anim .flip-front{animation:.52s cubic-bezier(.2,.8,.2,1) both loginCardSuccess}.flip-login-scene.login-success-anim .flip-primary-login:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff8c,#0000 58%);animation:.52s both loginGlowSweep;position:absolute;inset:-60%}@keyframes loginButtonSuccess{0%{filter:brightness();transform:scale(1)}35%{filter:brightness(1.18);transform:scale(.97)}70%{transform:scale(1.02);box-shadow:0 0 0 4px #d352ff1f,0 0 34px #c638ff6b}to{filter:brightness(1.08);transform:scale(1)}}@keyframes loginCardSuccess{0%{opacity:1;transform:scale(1)}55%{opacity:.96;transform:scale(.985)}to{opacity:0;transform:scale(1.015)}}@keyframes loginGlowSweep{0%{opacity:0;transform:translate(-45%)}35%{opacity:1}to{opacity:0;transform:translate(45%)}}@media (height<=760px) and (width>=580px){.flip-login-scene{height:500px!important}}@media (width<=580px){.flip-login-scene{height:545px!important}}.flip-support-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flip-support-tile.employee-self-service .flip-support-icon{color:#9fe1ff;background:#2697ff38}.employee-self-service-form{padding:4px 0}.employee-self-service-lock{color:#3f8cf4;background:#3b82f617;border:1px solid #3b82f624;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:28px;font-weight:900;display:grid}.employee-self-service-form>p{text-align:center;max-width:460px;color:var(--muted);margin:0 auto 18px;font-size:10px;line-height:1.55}.employee-self-service-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.employee-self-service-error{color:#df4653;background:#ef444414;border:1px solid #ef444424;border-radius:10px;margin-top:11px;padding:10px 12px;font-size:9px;font-weight:550}.employee-self-service-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:16px;padding-top:15px;display:flex}.employee-self-service-head{border-bottom:1px solid var(--line);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;padding-bottom:16px;display:grid}.employee-self-service-avatar{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-radius:18px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:700;display:grid;box-shadow:0 10px 24px #2563eb33}.employee-self-service-head span{color:#4a91ef;letter-spacing:1.1px;font-size:8px;font-weight:700;display:block}.employee-self-service-head h2{color:var(--text);margin:3px 0 2px;font-size:18px}.employee-self-service-head p{color:var(--muted);margin:0;font-size:9px}.employee-self-service-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px;display:grid}.employee-self-info{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;min-height:73px;padding:11px}.employee-self-info span,.employee-self-info strong{display:block}.employee-self-info span{color:var(--muted);margin-bottom:5px;font-size:8px}.employee-self-info strong{color:var(--text);word-break:break-word;font-size:10px}.employee-self-service-request-panel{margin-top:15px}.employee-self-service-section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:9px;display:flex}.employee-self-service-section-title h3{color:var(--text);margin:0;font-size:13px}.employee-self-service-section-title p{color:var(--muted);margin:3px 0 0;font-size:8px}.employee-self-service-section-title>span{color:#347fe7;background:#3b82f617;border:1px solid #3b82f621;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:9px;font-weight:750;display:inline-flex}.employee-self-service-request-list{flex-direction:column;gap:7px;display:flex}.employee-self-service-request{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.employee-self-service-request strong,.employee-self-service-request small{display:block}.employee-self-service-request strong{color:var(--text);font-size:9px}.employee-self-service-request small{color:var(--muted);margin-top:3px;font-size:8px}.employee-self-service-empty{color:var(--muted);background:var(--surface-soft);border:1px dashed var(--border);text-align:center;border-radius:10px;padding:20px;font-size:9px}@media (width<=700px){.flip-support-actions{grid-template-columns:1fr 1fr!important}.flip-support-tile.employee-self-service{grid-column:1/-1;min-height:105px!important}.employee-self-service-fields,.employee-self-service-grid{grid-template-columns:1fr 1fr}}@media (width<=460px){.employee-self-service-fields,.employee-self-service-grid{grid-template-columns:1fr}.employee-self-service-head{grid-template-columns:52px 1fr}.employee-self-service-head>button{grid-column:1/-1}}.login-contact-support-btn{color:#eecdffe0;cursor:pointer;background:#692aab21;border:1px solid #d9afff2e;border-radius:17px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 15px;font-size:9px;font-weight:500;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;margin:8px auto 0!important}.login-contact-support-btn:hover{color:#fff;background:#8730d338;border-color:#d870ff6b;transform:translateY(-2px)}.login-contact-support-btn span{font-size:13px}.contact-support-form{padding-top:3px}.contact-support-to{background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;flex-direction:column;justify-content:center;min-height:55px;margin-bottom:14px;padding:10px 13px;display:flex}.contact-support-to span{color:var(--muted);margin-bottom:3px;font-size:8px}.contact-support-to strong{color:var(--text);font-size:11px}.contact-support-grid{grid-template-columns:1fr 1fr;gap:11px 13px;display:grid}.contact-support-message{margin-top:12px;display:block}.contact-support-message>span{color:var(--muted);margin-bottom:6px;font-size:9px;font-weight:500;display:block}.contact-support-message textarea{resize:vertical;width:100%;min-height:120px}.contact-support-note{color:var(--muted);margin-top:9px;font-size:8px;line-height:1.5}.contact-support-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.employee-self-service-form{padding-bottom:4px!important}.employee-self-service-fields{margin-bottom:4px!important}.employee-self-service-actions{clear:both!important;border-top:1px solid var(--line)!important;justify-content:flex-end!important;align-items:center!important;gap:11px!important;width:100%!important;margin-top:24px!important;padding-top:18px!important;display:flex!important;position:relative!important}.employee-self-service-actions .secondary-btn,.employee-self-service-actions .primary-btn{flex:none!important;min-width:100px!important;margin:0!important;position:static!important}.employee-self-service-fields .field{margin-bottom:7px!important}.topbar,.top-actions,.top-tooltip-button{overflow:visible!important}.top-actions{z-index:300!important;position:relative!important}.top-tooltip-button{position:relative!important}.top-tooltip-button:after{content:attr(data-tooltip);z-index:99999;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#0c1b2ff5;border:1px solid #ffffff1f;border-radius:8px;min-width:max-content;padding:7px 10px;font-size:9px;font-weight:550;line-height:1;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-4px);box-shadow:0 10px 28px #0003}.top-tooltip-button:before{content:"";z-index:100000;opacity:0;visibility:hidden;pointer-events:none;border-bottom:5px solid #0c1b2ff5;border-left:5px solid #0000;border-right:5px solid #0000;transition:opacity .15s,visibility .15s;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.top-tooltip-button:hover:after,.top-tooltip-button:hover:before,.top-tooltip-button:focus-visible:after,.top-tooltip-button:focus-visible:before{opacity:1!important;visibility:visible!important}.top-tooltip-button:hover:after,.top-tooltip-button:focus-visible:after{transform:translate(-50%)}.app.dark .top-tooltip-button:after{color:#eff6ff;background:#020c1afa;border-color:#82a9dc29}.app.dark .top-tooltip-button:before{border-bottom-color:#020c1afa}@media (width<=620px){.contact-support-grid{grid-template-columns:1fr}.employee-self-service-actions{margin-top:20px!important}}.employee-self-service-identity{min-width:0}.employee-badge-line{align-items:center;gap:9px;min-height:29px;margin-bottom:1px;display:flex}.employee-verification-label{letter-spacing:1.15px!important;margin:0!important;font-size:8px!important;font-weight:750!important;display:inline-block!important}.employee-verification-label.badge-active{color:#2e7cf5!important}.employee-verification-label.badge-hold{color:#d99500!important}.employee-verification-label.badge-inactive{color:#e33d49!important}.employee-verification-label.badge-closed{color:#202838!important}.employee-verified-badge{--badge-color:#2f80ed;color:#fff;background:var(--badge-color);clip-path:polygon(50% 0%,61% 9%,75% 6%,81% 19%,94% 25%,91% 39%,100% 50%,91% 61%,94% 75%,81% 81%,75% 94%,61% 91%,50% 100%,39% 91%,25% 94%,19% 81%,6% 75%,9% 61%,0% 50%,9% 39%,6% 25%,19% 19%,25% 6%,39% 9%);width:25px;height:25px;filter:drop-shadow(0 4px 8px #00000024) drop-shadow(0 0 8px color-mix(in srgb, var(--badge-color) 45%, transparent));flex:0 0 25px;place-items:center;animation:.58s cubic-bezier(.2,.88,.28,1.25) both employeeBadgePop,2.2s ease-in-out .58s infinite employeeBadgeGlow;display:grid;position:relative}.employee-badge-check{z-index:3;font-size:13px;font-weight:900;line-height:1;position:relative;transform:translateY(-.5px);color:#fff!important}.employee-badge-spark{z-index:1;opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;animation:1.8s ease-in-out .55s infinite employeeBadgeSpark;position:absolute;box-shadow:0 0 6px #ffffffeb}.employee-badge-spark.spark-a{animation-delay:.55s;top:-5px;left:50%}.employee-badge-spark.spark-b{animation-delay:.85s;top:48%;right:-5px}.employee-badge-spark.spark-c{animation-delay:1.1s;bottom:-5px;left:40%}.employee-badge-spark.spark-d{animation-delay:1.35s;top:35%;left:-5px}.employee-self-status-text{border-radius:999px;width:fit-content;padding:4px 8px;font-weight:650!important}.employee-self-status-text.badge-active{background:#2f80ed1a;border:1px solid #2f80ed24;color:#1664d8!important}.employee-self-status-text.badge-hold{background:#f2aa121c;border:1px solid #f2aa122b;color:#a86f00!important}.employee-self-status-text.badge-inactive{background:#ef3f4d1a;border:1px solid #ef3f4d26;color:#d62d3a!important}.employee-self-status-text.badge-closed{background:#171d29;border:1px solid #0003;color:#fff!important}.app.dark .employee-verification-label.badge-closed{color:#cfd7e6!important}.app.dark .employee-self-status-text.badge-closed{background:#06090f;border-color:#ffffff1f;color:#fff!important}@keyframes employeeBadgePop{0%{opacity:0;transform:scale(.25)rotate(-20deg)}48%{opacity:1;transform:scale(1.28)rotate(8deg)}72%{transform:scale(.92)rotate(-3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes employeeBadgeGlow{0%,to{filter:drop-shadow(0 4px 8px #00000024) drop-shadow(0 0 5px color-mix(in srgb, var(--badge-color) 35%, transparent))}50%{filter:drop-shadow(0 4px 8px #00000024) drop-shadow(0 0 13px color-mix(in srgb, var(--badge-color) 72%, transparent))}}@keyframes employeeBadgeSpark{0%,to{opacity:0;transform:scale(.25)}45%{opacity:1;transform:scale(1.25)}70%{opacity:.3;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.employee-verified-badge,.employee-badge-spark{animation:none!important}}.employee-verified-badge{--badge-color:#2f80ed;color:#fff!important;background:var(--badge-color)!important;clip-path:polygon(50% 0%,61% 8%,73% 5%,80% 17%,92% 22%,90% 36%,100% 50%,90% 64%,92% 78%,80% 83%,73% 95%,61% 92%,50% 100%,39% 92%,27% 95%,20% 83%,8% 78%,10% 64%,0% 50%,10% 36%,8% 22%,20% 17%,27% 5%,39% 8%)!important;width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;box-shadow:none!important;filter:drop-shadow(0 4px 7px #00000026) drop-shadow(0 0 8px color-mix(in srgb, var(--badge-color) 52%, transparent))!important;flex:0 0 27px!important;justify-content:center!important;align-items:center!important;animation:.56s cubic-bezier(.18,.9,.25,1.22) both employeeBadgePop,2.2s ease-in-out .58s infinite employeeBadgeGlow!important;display:inline-flex!important;position:relative!important;overflow:visible!important}.employee-badge-check-svg{filter:drop-shadow(0 1px 1px #00000029);z-index:6!important;color:#fff!important;fill:none!important;opacity:1!important;pointer-events:none!important;width:15px!important;height:15px!important;display:block!important;position:relative!important;transform:none!important}.employee-badge-check-svg path{stroke:#fff!important;stroke-width:3px!important;fill:none!important}.employee-verified-badge.badge-active{--badge-color:#2f80ed!important}.employee-verified-badge.badge-hold{--badge-color:#f2a914!important}.employee-verified-badge.badge-inactive{--badge-color:#ef3f4d!important}.employee-verified-badge.badge-closed{--badge-color:#161c28!important}.employee-badge-line{align-items:center!important;gap:8px!important;min-height:30px!important;display:flex!important}.employee-verification-label{line-height:1!important}.employee-badge-spark{z-index:7!important;box-shadow:0 0 4px #fff, 0 0 8px color-mix(in srgb, var(--badge-color) 60%, transparent)!important;background:#fff!important}@media (width<=600px){.employee-verified-badge{flex-basis:25px!important;width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important}.employee-badge-check-svg{width:14px!important;height:14px!important}}.app.theme-aqua{--page-bg:radial-gradient(circle at 85% 8%, #3ed6ff38, transparent 28%), radial-gradient(circle at 18% 90%, #30b1dc26, transparent 34%), linear-gradient(135deg,#e9fbff 0%,#dff6ff 46%,#eefcff 100%);--sidebar-bg:radial-gradient(circle at 15% 6%, #ffffff38, transparent 24%), linear-gradient(180deg,#158cb0,#075d82);--surface:linear-gradient(145deg,#f7feffcc,#daf6fc94);--surface-strong:#f0fdffe8;--surface-soft:#dcf7fcb3;--text:#0d3040;--muted:#628493;--border:#ffffffc7;--line:#3393b126;--input-bg:#f4fdffb8;--table-head:#d8f5fbcc;--sidebar-text:#ffffffe0;--shadow:0 16px 42px #1275941a}.app.theme-emerald{--page-bg:radial-gradient(circle at 86% 8%, #35d39930, transparent 29%), radial-gradient(circle at 17% 91%, #1f9d7321, transparent 32%), linear-gradient(135deg,#effcf6,#e1f8ee 52%,#f5fdf9);--sidebar-bg:radial-gradient(circle at 12% 5%, #ffffff29, transparent 25%), linear-gradient(180deg,#16966b,#07543e);--surface:linear-gradient(145deg,#fbfffdd6,#e4f8ee9e);--surface-strong:#f8fffbeb;--surface-soft:#e2f7edb8;--text:#12392d;--muted:#6b8b80;--border:#ffffffd1;--line:#318b6a24;--input-bg:#f9fffcc2;--table-head:#e5f8efd1;--sidebar-text:#ffffffe0;--shadow:0 15px 40px #0b6f4d1a}.app.theme-rose{--page-bg:radial-gradient(circle at 86% 7%, #f472b62e, transparent 29%), radial-gradient(circle at 20% 90%, #ec48991c, transparent 33%), linear-gradient(135deg,#fff5fa,#fdeaf4 52%,#fff8fc);--sidebar-bg:radial-gradient(circle at 12% 4%, #ffffff2e, transparent 26%), linear-gradient(180deg,#c94f8b,#7f2859);--surface:linear-gradient(145deg,#fffcfee0,#fce6f19e);--surface-strong:#fffcfef0;--surface-soft:#fde8f2bd;--text:#431b30;--muted:#96758a;--border:#ffffffd6;--line:#a94a7721;--input-bg:#fffbfdc4;--table-head:#fce8f2d1;--sidebar-text:#ffffffe0;--shadow:0 14px 38px #8b305c1a}.app.theme-graphite{--page-bg:radial-gradient(circle at 84% 10%, #70819a24, transparent 28%), linear-gradient(135deg,#151a22,#202734 52%,#171d27);--sidebar-bg:linear-gradient(180deg,#171c25,#0d1118);--surface:linear-gradient(145deg,#2d3644db,#1b222dc7);--surface-strong:#1c232ef2;--surface-soft:#2f3846b8;--text:#f3f6fb;--muted:#a3adbc;--border:#ffffff14;--line:#ffffff12;--input-bg:#2a3341db;--table-head:#272f3cdb;--sidebar-text:#c5cedb;--shadow:0 17px 46px #0000004d}.app.theme-aurora{--page-bg:radial-gradient(circle at 85% 7%, #54d9ff2e, transparent 28%), radial-gradient(circle at 18% 88%, #9d63ff29, transparent 34%), linear-gradient(135deg,#eef9ff 0%,#f2edff 48%,#e8fff9 100%);--sidebar-bg:radial-gradient(circle at 15% 5%, #ffffff2e, transparent 24%), linear-gradient(180deg,#4c69d8,#5742b5 50%,#1a827a);--surface:linear-gradient(145deg,#ffffffd1,#e9eeff94);--surface-strong:#fafcffeb;--surface-soft:#ebf0ffb8;--text:#202a46;--muted:#74809b;--border:#ffffffd6;--line:#5c67ad21;--input-bg:#fafcffc2;--table-head:#ebefffcc;--sidebar-text:#ffffffe0;--shadow:0 15px 42px #4d4ca91c}.app.theme-frost{--page-bg:radial-gradient(circle at 84% 7%, #a5caff2e, transparent 28%), linear-gradient(135deg,#f7fbff,#eef4fb 52%,#fbfdff);--sidebar-bg:linear-gradient(180deg,#f6fafff5,#e5edf8f7);--surface:linear-gradient(145deg,#ffffffc2,#ebf2fa94);--surface-strong:#ffffffe0;--surface-soft:#f0f5fbb3;--text:#1d2c40;--muted:#718094;--border:#ffffffeb;--line:#70849e21;--input-bg:#ffffffbd;--table-head:#eff4fad1;--sidebar-text:#465c75;--shadow:0 15px 40px #304b7014}.app.dark.theme-aqua{--page-bg:radial-gradient(circle at 85% 8%, #26b0d729, transparent 29%), linear-gradient(135deg,#071b24,#0a2835);--sidebar-bg:linear-gradient(180deg,#0b5e79,#07394d);--surface:linear-gradient(145deg,#133745e6,#0b2632d4);--surface-strong:#0c2632f5;--surface-soft:#173e4dc7;--text:#ecfbff;--muted:#9ac0cc;--border:#ffffff12;--line:#ffffff12;--input-bg:#183d4be0;--table-head:#153846e0;--sidebar-text:#c7edf5;--shadow:0 17px 44px #00000047}.app.dark.theme-emerald{--page-bg:radial-gradient(circle at 85% 8%, #22a67426, transparent 30%), linear-gradient(135deg,#081d18,#0c2b23);--sidebar-bg:linear-gradient(180deg,#0e6147,#073b2e);--surface:linear-gradient(145deg,#173c31e6,#0c2922d4);--surface-strong:#0d2a23f5;--surface-soft:#1b4337c7;--text:#effcf7;--muted:#9dc2b4;--border:#ffffff12;--line:#ffffff12;--input-bg:#1b4136e0;--table-head:#173b31e0;--sidebar-text:#caefe2;--shadow:0 17px 44px #00000047}.app.dark.theme-rose{--page-bg:radial-gradient(circle at 85% 7%, #c43d7e2b, transparent 29%), linear-gradient(135deg,#24101b,#351526);--sidebar-bg:linear-gradient(180deg,#842f5a,#4a1734);--surface:linear-gradient(145deg,#472436e8,#2f1927d6);--surface-strong:#311a29f5;--surface-soft:#4d283bc7;--text:#fff3f8;--muted:#d2a8bb;--border:#ffffff12;--line:#ffffff12;--input-bg:#4c283be0;--table-head:#452436e0;--sidebar-text:#f3cadc;--shadow:0 17px 44px #00000047}.app.dark.theme-aurora{--page-bg:radial-gradient(circle at 84% 7%, #3b9fde24, transparent 28%), radial-gradient(circle at 20% 90%, #804dd224, transparent 33%), linear-gradient(135deg,#0d1828,#17162f 52%,#0c2928);--sidebar-bg:linear-gradient(180deg,#334a9c,#4a348d 52%,#12615d);--surface:linear-gradient(145deg,#263052e6,#1a1e3ad6);--surface-strong:#1c1f3bf5;--surface-soft:#2e3358c7;--text:#f2f5ff;--muted:#aeb5d2;--border:#ffffff12;--line:#ffffff12;--input-bg:#2d3254e0;--table-head:#2a2e4fe0;--sidebar-text:#d7dbff;--shadow:0 17px 44px #00000047}.app.dark.theme-frost{--page-bg:linear-gradient(135deg,#0c1623,#121f30);--sidebar-bg:linear-gradient(180deg,#172438,#0d1827);--surface:linear-gradient(145deg,#1f2d40e6,#142030d6);--surface-strong:#152131f5;--surface-soft:#243346c7;--text:#f2f7ff;--muted:#9baabd;--border:#ffffff12;--line:#ffffff12;--input-bg:#233245e0;--table-head:#202e40e0;--sidebar-text:#cad5e4;--shadow:0 17px 44px #00000047}.app.dark.theme-graphite{--page-bg:linear-gradient(135deg,#090c11,#111720);--sidebar-bg:linear-gradient(180deg,#0c1016,#06080c);--surface:linear-gradient(145deg,#1d232deb,#12171fde);--surface-strong:#12171ff7;--surface-soft:#222934cc;--text:#f7f9fc;--muted:#a8b0bd;--border:#ffffff12;--line:#ffffff12;--input-bg:#202732e6;--table-head:#1d242fe6;--sidebar-text:#d3dae4;--shadow:0 18px 48px #00000061}.theme-preview-aqua{background:linear-gradient(135deg,#c7f3ff,#4ac4e9)!important}.theme-preview-emerald{background:linear-gradient(135deg,#d9f9e8,#42c28b)!important}.theme-preview-rose{background:linear-gradient(135deg,#ffe0ef,#e77caf)!important}.theme-preview-graphite{background:linear-gradient(135deg,#343d4b,#111821)!important}.theme-preview-aurora{background:linear-gradient(135deg,#72c8ff 0%,#9a7bf8 48%,#61d5bc 100%)!important}.theme-preview-frost{background:linear-gradient(135deg,#fff,#dce8f6)!important}.app{background:var(--page-bg)!important;color:var(--text)!important}.app .main,.app .content{color:var(--text)}.app .topbar{-webkit-backdrop-filter:blur(24px)saturate(145%);box-shadow:0 8px 28px #0000000a;color:var(--text)!important;background:var(--surface-strong)!important;border-color:var(--border)!important}.app .panel,.app .stat-card,.app .dashboard-welcome,.app .dashboard-attendance-compact,.app .dashboard-birthday-card,.app .dashboard-quick-card,.app .payroll-hero,.app .payroll-hero-main,.app .payroll-month-summary,.app .settings-layout>.panel,.app .settings-branding-card,.app .attendance-date-card,.app .attendance-user-banner,.app .project-site-card,.app .employee-self-info,.app .employee-self-service-request,.app .employee-self-service-empty,.app .contact-support-to,.app .notification-panel,.app .request-card,.app .complaint-card{-webkit-backdrop-filter:blur(24px)saturate(140%);transition:background .28s,border-color .28s,box-shadow .28s,color .28s;color:var(--text)!important;background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important}.app .modal-card,.app .modal-content,.app .modal-shell{-webkit-backdrop-filter:blur(28px)saturate(145%);color:var(--text)!important;background:var(--surface-strong)!important;border-color:var(--border)!important;box-shadow:var(--shadow)!important}.app input,.app select,.app textarea,.app .field input,.app .field select,.app .field textarea{color:var(--text)!important;background:var(--input-bg)!important;border-color:var(--border)!important}.app table{color:var(--text)!important}.app thead,.app table thead,.app table th{background:var(--table-head)!important;color:var(--muted)!important}.app table td,.app table th,.app tr{border-color:var(--line)!important}.app .overview-row,.app .legend-row,.app .birthday-row,.app .payslip-payment-status>div,.app .employee-self-service-request,.app .employee-self-info{background:var(--surface-soft)!important;border-color:var(--border)!important}.app .settings-divider,.app .payslip-actions,.app .employee-self-service-actions,.app .contact-support-actions{border-color:var(--line)!important}.app .theme-choice{box-shadow:0 8px 22px #0000000d;background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--text)!important}.app .theme-choice.theme-selected{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f629,0 10px 28px #0000000f!important}.app .sidebar{background:var(--sidebar-bg)!important;color:var(--sidebar-text)!important;border-color:var(--border)!important}.app .sidebar nav button:hover{background:#ffffff14!important}.app.theme-corporate .sidebar nav button,.app.theme-frost .sidebar nav button{color:var(--sidebar-text)!important}.app.theme-corporate .sidebar nav button.active,.app.theme-frost .sidebar nav button.active,.app.theme-corporate .sidebar nav button.nav-active,.app.theme-frost .sidebar nav button.nav-active{color:#1768cf!important;background:#4d91e61a!important;border-color:#4d91e62e!important}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:12px!important}.theme-choice{min-width:0!important}.app .panel:before,.app .stat-card:before,.app .settings-branding-card:before{pointer-events:none}@media (width<=900px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=520px){.theme-grid{grid-template-columns:1fr!important}}.app.theme-blue{--t-page:#071d36;--t-page2:#0c315a;--t-side:#082b4ee0;--t-top:#051d34db;--t-card:#133a5ea3;--t-soft:#26537c7a;--t-input:#0c2f50b8;--t-text:#f5f9ff;--t-muted:#a9bfd6;--t-border:#9ac9ff38;--t-accent:#4b9cff;--t-accent2:#70b7ff}.app.theme-navy{--t-page:#061426;--t-page2:#0a2340;--t-side:#051b32eb;--t-top:#041628e6;--t-card:#0d2a46b3;--t-soft:#1b3d5e8c;--t-input:#08233dc7;--t-text:#f4f8fc;--t-muted:#9fb4c9;--t-border:#97b9dc2e;--t-accent:#3978c8;--t-accent2:#5b9ce8}.app.theme-corporate{--t-page:#edf3f9;--t-page2:#f8fbff;--t-side:#f6f9fde6;--t-top:#ffffffd1;--t-card:#ffffffad;--t-soft:#f1f6fbc2;--t-input:#ffffffc7;--t-text:#17253a;--t-muted:#66768a;--t-border:#455e7c26;--t-accent:#347ee8;--t-accent2:#63a2f2}.app.theme-purple{--t-page:#160c35;--t-page2:#3a176d;--t-side:#2a165be0;--t-top:#1b0d3de0;--t-card:#48277f8f;--t-soft:#6842a56e;--t-input:#351b67b8;--t-text:#fbf8ff;--t-muted:#c7b7df;--t-border:#d3b8ff38;--t-accent:#9a66ff;--t-accent2:#c054e8}.app.theme-aqua{--t-page:#062c38;--t-page2:#07566a;--t-side:#053946e0;--t-top:#042a36e0;--t-card:#155b6b91;--t-soft:#40919e6b;--t-input:#0a4654b8;--t-text:#f1feff;--t-muted:#add7dd;--t-border:#9fedf538;--t-accent:#40cde0;--t-accent2:#6de2ef}.app.theme-emerald{--t-page:#062d29;--t-page2:#075847;--t-side:#063b32e0;--t-top:#052b26e0;--t-card:#125b4a91;--t-soft:#348b706b;--t-input:#09463ab8;--t-text:#f2fff9;--t-muted:#acd7c7;--t-border:#9eedcf38;--t-accent:#39cf9a;--t-accent2:#67e4b6}.app.theme-rose{--t-page:#351329;--t-page2:#722d58;--t-side:#531e41e0;--t-top:#37142ce0;--t-card:#7b375e8f;--t-soft:#ab5b846b;--t-input:#5b2546b8;--t-text:#fff7fb;--t-muted:#e2b9cf;--t-border:#ffc2e13b;--t-accent:#ef75b5;--t-accent2:#ff9ccc}.app.theme-graphite{--t-page:#11151b;--t-page2:#252d38;--t-side:#181d24eb;--t-top:#11151be8;--t-card:#2f38449e;--t-soft:#454f5d73;--t-input:#1f262fc7;--t-text:#f5f7fa;--t-muted:#b0bac7;--t-border:#d1dbe829;--t-accent:#8d9bad;--t-accent2:#b2bdca}.app.theme-aurora{--t-page:#10264d;--t-page2:#50347a;--t-side:#1f2d5bde;--t-top:#162046e0;--t-card:#4a468b8a;--t-soft:#5b89aa6b;--t-input:#2a3064b8;--t-text:#f9fbff;--t-muted:#c4c9e6;--t-border:#bdd6ff38;--t-accent:#7f8cff;--t-accent2:#66d8c5}.app.theme-frost{--t-page:#dce7f1;--t-page2:#f5f9fd;--t-side:#e6eff7d1;--t-top:#f5f9fdc7;--t-card:#ffffff94;--t-soft:#f0f7fcad;--t-input:#ffffffad;--t-text:#18283c;--t-muted:#617287;--t-border:#59708b2b;--t-accent:#4b8fd8;--t-accent2:#75b4e7}.app{--t-page:var(--bg,#071d36);--t-page2:var(--bg2,#0c315a);--t-side:var(--sidebar-bg,#082b4ee0);--t-top:#051d34db;--t-card:var(--surface,#133a5ea3);--t-soft:var(--surface-soft,#26537c7a);--t-input:var(--input-bg,#0c2f50b8);--t-text:var(--text,#f5f9ff);--t-muted:var(--muted,#a9bfd6);--t-border:var(--border,#9ac9ff38);--t-accent:#4b9cff;--t-accent2:#70b7ff;color:var(--t-text)!important;background:radial-gradient(circle at 82% 8%, color-mix(in srgb, var(--t-accent) 18%, transparent), transparent 28%), linear-gradient(135deg,var(--t-page),var(--t-page2))!important}.app .main,.app .main-content,.app .content,.app .page,.app .page-content{color:var(--t-text)!important;background:0 0!important}.app .sidebar{background:var(--t-side)!important;border-color:var(--t-border)!important;-webkit-backdrop-filter:blur(22px)saturate(135%)!important}.app .topbar{background:var(--t-top)!important;border-color:var(--t-border)!important;-webkit-backdrop-filter:blur(22px)saturate(135%)!important}.app :is(.panel,.card,.dashboard-card,.stat-card,.metric-card,.summary-card,.overview-card,.dashboard-welcome,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.attendance-card,.leave-card,.payroll-card,.employee-card,.user-card,.request-card,.complaint-card,.report-card,.settings-card,.settings-branding-card,.notification-panel,.payslip-card,.table-wrap,.table-container,.data-table-wrap,.modal-card,.modal-shell,.modal-content,.modal-box){color:var(--t-text)!important;background:var(--t-card)!important;border-color:var(--t-border)!important;-webkit-backdrop-filter:blur(20px)saturate(140%)!important;box-shadow:0 18px 45px #0000001f,inset 0 1px #ffffff1a!important}.app :is(.overview-row,.birthday-row,.summary-row,.detail-card,.info-card,.quick-stat,.dashboard-mini-card,.salary-summary-item,.request-history-item,.status-history-item,.employee-self-info,.employee-self-service-request,.employee-self-service-empty,.settings-option){color:var(--t-text)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app table{color:var(--t-text)!important;background:0 0!important}.app table thead,.app table thead tr,.app table th{color:var(--t-muted)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app table tbody,.app table tbody tr,.app table td{color:var(--t-text)!important;border-color:var(--t-border)!important;background:0 0!important}.app table tbody tr:hover{background:var(--t-soft)!important}.app input,.app select,.app textarea{color:var(--t-text)!important;background:var(--t-input)!important;border-color:var(--t-border)!important}.app input::placeholder,.app textarea::placeholder{color:var(--t-muted)!important}.app :is(h1,h2,h3,h4,h5,h6,.title,.panel-title){color:var(--t-text)!important}.app :is(p,small,.muted,.subtitle,.panel-subtitle,label){color:var(--t-muted)!important}.app .sidebar nav button:hover,.app .sidebar nav button.active,.app .nav-item.active{background:color-mix(in srgb,var(--t-accent) 28%,transparent)!important;border-color:color-mix(in srgb,var(--t-accent) 52%,var(--t-border))!important;color:var(--t-text)!important}.app .btn-primary,.app button.primary{background:linear-gradient(135deg,var(--t-accent),var(--t-accent2))!important;color:#fff!important}.app .modal-overlay{-webkit-backdrop-filter:blur(9px)!important;background:#0308127a!important}.app :is(.status-badge,.employee-status-badge,.employee-verified-badge,.badge,.present,.absent,.leave,.warning,.danger,.success,.error){-webkit-backdrop-filter:none;backdrop-filter:none}.app,.app .sidebar,.app .topbar,.app :is(.panel,.card,.dashboard-card,.stat-card,.metric-card,.summary-card,.overview-card,.dashboard-welcome,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.attendance-card,.leave-card,.payroll-card,.employee-card,.user-card,.request-card,.complaint-card,.report-card,.settings-card,.settings-branding-card,.notification-panel,.payslip-card,.table-wrap,.table-container,.data-table-wrap,.modal-card,.modal-shell,.modal-content,.modal-box,.overview-row,.birthday-row,.summary-row,.detail-card,.info-card,.quick-stat,.dashboard-mini-card){transition:background .28s,border-color .28s,color .28s,box-shadow .28s!important}.app.theme-blue:not(.dark){--t-page:#dcecff;--t-page2:#f4f9ff;--t-side:linear-gradient(180deg,#2e7de0,#1555aa);--t-top:#f7fbffcc;--t-card:#f2f8ff9e;--t-soft:#daebffa8;--t-input:#fafdffc2;--t-text:#132641;--t-muted:#667d99;--t-border:#6299da33;--t-accent:#347fe8;--t-accent2:#67aaff}.app.theme-navy:not(.dark){--t-page:#dce7f4;--t-page2:#edf4fb;--t-side:linear-gradient(180deg,#294d78,#173555);--t-top:#f2f7fcd1;--t-card:#e5eff9a8;--t-soft:#ccddeea8;--t-input:#f5f9fdc7;--t-text:#172a40;--t-muted:#687d92;--t-border:#51749633;--t-accent:#315f93;--t-accent2:#5d88b5}.app.theme-corporate:not(.dark){--t-page:#eef2f6;--t-page2:#fff;--t-side:linear-gradient(180deg,#f8fafc,#e9eef5);--t-top:#ffffffd6;--t-card:#ffffffad;--t-soft:#eff3f8bd;--t-input:#fffc;--t-text:#1b2738;--t-muted:#6b788a;--t-border:#64748b29;--t-accent:#2f7be6;--t-accent2:#61a0ef}.app.theme-purple:not(.dark){--t-page:#eee7ff;--t-page2:#faf7ff;--t-side:linear-gradient(180deg,#7654dc,#4930a7);--t-top:#faf7ffd1;--t-card:#f7f2ffa6;--t-soft:#e5d9ffad;--t-input:#fcf9ffc7;--t-text:#2b2045;--t-muted:#7c6f98;--t-border:#8767c22e;--t-accent:#7e5be3;--t-accent2:#ad72ef}.app.theme-aqua:not(.dark){--t-page:#dff8ff;--t-page2:#f3fdff;--t-side:linear-gradient(180deg,#23a8c8,#0a718d);--t-top:#f4fdffd1;--t-card:#e8fbffa3;--t-soft:#c8f2faad;--t-input:#f7feffc7;--t-text:#123641;--t-muted:#62858e;--t-border:#3f9db430;--t-accent:#25b8d1;--t-accent2:#64d7e8}.app.theme-emerald:not(.dark){--t-page:#e1f7ed;--t-page2:#f5fcf9;--t-side:linear-gradient(180deg,#2fae7d,#167052);--t-top:#f7fefbd1;--t-card:#ecfbf4a6;--t-soft:#cff2e1ad;--t-input:#fafffcc7;--t-text:#173a2f;--t-muted:#69877c;--t-border:#378f6f2e;--t-accent:#2fb681;--t-accent2:#67d4aa}.app.theme-rose:not(.dark){--t-page:#f9deeb;--t-page2:#fff6fb;--t-side:linear-gradient(180deg,#cf679a,#8e3b68);--t-top:#fff8fcd4;--t-card:#ffeef7a8;--t-soft:#f7d3e6b0;--t-input:#fffafdcc;--t-text:#492039;--t-muted:#927487;--t-border:#b452822e;--t-accent:#df6aa6;--t-accent2:#f49cc8}.app.theme-graphite:not(.dark){--t-page:#dfe3e8;--t-page2:#f3f5f7;--t-side:linear-gradient(180deg,#4b5563,#27313d);--t-top:#f7f9fbd1;--t-card:#ebeff4ab;--t-soft:#d5dce4ad;--t-input:#f9fafcc7;--t-text:#222b36;--t-muted:#717d89;--t-border:#515e6c2e;--t-accent:#64748b;--t-accent2:#94a3b8}.app.theme-aurora:not(.dark){--t-page:#dfe9ff;--t-page2:#f4efff;--t-side:linear-gradient(180deg,#5279e8 0%,#6a52cf 52%,#2aa99b 100%);--t-top:#f6f7ffd1;--t-card:linear-gradient(145deg,#eff6ffad,#ede6ff94);--t-soft:linear-gradient(135deg,#cde2ffb3,#e1d1ffa8,#cdf3ed8c);--t-input:#f8f9ffc7;--t-text:#212b4a;--t-muted:#737e9e;--t-border:#6677c533;--t-accent:#667cff;--t-accent2:#5fd2bd}.app.theme-frost:not(.dark){--t-page:#edf5fc;--t-page2:#fff;--t-side:linear-gradient(180deg,#eef6fd,#dce9f5);--t-top:#ffffffb8;--t-card:#ffffff8a;--t-soft:#eef6fda8;--t-input:#ffffffb3;--t-text:#1d3046;--t-muted:#6f8297;--t-border:#5b7d9e29;--t-accent:#5294d8;--t-accent2:#7bb9e9}.app.dark.theme-blue{--t-page:#06182d;--t-page2:#0b2c50;--t-side:linear-gradient(180deg,#0d477f,#072b52);--t-top:#05192ee6;--t-card:#0f3151ad;--t-soft:#1f466b8f;--t-input:#092743cc;--t-text:#f4f9ff;--t-muted:#9db5ce;--t-border:#85b9f02b;--t-accent:#3f91f3;--t-accent2:#69b0ff}.app.dark.theme-navy{--t-page:#040f1e;--t-page2:#092039;--t-side:linear-gradient(180deg,#092e55,#041a31);--t-top:#031120eb;--t-card:#0b243db8;--t-soft:#19385794;--t-input:#071f35d1;--t-text:#f3f8fd;--t-muted:#9aafc4;--t-border:#85a5c626;--t-accent:#326fae;--t-accent2:#5794ce}.app.dark.theme-corporate{--t-page:#101820;--t-page2:#1b2733;--t-side:linear-gradient(180deg,#202c38,#111a24);--t-top:#0f1720eb;--t-card:#232f3cb8;--t-soft:#36445394;--t-input:#1c2835d1;--t-text:#f5f7fa;--t-muted:#a7b0bc;--t-border:#d1dbe81f;--t-accent:#4b8fe7;--t-accent2:#72acef}.app[class*=theme-]{color:var(--t-text)!important;background:radial-gradient(circle at 85% 6%, color-mix(in srgb,var(--t-accent) 18%,transparent), transparent 28%), radial-gradient(circle at 15% 92%, color-mix(in srgb,var(--t-accent2) 10%,transparent), transparent 34%), linear-gradient(135deg,var(--t-page),var(--t-page2))!important}.app[class*=theme-] .sidebar{color:var(--t-text)!important;background:var(--t-side)!important;border-color:var(--t-border)!important}.app[class*=theme-] .topbar{color:var(--t-text)!important;background:var(--t-top)!important;border-color:var(--t-border)!important;box-shadow:0 10px 32px #00000014,inset 0 1px #ffffff14!important}.app[class*=theme-] :is(.panel,.card,.dashboard-card,.stat-card,.metric-card,.summary-card,.overview-card,.dashboard-welcome,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.attendance-card,.leave-card,.payroll-card,.employee-card,.user-card,.request-card,.complaint-card,.report-card,.settings-card,.settings-branding-card,.notification-panel,.payslip-card,.table-wrap,.table-container,.data-table-wrap,.modal-card,.modal-shell,.modal-content,.modal-box,.payroll-hero,.payroll-hero-main,.payroll-month-summary){color:var(--t-text)!important;background:var(--t-card)!important;border-color:var(--t-border)!important;-webkit-backdrop-filter:blur(22px)saturate(140%)!important;box-shadow:0 18px 45px #0000001a,inset 0 1px #ffffff1a!important}.app[class*=theme-] :is(.overview-row,.birthday-row,.summary-row,.detail-card,.info-card,.quick-stat,.dashboard-mini-card,.salary-summary-item,.request-history-item,.status-history-item,.employee-self-info,.employee-self-service-request,.employee-self-service-empty,.settings-option,.legend-row){color:var(--t-text)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app[class*=theme-] table thead,.app[class*=theme-] table th{color:var(--t-muted)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app[class*=theme-] table tbody tr,.app[class*=theme-] table td{color:var(--t-text)!important;border-color:var(--t-border)!important;background:0 0!important}.app[class*=theme-] input,.app[class*=theme-] select,.app[class*=theme-] textarea{color:var(--t-text)!important;background:var(--t-input)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(h1,h2,h3,h4,h5,h6,strong,.title,.panel-title){color:var(--t-text)!important}.app[class*=theme-] :is(p,small,.muted,.subtitle,.panel-subtitle,label){color:var(--t-muted)!important}.app.theme-frost:not(.dark) .sidebar,.app.theme-corporate:not(.dark) .sidebar{color:#33465d!important}.app.theme-frost:not(.dark) .sidebar nav button,.app.theme-corporate:not(.dark) .sidebar nav button{color:#415770!important}.app.theme-frost:not(.dark) .sidebar nav button.active,.app.theme-frost:not(.dark) .sidebar nav button.nav-active,.app.theme-corporate:not(.dark) .sidebar nav button.active,.app.theme-corporate:not(.dark) .sidebar nav button.nav-active{color:#1767c9!important}.app[class*=theme-] :is(.status-badge,.employee-status-badge,.employee-verified-badge,.present-dot,.absent-dot,.leave-dot,.warning,.danger,.success,.error){filter:none}.app{--btn-bg:linear-gradient(135deg,var(--t-accent),var(--t-accent2));--btn-text:#fff;--btn-border:color-mix(in srgb,var(--t-accent) 58%,var(--t-border));--btn-hover-bg:linear-gradient(135deg, color-mix(in srgb,var(--t-accent) 88%,#fff 12%), color-mix(in srgb,var(--t-accent2) 86%,#fff 14%));--btn-soft-bg:color-mix(in srgb,var(--t-accent) 12%,transparent);--btn-soft-text:var(--t-text);--btn-soft-border:color-mix(in srgb,var(--t-accent) 34%,var(--t-border))}.app.theme-blue:not(.dark){--btn-bg:linear-gradient(135deg,#2f80ed,#5da7ff);--btn-text:#fff;--btn-border:#4e97ef;--btn-soft-bg:#2f80ed1a;--btn-soft-text:#155eb8}.app.dark.theme-blue{--btn-bg:linear-gradient(135deg,#2582ed,#57aaff);--btn-text:#fff;--btn-border:#75b7ff80;--btn-soft-bg:#3f91f324;--btn-soft-text:#d9ecff}.app.theme-navy:not(.dark){--btn-bg:linear-gradient(135deg,#244d7e,#446f9f);--btn-text:#fff;--btn-border:#557ba5;--btn-soft-bg:#315f931a;--btn-soft-text:#24496f}.app.dark.theme-navy{--btn-bg:linear-gradient(135deg,#173f69,#326b9f);--btn-text:#fff;--btn-border:#6f9fcd6b;--btn-soft-bg:#326fae24;--btn-soft-text:#d8eaff}.app.theme-corporate:not(.dark){--btn-bg:linear-gradient(135deg,#2f7be6,#64a3ef);--btn-text:#fff;--btn-border:#70a7e7;--btn-soft-bg:#2f7be614;--btn-soft-text:#215fba}.app.dark.theme-corporate{--btn-bg:linear-gradient(135deg,#3f82d9,#67a2e7);--btn-text:#fff;--btn-border:#81b1e56b;--btn-soft-bg:#4b8fe724;--btn-soft-text:#e7f2ff}.app.theme-purple:not(.dark){--btn-bg:linear-gradient(135deg,#7958df,#b06de9);--btn-text:#fff;--btn-border:#a37fe4;--btn-soft-bg:#7e5be31a;--btn-soft-text:#6540c0}.app.dark.theme-purple{--btn-bg:linear-gradient(135deg,#7954dc,#b06ee3);--btn-text:#fff;--btn-border:#bb93ef6b;--btn-soft-bg:#9569ee24;--btn-soft-text:#eee4ff}.app.theme-aqua:not(.dark){--btn-bg:linear-gradient(135deg,#17a8c4,#48c9dc);--btn-text:#fff;--btn-border:#55c6d8;--btn-soft-bg:#25b8d11c;--btn-soft-text:#0d7e93}.app.dark.theme-aqua{--btn-bg:linear-gradient(135deg,#159db5,#46c6d5);--btn-text:#fff;--btn-border:#71deea6b;--btn-soft-bg:#32c0d524;--btn-soft-text:#ddfbff}.app.theme-emerald:not(.dark){--btn-bg:linear-gradient(135deg,#22a86f,#58cc9b);--btn-text:#fff;--btn-border:#62c89d;--btn-soft-bg:#2fb6811c;--btn-soft-text:#13794f}.app.dark.theme-emerald{--btn-bg:linear-gradient(135deg,#209f6d,#55c897);--btn-text:#fff;--btn-border:#70dbb06b;--btn-soft-bg:#35c98f24;--btn-soft-text:#e1fff3}.app.theme-rose:not(.dark){--btn-bg:linear-gradient(135deg,#d95e9b,#f08abc);--btn-text:#fff;--btn-border:#e99bc1;--btn-soft-bg:#df6aa61c;--btn-soft-text:#a83e75}.app.dark.theme-rose{--btn-bg:linear-gradient(135deg,#c94f8c,#e97ab0);--btn-text:#fff;--btn-border:#f49cca6b;--btn-soft-bg:#e771ad24;--btn-soft-text:#ffe7f3}.app.theme-graphite:not(.dark){--btn-bg:linear-gradient(135deg,#2a3440,#111820);--btn-text:#fff;--btn-border:#4c5865;--btn-soft-bg:#2a34401a;--btn-soft-text:#27313c}.app.dark.theme-graphite{--btn-bg:linear-gradient(135deg,#202832,#080c11);--btn-text:#fff;--btn-border:#bcc7d43d;--btn-soft-bg:#7f8ea124;--btn-soft-text:#f3f6fa}.app.theme-aurora:not(.dark){--btn-bg:linear-gradient(135deg,#5f74f5,#7b5ed6 55%,#32b6a7);--btn-text:#fff;--btn-border:#8e8ee7;--btn-soft-bg:linear-gradient(135deg, #667cff1a, #5fd2bd17);--btn-soft-text:#4a50aa}.app.dark.theme-aurora{--btn-bg:linear-gradient(135deg,#536fe5,#7452c5 55%,#229d91);--btn-text:#fff;--btn-border:#a0a8f461;--btn-soft-bg:linear-gradient(135deg, #758cff24, #57ccb81c);--btn-soft-text:#eef0ff}.app.theme-frost:not(.dark){--btn-bg:linear-gradient(135deg,#4b8fd2,#76b8e8);--btn-text:#fff;--btn-border:#8abce2;--btn-soft-bg:#5294d817;--btn-soft-text:#326b9e}.app.dark.theme-frost{--btn-bg:linear-gradient(135deg,#4d8cc7,#78b1df);--btn-text:#fff;--btn-border:#97c1e561;--btn-soft-bg:#629ed824;--btn-soft-text:#e8f5ff}.app[class*=theme-] :is(.primary-btn,.btn-primary,.add-btn,.add-employee-btn,.save-btn,.approve-btn,.issue-salary-btn,.payroll-action-btn,.payslip-open-btn,.upload-company-logo,.upload-wallpaper,.login-contact-support-btn.primary,button[type=submit]){color:var(--btn-text)!important;background:var(--btn-bg)!important;border-color:var(--btn-border)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--t-accent) 18%,transparent), inset 0 1px 0 #fff3!important}.app[class*=theme-] :is(.primary-btn,.btn-primary,.add-btn,.add-employee-btn,.save-btn,.approve-btn,.issue-salary-btn,.payroll-action-btn,.payslip-open-btn,.upload-company-logo,.upload-wallpaper,button[type=submit]) :is(span,strong,b,i,svg){fill:currentColor;stroke:currentColor;color:inherit!important}.app[class*=theme-] :is(.primary-btn,.btn-primary,.add-btn,.add-employee-btn,.save-btn,.approve-btn,.issue-salary-btn,.payroll-action-btn,.payslip-open-btn,.upload-company-logo,.upload-wallpaper,button[type=submit]):hover{filter:brightness(1.06)saturate(1.05);transform:translateY(-1px);box-shadow:0 13px 30px color-mix(in srgb,var(--t-accent) 24%,transparent), inset 0 1px 0 #ffffff3d!important}.app[class*=theme-] :is(.secondary-btn,.btn-secondary,.payroll-receipt-btn,.cancel-btn,.close-btn,.reset-btn,.ghost-btn,.top-action-btn,.icon-btn){color:var(--btn-soft-text)!important;background:var(--btn-soft-bg)!important;border-color:var(--btn-soft-border)!important;box-shadow:inset 0 1px #ffffff14!important}.app[class*=theme-] :is(.secondary-btn,.btn-secondary,.payroll-receipt-btn,.cancel-btn,.close-btn,.reset-btn,.ghost-btn,.top-action-btn,.icon-btn):hover{background:color-mix(in srgb,var(--t-accent) 18%,var(--t-soft))!important;border-color:color-mix(in srgb,var(--t-accent) 42%,var(--t-border))!important}.app[class*=theme-] .top-actions button:not(.add-employee-btn),.app[class*=theme-] .topbar button:not(.add-employee-btn){color:var(--btn-soft-text)!important;background:var(--btn-soft-bg)!important;border-color:var(--btn-soft-border)!important}.app[class*=theme-] .top-actions button:not(.add-employee-btn):hover,.app[class*=theme-] .topbar button:not(.add-employee-btn):hover{color:var(--t-text)!important;background:color-mix(in srgb,var(--t-accent) 18%,var(--t-soft))!important}.app[class*=theme-] .topbar .add-employee-btn,.app[class*=theme-] .top-actions .add-employee-btn{color:var(--btn-text)!important;background:var(--btn-bg)!important;border-color:var(--btn-border)!important}.app[class*=theme-] .sidebar nav button{color:inherit!important;background:0 0!important}.app[class*=theme-] .sidebar nav button:hover{color:#fff!important;background:color-mix(in srgb,var(--t-accent) 20%,transparent)!important}.app[class*=theme-] .sidebar nav button.active,.app[class*=theme-] .sidebar nav button.nav-active{color:#fff!important;background:linear-gradient(135deg, color-mix(in srgb,var(--t-accent) 55%,transparent), color-mix(in srgb,var(--t-accent2) 34%,transparent))!important;border-color:color-mix(in srgb,var(--t-accent) 58%,var(--t-border))!important}.app.theme-corporate:not(.dark) .sidebar nav button:not(.active):not(.nav-active),.app.theme-frost:not(.dark) .sidebar nav button:not(.active):not(.nav-active){color:#41566e!important}.app[class*=theme-] .theme-choice{color:var(--t-text)!important;background:var(--t-card)!important;border-color:var(--t-border)!important}.app[class*=theme-] .theme-choice strong{color:var(--t-text)!important}.app[class*=theme-] .theme-choice>span{color:var(--t-accent)!important}.app[class*=theme-] .theme-choice.theme-selected{border-color:var(--t-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--t-accent) 22%,transparent), 0 12px 30px color-mix(in srgb,var(--t-accent) 14%,transparent)!important}.app[class*=theme-] .theme-choice:hover .theme-preview{filter:brightness(1.04)saturate(1.1);box-shadow:0 8px 22px #0000001a, 0 0 18px color-mix(in srgb,var(--t-accent) 16%,transparent)}.app[class*=theme-] button:disabled{opacity:.52!important;cursor:not-allowed!important;filter:saturate(.55)!important;transform:none!important}.app[class*=theme-] :is(.status-badge,.employee-status-badge,.employee-verified-badge,.present-dot,.absent-dot,.leave-dot){color:initial}.app.dark.theme-aqua{--t-page:#041b22!important;--t-page2:#063b47!important;--t-side:linear-gradient(180deg,#0b7087,#064657)!important;--t-top:#042029eb!important;--t-card:linear-gradient(145deg, #0e4b59b8, #07313dad)!important;--t-soft:linear-gradient(145deg, #1b697899, #0c46538a)!important;--t-input:#073743d6!important;--t-text:#f0fdff!important;--t-muted:#9fd3dc!important;--t-border:#75dceb30!important;--t-accent:#27bdd4!important;--t-accent2:#59d5e4!important}.app.dark.theme-aurora{--t-page:#0b1530!important;--t-page2:#2b1b4f!important;--t-side:linear-gradient(180deg, #344fa6 0%, #533a9b 54%, #146d64 100%)!important;--t-top:#14183aeb!important;--t-card:linear-gradient(145deg, #2a3769b8, #3c2763a8)!important;--t-soft:linear-gradient(135deg, #3b538b9e, #5c3e868f, #216b637a)!important;--t-input:#242753d6!important;--t-text:#f8f9ff!important;--t-muted:#bbc3e3!important;--t-border:#a8b9fa2e!important;--t-accent:#748cff!important;--t-accent2:#52ceb9!important}.app.dark.theme-rose{--t-page:#28101f!important;--t-page2:#592442!important;--t-side:linear-gradient(180deg,#913c6b,#501f3d)!important;--t-top:#2e1224eb!important;--t-card:linear-gradient(145deg, #662d4db8, #431c34ab)!important;--t-soft:linear-gradient(145deg, #8e466899, #5b28448a)!important;--t-input:#4b1f39d6!important;--t-text:#fff7fb!important;--t-muted:#dfb5c9!important;--t-border:#f4aed32e!important;--t-accent:#e66fac!important;--t-accent2:#f59ac7!important}.app.dark.theme-emerald{--t-page:#051f19!important;--t-page2:#073f31!important;--t-side:linear-gradient(180deg,#0f7052,#074130)!important;--t-top:#05211beb!important;--t-card:linear-gradient(145deg, #104b3cb8, #083229ab)!important;--t-soft:linear-gradient(145deg, #236b5599, #10483a8a)!important;--t-input:#09382ed6!important;--t-text:#f1fff9!important;--t-muted:#a9d2c2!important;--t-border:#90e1c32e!important;--t-accent:#36c990!important;--t-accent2:#67deb0!important}.app.dark.theme-purple{--t-page:#130a2c!important;--t-page2:#32145e!important;--t-side:linear-gradient(180deg,#5738ae,#291653)!important;--t-top:#170b33eb!important;--t-card:linear-gradient(145deg, #3f266cb8, #26164cab)!important;--t-soft:linear-gradient(145deg, #5c3b8e99, #3a24618a)!important;--t-input:#2e1c55d6!important;--t-text:#fbf8ff!important;--t-muted:#c2b4d9!important;--t-border:#caaef52e!important;--t-accent:#9567ef!important;--t-accent2:#ba7be9!important}.app.dark.theme-graphite{--t-page:#090c11!important;--t-page2:#151c25!important;--t-side:linear-gradient(180deg,#262f3a,#0d131b)!important;--t-top:#0a0e14ed!important;--t-card:linear-gradient(145deg, #252e3abd, #141a23b3)!important;--t-soft:linear-gradient(145deg, #3a45539e, #232b368f)!important;--t-input:#1c232cd6!important;--t-text:#f5f7fa!important;--t-muted:#aab4c1!important;--t-border:#d6dee821!important;--t-accent:#7f8fa2!important;--t-accent2:#a7b2c0!important}.app.dark.theme-frost{--t-page:#0d1723!important;--t-page2:#1b2c3e!important;--t-side:linear-gradient(180deg,#21374f,#101f2f)!important;--t-top:#0e1926eb!important;--t-card:linear-gradient(145deg, #283a4eb3, #182636a8)!important;--t-soft:linear-gradient(145deg, #3c4f6599, #2535488a)!important;--t-input:#1f3042d6!important;--t-text:#f4f9fd!important;--t-muted:#acbacb!important;--t-border:#c6daee26!important;--t-accent:#609bd7!important;--t-accent2:#87bce8!important}.app[class*=theme-]{background:radial-gradient(circle at 84% 5%, color-mix(in srgb,var(--t-accent) 17%,transparent), transparent 29%), radial-gradient(circle at 12% 94%, color-mix(in srgb,var(--t-accent2) 10%,transparent), transparent 36%), linear-gradient(135deg,var(--t-page),var(--t-page2))!important}.app[class*=theme-] .content{background:0 0!important}.app[class*=theme-] :is(.panel,.stat-card,.dashboard-welcome,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.payroll-hero,.payroll-hero-main,.payroll-month-summary,.settings-branding-card,.table-wrap,.modal-card,.employee-self-info,.employee-self-service-request){background:var(--t-card)!important;border-color:var(--t-border)!important;-webkit-backdrop-filter:blur(22px)saturate(145%)!important;box-shadow:0 18px 44px #0000001a,inset 0 1px #ffffff1c!important}.app[class*=theme-] :is(.primary-btn,.btn-primary,.approve-btn,.attendance-save-btn,.attendance-export-btn,.attendance-report-btn,.complaint-view-btn,.payroll-action-btn,.payslip-open-btn,.report-card-button,.upload-company-logo,.upload-wallpaper,.topbar .add-employee-btn,.top-actions .add-employee-btn,button[type=submit]){color:#fff!important;background:linear-gradient(135deg, var(--t-accent), var(--t-accent2))!important;border-color:color-mix(in srgb,var(--t-accent) 56%,var(--t-border))!important}.app[class*=theme-] :is(.top-tooltip-button,.icon-button,.topbar .icon-btn,.top-actions .icon-btn){color:var(--t-text)!important;background:color-mix(in srgb,var(--t-soft) 86%,transparent)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(.secondary-btn,.payroll-receipt-btn,.ticket-viewed-btn,.ticket-progress-btn,.ticket-pending-btn,.ticket-close-btn,.ticket-solved-btn){color:var(--t-text)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app .content{transform-origin:50% 15%;animation:.42s cubic-bezier(.2,.82,.25,1) both servicomPageEnter}.app .content :is(.stat-card,.panel,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.payroll-hero,.table-wrap){animation:.48s cubic-bezier(.18,.82,.28,1) both servicomCardReveal}.app .content :is(.stat-card,.panel,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card):nth-child(2){animation-delay:35ms}.app .content :is(.stat-card,.panel,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card):nth-child(3){animation-delay:70ms}.app .content :is(.stat-card,.panel,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card):nth-child(4){animation-delay:.105s}.app .sidebar nav button{position:relative;overflow:hidden;transition:transform .2s,background .22s,color .22s,border-color .22s,box-shadow .22s!important}.app .sidebar nav button:hover{transform:translate(4px)}.app .sidebar nav button:active{transform:translate(2px)scale(.985)}.app .sidebar nav button.active,.app .sidebar nav button.nav-active{animation:.34s cubic-bezier(.18,.85,.28,1) both servicomNavActive}.app .sidebar nav button.active:after,.app .sidebar nav button.nav-active:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff1f 42%,#ffffff38 50%,#0000 58%);animation:.68s 80ms both servicomNavShine;position:absolute;inset:0;transform:translate(-120%)}.app button:hover:not(:disabled){transform:translateY(-1px)}.app .modal-overlay{animation:.2s both servicomOverlayIn}.app :is(.modal-card,.modal-content,.modal-shell){animation:.34s cubic-bezier(.18,.82,.28,1) both servicomModalIn}.app,.app .sidebar,.app .topbar,.app .content,.app :is(.panel,.stat-card,.dashboard-welcome,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.table-wrap,.modal-card,input,select,textarea){transition:background .32s,color .28s,border-color .28s,box-shadow .3s!important}@keyframes servicomPageEnter{0%{opacity:0;filter:blur(3px);transform:translateY(8px)scale(.994)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes servicomContentReveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes servicomCardReveal{0%{opacity:0;transform:translateY(11px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes servicomNavActive{0%{opacity:.72;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes servicomNavShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes servicomOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes servicomModalIn{0%{opacity:0;transform:translateY(12px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.app *,.app :before,.app :after{transition-duration:.01ms!important;animation:none!important}}.app[class*=theme-] .content :where([class$=-card],[class*=-card\ ],[class$=-panel],[class*=-panel\ ],[class$=-box],[class*=-box\ ],[class$=-tile],[class*=-tile\ ],[class$=-summary],[class*=-summary\ ],[class$=-overview],[class*=-overview\ ],[class$=-section],[class*=-section\ ],[class$=-wrapper],[class*=-wrapper\ ]):not([class*=status]):not([class*=badge]):not([class*=icon]):not([class*=chart]):not([class*=donut]):not([class*=legend]):not([class*=avatar]){color:var(--t-text)!important;background:var(--t-card)!important;border-color:var(--t-border)!important;-webkit-backdrop-filter:blur(20px)saturate(140%)!important;box-shadow:0 16px 40px #00000014,inset 0 1px #ffffff1a!important}.app[class*=theme-] .content :where([class$=-row],[class*=-row\ ],[class$=-item],[class*=-item\ ],[class$=-cell],[class*=-cell\ ],[class$=-entry],[class*=-entry\ ]):not([class*=status]):not([class*=badge]):not([class*=icon]):not([class*=chart]):not([class*=avatar]){color:var(--t-text)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(.dashboard-welcome,.stat-card,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card){background:var(--t-card)!important;color:var(--t-text)!important}.app[class*=theme-] :is(.report-card,.reports-card,.report-summary-card,.reports-summary-card){background:var(--t-card)!important;color:var(--t-text)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(.report-card,.reports-card,.report-summary-card,.reports-summary-card) :is(h1,h2,h3,h4,strong,span,p,small){color:inherit!important}.app[class*=theme-] :is(.employee-card,.employee-detail-card,.employee-profile-card,.employee-summary-card),.app[class*=theme-] :is(.attendance-card,.attendance-summary,.attendance-date-card,.attendance-user-banner,.attendance-report-card,.attendance-review-card,.attendance-location-box),.app[class*=theme-] :is(.leave-card,.leave-summary-card,.leave-balance-card),.app[class*=theme-] :is(.payroll-card,.payroll-hero,.payroll-hero-main,.payroll-month-summary,.payroll-summary-card,.payroll-activity,.salary-payment-summary,.salary-receipt-card),.app[class*=theme-] :is(.request-card,.ticket-card,.ticket-detail-card,.request-status-card,.hr-request-detail-card),.app[class*=theme-] :is(.complaint-card,.complaint-detail-card),.app[class*=theme-] :is(.user-card,.users-card,.user-permission-card){background:var(--t-card)!important;color:var(--t-text)!important}.app[class*=theme-] :is(.settings-branding-card,.settings-card,.theme-choice,.settings-logo-preview){background:var(--t-card)!important;color:var(--t-text)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(.qid-card,.qid-alert-card,.qid-expiry-card){background:var(--t-card)!important;color:var(--t-text)!important}.app[class*=theme-] :is(.employee-self-service-profile,.employee-self-service-form,.employee-self-info,.employee-self-service-request,.employee-self-service-empty){color:var(--t-text)!important}.app[class*=theme-] :is(.employee-self-info,.employee-self-service-request,.employee-self-service-empty){background:var(--t-soft)!important;border-color:var(--t-border)!important}.app[class*=theme-] .content :where(h1,h2,h3,h4,h5,h6,strong){color:var(--t-text)!important}.app[class*=theme-] .content :where(p,small,label,.muted,.subtitle,.panel-subtitle),.app[class*=theme-] .content :where([class$=-card],[class*=-card\ ],[class$=-panel],[class*=-panel\ ]) :where(span,p,small,label):not([class*=status]):not([class*=badge]){color:var(--t-muted)!important}.app[class*=theme-] .content :where([class$=-card],[class*=-card\ ],[class$=-panel],[class*=-panel\ ]) :where(h1,h2,h3,h4,strong){color:var(--t-text)!important}.app[class*=theme-] .content :where(button,[role=button]):not([class*=status]):not([class*=badge]):not([class*=close]){border-color:var(--t-border)!important}.app[class*=theme-] :where(.primary-btn,.btn-primary,.approve-btn,.save-btn,.attendance-save-btn,.attendance-export-btn,.attendance-report-btn,.complaint-view-btn,.payroll-action-btn,.payslip-open-btn,.report-card-button,.upload-company-logo,.upload-wallpaper,.add-employee-btn,button[type=submit]){color:#fff!important;background:linear-gradient(135deg, var(--t-accent), var(--t-accent2))!important;border-color:color-mix(in srgb,var(--t-accent) 54%,var(--t-border))!important}.app[class*=theme-] :where(.secondary-btn,.btn-secondary,.payroll-receipt-btn,.reset-btn,.ghost-btn){color:var(--t-text)!important;background:var(--t-soft)!important;border-color:var(--t-border)!important}.app[class*=theme-] .table-wrap,.app[class*=theme-] .table-container{background:var(--t-card)!important;border-color:var(--t-border)!important}.app[class*=theme-] table{color:var(--t-text)!important;background:0 0!important}.app[class*=theme-] table thead,.app[class*=theme-] table th{background:var(--t-soft)!important;color:var(--t-muted)!important}.app[class*=theme-] table td{color:var(--t-text)!important;background:0 0!important}.app[class*=theme-] table tbody tr:hover{background:var(--t-soft)!important}.app[class*=theme-] :is(.modal-card,.modal-shell,.modal-content,.modal-box){color:var(--t-text)!important;background:var(--t-card)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(input,select,textarea){color:var(--t-text)!important;background:var(--t-input)!important;border-color:var(--t-border)!important}.app[class*=theme-] :is(input,textarea)::placeholder{color:var(--t-muted)!important}.app[class*=theme-] .content :where([class$=-card],[class*=-card\ ],[class$=-panel],[class*=-panel\ ]):not([class*=status]):not([class*=badge]):not([class*=chart]){position:relative;overflow:hidden}.app[class*=theme-] .content :where([class$=-card],[class*=-card\ ],[class$=-panel],[class*=-panel\ ]):not([class*=status]):not([class*=badge]):not([class*=chart]):after{content:"";pointer-events:none;border-radius:inherit;opacity:.6;background:linear-gradient(135deg,#ffffff1f,#0000 30% 72%,#ffffff06);position:absolute;inset:0}.app .content>*{animation:.42s cubic-bezier(.18,.82,.28,1) both servicomContentReveal}.app .content :where([class$=-card],[class*=-card\ ],[class$=-panel],[class*=-panel\ ]):not([class*=status]):not([class*=badge]){animation:.45s cubic-bezier(.18,.82,.28,1) both servicomCardReveal}.admin-attendance-reports-panel{margin-top:16px}.admin-attendance-reports-panel .table-wrap{margin-top:13px}.admin-attendance-reports-panel .attendance-report-btn{min-width:64px}.modal-backdrop{z-index:999999!important;-webkit-backdrop-filter:blur(10px)!important;background:#08101d75!important;justify-content:center!important;align-items:center!important;padding:18px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.modal{width:min(680px,100vw - 36px)!important;max-width:calc(100vw - 36px)!important;min-height:0!important;max-height:calc(100vh - 36px)!important;color:var(--t-text,#18283c)!important;background:var(--t-card,#ffffffeb)!important;border:1px solid var(--t-border,#6e82a02e)!important;-webkit-backdrop-filter:blur(28px)saturate(145%)!important;border-radius:22px!important;flex-direction:column!important;margin:0!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important;box-shadow:0 28px 80px #0003,inset 0 1px #ffffff1f!important}.modal-header{background:inherit!important;border-bottom:1px solid var(--t-border,#6e82a026)!important;flex:none!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;padding:16px 20px 14px!important;display:flex!important;position:relative!important}.modal-header h2{margin:0!important}.modal-header p{margin:4px 0 0!important}.modal-close{border-radius:50%!important;flex:none!important;place-items:center!important;width:34px!important;min-width:34px!important;height:34px!important;margin:0!important;padding:0!important;display:grid!important;position:static!important}.modal-body{scrollbar-width:thin!important;flex:auto!important;min-height:0!important;padding:16px 20px 18px!important;overflow:hidden auto!important}.modal-actions,.attendance-readonly-footer,.attendance-report-actions,.payslip-actions,.contact-support-actions,.employee-self-service-actions{border-top:1px solid var(--t-border,#6e82a026)!important;margin-top:14px!important;padding-top:14px!important}.servicom-payslip{width:100%!important}.payslip-title{margin-bottom:10px!important}.payslip-meta-grid,.payslip-money-grid{gap:14px!important}.payslip-section-title,.payslip-net{margin-top:14px!important}.payslip-payment-status{margin-top:12px!important}.attendance-report-summary{gap:9px!important}.attendance-location-card,.attendance-report-totals,.attendance-report-table-wrap,.attendance-report-review-note{margin-top:10px!important}.attendance-report-table-wrap{max-height:260px!important;overflow:auto!important}.complaint-detail-photo,.complaint-evidence,.complaint-image,.complaint-photo{object-fit:contain!important;max-width:100%!important;max-height:220px!important}.payroll-payment-grid,.salary-payment-grid{gap:10px!important}@media (height<=800px){.modal-backdrop{padding:10px!important}.modal{border-radius:18px!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}.modal.modal-wide{width:min(860px,100vw - 20px)!important}.modal.modal-extra-wide{width:min(1020px,100vw - 20px)!important}.modal-header{padding:12px 16px 10px!important}.modal-body{padding:12px 16px 14px!important}.attendance-report-table-wrap{max-height:210px!important}.complaint-detail-photo,.complaint-evidence,.complaint-image,.complaint-photo{max-height:170px!important}}@media (width<=640px){.modal-backdrop{padding:8px!important}.modal,.modal.modal-wide,.modal.modal-extra-wide{border-radius:16px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}.modal-header{padding:12px 14px 10px!important}.modal-body{padding:12px 14px 14px!important}}html body .app .main,html body .app .content{filter:none!important;perspective:none!important;contain:none!important;transform:none!important}html body .app .content{animation:none!important;overflow:visible!important}@keyframes servicomSafePageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html body .app .content>.modal-backdrop,html body .app .modal-backdrop,html body .modal-backdrop{filter:none!important;z-index:2147483000!important;justify-content:center!important;align-items:center!important;width:100vw!important;min-width:100vw!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:16px!important;animation:.18s fadeBackdrop!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}html body .modal-backdrop>.modal{flex-direction:column!important;flex:0 auto!important;width:min(680px,100vw - 32px)!important;max-width:calc(100vw - 32px)!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;margin:0!important;display:flex!important;position:relative!important;overflow:hidden!important;transform:none!important}html body .modal-backdrop>.modal.modal-wide{width:min(900px,100vw - 32px)!important}html body .modal-backdrop>.modal.modal-extra-wide{width:min(1080px,100vw - 32px)!important}html body .modal-backdrop>.modal>.modal-header{flex:none!important;min-height:0!important;padding:14px 18px 12px!important;position:relative!important;top:auto!important;overflow:visible!important}html body .modal-backdrop>.modal>.modal-body{overscroll-behavior:contain!important;flex:auto!important;min-height:0!important;max-height:none!important;padding:14px 18px 16px!important;overflow:hidden auto!important}html body .modal .modal-actions,html body .modal .attendance-readonly-footer,html body .modal .attendance-report-actions,html body .modal .payslip-actions,html body .modal .contact-support-actions,html body .modal .employee-self-service-actions{position:static!important}html body .modal .attendance-report-table-wrap{max-height:250px!important;overflow:auto!important}html body .modal .servicom-payslip{width:100%!important}html body .modal .payslip-title{margin-top:0!important;margin-bottom:8px!important}html body .modal .payslip-meta-grid,html body .modal .payslip-money-grid{gap:12px!important}html body .modal .payslip-section-title{margin-top:11px!important;padding-top:10px!important}html body .modal .payslip-net{margin-top:10px!important;padding:12px 0!important}html body .modal .complaint-photo-large,html body .modal .complaint-detail-photo,html body .modal .complaint-evidence,html body .modal .complaint-image,html body .modal .complaint-photo{object-fit:contain!important;width:100%!important;max-width:100%!important;max-height:210px!important;display:block!important}@media (height<=760px){html body .modal-backdrop{padding:8px!important}html body .modal-backdrop>.modal,html body .modal-backdrop>.modal.modal-wide,html body .modal-backdrop>.modal.modal-extra-wide{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}html body .modal-backdrop>.modal.modal-wide{width:min(840px,100vw - 16px)!important}html body .modal-backdrop>.modal>.modal-header{padding:10px 14px 9px!important}html body .modal-backdrop>.modal>.modal-body{padding:10px 14px 12px!important}html body .modal .attendance-report-table-wrap{max-height:185px!important}html body .modal .complaint-photo-large,html body .modal .complaint-detail-photo,html body .modal .complaint-evidence,html body .modal .complaint-image,html body .modal .complaint-photo{max-height:150px!important}}@media (width<=640px){html body .modal-backdrop{padding:6px!important}html body .modal-backdrop>.modal,html body .modal-backdrop>.modal.modal-wide,html body .modal-backdrop>.modal.modal-extra-wide{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}}.app[class*=theme-] :is(.payroll-hero-main,.payroll-month-summary,.payroll-row-actions,.report-grid,.attendance-top-grid,.attendance-project-grid,.attendance-filters,.attendance-toolbar,.attendance-heading-actions,.attendance-quick-actions,.attendance-submission-list,.attendance-history-list,.attendance-report-summary,.attendance-report-totals,.attendance-status-buttons,.complaint-summary-grid,.complaint-toolbar-actions,.complaint-admin-actions,.employee-self-service-grid,.employee-self-service-fields,.employee-self-service-request-list,.employee-badge-line,.settings-layout,.settings-branding-copy,.settings-logo-actions,.request-grid,.request-card-top,.request-detail-header,.details-grid,.dashboard-crystal-grid,.attendance-compact-body,.chart-legend){box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.app[class*=theme-] :is(.panel,.payroll-hero,.settings-branding-card,.complaints-panel,.bulk-attendance-panel,.attendance-project-panel,.attendance-history-panel,.attendance-approval-panel,.attendance-my-submissions,.admin-attendance-reports-panel,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.qid-expiry-dashboard-panel){color:var(--t-text)!important;background:var(--t-card)!important;border:1px solid var(--t-border)!important;-webkit-backdrop-filter:blur(20px)saturate(140%)!important;box-shadow:0 18px 44px #00000014,inset 0 1px #ffffff1a!important}.app[class*=theme-] :is(.payroll-month-summary>div,.attendance-count-card,.attendance-date-card,.attendance-user-banner,.attendance-submission-card,.attendance-history-card,.attendance-location-card,.attendance-report-total,.attendance-report-review-note,.complaint-summary-card,.employee-self-info,.employee-self-service-request,.employee-self-service-empty,.settings-logo-preview,.report-card,.request-card,.detail,.payslip-payment-status>div){color:var(--t-text)!important;background:var(--t-soft)!important;border:1px solid var(--t-border)!important;-webkit-backdrop-filter:blur(14px)saturate(130%)!important;box-shadow:inset 0 1px #ffffff14,0 8px 22px #00000009!important}.app[class*=theme-] .payroll-hero{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:24px!important;display:grid!important}.app[class*=theme-] .payroll-hero-main{min-width:0!important;padding:0!important}.app[class*=theme-] .payroll-hero-main>span,.app[class*=theme-] .payroll-hero-main>small{color:var(--t-muted)!important}.app[class*=theme-] .payroll-hero-main strong,.app[class*=theme-] .payroll-hero-main h2,.app[class*=theme-] .payroll-hero-main h3{color:var(--t-text)!important}.app[class*=theme-] .payroll-month-summary{grid-template-columns:repeat(2,minmax(170px,1fr))!important;gap:12px!important;min-width:min(390px,42vw)!important;display:grid!important}.app[class*=theme-] .payroll-month-summary>div{border-radius:14px!important;min-height:72px!important;padding:14px 16px!important}.app[class*=theme-] .payroll-month-summary>div span{color:var(--t-muted)!important;margin-bottom:5px!important;font-size:9px!important;display:block!important}.app[class*=theme-] .payroll-month-summary>div strong{color:var(--t-text)!important;font-size:18px!important}.app[class*=theme-] .payroll-hero-main:before,.app[class*=theme-] .payroll-hero-main:after,.app[class*=theme-] .payroll-month-summary:before,.app[class*=theme-] .payroll-month-summary:after{display:none!important}.app[class*=theme-] .report-card{text-align:left!important;border-radius:16px!important;min-height:108px!important;padding:18px!important}.app[class*=theme-] .report-card>span{color:var(--t-muted)!important}.app[class*=theme-] .report-card>strong{color:var(--t-text)!important}.app[class*=theme-] .report-card>small{color:var(--t-accent)!important}.app[class*=theme-] .attendance-report-summary>div{color:var(--t-text)!important;background:var(--t-soft)!important;border:1px solid var(--t-border)!important;border-radius:12px!important}.app[class*=theme-] .attendance-report-totals>div{border-radius:12px!important}.app[class*=theme-] .attendance-report-total.present{border-bottom:3px solid #2f80ed!important}.app[class*=theme-] .attendance-report-total.absent{border-bottom:3px solid #ef4755!important}.app[class*=theme-] .attendance-report-total.leave{border-bottom:3px solid #e9a400!important}.app[class*=theme-] .attendance-report-total.total{border-bottom:3px solid #7c5ce6!important}.app[class*=theme-] .complaint-detail-head{box-shadow:none!important;background:0 0!important;border:0!important}.app[class*=theme-] .complaint-photo-preview{background:var(--t-soft)!important;border:1px solid var(--t-border)!important;border-radius:14px!important}.app[class*=theme-] .settings-branding-card{padding:22px!important}.app[class*=theme-] .settings-logo-preview{border-radius:14px!important;padding:12px!important}.app[class*=theme-] .theme-choice{color:var(--t-text)!important;background:var(--t-soft)!important;border:1px solid var(--t-border)!important}.app[class*=theme-] :is(.theme-preview-blue,.theme-preview-navy,.theme-preview-corporate,.theme-preview-purple,.theme-preview-aqua,.theme-preview-emerald,.theme-preview-rose,.theme-preview-graphite,.theme-preview-aurora,.theme-preview-frost){box-shadow:none!important;-webkit-backdrop-filter:none!important;border:0!important}.app[class*=theme-] .employee-self-service-profile,.app[class*=theme-] .employee-self-service-form,.app[class*=theme-] .employee-self-service-request-panel{box-shadow:none!important;background:0 0!important;border:0!important}.app[class*=theme-] .table-wrap{background:var(--t-soft)!important;border:1px solid var(--t-border)!important;box-shadow:none!important;border-radius:14px!important;overflow:auto!important}.app[class*=theme-] table,.app[class*=theme-] tbody,.app[class*=theme-] tr{background:0 0!important}.app[class*=theme-] thead,.app[class*=theme-] th{background:color-mix(in srgb,var(--t-soft) 86%,var(--t-accent) 4%)!important}.app[class*=theme-] :is(.payroll-hero-main,.payroll-month-summary,.report-grid,.attendance-report-summary,.attendance-report-totals,.complaint-summary-grid,.settings-layout,.employee-self-service-grid,.request-grid):before,.app[class*=theme-] :is(.payroll-hero-main,.payroll-month-summary,.report-grid,.attendance-report-summary,.attendance-report-totals,.complaint-summary-grid,.settings-layout,.employee-self-service-grid,.request-grid):after{content:none!important;display:none!important}@media (width<=900px){.app[class*=theme-] .payroll-hero{grid-template-columns:1fr!important}.app[class*=theme-] .payroll-month-summary{width:100%!important;min-width:0!important}}@media (width<=560px){.app[class*=theme-] .payroll-month-summary{grid-template-columns:1fr!important}}.app[class*=theme-] .payroll-hero{background:var(--t-card)!important}.app[class*=theme-] .payroll-hero-main,.app[class*=theme-] .payroll-month-summary{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.app[class*=theme-] .payroll-month-summary>div{color:var(--t-text)!important;background:linear-gradient(#ffffff0e, #ffffff06), var(--t-card)!important;border:1px solid var(--t-border)!important;-webkit-backdrop-filter:blur(16px)saturate(135%)!important;box-shadow:inset 0 1px #ffffff1a,0 8px 20px #0000000d!important}.app[class*=theme-] .payroll-month-summary>div span{color:var(--t-muted)!important}.app[class*=theme-] .payroll-month-summary>div strong{color:var(--t-text)!important}.app[class*=theme-] .payroll-hero-main:before,.app[class*=theme-] .payroll-hero-main:after,.app[class*=theme-] .payroll-month-summary:before,.app[class*=theme-] .payroll-month-summary:after,.app[class*=theme-] .payroll-month-summary>div:before,.app[class*=theme-] .payroll-month-summary>div:after{content:none!important;display:none!important}.app[class*=theme-] :is(.salary-payment-summary>div,.payslip-payment-status>div,.attendance-report-summary>div){color:var(--t-text)!important;background:linear-gradient(#ffffff0b, #ffffff05), var(--t-card)!important;border-color:var(--t-border)!important}.app{--sg-page-1:#eaf3ff;--sg-page-2:#f7fbff;--sg-sidebar:linear-gradient(180deg, #f6faffe0, #e4f0fdd1);--sg-topbar:#fafdffc7;--sg-card:linear-gradient(145deg, #ffffffc2, #ebf5ff94);--sg-card-strong:linear-gradient(145deg, #ffffffe6, #eff7ffc2);--sg-tile:linear-gradient(145deg, #f7fbffd1, #deedfc9e);--sg-input:#fbfdffc2;--sg-text:#17283f;--sg-muted:#6b8099;--sg-border:#5d8bbe2e;--sg-line:#587ea821;--sg-blue:#347fe8;--sg-blue-2:#63a8f5;--sg-shadow:0 18px 46px #264f7a17, inset 0 1px 0 #ffffff94;color:var(--sg-text)!important;background:radial-gradient(circle at 85% 5%, #4f97ea21, transparent 28%), radial-gradient(circle at 12% 92%, #5db5ee14, transparent 35%), linear-gradient(135deg, var(--sg-page-1), var(--sg-page-2))!important}.app.dark{--sg-page-1:#06172b;--sg-page-2:#0a2948;--sg-sidebar:linear-gradient(180deg, #083056f0, #041d37f0);--sg-topbar:#05192ee0;--sg-card:linear-gradient(145deg, #14375ac2, #082441ad);--sg-card-strong:linear-gradient(145deg, #183f65e0, #0a2746d1);--sg-tile:linear-gradient(145deg, #254b70a8, #11325099);--sg-input:#0b2b49c7;--sg-text:#f5f9ff;--sg-muted:#a8bfd7;--sg-border:#8bbaea29;--sg-line:#8eb7e01a;--sg-blue:#4397f4;--sg-blue-2:#68b4ff;--sg-shadow:0 20px 48px #00000038, inset 0 1px 0 #ffffff13}html,body,#root{min-height:100%}.app{min-height:100vh}.app .main,.app .content{color:var(--sg-text)!important;background:0 0!important}.app .sidebar{color:var(--sg-text)!important;background:var(--sg-sidebar)!important;border-color:var(--sg-border)!important;-webkit-backdrop-filter:blur(28px)saturate(145%)!important;box-shadow:10px 0 32px #19385b0f,inset -1px 0 #ffffff1a!important}.app.dark .sidebar{color:#dcecff!important}.app .sidebar nav button{color:var(--sg-muted)!important;background:0 0!important;border-color:#0000!important;transition:transform .18s,background .2s,color .2s,border-color .2s,box-shadow .2s!important}.app .sidebar nav button:hover{transform:translate(4px);color:var(--sg-text)!important;background:linear-gradient(135deg,#347fe81a,#63a8f50f)!important}.app .sidebar nav button.active,.app .sidebar nav button.nav-active{color:#fff!important;background:linear-gradient(135deg, var(--sg-blue), color-mix(in srgb,var(--sg-blue-2) 78%,var(--sg-blue)))!important;border-color:color-mix(in srgb,var(--sg-blue) 58%,var(--sg-border))!important;box-shadow:0 10px 24px #347fe82e,inset 0 1px #ffffff2e!important}.app .topbar{color:var(--sg-text)!important;background:var(--sg-topbar)!important;border-color:var(--sg-border)!important;box-shadow:0 10px 28px #14365c0e, inset 0 -1px 0 var(--sg-line)!important;-webkit-backdrop-filter:blur(26px)saturate(145%)!important}.app :is(.panel,.dashboard-welcome,.stat-card,.dashboard-attendance-compact,.dashboard-birthday-card,.dashboard-quick-card,.qid-expiry-dashboard-panel,.payroll-hero,.settings-branding-card,.complaints-panel,.attendance-project-panel,.bulk-attendance-panel,.attendance-history-panel,.attendance-approval-panel,.attendance-my-submissions,.admin-attendance-reports-panel,.modal){color:var(--sg-text)!important;background:var(--sg-card)!important;border:1px solid var(--sg-border)!important;box-shadow:var(--sg-shadow)!important;-webkit-backdrop-filter:blur(24px)saturate(145%)!important}.app :is(.payroll-hero-main,.payroll-month-summary,.report-grid,.attendance-top-grid,.attendance-project-grid,.attendance-filters,.attendance-toolbar,.attendance-heading-actions,.attendance-quick-actions,.attendance-submission-list,.attendance-history-list,.attendance-report-summary,.attendance-report-totals,.complaint-summary-grid,.complaint-toolbar-actions,.complaint-admin-actions,.employee-self-service-grid,.employee-self-service-fields,.employee-self-service-request-list,.settings-layout,.settings-branding-copy,.settings-logo-actions,.request-grid,.request-card-top,.request-detail-header,.details-grid,.dashboard-crystal-grid,.attendance-compact-body,.chart-legend){box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.app :is(.payroll-month-summary>div,.attendance-count-card,.attendance-date-card,.attendance-user-banner,.attendance-submission-card,.attendance-history-card,.attendance-location-card,.attendance-report-summary>div,.attendance-report-total,.attendance-report-review-note,.complaint-summary-card,.employee-self-info,.employee-self-service-request,.employee-self-service-empty,.settings-logo-preview,.report-card,.request-card,.detail,.payslip-payment-status>div){color:var(--sg-text)!important;background:var(--sg-tile)!important;border:1px solid var(--sg-border)!important;-webkit-backdrop-filter:blur(16px)saturate(135%)!important;box-shadow:0 8px 22px #1c416709,inset 0 1px #ffffff1a!important}.app .payroll-hero{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:24px!important;display:grid!important}.app .payroll-hero-main{padding:0!important}.app .payroll-month-summary{grid-template-columns:repeat(2,minmax(170px,1fr))!important;gap:12px!important;min-width:min(390px,42vw)!important;display:grid!important}.app .payroll-month-summary>div{border-radius:14px!important;min-height:72px!important;padding:14px 16px!important}.app .payroll-month-summary>div span{color:var(--sg-muted)!important;margin-bottom:5px!important;display:block!important}.app .payroll-month-summary>div strong{color:var(--sg-text)!important;font-size:18px!important}.app .payroll-hero-main:before,.app .payroll-hero-main:after,.app .payroll-month-summary:before,.app .payroll-month-summary:after,.app .payroll-month-summary>div:before,.app .payroll-month-summary>div:after{content:none!important;display:none!important}.app :is(h1,h2,h3,h4,h5,h6,strong,.title,.panel-title){color:var(--sg-text)!important}.app :is(p,small,label,.muted,.subtitle,.panel-subtitle){color:var(--sg-muted)!important}.app :is(.primary-btn,.btn-primary,.add-employee-btn,.approve-btn,.attendance-save-btn,.attendance-export-btn,.attendance-report-btn,.complaint-view-btn,.payroll-action-btn,.payslip-open-btn,.report-card-button,.upload-company-logo,.upload-wallpaper,button[type=submit]){color:#fff!important;background:linear-gradient(135deg, var(--sg-blue), var(--sg-blue-2))!important;border-color:color-mix(in srgb,var(--sg-blue) 55%,var(--sg-border))!important;box-shadow:0 10px 24px #347fe82b,inset 0 1px #fff3!important}.app :is(.secondary-btn,.btn-secondary,.payroll-receipt-btn,.reset-btn,.ghost-btn,.top-tooltip-button,.icon-btn){color:var(--sg-text)!important;background:var(--sg-tile)!important;border-color:var(--sg-border)!important}.app button{transition:transform .18s,filter .18s,box-shadow .2s,background .2s,color .2s!important}.app button:hover:not(:disabled){filter:brightness(1.035);transform:translateY(-1px)}.app button:active:not(:disabled){transform:translateY(0)scale(.985)}.app :is(input,select,textarea){color:var(--sg-text)!important;background:var(--sg-input)!important;border-color:var(--sg-border)!important;box-shadow:inset 0 1px #ffffff14!important}.app :is(input,textarea)::placeholder{color:var(--sg-muted)!important}.app :is(input,select,textarea):focus{border-color:color-mix(in srgb,var(--sg-blue) 58%,var(--sg-border))!important;box-shadow:0 0 0 3px #347fe81a!important}.app .table-wrap{color:var(--sg-text)!important;background:var(--sg-tile)!important;border:1px solid var(--sg-border)!important;box-shadow:none!important;border-radius:14px!important;overflow:auto!important}.app table,.app tbody,.app tr{color:var(--sg-text)!important;background:0 0!important}.app thead,.app th{color:var(--sg-muted)!important;border-color:var(--sg-line)!important;background:linear-gradient(145deg,#347fe80e,#ffffff06)!important}.app td{color:var(--sg-text)!important;border-color:var(--sg-line)!important}.app tbody tr:hover{background:color-mix(in srgb,var(--sg-blue) 6%,transparent)!important}.modal-backdrop{z-index:2147483000!important;-webkit-backdrop-filter:blur(12px)!important;background:#050d197a!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:14px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.modal{border-radius:22px!important;flex-direction:column!important;width:min(680px,100vw - 28px)!important;max-width:calc(100vw - 28px)!important;min-height:0!important;max-height:calc(100dvh - 28px)!important;margin:0!important;display:flex!important;overflow:hidden!important}.modal.modal-wide{width:min(900px,100vw - 28px)!important}.modal.modal-extra-wide{width:min(1080px,100vw - 28px)!important}.modal-header{border-bottom:1px solid var(--sg-line)!important;flex:none!important;padding:14px 18px 12px!important}.modal-body{flex:auto!important;min-height:0!important;padding:14px 18px 16px!important;overflow:hidden auto!important}.app .main,.app .content{filter:none!important;contain:none!important;transform:none!important}.appearance-glass-info{color:var(--sg-text);background:var(--sg-tile);border:1px solid var(--sg-border);border-radius:16px;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffff1a}.appearance-glass-icon{color:#fff;background:linear-gradient(135deg, var(--sg-blue), var(--sg-blue-2));border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 9px 22px #347fe82e}.appearance-glass-info h3{margin:0 0 4px!important}.appearance-glass-info p{line-height:1.55;margin:0!important}.theme-grid,.theme-choice,[class*=theme-preview-]{display:none!important}@keyframes servicomPremiumPageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.app .payroll-hero{grid-template-columns:1fr!important}.app .payroll-month-summary{width:100%!important;min-width:0!important}}@media (width<=640px){.app .payroll-month-summary{grid-template-columns:1fr!important}.modal-backdrop{padding:6px!important}.modal,.modal.modal-wide,.modal.modal-extra-wide{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}.appearance-glass-info{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.app *,.app :before,.app :after{transition-duration:.01ms!important;animation:none!important}}.app .report-card.report-card-button{text-align:left!important;min-height:118px!important;color:var(--sg-text)!important;background:var(--sg-card)!important;border:1px solid var(--sg-border)!important;box-shadow:var(--sg-shadow)!important;-webkit-backdrop-filter:blur(22px)saturate(140%)!important;filter:none!important;border-radius:18px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:7px!important;padding:20px 22px!important;display:flex!important}.app .report-card.report-card-button,.app .report-card.report-card-button:hover,.app .report-card.report-card-button:active{background:var(--sg-card)!important;color:var(--sg-text)!important}.app .report-card.report-card-button>span{color:var(--sg-muted)!important;opacity:1!important;font-size:10px!important;font-weight:600!important}.app .report-card.report-card-button>strong{color:var(--sg-text)!important;opacity:1!important;font-size:22px!important;font-weight:800!important}.app .report-card.report-card-button>small{color:var(--sg-blue)!important;opacity:1!important;font-size:9px!important;font-weight:600!important}.app .report-card.report-card-button:hover{border-color:color-mix(in srgb,var(--sg-blue) 34%,var(--sg-border))!important;transform:translateY(-3px)!important;box-shadow:0 18px 42px #264f7a1f,0 0 0 1px #347fe80a,inset 0 1px #ffffff8a!important}.app.dark .report-card.report-card-button{color:var(--sg-text)!important;background:var(--sg-card)!important;border-color:var(--sg-border)!important}.app.dark .report-card.report-card-button>span{color:var(--sg-muted)!important}.app.dark .report-card.report-card-button>strong{color:#fff!important}.app.dark .report-card.report-card-button>small{color:var(--sg-blue-2)!important}.app .admin-attendance-reports-panel .attendance-report-btn{color:#fff!important;background:linear-gradient(135deg, var(--sg-blue), var(--sg-blue-2))!important;border-color:color-mix(in srgb,var(--sg-blue) 55%,var(--sg-border))!important}html:has(.flip-login-page){width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.flip-login-page){width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}body:has(.flip-login-page) #root{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}.login-page.flip-login-page{perspective:1600px!important;background:radial-gradient(at 73% 43%,#ea43ff54 0%,#9728d52e 18%,#56199e12 34%,#0000 53%),radial-gradient(at 28% 24%,#7452ff38,#0000 38%),linear-gradient(#17062f 0%,#230849 40%,#15052f 70%,#080419 100%)!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden!important}.login-page.flip-login-page .flip-night-sky{z-index:0!important;pointer-events:none!important;background:radial-gradient(circle at 7% 8%,#fff 0 1px,#0000 1.6px) 0 0/180px 155px,radial-gradient(circle at 18% 17%,#f3d9ffe0 0 1px,#0000 1.7px) 0 0/225px 180px,radial-gradient(circle at 31% 7%,#ffffffd1 0 1px,#0000 1.6px) 0 0/260px 205px,radial-gradient(circle at 45% 15%,#dfbcffe0 0 1px,#0000 1.7px) 0 0/210px 175px,radial-gradient(circle at 61% 8%,#ffffffd1 0 1px,#0000 1.6px) 0 0/280px 220px,radial-gradient(circle at 78% 17%,#f4cdffe6 0 1px,#0000 1.7px) 0 0/245px 190px,radial-gradient(circle at 92% 10%,#ffffffe0 0 1px,#0000 1.6px) 0 0/300px 235px,radial-gradient(at 73% 43%,#f649ff42,#b12de71f 22%,#0000 47%),radial-gradient(at 66%,#0000 0 25%,#e04aff1f 28%,#0000 31% 39%,#b234ea14 42%,#0000 45%)!important;width:110%!important;height:110%!important;animation:22s ease-in-out infinite alternate servicomFinalSkyMove!important;position:absolute!important;inset:-5%!important;overflow:hidden!important}.login-page.flip-login-page .flip-star{background:#fff!important;border-radius:50%!important;width:3px!important;height:3px!important;animation:2.5s ease-in-out infinite alternate servicomFinalStarTwinkle!important;box-shadow:0 0 7px #ffffffe6,0 0 14px #d782ffa6!important}.login-page.flip-login-page .flip-mountain{pointer-events:none!important;clip-path:polygon(0 72%,8% 57%,16% 69%,24% 48%,33% 69%,42% 55%,51% 72%,60% 49%,70% 69%,79% 56%,90% 70%,100% 55%,100% 100%,0 100%)!important;position:absolute!important;left:-5%!important;right:-5%!important}.login-page.flip-login-page .mountain-back{opacity:.58!important;background:linear-gradient(#6523abc7,#2e0d5aeb)!important;height:27%!important;bottom:-2%!important}.login-page.flip-login-page .mountain-front{background:linear-gradient(#32105f,#17072f 55%,#070319)!important;height:24%!important;bottom:-8%!important}.login-page.flip-login-page>.flip-login-scene{z-index:20!important;width:min(500px,100vw - 40px)!important;height:540px!important;min-height:0!important;max-height:calc(100dvh - 36px)!important;margin:0!important;padding:0!important;animation:none!important;position:fixed!important;top:50dvh!important;left:50vw!important;transform:translate(-50%,-50%)!important}.login-page.flip-login-page .flip-login-card{width:100%!important;height:100%!important;transform-style:preserve-3d!important;margin:0!important;transition:transform .78s cubic-bezier(.2,.76,.2,1)!important;position:relative!important}.login-page.flip-login-page .flip-login-scene.is-support .flip-login-card{transform:rotateY(180deg)!important}.login-page.flip-login-page .flip-face{box-sizing:border-box!important;color:#fff!important;-webkit-backdrop-filter:blur(26px)saturate(145%)!important;backface-visibility:hidden!important;background:linear-gradient(145deg,#4e238999,#14093ddb)!important;border:1px solid #e2beff5c!important;border-radius:28px!important;flex-direction:column!important;width:100%!important;height:100%!important;padding:22px 34px 20px!important;display:flex!important;position:absolute!important;inset:0!important;overflow:hidden!important;box-shadow:0 30px 78px #03021b75,inset 0 1px #ffffff2e,0 0 36px #be4aff1c!important}.login-page.flip-login-page .flip-back{transform:rotateY(180deg)!important}.login-page.flip-login-page .flip-company-logo{background:0 0!important;justify-content:center!important;align-items:center!important;width:min(270px,72%)!important;height:64px!important;min-height:64px!important;max-height:64px!important;margin:0 auto 8px!important;padding:0!important;display:flex!important;overflow:hidden!important}.login-page.flip-login-page .flip-company-logo img{object-fit:contain!important;object-position:center!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:64px!important;margin:0!important;position:static!important;transform:none!important}.login-page.flip-login-page .flip-login-title{text-align:center!important}.login-page.flip-login-page .flip-login-title h1{color:#fff!important;margin:0!important;font-size:27px!important;line-height:1.08!important}.login-page.flip-login-page .flip-login-title p{color:#faf6ffcc!important;margin:6px 0 18px!important;font-size:10px!important}.login-page.flip-login-page .flip-login-form{flex-direction:column!important;gap:11px!important;display:flex!important}.login-page.flip-login-page .flip-input{background:linear-gradient(135deg,#692cbe52,#42198a42)!important;border:1px solid #e0c0ff3d!important;border-radius:24px!important;align-items:center!important;min-height:50px!important;display:flex!important;position:relative!important;box-shadow:inset 0 1px #ffffff0e!important}.login-page.flip-login-page .flip-input input{color:#fff!important;width:100%!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0 50px 0 46px!important}.login-page.flip-login-page .flip-login-options{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:1px 0 2px!important;display:flex!important}.login-page.flip-login-page .flip-primary-login{color:#fff!important;background:linear-gradient(100deg,#6535ff 0%,#a135f2 55%,#ed28ce 100%)!important;border-radius:24px!important;min-height:50px!important;margin-top:4px!important;box-shadow:0 13px 30px #ae2feb3d,inset 0 1px #fff3!important}.login-page.flip-login-page .flip-front .flip-switch,.login-page.flip-login-page .flip-back .flip-switch{margin:18px auto 0!important}.login-page.flip-login-page .login-contact-support-btn{margin:10px auto 0!important}.login-page.flip-login-page .flip-support-actions{margin-top:4px!important}.login-page.flip-login-page .flip-support-tile{min-height:128px!important}.login-page.flip-login-page .flip-login-scene.login-success-anim .flip-primary-login{animation:.52s cubic-bezier(.2,.8,.2,1) both loginButtonSuccess!important}.login-page.flip-login-page .flip-login-scene.login-success-anim .flip-front{animation:.52s cubic-bezier(.2,.8,.2,1) both loginCardSuccess!important}@media (height<=700px) and (width>=581px){.login-page.flip-login-page>.flip-login-scene{width:min(470px,100vw - 28px)!important;height:500px!important;max-height:calc(100dvh - 20px)!important}.login-page.flip-login-page .flip-face{padding:16px 28px 15px!important}.login-page.flip-login-page .flip-company-logo{height:52px!important;min-height:52px!important;max-height:52px!important}.login-page.flip-login-page .flip-company-logo img{max-height:52px!important}.login-page.flip-login-page .flip-login-title p{margin-bottom:12px!important}.login-page.flip-login-page .flip-input{min-height:45px!important}.login-page.flip-login-page .flip-input input{height:43px!important}.login-page.flip-login-page .flip-primary-login{min-height:45px!important}.login-page.flip-login-page .flip-front .flip-switch,.login-page.flip-login-page .flip-back .flip-switch{margin-top:12px!important}.login-page.flip-login-page .login-contact-support-btn{margin-top:7px!important}}@media (width<=580px){.login-page.flip-login-page>.flip-login-scene{width:min(94vw,470px)!important;height:540px!important;max-height:calc(100dvh - 18px)!important}.login-page.flip-login-page .flip-face{border-radius:24px!important;padding:20px 20px 18px!important}.login-page.flip-login-page .flip-company-logo{width:min(245px,76%)!important;height:58px!important;min-height:58px!important;max-height:58px!important}.login-page.flip-login-page .flip-company-logo img{max-height:58px!important}}@media (prefers-reduced-motion:reduce){.login-page.flip-login-page .flip-night-sky,.login-page.flip-login-page .flip-star{animation:none!important}}.super-admin-hero{color:var(--sg-text,var(--text));background:var(--sg-card,var(--surface));border:1px solid var(--sg-border,var(--border));box-shadow:var(--sg-shadow,var(--shadow));-webkit-backdrop-filter:blur(24px)saturate(145%);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:24px;display:flex}.super-admin-eyebrow{color:var(--sg-blue,#347fe8);letter-spacing:1.2px;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.super-admin-hero h2{color:var(--sg-text,var(--text));margin:0 0 6px;font-size:22px}.super-admin-hero p{max-width:680px;color:var(--sg-muted,var(--muted));margin:0;font-size:11px;line-height:1.55}.super-admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.company-modal-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.company-modal-divider{border-top:1px solid var(--sg-line,var(--line));grid-column:1/-1;margin-top:4px;padding:10px 0 4px}.company-modal-divider span{color:var(--sg-muted,var(--muted));letter-spacing:1px;font-size:9px;font-weight:800}@media (width<=900px){.super-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.super-admin-hero{flex-direction:column;align-items:flex-start}}@media (width<=620px){.super-admin-stats,.company-modal-grid{grid-template-columns:1fr}}.company-module-section{background:var(--sg-tile,var(--surface-2));border:1px solid var(--sg-border,var(--border));border-radius:16px;grid-column:1/-1;padding:16px}.company-module-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.company-module-toolbar strong{color:var(--sg-text,var(--text));margin-bottom:3px;font-size:12px;display:block}.company-module-toolbar small{color:var(--sg-muted,var(--muted));font-size:9px;display:block}.company-module-toolbar-actions{align-items:center;gap:8px;display:flex}.company-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.company-module-option{cursor:pointer;min-height:58px;color:var(--sg-text,var(--text));border:1px solid var(--sg-border,var(--border));background:#ffffff09;border-radius:13px;align-items:center;gap:11px;padding:11px 12px;transition:transform .16s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.company-module-option:hover{border-color:color-mix(in srgb, var(--sg-blue,#347fe8) 38%, var(--sg-border,var(--border)));transform:translateY(-1px)}.company-module-option.selected{border-color:color-mix(in srgb, var(--sg-blue,#347fe8) 46%, var(--sg-border,var(--border)));background:linear-gradient(135deg,#347fe81f,#63a8f50f);box-shadow:inset 0 1px #ffffff12}.company-module-option input{opacity:0;pointer-events:none;position:absolute}.company-module-check{color:#fff;border:1px solid var(--sg-border,var(--border));background:#5a75962e;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:grid}.company-module-option.selected .company-module-check{background:linear-gradient(135deg, var(--sg-blue,#347fe8), var(--sg-blue-2,#63a8f5));border-color:#0000;box-shadow:0 7px 18px #347fe82e}.company-module-option input:disabled+.company-module-check{opacity:.82}.company-module-copy{min-width:0}.company-module-copy strong{color:var(--sg-text,var(--text));font-size:11px;line-height:1.2;display:block}.company-module-copy small{color:var(--sg-muted,var(--muted));margin-top:3px;font-size:8px;line-height:1.3;display:block}.company-module-note{color:var(--sg-muted,var(--muted));background:#347fe80f;border:1px solid #347fe81f;border-radius:10px;margin-top:12px;padding:9px 11px;font-size:8.5px;line-height:1.45}@media (width<=720px){.company-module-toolbar{flex-direction:column;align-items:flex-start}.company-module-grid{grid-template-columns:1fr}}.users-page-stack{gap:18px;display:grid}.system-account-panel{color:var(--sg-text,var(--text));background:var(--sg-card,var(--surface));border:1px solid var(--sg-border,var(--border));box-shadow:var(--sg-shadow,var(--shadow));-webkit-backdrop-filter:blur(22px)saturate(140%);border-radius:20px;padding:20px}.system-account-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.system-account-heading h3{color:var(--sg-text,var(--text));margin:4px 0 5px;font-size:17px}.system-account-heading p{color:var(--sg-muted,var(--muted));margin:0;font-size:9px;line-height:1.5}.system-account-eyebrow{color:var(--sg-blue,#347fe8);letter-spacing:1.1px;font-size:8px;font-weight:900}.system-protected-badge{color:#fff;background:linear-gradient(135deg,#6740db,#8a5af2);border-radius:11px;flex:none;padding:8px 11px;font-size:9px;font-weight:750;box-shadow:0 8px 20px #6740db2e}.system-account-card{background:var(--sg-tile,var(--surface-2));border:1px solid var(--sg-border,var(--border));border-radius:16px;grid-template-columns:auto minmax(160px,.8fr) minmax(0,2fr);align-items:center;gap:16px;padding:15px;display:grid}.system-account-avatar{color:#fff;background:linear-gradient(135deg,#347fe8,#7456e8);border-radius:14px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:850;display:grid;box-shadow:0 10px 22px #347fe82b}.system-account-main{flex-direction:column;gap:3px;display:flex}.system-account-main strong{color:var(--sg-text,var(--text));font-size:12px}.system-account-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.system-account-meta>div{border:1px solid var(--sg-border,var(--border));background:#ffffff09;border-radius:11px;min-height:51px;padding:9px 10px}.system-account-meta span{color:var(--sg-muted,var(--muted));margin-bottom:4px;font-size:7.5px;display:block}.system-account-meta strong{color:var(--sg-text,var(--text));font-size:9.5px}.permission-grid label small{color:#d99b25;margin-left:5px;font-size:7px;display:block}@media (width<=900px){.system-account-card{grid-template-columns:auto 1fr}.system-account-meta{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.system-account-heading{flex-direction:column}.system-account-card{grid-template-columns:1fr}.system-account-avatar{width:42px;height:42px}.system-account-meta{grid-column:auto;grid-template-columns:1fr}}.system-account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.system-role-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.system-role-info-grid>div{background:var(--sg-tile,var(--surface-2));border:1px solid var(--sg-border,var(--border));border-radius:12px;padding:12px}.system-role-info-grid strong{color:var(--sg-text,var(--text));margin-bottom:4px;font-size:10px;display:block}.system-role-info-grid span{color:var(--sg-muted,var(--muted));font-size:8px;line-height:1.45;display:block}@media (width<=650px){.system-account-actions{flex-direction:column;align-items:flex-start}.system-role-info-grid{grid-template-columns:1fr}}:root{--read-text:#f4f8ff;--read-text-soft:#d7e3f4;--read-muted:#aebfd5;--read-label:#c9d8ea}body,button,input,select,textarea{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px}body:not(.light-mode),[data-theme=dark]{color:var(--read-text)}body:not(.light-mode) label,body:not(.light-mode) .form-label,body:not(.light-mode) .field-label,body:not(.light-mode) th,[data-theme=dark] label,[data-theme=dark] .form-label,[data-theme=dark] .field-label,[data-theme=dark] th{line-height:1.35;color:var(--read-label)!important;font-size:12px!important;font-weight:650!important}body:not(.light-mode) input,body:not(.light-mode) select,body:not(.light-mode) textarea,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{font-weight:500;color:var(--read-text)!important;font-size:14px!important}body:not(.light-mode) input::placeholder,body:not(.light-mode) textarea::placeholder,[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{opacity:1;color:#93a8c2!important}body:not(.light-mode) small,body:not(.light-mode) .muted,body:not(.light-mode) .subtitle,body:not(.light-mode) .description,body:not(.light-mode) .helper-text,body:not(.light-mode) .page-subtitle,body:not(.light-mode) .section-subtitle,[data-theme=dark] small,[data-theme=dark] .muted,[data-theme=dark] .subtitle,[data-theme=dark] .description,[data-theme=dark] .helper-text,[data-theme=dark] .page-subtitle,[data-theme=dark] .section-subtitle{color:var(--read-muted)!important;font-size:11.5px!important;line-height:1.45!important}table,td,th{font-size:12px}td{line-height:1.45}.sidebar a,.sidebar button,.nav-item,.sidebar-item,.sidebar-link{font-weight:520;font-size:14px!important}button,.btn,.primary-btn,.secondary-btn{font-weight:650;font-size:13px!important}h1{font-size:24px;line-height:1.2}h2{font-size:20px;line-height:1.25}h3{font-size:17px;line-height:1.3}h4{font-size:15px;line-height:1.35}.system-account-main strong{font-size:14px!important}.system-account-main span{color:var(--read-muted)!important;font-size:11.5px!important}.system-account-meta span{color:var(--read-muted)!important;font-size:11px!important}.system-account-meta strong{font-size:13px!important}.permission-grid label small{font-size:10.5px!important;line-height:1.35!important}.system-role-info-grid strong{font-size:13px!important}.system-role-info-grid span{color:var(--read-muted)!important;font-size:11.5px!important}.light-mode,[data-theme=light]{color:#14233a}.light-mode label,.light-mode .form-label,.light-mode .field-label,[data-theme=light] label,[data-theme=light] .form-label,[data-theme=light] .field-label{color:#425a78!important;font-size:12px!important;font-weight:650!important}.light-mode small,.light-mode .muted,.light-mode .subtitle,.light-mode .description,[data-theme=light] small,[data-theme=light] .muted,[data-theme=light] .subtitle,[data-theme=light] .description{color:#60738d!important;font-size:11.5px!important}.app{--ui-text-strong:#16263d;--ui-text:#273b55;--ui-text-soft:#536a86;--ui-text-muted:#667d98;--ui-label:#405978;--ui-border-readable:#4674aa38;color:var(--ui-text)!important;-webkit-font-smoothing:antialiased!important;text-rendering:optimizelegibility!important;font-size:14px!important;line-height:1.45!important}.app.dark{--ui-text-strong:#f4f8ff;--ui-text:#e7f0fb;--ui-text-soft:#c2d1e3;--ui-text-muted:#a9bdd3;--ui-label:#c8d7e8;--ui-border-readable:#7eaddc38;color:var(--ui-text)!important}.app .topbar h1,.app .page-title,.app .section-toolbar h2,.app .panel h2,.app .panel h3,.app .modal-header h2,.app .modal h2,.app .modal h3,.app .dashboard-welcome h2,.app .super-admin-hero h2,.app .system-account-heading h3{color:var(--ui-text-strong)!important;opacity:1!important}.app .topbar h1{font-size:22px!important;font-weight:760!important}.app .section-toolbar h2,.app .panel h2,.app .modal-header h2{font-size:18px!important;font-weight:740!important}.app .panel h3,.app .modal h3{font-size:16px!important;font-weight:720!important}.app .topbar p,.app .section-toolbar p,.app .modal-header p,.app .dashboard-welcome p,.app .super-admin-hero p,.app .system-account-heading p,.app .settings-copy,.app .helper-text,.app .description,.app .subtitle,.app .page-subtitle,.app .section-subtitle{color:var(--ui-text-muted)!important;opacity:1!important;font-size:12px!important;font-weight:470!important;line-height:1.5!important}.app .field{gap:7px!important}.app .field>span,.app .field>label,.app label,.app .form-label,.app .field-label{color:var(--ui-label)!important;opacity:1!important;font-size:12.5px!important;font-weight:680!important;line-height:1.35!important}.app.dark .field>span,.app.dark .field>label,.app.dark label,.app.dark .form-label,.app.dark .field-label{color:#c9d8ea!important}.app input,.app select,.app textarea{color:var(--ui-text-strong)!important;opacity:1!important;font-size:14px!important;font-weight:520!important;line-height:1.4!important}.app input::placeholder,.app textarea::placeholder{color:var(--ui-text-muted)!important;opacity:.88!important}.app.dark input::placeholder,.app.dark textarea::placeholder{color:#91a8c1!important}.app select option{font-size:14px!important}.app button,.app .btn,.app .primary-btn,.app .secondary-btn,.app .action-btn,.app .row-actions button,.app .modal-actions button{letter-spacing:0!important;opacity:1!important;font-size:12.5px!important;font-weight:680!important}.app .primary-btn{color:#fff!important}.app .sidebar nav button,.app .sidebar nav a,.app .sidebar-item,.app .sidebar-link,.app .logout-button{opacity:1!important;font-size:14px!important;font-weight:560!important}.app .sidebar-user strong{color:inherit!important;font-size:13px!important;font-weight:720!important}.app .sidebar-user span{opacity:.82!important;font-size:11px!important}.app table{color:var(--ui-text)!important;font-size:12.5px!important}.app table thead th,.app th{color:var(--ui-label)!important;letter-spacing:.15px!important;opacity:1!important;font-size:11.5px!important;font-weight:760!important}.app.dark table thead th,.app.dark th{color:#bcd0e5!important}.app table tbody td,.app td{color:var(--ui-text)!important;opacity:1!important;font-size:12.5px!important;font-weight:470!important;line-height:1.45!important}.app td strong,.app table strong{color:var(--ui-text-strong)!important;font-size:12.5px!important;font-weight:680!important}.app td small,.app table small{margin-top:2px;display:block;color:var(--ui-text-muted)!important;opacity:1!important;font-size:10.5px!important;line-height:1.4!important}.app .stat-card span,.app .attendance-count-card span,.app .summary-card span,.app .metric-card span{color:var(--ui-text-muted)!important;opacity:1!important;font-size:11.5px!important;font-weight:540!important}.app .stat-card strong,.app .attendance-count-card strong,.app .summary-card strong,.app .metric-card strong{color:var(--ui-text-strong)!important;opacity:1!important;font-size:21px!important;font-weight:760!important}.app .stat-card small,.app .summary-card small,.app .metric-card small{color:var(--ui-text-soft)!important;opacity:1!important;font-size:10.5px!important;font-weight:500!important}.app .company-module-toolbar strong{color:var(--ui-text-strong)!important;font-size:14px!important;font-weight:740!important}.app .company-module-toolbar small{color:var(--ui-text-muted)!important;opacity:1!important;font-size:11px!important;line-height:1.45!important}.app .company-module-copy strong{color:var(--ui-text-strong)!important;opacity:1!important;font-size:13px!important;font-weight:700!important}.app .company-module-copy small{color:var(--ui-text-muted)!important;opacity:1!important;font-size:10.5px!important;font-weight:470!important;line-height:1.4!important}.app .company-module-note{color:var(--ui-text-soft)!important;opacity:1!important;font-size:10.5px!important;line-height:1.45!important}.app .company-modal-divider span,.app .super-admin-eyebrow,.app .system-account-eyebrow{color:var(--ui-text-soft)!important;letter-spacing:.8px!important;opacity:1!important;font-size:10.5px!important;font-weight:760!important}.app .system-account-main strong{color:var(--ui-text-strong)!important;font-size:14px!important;font-weight:720!important}.app .system-account-main span,.app .system-account-meta span{color:var(--ui-text-muted)!important;opacity:1!important;font-size:11px!important}.app .system-account-meta strong{color:var(--ui-text-strong)!important;font-size:12.5px!important}.app .system-role-info-grid strong{color:var(--ui-text-strong)!important;font-size:13px!important}.app .system-role-info-grid span{color:var(--ui-text-muted)!important;opacity:1!important;font-size:11px!important;line-height:1.45!important}.app .permission-grid label{color:var(--ui-text)!important;font-size:12px!important}.app .permission-grid label small{color:var(--ui-text-muted)!important;opacity:1!important;font-size:10.5px!important}.app .panel span,.app .panel p,.app .request-card p,.app .complaint-summary-card p,.app .attendance-user-banner p,.app .attendance-project-panel p,.app .attendance-approval-panel p,.app .attendance-my-submissions p,.app .payroll-hero p,.app .settings-branding-card p,.app .settings-theme-card p{opacity:1!important}.app .panel p,.app .request-card p,.app .complaint-summary-card p,.app .attendance-user-banner p,.app .attendance-project-panel p,.app .attendance-approval-panel p,.app .attendance-my-submissions p,.app .payroll-hero p,.app .settings-branding-card p,.app .settings-theme-card p{color:var(--ui-text-soft)!important;font-size:12px!important;line-height:1.5!important}.app .main-content small,.app .content small,.app .page-content small,.app .panel small,.app .modal small{color:var(--ui-text-muted)!important;opacity:1!important;font-size:10.5px!important;line-height:1.4!important}.app .modal{color:var(--ui-text)!important}.app .modal-header h2{color:var(--ui-text-strong)!important;font-size:18px!important}.app .modal-header p{color:var(--ui-text-muted)!important;font-size:11.5px!important}.app .modal-body{color:var(--ui-text)!important}.app .modal-body p{color:var(--ui-text-soft)!important;font-size:12px!important;line-height:1.5!important}.app .status-badge,.app [class*=status-],.app .badge{opacity:1!important;font-size:10.5px!important;font-weight:700!important}.app:not(.dark){--ui-text-strong:#10213a;--ui-text:#243a56;--ui-text-soft:#4d6684;--ui-text-muted:#617894;--ui-label:#3e5775}.app:not(.dark) .panel,.app:not(.dark) .modal,.app:not(.dark) .stat-card,.app:not(.dark) .company-module-section,.app:not(.dark) .system-account-panel{color:var(--ui-text)!important}.app:not(.dark) .company-module-copy small,.app:not(.dark) .company-module-toolbar small,.app:not(.dark) .field>span,.app:not(.dark) .field>label,.app:not(.dark) small{opacity:1!important}.app.dark{--text:#f2f7ff!important;--muted:#abc0d7!important}.app.dark .panel,.app.dark .modal,.app.dark .stat-card,.app.dark .company-module-section,.app.dark .system-account-panel,.app.dark .system-role-info-grid>div{color:var(--ui-text)!important}.app.dark .company-module-copy small,.app.dark .company-module-toolbar small,.app.dark .company-module-note,.app.dark .field>span,.app.dark .field>label,.app.dark small{opacity:1!important}:is(.app:not(:has(.flip-login-page)) .main-content,.app:not(:has(.flip-login-page)) .content,.app:not(:has(.flip-login-page)) .page-content){font-size:14px!important}.app .system-account-meta span,.app .permission-grid label small,.app .system-role-info-grid span,.app .company-module-copy small,.app .company-module-note,.app .company-module-toolbar small,.app .super-admin-eyebrow,.app .system-account-eyebrow,.app .modal-header p,.app .field>span{font-size:max(10.5px,.72rem)!important}@media (width<=900px){.app{font-size:13.5px!important}.app .sidebar nav button,.app .sidebar nav a{font-size:13px!important}.app table,.app td{font-size:12px!important}}@media (width<=600px){.app .field>span,.app label{font-size:12px!important}.app input,.app select,.app textarea{font-size:14px!important}.app .company-module-copy strong{font-size:12.5px!important}.app .company-module-copy small{font-size:10.5px!important}}.app .company-logo-box{box-sizing:border-box!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:1px solid #84b0de1f!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;width:210px!important;height:108px!important;margin:18px auto 22px!important;padding:12px!important;display:flex!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff09!important}.app .company-logo-box .company-logo,.app img.company-logo{object-fit:contain!important;object-position:center center!important;aspect-ratio:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;flex:0 auto!important;margin:auto!important;padding:0!important;display:block!important;transform:none!important}.app .settings-logo-preview{box-sizing:border-box!important;border:1px solid var(--ui-border-readable,#7eaddc2e)!important;background:#ffffff06!important;border-radius:18px!important;justify-content:center!important;align-items:center!important;width:290px!important;height:138px!important;padding:14px!important;display:flex!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff09!important}.app .settings-logo-preview img{object-fit:contain!important;object-position:center center!important;aspect-ratio:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:auto!important;padding:0!important;display:block!important;transform:none!important}.app:not(.dark) .company-logo-box{background:0 0!important;border-color:#4674aa21!important}.app:not(.dark) .settings-logo-preview{background:#f5f9ff7a!important;border-color:#4674aa2e!important}.app.dark .company-logo-box{background:0 0!important;border-color:#87b4e11c!important}.app.dark .settings-logo-preview{background:#ffffff06!important;border-color:#87b4e126!important}@media (width<=1100px){.app .company-logo-box{width:190px!important;height:98px!important;padding:10px!important}}@media (width<=900px){.app .company-logo-box{width:178px!important;height:90px!important;margin-top:14px!important;margin-bottom:17px!important;padding:9px!important}}@media (width<=620px){.app .company-logo-box{width:164px!important;height:82px!important;padding:8px!important}.app .settings-logo-preview{width:100%!important;max-width:290px!important;height:124px!important}}.app .company-logo-box,.app .company-logo-box *,.app .settings-logo-preview img{box-sizing:border-box!important}.app .company-logo-box img,.app .settings-logo-preview img{object-fit:contain!important;object-position:center center!important}.app .company-logo,.app .settings-logo-preview img{background-color:#0000!important}.permissions-box{background:#ffffff4d!important;border:1px solid #4a82c233!important;border-top:2px solid #3a89e74d!important;border-radius:15px!important;margin-top:18px!important;padding:18px!important}.app.dark .permissions-box{background:#ffffff06!important;border-color:#4997ef6b #74aae22e #74aae22e!important}.permissions-heading-row{margin-bottom:15px!important}.permissions-heading-row h3{font-size:14px!important;font-weight:760!important}.permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.permission-grid label{border:1px solid #497dbc3d!important;border-top-color:#4085da52!important;border-radius:10px!important;min-height:48px!important;padding:8px 13px!important;font-size:11.5px!important}.app.dark .permission-grid label{border-color:#519df161 #76a7da33 #76a7da33!important}.permission-grid input[type=checkbox]{accent-color:#2685f5!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important}.user-access-info{border-radius:12px!important;padding:14px 16px!important}.user-access-info strong{font-size:12.5px!important}.user-access-info span{font-size:11px!important}.company-scope-panel{background:linear-gradient(145deg,#ffffffd1,#f0f7ffb3)!important;border:1px solid #4b85c92e!important;border-radius:17px!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-bottom:16px!important;padding:16px 18px!important;display:flex!important;box-shadow:0 12px 30px #2c5e9614!important}.app.dark .company-scope-panel{background:linear-gradient(145deg,#183a5ed1,#0d2846c2)!important;border-color:#72a9e129!important;box-shadow:0 14px 35px #00000029!important}.company-scope-copy{align-items:center!important;gap:12px!important;display:flex!important}.company-scope-eyebrow{color:#267be2!important;letter-spacing:.8px!important;background:#267be217!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;min-height:32px!important;padding:0 10px!important;font-size:9px!important;font-weight:820!important;display:inline-flex!important}.company-scope-copy strong{color:#182a42!important;font-size:14px!important;font-weight:760!important;display:block!important}.app.dark .company-scope-copy strong{color:#f1f7ff!important}.company-scope-copy small{color:#657b95!important;margin-top:3px!important;font-size:10.5px!important;display:block!important}.app.dark .company-scope-copy small{color:#a9bdd2!important}.company-scope-options{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;display:flex!important}.company-scope-btn{color:#29415e!important;min-width:126px!important;min-height:49px!important;box-shadow:none!important;background:#ffffff8c!important;border:1px solid #4b85c933!important;border-radius:11px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding:8px 12px!important;display:flex!important}.app.dark .company-scope-btn{color:#d8e6f4!important;background:#ffffff09!important;border-color:#76aae02b!important}.company-scope-btn span{font-size:11.5px!important;font-weight:710!important}.company-scope-btn small{color:#71859c!important;margin-top:2px!important;font-size:9.5px!important}.app.dark .company-scope-btn small{color:#9eb3c9!important}.company-scope-btn.active{color:#fff!important;background:linear-gradient(135deg,#2685f5,#4c9df5)!important;border-color:#2685f5!important;box-shadow:0 9px 22px #2685f533!important}.company-scope-btn.active small{color:#fffc!important}@media (width<=850px){.company-scope-panel{flex-direction:column!important;align-items:flex-start!important}.company-scope-options{justify-content:flex-start!important;width:100%!important}}@media (width<=700px){.permission-grid{grid-template-columns:1fr!important}.company-scope-btn{flex:140px!important}}.app-dialog-overlay{z-index:2147483640;-webkit-backdrop-filter:blur(15px)saturate(125%);background:radial-gradient(circle at 50% 42%,#4d37b02e,#0000 34%),#040816bd;justify-content:center;align-items:center;padding:20px;animation:.18s both ptsPopupOverlayIn;display:flex;position:fixed;inset:0}.app-dialog-card{--dialog-color:#4b97f3;--dialog-glow:#4b97f347;text-align:center;color:#f7fbff;border:1px solid color-mix(in srgb, var(--dialog-color) 62%, #ffffff21);width:min(470px,100vw - 34px);max-height:min(650px,100dvh - 40px);box-shadow:0 32px 92px #0000008f, 0 0 36px var(--dialog-glow), inset 0 1px 0 #ffffff13;background:radial-gradient(circle at 50% -10%,#4c97f41a,#0000 38%),linear-gradient(145deg,#101b3bfb,#070c22fc);border-radius:24px;padding:30px 34px 26px;animation:.27s cubic-bezier(.16,1,.3,1) both ptsPopupCardIn;position:relative;overflow:hidden auto}.app-dialog-error{--dialog-color:#ff526d;--dialog-glow:#ff526d4d}.app-dialog-success{--dialog-color:#32cc83;--dialog-glow:#32cc8342}.app-dialog-warning{--dialog-color:#ffb43b;--dialog-glow:#ffb43b42}.app-dialog-info{--dialog-color:#4b97f3;--dialog-glow:#4b97f347}.app-dialog-close{color:#9fb2c8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:25px;line-height:1;transition:all .18s;display:grid;position:absolute;top:14px;right:15px}.app-dialog-close:hover{color:#fff;background:#ffffff12;transform:rotate(90deg)}.app-dialog-icon{color:#fff;background:radial-gradient(circle at 35% 28%, #ffffff4d, transparent 38%), var(--dialog-color);width:72px;height:72px;box-shadow:0 0 18px var(--dialog-color), 0 0 38px var(--dialog-glow);border:3px solid #ffffff38;border-radius:50%;place-items:center;margin:1px auto 17px;font-size:38px;font-weight:800;line-height:1;animation:.4s cubic-bezier(.16,1,.3,1) both ptsPopupIconIn;display:grid}.app-dialog-copy{text-align:center;display:block}.app-dialog-copy h3{color:#f8fbff;letter-spacing:-.2px;margin:0;font-size:23px;font-weight:760;line-height:1.22}.app-dialog-divider{background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:84%;height:1px;margin:18px auto;position:relative}.app-dialog-divider span{background:var(--dialog-color);width:7px;height:7px;box-shadow:0 0 11px var(--dialog-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-dialog-message,.app-dialog-copy p{color:#bacbdd;opacity:1;text-align:center;white-space:pre-line;max-width:390px;margin:0 auto;font-size:14px;font-weight:470;line-height:1.58}.app-dialog-detail{color:#dde8f3;border:1px solid color-mix(in srgb, var(--dialog-color) 38%, transparent);text-align:left;background:#ffffff0b;border-radius:13px;align-items:center;gap:12px;max-width:380px;margin:18px auto 0;padding:13px 15px;font-size:12px;line-height:1.45;display:flex}.app-dialog-detail-icon{width:29px;height:29px;color:var(--dialog-color);border:2px solid var(--dialog-color);border-radius:50%;flex:0 0 29px;place-items:center;font-size:13px;font-weight:800;display:grid}.app-dialog-list{gap:7px;width:100%;max-width:390px;margin:0 auto;display:grid}.app-dialog-list-item{color:#dfebf6;text-align:left;background:#ffffff0b;border:1px solid #84b1e11f;border-radius:11px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;font-size:12.5px;font-weight:560;display:flex}.app-dialog-list-dot{color:#fff;background:var(--dialog-color);border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:850;display:grid}.app-dialog-bottom-divider{background:linear-gradient(90deg,#0000,#ffffff21,#0000);width:84%;height:1px;margin:19px auto 18px}.app-dialog-actions{border:0;justify-content:center;align-items:center;gap:12px;margin:0;padding:0;display:flex}.app-dialog-btn{cursor:pointer;border-radius:11px;min-width:148px;min-height:43px;padding:10px 21px;font-size:13px;font-weight:720;transition:all .17s}.app-dialog-confirm{color:#fff;background:linear-gradient(135deg, var(--dialog-color), color-mix(in srgb, var(--dialog-color) 72%, #101826));box-shadow:0 10px 25px var(--dialog-glow), inset 0 1px 0 #ffffff26;border:1px solid #ffffff29}.app-dialog-cancel{color:#e6eef7;box-shadow:none;background:#ffffff0e;border:1px solid #ffffff24}.app-dialog-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.app-dialog-btn:active{transform:scale(.97)}.app-dialog-error .app-dialog-copy h3{color:#ff7e95}.app-dialog-success .app-dialog-copy h3{color:#68e3aa}.app-dialog-warning .app-dialog-copy h3{color:#ffd06d}.app-dialog-info .app-dialog-copy h3{color:#7dbaff}@keyframes ptsPopupOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes ptsPopupCardIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ptsPopupIconIn{0%{opacity:0;transform:scale(.5)rotate(-10deg)}72%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=560px){.app-dialog-overlay{padding:12px}.app-dialog-card{border-radius:20px;width:min(410px,100vw - 24px);padding:27px 20px 22px}.app-dialog-icon{width:64px;height:64px;font-size:34px}.app-dialog-copy h3{font-size:21px}.app-dialog-message,.app-dialog-copy p{font-size:13px}.app-dialog-actions{flex-direction:column-reverse}.app-dialog-btn{width:100%;min-width:0}}.login-page.flip-login-page .flip-front{pointer-events:auto!important;z-index:3!important}.login-page.flip-login-page .flip-back{pointer-events:none!important;z-index:2!important}.login-page.flip-login-page .flip-login-scene.is-support .flip-front{pointer-events:none!important}.login-page.flip-login-page .flip-login-scene.is-support .flip-back{pointer-events:auto!important}.login-page.flip-login-page .flip-login-form,.login-page.flip-login-page .flip-input,.login-page.flip-login-page .flip-input input,.login-page.flip-login-page .flip-eye,.login-page.flip-login-page .flip-forgot,.login-page.flip-login-page .flip-primary-login,.login-page.flip-login-page .flip-remember,.login-page.flip-login-page .login-contact-support-btn,.login-page.flip-login-page .flip-switch{z-index:10!important;pointer-events:auto!important;position:relative!important}.login-local-popup-overlay{z-index:2147483645;-webkit-backdrop-filter:blur(15px)saturate(125%);background:radial-gradient(circle at 50% 42%,#7740d22e,#0000 34%),#030716c2;justify-content:center;align-items:center;padding:18px;animation:.18s both loginLocalOverlayIn;display:flex;position:fixed;inset:0}.login-local-popup{--popup-color:#4b97f3;--popup-glow:#4b97f347;text-align:center;color:#f7fbff;border:1px solid var(--popup-color);width:min(430px,100vw - 34px);box-shadow:0 32px 90px #00000094, 0 0 34px var(--popup-glow), inset 0 1px 0 #ffffff12;background:radial-gradient(circle at 50% -10%,#4c97f41a,#0000 38%),linear-gradient(145deg,#11193afc,#070b20fe);border-radius:23px;padding:29px 32px 25px;animation:.26s cubic-bezier(.16,1,.3,1) both loginLocalCardIn;position:relative}.login-local-popup-error{--popup-color:#ff526d;--popup-glow:#ff526d4d}.login-local-popup-warning{--popup-color:#ffb43b;--popup-glow:#ffb43b42}.login-local-popup-success{--popup-color:#32cc83;--popup-glow:#32cc8342}.login-local-popup-info{--popup-color:#4b97f3;--popup-glow:#4b97f347}.login-local-popup-close{color:#9fb2c8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:33px;height:33px;padding:0;font-size:24px;line-height:1;display:grid;position:absolute;top:13px;right:14px}.login-local-popup-close:hover{color:#fff;background:#ffffff12}.login-local-popup-icon{color:#fff;background:radial-gradient(circle at 35% 28%, #ffffff4d, transparent 38%), var(--popup-color);width:70px;height:70px;box-shadow:0 0 18px var(--popup-color), 0 0 38px var(--popup-glow);border:3px solid #ffffff38;border-radius:50%;place-items:center;margin:0 auto 16px;font-size:37px;font-weight:800;display:grid}.login-local-popup h2{color:#f8fbff;margin:0;font-size:23px;font-weight:760}.login-local-popup-divider{background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:82%;height:1px;margin:18px auto;position:relative}.login-local-popup-divider span{background:var(--popup-color);width:7px;height:7px;box-shadow:0 0 11px var(--popup-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-local-popup p{color:#bacbdd;max-width:350px;margin:0 auto;font-size:14px;line-height:1.55}.login-local-popup-detail{color:#dfe9f4;border:1px solid color-mix(in srgb, var(--popup-color) 38%, transparent);background:#ffffff0b;border-radius:12px;max-width:360px;margin:16px auto 0;padding:12px 14px;font-size:12px;line-height:1.45}.login-local-popup-ok{color:#fff;background:linear-gradient(135deg, var(--popup-color), color-mix(in srgb, var(--popup-color) 72%, #101826));min-width:145px;min-height:42px;box-shadow:0 10px 24px var(--popup-glow);cursor:pointer;border:1px solid #ffffff29;border-radius:11px;margin-top:20px;padding:10px 20px;font-size:13px;font-weight:720}@keyframes loginLocalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes loginLocalCardIn{0%{opacity:0;transform:translateY(15px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.company-scope-panel{z-index:30!important;position:sticky!important;top:8px!important}.company-module-option:before,.company-module-option:after,.permission-grid label:before,.permission-grid label:after{content:none!important;display:none!important}.company-module-check{display:none!important}.company-module-option input[type=checkbox]{opacity:1!important;pointer-events:auto!important;accent-color:#2685f5!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;position:static!important}.permission-grid label{align-items:center!important;gap:10px!important;min-height:50px!important;padding:9px 12px!important;display:flex!important;overflow:visible!important}.permission-grid label input[type=checkbox]{opacity:1!important;accent-color:#2685f5!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;position:static!important}.permission-grid label.permission-locked{opacity:.58!important}.permission-grid label>span{font-size:12px!important;font-weight:620!important}.modal-extra-wide{width:min(1040px,96vw)!important}.company-page-selector{background:linear-gradient(145deg,#ffffffe6,#f0f7ffd1);border:1px solid #4b85c92e;border-radius:20px;width:100%;padding:24px;box-shadow:0 16px 40px #2c5e961a}.company-page-selector-head{align-items:center;gap:15px;margin-bottom:22px;display:flex}.company-page-selector-icon{background:#2685f51a;border:1px solid #2685f52e;border-radius:15px;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:23px;display:grid}.company-page-selector-eyebrow{color:#2781ea;letter-spacing:1px;font-size:9px;font-weight:820}.company-page-selector-head h2{color:#172a43;margin:3px 0;font-size:21px;font-weight:760}.company-page-selector-head p{color:#667c95;margin:0;font-size:11.5px}.company-page-selector-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px;display:grid}.company-page-selector-card{color:#203a59;text-align:left;min-height:92px;box-shadow:none;cursor:pointer;background:#ffffffad;border:1px solid #467fc22e;border-radius:15px;align-items:center;gap:13px;padding:15px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex}.app.dark .company-page-selector-card{color:#e5eff9;background:#ffffff09;border-color:#71a9e029}.company-page-selector-card:hover{border-color:#2685f57a;transform:translateY(-3px);box-shadow:0 12px 28px #2685f51f}.company-page-selector-avatar{color:#fff;background:linear-gradient(135deg,#2585f4,#5aa9ff);border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:820;display:grid}.company-page-selector-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.company-page-selector-copy strong{color:inherit;font-size:13.5px;font-weight:740}.company-page-selector-copy span{color:#68809a;font-size:10px}.company-page-selector-copy small{color:#788da4;font-size:9.5px}.company-page-selector-arrow{color:#2c86ee;font-size:20px;font-weight:700}.selected-company-bar{background:#ffffffb3;border:1px solid #4b85c92b;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:12px 15px;display:flex}.selected-company-bar>div{align-items:center;gap:10px;display:flex}.selected-company-bar span{color:#2583ed;letter-spacing:.7px;font-size:8.5px;font-weight:820}.selected-company-bar strong{color:#18304e;font-size:13px}.app.dark .selected-company-bar strong{color:#f1f7ff}.selected-company-bar small{color:#6f849c;font-size:10px}.app.dark .selected-company-bar small{color:#9fb4c9}.selected-company-bar button{color:#2279df;cursor:pointer;background:0 0;border:1px solid #2685f54d;border-radius:9px;padding:8px 12px;font-size:10.5px;font-weight:700}.selected-company-bar button:hover{color:#fff;background:#2685f5}@media (width<=700px){.company-page-selector{padding:17px}.company-page-selector-grid{grid-template-columns:1fr}.selected-company-bar{flex-direction:column;align-items:flex-start}.selected-company-bar>div{flex-direction:column;align-items:flex-start;gap:3px}}.app .company-page-selector{background:linear-gradient(145deg,#ffffffeb,#eff6ffd6)!important;border:1px solid #4b85c92e!important;border-radius:22px!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:26px!important;box-shadow:0 18px 44px #2c5e961a!important}.app.dark .company-page-selector{background:linear-gradient(145deg,#143456f5,#091f39f0)!important;border-color:#70a9e12e!important;box-shadow:0 18px 44px #0003!important}.app .company-page-selector-head{align-items:center!important;gap:16px!important;margin-bottom:24px!important;display:flex!important}.app .company-page-selector-icon{background:#2685f51c!important;border:1px solid #2685f533!important;border-radius:15px!important;flex:0 0 54px!important;place-items:center!important;width:54px!important;height:54px!important;font-size:24px!important;display:grid!important}.app .company-page-selector-eyebrow{color:#2781ea!important;letter-spacing:.9px!important;margin-bottom:3px!important;font-size:10px!important;font-weight:820!important;display:block!important}.app .company-page-selector-head h2{color:#172a43!important;margin:0 0 4px!important;font-size:22px!important;font-weight:760!important;line-height:1.2!important}.app.dark .company-page-selector-head h2{color:#f4f8ff!important}.app .company-page-selector-head p{color:#667c95!important;margin:0!important;font-size:12px!important;line-height:1.45!important}.app.dark .company-page-selector-head p{color:#a9bed3!important}.app .company-page-selector-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important;width:100%!important;display:grid!important}.app button.company-page-selector-card{appearance:none!important;color:#203a59!important;text-align:left!important;opacity:1!important;cursor:pointer!important;background:linear-gradient(145deg,#ffffffeb,#f6faffc2)!important;border:1px solid #467fc238!important;border-radius:16px!important;grid-template-columns:54px minmax(0,1fr) 32px!important;align-items:center!important;gap:14px!important;width:100%!important;min-width:0!important;min-height:100px!important;margin:0!important;padding:16px!important;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s!important;display:grid!important;position:relative!important;overflow:hidden!important;transform:none!important;box-shadow:0 7px 20px #30629a0e!important}.app.dark button.company-page-selector-card{color:#e7f0fa!important;background:linear-gradient(145deg,#22486fd1,#12304fc2)!important;border-color:#71a9e033!important;box-shadow:0 7px 20px #00000014!important}.app button.company-page-selector-card:hover{background:linear-gradient(145deg,#fffffffa,#edf6fff0)!important;border-color:#2685f58c!important;transform:translateY(-3px)!important;box-shadow:0 13px 30px #2685f524!important}.app.dark button.company-page-selector-card:hover{background:linear-gradient(145deg,#2a5684e6,#153a5ee0)!important}.app button.company-page-selector-card:active{transform:translateY(-1px)scale(.995)!important}.app .company-page-selector-copy{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;display:flex!important}.app .company-page-selector-copy span{color:#637c98!important;width:100%!important;font-size:10.5px!important;font-weight:560!important;line-height:1.3!important;display:block!important}.app .company-page-selector-copy small{color:#778da6!important;width:100%!important;margin:1px 0 0!important;font-size:10px!important;font-weight:520!important;line-height:1.3!important;display:block!important}.app button.company-page-selector-card:hover .company-page-selector-arrow{transform:translate(3px)!important}.app .selected-company-bar{background:#ffffffc7!important;border:1px solid #4b85c92e!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;gap:15px!important;width:100%!important;margin-bottom:14px!important;padding:12px 15px!important;display:flex!important}.app.dark .selected-company-bar{background:#ffffff0a!important;border-color:#70a9e129!important}.app .selected-company-bar>div{align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.app .selected-company-bar button{color:#2279df!important;min-height:36px!important;box-shadow:none!important;background:0 0!important;border:1px solid #2685f54d!important;border-radius:9px!important;flex:none!important;padding:8px 13px!important;font-size:10.5px!important;font-weight:700!important}.app .selected-company-bar button:hover{color:#fff!important;background:#2685f5!important}@media (width<=700px){.app .company-page-selector{padding:18px!important}.app .company-page-selector-grid{grid-template-columns:1fr!important}.app button.company-page-selector-card{min-height:92px!important}.app .selected-company-bar{flex-direction:column!important;align-items:flex-start!important}.app .selected-company-bar>div{flex-direction:column!important;align-items:flex-start!important;gap:3px!important}}.app .company-page-selector-card{box-sizing:border-box!important;color:#203a59!important;text-align:left!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:linear-gradient(145deg,#fffffff5,#f4f9ffdb)!important;border:1px solid #437ec43d!important;border-radius:17px!important;grid-template-columns:56px minmax(0,1fr) 34px!important;align-items:center!important;gap:15px!important;width:100%!important;min-width:0!important;min-height:104px!important;margin:0!important;padding:16px 17px!important;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 22px #2d5e9412!important}.app.dark .company-page-selector-card{color:#e8f1fb!important;background:linear-gradient(145deg,#1f446beb,#102d4ce0)!important;border-color:#72abe438!important;box-shadow:0 8px 22px #0000001c!important}.app .company-page-selector-card:hover,.app .company-page-selector-card:focus-visible{border-color:#2685f594!important;outline:none!important;transform:translateY(-3px)!important;box-shadow:0 14px 32px #2685f529!important}.app.dark .company-page-selector-card:hover,.app.dark .company-page-selector-card:focus-visible{background:linear-gradient(145deg,#295684f5,#153a5ff0)!important}.app .company-page-selector-card:active{transform:translateY(-1px)scale(.995)!important}.app .company-page-selector-avatar{color:#fff!important;background:linear-gradient(135deg,#2585f4,#5aaaff)!important;border-radius:15px!important;place-items:center!important;width:56px!important;height:56px!important;font-size:20px!important;font-weight:850!important;line-height:1!important;display:grid!important;box-shadow:0 9px 22px #2685f533!important}.app .company-page-selector-copy{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;display:flex!important}.app .company-page-selector-copy strong{color:#18304d!important;white-space:normal!important;overflow-wrap:anywhere!important;width:100%!important;font-size:14.5px!important;font-weight:760!important;line-height:1.25!important;display:block!important}.app.dark .company-page-selector-copy strong{color:#f4f8ff!important}.app .company-page-selector-copy span{color:#607994!important;font-size:10.5px!important;font-weight:600!important;line-height:1.3!important;display:block!important}.app.dark .company-page-selector-copy span{color:#acc0d5!important}.app .company-page-selector-copy small{color:#748ba5!important;margin-top:1px!important;font-size:10px!important;font-weight:520!important;line-height:1.3!important;display:block!important}.app.dark .company-page-selector-copy small{color:#98aec4!important}.app .company-page-selector-arrow{color:#2c86ef!important;background:#2685f51a!important;border:1px solid #2685f529!important;border-radius:10px!important;justify-self:end!important;place-items:center!important;width:34px!important;height:34px!important;font-size:18px!important;font-weight:820!important;line-height:1!important;transition:transform .18s!important;display:grid!important}.app .company-page-selector-card:hover .company-page-selector-arrow,.app .company-page-selector-card:focus-visible .company-page-selector-arrow{transform:translate(3px)!important}@media (width<=700px){.app .company-page-selector-card{grid-template-columns:50px minmax(0,1fr) 30px!important;gap:12px!important;min-height:94px!important;padding:14px!important}.app .company-page-selector-avatar{width:50px!important;height:50px!important}.app .company-page-selector-arrow{width:30px!important;height:30px!important}}@keyframes ptsCompanyChooserIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ptsCompanyCardIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.pts-company-card-v18:focus-visible{outline-offset:3px!important;outline:2px solid #3691f7e6!important}.app .content>*{animation-duration:.24s;animation-timing-function:ease}@keyframes ptsPageStageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ptsSelectedCompanyIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.app .pts-page-stage>*{animation:.24s both ptsPageStageIn}.app .pts-change-company-v19{color:#2c84ea!important;min-height:36px!important;box-shadow:none!important;cursor:pointer!important;background:#2685f512!important;border:1px solid #2685f53d!important;border-radius:9px!important;flex:none!important;padding:8px 13px!important;font-size:10.5px!important;font-weight:720!important;transition:color .16s,background .16s,transform .16s!important}.app .pts-change-company-v19:hover{color:#fff!important;background:#2685f5!important;transform:translateY(-1px)!important}.app .super-admin-hero,.app .super-admin-stat-grid,.app .super-admin-companies-panel{animation:.24s both ptsPageStageIn}.app .top-actions{align-items:center!important;gap:8px!important;display:flex!important}.app .pts-company-chooser-v18>div:first-child>div:first-child{color:#fff!important;background:linear-gradient(135deg,#2585f4,#5aaaff)!important;border:0!important;font-size:16px!important;font-weight:850!important}.app .pts-company-card-v18{position:relative!important}.app .pts-company-card-v18:after{content:""!important;pointer-events:none!important;border-radius:inherit!important;background:linear-gradient(120deg,#0000 20%,#ffffff0d 48%,#0000 72%)!important;transition:transform .45s!important;position:absolute!important;inset:0!important;transform:translate(-120%)!important}.app .pts-company-card-v18:hover:after{transform:translate(120%)!important}@media (width<=700px){.app .pts-selected-company-v19{flex-direction:column!important;align-items:flex-start!important}.app .pts-change-company-v19{width:100%!important}}.app input[type=checkbox],.login-page input[type=checkbox]{appearance:none!important;opacity:1!important;cursor:pointer!important;background:#ffffffc7!important;border:1.5px solid #4a709a99!important;border-radius:5px!important;flex:0 0 18px!important;place-content:center!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:0!important;padding:0!important;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s!important;display:inline-grid!important;position:relative!important;box-shadow:inset 0 1px #fff9!important}.app.dark input[type=checkbox],.login-page input[type=checkbox]{background:#0d2139db!important;border-color:#8babcd9e!important;box-shadow:inset 0 1px #ffffff09!important}.app input[type=checkbox]:checked,.login-page input[type=checkbox]:checked{background:linear-gradient(135deg,#2585f4,#4ca0fb)!important;border-color:#2585f4!important;box-shadow:0 4px 10px #2585f433,inset 0 1px #ffffff2e!important}.app input[type=checkbox]:checked:after,.login-page input[type=checkbox]:checked:after{content:""!important;box-sizing:border-box!important;border-bottom:2px solid #fff!important;border-left:2px solid #fff!important;width:8px!important;height:4px!important;display:block!important;transform:translateY(-1px)rotate(-45deg)!important}.app input[type=checkbox]:not(:disabled):hover,.login-page input[type=checkbox]:not(:disabled):hover{border-color:#2585f4!important;transform:scale(1.04)!important;box-shadow:0 0 0 3px #2585f417!important}.app input[type=checkbox]:disabled,.login-page input[type=checkbox]:disabled{cursor:not-allowed!important;opacity:.48!important;box-shadow:none!important;background:#76879a1f!important;border-color:#71849957!important}.app input[type=checkbox]:disabled:checked{background:#487cb594!important;border-color:#487cb594!important}.app .permission-grid label{align-items:center!important;gap:10px!important;display:flex!important}.app .permission-grid label input[type=checkbox]{align-self:center!important}.app .company-module-option input[type=checkbox]{opacity:0!important;pointer-events:none!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;position:absolute!important}.app .company-module-option .company-module-check{color:#fff!important;border:1px solid var(--border)!important;background:#5a759629!important;border-radius:8px!important;flex:0 0 28px!important;place-items:center!important;width:28px!important;height:28px!important;font-size:13px!important;font-weight:900!important;display:grid!important}.app .company-module-option.selected .company-module-check{background:linear-gradient(135deg,#2585f4,#4ca0fb)!important;border-color:#2585f4!important;box-shadow:0 6px 15px #2585f42e!important}.login-local-popup-overlay{animation:.18s both ptsLoginPopupOverlayIn!important}.login-local-popup{animation:.26s cubic-bezier(.16,1,.3,1) both ptsLoginPopupCardIn!important}@keyframes ptsLoginPopupOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes ptsLoginPopupCardIn{0%{opacity:0;transform:translateY(14px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.app:not(.dark) .app-dialog-overlay{-webkit-backdrop-filter:blur(13px)saturate(115%)!important;background:#1c2b3f66!important}.app.dark .app-dialog-overlay{-webkit-backdrop-filter:blur(14px)saturate(125%)!important;background:radial-gradient(circle at 50% 42%,#472e9629,#0000 34%),#040816b8!important}.app:not(.dark) .app-dialog-card{color:#172a43!important;border-color:color-mix(in srgb, var(--dialog-color,#2d83eb) 38%, #476d9733)!important;box-shadow:0 28px 78px #1d385842, 0 0 28px var(--dialog-glow,#2d83eb29), inset 0 1px 0 #fffffff5!important;background:#fff linear-gradient(145deg,#fffffffe,#f4f9fffe)!important}.app:not(.dark) .app-dialog-card .app-dialog-copy h3{color:#172a43!important}.app:not(.dark) .app-dialog-error .app-dialog-copy h3{color:#d93652!important}.app:not(.dark) .app-dialog-success .app-dialog-copy h3{color:#177b50!important}.app:not(.dark) .app-dialog-warning .app-dialog-copy h3{color:#9a6509!important}.app:not(.dark) .app-dialog-info .app-dialog-copy h3{color:#1f6fc6!important}.app:not(.dark) .app-dialog-message,.app:not(.dark) .app-dialog-copy p{color:#556d88!important}.app:not(.dark) .app-dialog-detail{color:#435b76!important;border-color:color-mix(in srgb, var(--dialog-color,#2d83eb) 28%, #476d971f)!important;background:#2685f50b!important}.app:not(.dark) .app-dialog-detail span{color:#435b76!important}.app:not(.dark) .app-dialog-list-item{color:#314a67!important;background:#2685f509!important;border-color:#4976a921!important}.app:not(.dark) .app-dialog-divider,.app:not(.dark) .app-dialog-bottom-divider{background:linear-gradient(90deg,#0000,#43658e33,#0000)!important}.app:not(.dark) .app-dialog-close{color:#71849a!important}.app:not(.dark) .app-dialog-close:hover{color:#23496f!important;background:#2049780e!important}.app.dark .app-dialog-card{color:#f7fbff!important;border-color:color-mix(in srgb, var(--dialog-color,#3b8cff) 62%, #ffffff21)!important;box-shadow:0 32px 92px #0000008f, 0 0 36px var(--dialog-glow,#3b8cff3d), inset 0 1px 0 #ffffff13!important;background:radial-gradient(circle at 50% -10%,#4c97f41a,#0000 38%),#0b1530 linear-gradient(145deg,#101b3bfc,#070c22fe)!important}.app.dark .app-dialog-card .app-dialog-copy h3{color:#f8fbff!important}.app.dark .app-dialog-error .app-dialog-copy h3{color:#ff8298!important}.app.dark .app-dialog-success .app-dialog-copy h3{color:#68e3aa!important}.app.dark .app-dialog-warning .app-dialog-copy h3{color:#ffd06d!important}.app.dark .app-dialog-info .app-dialog-copy h3{color:#7dbaff!important}.app.dark .app-dialog-message,.app.dark .app-dialog-copy p{color:#bacbdd!important}.app.dark .app-dialog-detail{color:#dde8f3!important;background:#ffffff0b!important}.app.dark .app-dialog-detail span{color:#dde8f3!important}.app.dark .app-dialog-list-item{color:#dfebf6!important;background:#ffffff0b!important}.app.dark .app-dialog-close{color:#9fb2c8!important}.app.dark .app-dialog-close:hover{color:#fff!important;background:#ffffff12!important}.app:not(.dark) .app-dialog-confirm{color:#fff!important}.app:not(.dark) .app-dialog-info .app-dialog-confirm{background:linear-gradient(135deg,#2685f5,#4b9bf3)!important;border-color:#2685f5!important;box-shadow:0 10px 24px #2685f533!important}.app:not(.dark) .app-dialog-success .app-dialog-confirm{background:linear-gradient(135deg,#27b978,#38cb88)!important;border-color:#27b978!important}.app:not(.dark) .app-dialog-error .app-dialog-confirm{background:linear-gradient(135deg,#f04460,#dc3151)!important;border-color:#f04460!important}.app:not(.dark) .app-dialog-warning .app-dialog-confirm{background:linear-gradient(135deg,#e5a11f,#c88712)!important;border-color:#e5a11f!important}.app:not(.dark) .app-dialog-cancel{color:#38536f!important;background:#f4f8fdf2!important;border-color:#4f769e33!important}.app:not(.dark) .app-dialog-card{background-color:#fff!important}.app.dark .app-dialog-card{background-color:#0b1530!important}.app .notification-badge{box-sizing:border-box!important;color:#fff!important;border:2px solid var(--surface,#fff)!important;z-index:5!important;background:#ef445f!important;border-radius:999px!important;place-items:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:9px!important;font-weight:800!important;line-height:1!important;display:grid!important;position:absolute!important;top:-5px!important;right:-5px!important}.app .top-actions .notification-button{visibility:visible!important;opacity:1!important;place-items:center!important;display:inline-grid!important}.app .sidebar-count-badge{color:#fff!important;box-sizing:border-box!important;background:#ef445f!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:20px!important;height:20px!important;margin-left:auto!important;padding:0 6px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.app .attendance-mode-badge{letter-spacing:.4px!important;border-radius:999px!important;align-items:center!important;min-height:24px!important;margin-bottom:7px!important;padding:4px 9px!important;font-size:9px!important;font-weight:800!important;display:inline-flex!important}.app .attendance-mode-badge.direct{color:#16764c!important;background:#28be7a1a!important;border:1px solid #28be7a33!important}.app.dark .attendance-mode-badge.direct{color:#71e5ad!important}.app .attendance-mode-badge.approval{color:#93620a!important;background:#eaaa2f1a!important;border:1px solid #eaaa2f33!important}.app.dark .attendance-mode-badge.approval{color:#ffd076!important}.app .notification-button{position:relative!important;overflow:visible!important}.app .notification-badge{color:#fff!important;border:2px solid var(--surface,#fff)!important;background:#ef445f!important;border-radius:999px!important;place-items:center!important;min-width:19px!important;height:19px!important;padding:0 5px!important;font-size:9px!important;font-weight:850!important;line-height:1!important;display:grid!important;top:-6px!important;right:-6px!important;box-shadow:0 5px 13px #ef445f47!important}.app.dark .notification-badge{border-color:#0b1830!important}.app .permissions-quick-actions{justify-content:flex-end!important;align-items:center!important;gap:8px!important;display:flex!important}.app .permission-action-btn{min-height:34px!important;box-shadow:none!important;cursor:pointer!important;border-radius:9px!important;padding:7px 12px!important;font-size:10.5px!important;font-weight:730!important;transition:transform .15s,background .15s,color .15s,border-color .15s!important}.app .permission-action-select{color:#fff!important;background:linear-gradient(135deg,#2685f5,#4b9bf3)!important;border:1px solid #2685f5!important}.app .permission-action-clear{color:#38536f!important;background:#ffffffb8!important;border:1px solid #4b76a433!important}.app.dark .permission-action-clear{color:#d7e5f3!important;background:#ffffff0b!important;border-color:#7dabda2e!important}.app .permission-action-btn:hover{transform:translateY(-1px)!important}.app .permission-grid label{cursor:pointer!important;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s!important;position:relative!important}.app .permission-grid label:not(.permission-locked):hover{border-color:#2685f56b!important;transform:translateY(-1px)!important}.app .permission-grid label.permission-selected{background:#2685f511!important;border-color:#2685f561!important;box-shadow:inset 3px 0 #2685f5!important}.app.dark .permission-grid label.permission-selected{background:#2685f518!important}.app .permission-grid label.permission-locked{cursor:not-allowed!important;opacity:.46!important;background:#76879a0e!important}.app .permission-grid label.permission-locked small{color:#8a98a8!important;margin-left:auto!important;font-size:8.5px!important;font-weight:600!important}.app .attendance-user-card .status-badge,.app .attendance-user-header .status-badge{transition:background .18s,color .18s,border-color .18s,transform .18s!important}html body .app .main{overflow:visible!important}html body .app .topbar{z-index:500!important;position:sticky!important;top:0!important}html body .login-page.flip-login-page .flip-input input{color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;text-shadow:none!important;background:0 0!important}html body .login-page.flip-login-page .flip-input input::placeholder{color:#ffffffbd!important;-webkit-text-fill-color:#ffffffbd!important;opacity:1!important}html body .login-page.flip-login-page .flip-input input:-webkit-autofill{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;box-shadow:inset 0 0 0 1000px #42198af5!important}html body .login-page.flip-login-page .flip-input input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;box-shadow:inset 0 0 0 1000px #42198af5!important}html body .login-page.flip-login-page .flip-input input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;box-shadow:inset 0 0 0 1000px #42198af5!important}html body .login-page.flip-login-page .modal input:not([type=checkbox]),html body .login-page.flip-login-page .modal textarea,html body .login-page.flip-login-page .modal select{color:#17324f!important;-webkit-text-fill-color:#17324f!important;caret-color:#2685f5!important;text-shadow:none!important;opacity:1!important}html body .login-page.flip-login-page .modal input::placeholder,html body .login-page.flip-login-page .modal textarea::placeholder{color:#9aafc7!important;-webkit-text-fill-color:#9aafc7!important;opacity:1!important}html body .login-page.flip-login-page .modal select option{color:#17324f!important;background:#fff!important}:-webkit-any(html body .login-page.flip-login-page .modal input:-webkit-autofill,html body .login-page.flip-login-page .modal textarea:-webkit-autofill){-webkit-text-fill-color:#17324f!important;box-shadow:inset 0 0 0 1000px #fff!important}:is(html body .login-page.flip-login-page .modal input:autofill,html body .login-page.flip-login-page .modal textarea:autofill){-webkit-text-fill-color:#17324f!important;box-shadow:inset 0 0 0 1000px #fff!important}.app .field input:disabled,.app .field select:disabled,.app .field textarea:disabled{opacity:.72!important;cursor:not-allowed!important}.app .status-approved,.app .badge-approved{color:#fff!important;background:#22c55e!important;border-color:#16a34a!important;font-weight:700!important}.app .permission-grid label,.app .company-module-option{min-width:0!important}.employee-search-qid-only{grid-template-columns:minmax(280px,520px)!important;justify-content:center!important}.employee-search-qid-only .field{width:100%!important}.employee-search-qid-only input{text-align:center!important;letter-spacing:.18em!important;font-weight:650!important}@media (width<=620px){.employee-search-qid-only{grid-template-columns:1fr!important}}.auth-loading-screen{align-content:center;place-items:center;gap:12px;min-height:100vh;display:grid}.auth-loading-spinner{border:3px solid #4887dc33;border-top-color:#4387e0;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite auth-spin}.auth-loading-screen p{opacity:.72;margin:0;font-size:12px}@keyframes auth-spin{to{transform:rotate(360deg)}}html{scroll-behavior:auto!important}.app{background-attachment:scroll!important}.app .sidebar,.app .topbar,.app .panel,.app .stat-card,.app .report-card,.app .welcome-strip,.app .payroll-hero,.app .dashboard-alert,.app .request-card,.app .date-glass,.app .icon-button,.app .table-wrap{-webkit-backdrop-filter:none!important}.app .panel,.app .report-card,.app .request-card,.app .table-wrap{contain:paint}.app .content,.app .notification-badge{animation:none!important}.company-pro-form{flex-direction:column;gap:16px;display:flex}.company-pro-section{background:#ffffffb8;border:1px solid #94a3b838;border-radius:15px;padding:17px;box-shadow:0 5px 16px #0f172a09}.app.dark .company-pro-section{background:#0f172a8f;border-color:#94a3b824}.company-pro-section-head{border-bottom:1px solid #94a3b829;align-items:center;gap:11px;margin-bottom:15px;padding-bottom:12px;display:flex}.company-pro-section-icon{color:#2563eb;background:#2563eb17;border:1px solid #2563eb1f;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.company-pro-section-head h3{color:var(--text);margin:0;font-size:13px;font-weight:700}.company-pro-section-head p{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.45}.company-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px 15px!important;display:grid!important}.company-pro-grid .field,.company-pro-grid .select-field{min-width:0}.company-pro-grid input,.company-pro-grid select{border-radius:9px;min-height:42px}.company-admin-role-banner{background:#2563eb0e;border:1px solid #2563eb26;border-radius:11px;grid-template-columns:145px 1fr;align-items:center;gap:15px;margin-top:14px;padding:13px 14px;display:grid}.company-admin-role-value{flex-direction:column;gap:3px;display:flex}.company-admin-role-value span{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;font-size:8px;font-weight:700}.company-admin-role-value strong{color:#2563eb;font-size:13px}.company-admin-role-banner p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.company-pro-permission-toolbar{margin:0 0 12px!important;padding:0!important}.company-pro-permission-toolbar>div:first-child{flex-direction:column;gap:3px;display:flex}.company-pro-permission-toolbar strong{color:var(--text);font-size:10px}.company-pro-permission-toolbar span{color:var(--muted);font-size:8px}.company-pro-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;display:grid!important}.company-pro-permission-card{cursor:pointer;align-items:center;gap:10px;min-height:56px;background:#ffffff94!important;border:1px solid #94a3b833!important;border-radius:10px!important;padding:10px 12px!important;transition:border-color .15s,background .15s!important;display:flex!important}.app.dark .company-pro-permission-card{background:#0f172a57!important}.company-pro-permission-card.permission-selected{background:#2563eb12!important;border-color:#2563eb66!important}.company-pro-permission-card.permission-required{cursor:default}.company-pro-permission-card input[type=checkbox]{flex:0 0 18px;margin:0;width:18px!important;height:18px!important;min-height:18px!important}.company-pro-permission-card>div{flex-direction:column;gap:2px;min-width:0;display:flex}.company-pro-permission-card strong{color:var(--text);font-size:10px;font-weight:650}.company-pro-permission-card small{color:var(--muted);font-size:8px}.company-pro-footer{border-top:1px solid #94a3b829;padding-top:13px}.company-pro-footer-note{color:var(--muted);margin-bottom:9px;font-size:8px}@media (width<=760px){.company-pro-grid,.company-pro-permission-grid,.company-admin-role-banner{grid-template-columns:1fr!important}.company-pro-section{padding:14px}}.app-dialog-overlay,.app-dialog-card,.login-popup-overlay,.login-popup-card{transition:none!important;animation:none!important}.app button,.app input,.app select,.app textarea{transition-duration:.1s!important}.row-actions .danger-link{color:#dc2626!important}.app.dark .row-actions .danger-link{color:#f87171!important}.status-approved,.status-resolved{color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.status-approved *,.status-resolved *{color:#fff!important}.flip-input.has-value .flip-field-icon{display:none!important}.flip-input.has-value input{padding-left:16px!important}.sidebar-notification-button{width:100%;min-height:44px;color:var(--sidebar-text);text-align:left;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;margin:0 0 8px;padding:0 14px;display:flex;position:relative}.sidebar-notification-icon{text-align:center;width:22px}.sidebar-notification-label{flex:1;font-size:12px;font-weight:650}.sidebar-notification-count{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:9px;font-weight:800;display:grid}.theme-corporate:not(.dark) .sidebar-notification-button{color:#334155;background:#2563eb0e;border-color:#2563eb1f}.topbar-company-link{color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:7px;margin:4px 0 0;padding:0;font-size:11px;display:inline-flex}.topbar-company-link span{color:#4388f6;font-size:9px;font-weight:700}.company-account-details{flex-direction:column;gap:17px;display:flex}.company-account-summary{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;align-items:center;gap:13px;padding:14px;display:flex}.company-account-avatar{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-radius:12px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid}.company-account-summary span,.company-account-modules>span{color:var(--muted);letter-spacing:.7px;font-size:8px;font-weight:800}.company-account-summary h3{color:var(--text);margin:3px 0;font-size:16px}.company-account-summary p{color:var(--muted);margin:0;font-size:10px}.company-account-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.company-account-module{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface-soft);border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:10px;display:flex}.company-account-module b{color:#22c55e}.complaint-location-row{grid-template-columns:1fr auto;gap:8px;display:grid}.complaint-location-btn{white-space:nowrap;min-width:116px}@media (width<=760px){.company-account-module-grid,.complaint-location-row{grid-template-columns:1fr}.complaint-location-btn{width:100%}}.sidebar-user-account-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:12px}.sidebar-user-account-button:hover{background:#ffffff17}.sidebar-user-copy{flex:1;min-width:0}.sidebar-user-open{opacity:.65;margin-left:auto;font-size:18px}.sidebar-count-badge{background:#ef4444;border-radius:999px;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 6px;font-size:9px;font-weight:800;display:inline-grid;color:#fff!important}.account-access-popup{flex-direction:column;gap:17px;display:flex}.account-access-head{border:1px solid var(--border);background:var(--surface-soft);border-radius:13px;align-items:center;gap:13px;padding:14px;display:flex}.account-access-avatar{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:800;display:grid}.account-access-head span,.account-module-heading span{color:var(--muted);letter-spacing:.7px;font-size:8px;font-weight:800}.account-access-head h3{color:var(--text);margin:3px 0;font-size:16px}.account-access-head p{color:var(--muted);margin:0;font-size:10px}.account-password-note{background:#3b82f60f;border:1px solid #3b82f626;border-radius:10px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.account-password-note strong{color:var(--text);font-size:10px}.account-password-note span{color:var(--muted);font-size:9px;line-height:1.5}.account-module-heading{margin-bottom:9px}.account-module-heading>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-module-heading strong{color:#4388f6;font-size:10px}.account-module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.account-module-card{border:1px solid var(--border);min-height:42px;color:var(--text);background:var(--surface-soft);border-radius:9px;align-items:center;gap:8px;padding:0 11px;font-size:10px;display:flex}.account-module-card b{color:#22c55e}@media (width<=760px){.account-module-grid{grid-template-columns:1fr}}.account-employee-usage{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;padding:12px 13px}.account-employee-usage-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.account-employee-usage-head strong{color:var(--text);font-size:10px}.account-employee-usage-head span{color:#4388f6;font-size:10px;font-weight:800}.account-employee-usage-track{background:#94a3b82e;border-radius:999px;height:7px;overflow:hidden}.account-employee-usage-track>span{border-radius:inherit;background:linear-gradient(90deg,#4388f6,#1764de);height:100%;display:block}.account-employee-usage small{color:var(--muted);margin-top:7px;font-size:8px;display:block}.topbar-title-spacer,.topbar-company-link{display:none!important}.account-v45{flex-direction:column!important;gap:14px!important;display:flex!important}.account-v45-profile{border:1px solid var(--border)!important;background:var(--surface-soft)!important;border-radius:13px!important;align-items:center!important;gap:13px!important;padding:14px!important;display:flex!important}.account-v45-avatar{color:#fff!important;background:linear-gradient(135deg,#4388f6,#1764de)!important;border-radius:12px!important;flex:0 0 46px!important;place-items:center!important;width:46px!important;height:46px!important;font-size:18px!important;font-weight:800!important;display:grid!important}.account-v45-profile-copy{flex:1!important;min-width:0!important}.account-v45-profile-copy span{color:var(--muted)!important;letter-spacing:.6px!important;font-size:8px!important;font-weight:800!important}.account-v45-profile-copy h3{color:var(--text)!important;margin:3px 0!important;font-size:16px!important}.account-v45-profile-copy p{color:var(--muted)!important;margin:0!important;font-size:10px!important}.account-v45-status{color:#fff!important;border-radius:999px!important;padding:6px 10px!important;font-size:9px!important;font-weight:800!important}.account-v45-status.active{background:#22c55e!important}.account-v45-status.inactive{background:#ef4444!important}.account-v45-section{border:1px solid var(--border)!important;background:var(--surface-soft)!important;border-radius:12px!important;padding:14px!important}.account-v45-section-title{color:var(--text)!important;margin-bottom:10px!important;font-size:11px!important;font-weight:800!important}.account-v45-section-head{justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:10px!important;display:flex!important}.account-v45-section-head .account-v45-section-title{margin-bottom:0!important}.account-v45-module-count{color:#4388f6!important;font-size:9px!important;font-weight:800!important}.account-v45-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;display:grid!important}.account-v45-info-card,.account-v45-capacity-card{border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:9px!important;min-width:0!important;padding:11px!important}.account-v45-info-card span,.account-v45-capacity-card span{color:var(--muted)!important;margin-bottom:5px!important;font-size:8px!important;display:block!important}.account-v45-info-card strong,.account-v45-capacity-card strong{color:var(--text)!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;font-weight:750!important;display:block!important;overflow:hidden!important}.account-v45-password-note{color:var(--muted)!important;margin-top:8px!important;font-size:8px!important}.account-v45-capacity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;display:grid!important}.account-v45-capacity-card strong{color:#4388f6!important;font-size:16px!important}.account-v45-progress{margin-top:10px!important}.account-v45-progress-line{background:#94a3b82e!important;border-radius:999px!important;height:7px!important;overflow:hidden!important}.account-v45-progress-line span{border-radius:inherit!important;background:linear-gradient(90deg,#4388f6,#1764de)!important;height:100%!important;display:block!important}.account-v45-progress small{color:var(--muted)!important;margin-top:6px!important;font-size:8px!important;display:block!important}.account-v45-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.account-v45-module-card{border:1px solid var(--border)!important;min-height:38px!important;color:var(--text)!important;background:var(--surface)!important;border-radius:9px!important;align-items:center!important;gap:8px!important;padding:0 10px!important;font-size:9px!important;display:flex!important}.account-v45-module-card b{color:#22c55e!important}@media (width<=760px){.account-v45-info-grid,.account-v45-capacity-grid,.account-v45-module-grid{grid-template-columns:1fr!important}}.account-backdrop-v47{-webkit-backdrop-filter:blur(7px)saturate(.94)!important;background:#0f172a57!important;animation:.18s ease-out both accountBackdropV47!important}.account-modal-v47{will-change:transform, opacity;transform-origin:50%!important;animation:.22s cubic-bezier(.22,1,.36,1) both accountModalV47!important}.account-modal-v47,.account-modal-v47 .modal-header,.account-modal-v47 .modal-body,.account-modal-v47 .account-v45,.account-modal-v47 .account-v45-section,.account-modal-v47 .account-v45-profile{filter:none!important;-webkit-backdrop-filter:none!important}@keyframes accountBackdropV47{0%{opacity:0;-webkit-backdrop-filter:blur();background:#0f172a00}to{opacity:1;-webkit-backdrop-filter:blur(7px)saturate(.94);background:#0f172a57}}@keyframes accountModalV47{0%{opacity:0;transform:translateY(8px)scale(.982)}to{opacity:1;transform:translateY(0)scale(1)}}.account-modal-v47 .modal-close{transition:transform .12s,background .12s!important}.account-modal-v47 .modal-close:hover{transform:scale(1.05)}.account-modal-v47 .modal-close:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.account-backdrop-v47,.account-modal-v47{animation:none!important}}.app>.account-backdrop-v47{z-index:2147483640!important;position:fixed!important;inset:0!important}.app>.account-backdrop-v47>.account-modal-v47{z-index:1!important;max-height:calc(100dvh - 36px)!important;position:relative!important}.sidebar-user-account-button,.sidebar-user{display:none!important}.topbar-profile-wrap{margin-left:4px;position:relative}.topbar-profile-button{border:1px solid var(--border);background:var(--surface);min-width:170px;height:46px;color:var(--text);cursor:pointer;border-radius:13px;align-items:center;gap:10px;padding:5px 10px;display:flex}.topbar-profile-avatar{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.topbar-profile-copy{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.topbar-profile-copy strong{max-width:110px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.topbar-profile-copy span{max-width:110px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.topbar-profile-chevron{color:var(--muted);font-size:10px}.topbar-profile-menu{z-index:1000;border:1px solid var(--border);background:var(--surface);border-radius:11px;min-width:180px;padding:7px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 12px 30px #0f172a1f}.topbar-profile-menu button{width:100%;min-height:36px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;font-size:9px}.topbar-profile-menu button:hover{background:var(--surface-soft)}.magnifier-widget{z-index:2147483000;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:fixed;bottom:22px;right:22px}.magnifier-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4388f6,#1764de);border:0;border-radius:50%;place-items:center;width:52px;height:52px;font-size:20px;transition:transform .14s;display:grid;box-shadow:0 12px 28px #2563eb47}.magnifier-fab:hover{transform:translateY(-2px)scale(1.03)}.magnifier-fab:active{transform:scale(.95)}.magnifier-panel{color:#fff;background:#0f2744;border:1px solid #ffffff1a;border-radius:13px;width:190px;padding:13px;animation:.16s ease-out both magnifierPanelIn;box-shadow:0 14px 34px #0f172a3d}.magnifier-panel>strong{margin-bottom:10px;font-size:11px;display:block}.magnifier-controls{grid-template-columns:38px 1fr 38px;align-items:center;gap:7px;display:grid}.magnifier-controls button,.magnifier-reset{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:8px;min-height:36px;font-size:15px}.magnifier-controls span{background:#ffffff12;border-radius:8px;place-items:center;min-height:36px;font-size:11px;font-weight:800;display:grid}.magnifier-reset{width:100%;margin-top:8px;font-size:10px}@keyframes magnifierPanelIn{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.topbar-profile-button{width:44px;min-width:44px;padding:5px}.topbar-profile-copy,.topbar-profile-chevron{display:none}.magnifier-widget{bottom:14px;right:14px}}.topbar-profile-wrap{position:relative!important}.topbar-profile-hover-card{z-index:2200;border:1px solid var(--border);background:var(--surface);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;border-radius:12px;width:250px;padding:12px;transition:opacity .13s,transform .13s,visibility .13s;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(-4px)scale(.985);box-shadow:0 14px 34px #0f172a29}.topbar-hover-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:10px;display:flex}.topbar-hover-avatar{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.topbar-hover-head>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-hover-head strong{color:var(--text);font-size:10px}.topbar-hover-head span{color:var(--muted);font-size:8px}.topbar-hover-details{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.topbar-hover-details>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-width:0;padding:8px}.topbar-hover-details span{color:var(--muted);margin-bottom:3px;font-size:7px;display:block}.topbar-hover-details strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.topbar-hover-active{color:#16a34a!important}.topbar-hover-hint{color:#4388f6;text-align:center;margin-top:9px;font-size:8px;font-weight:700}.topbar-profile-menu{display:none!important}@media (width<=760px){.topbar-profile-hover-card{display:none!important}}.magnifier-panel{display:none!important}.magnifier-widget{pointer-events:none;z-index:2147483000!important;flex-direction:column!important;align-items:flex-end!important;gap:7px!important;display:flex!important;position:fixed!important;bottom:22px!important;right:22px!important}.magnifier-fab{pointer-events:auto!important}.magnifier-fab.magnifier-active{transform:scale(1.04);box-shadow:0 0 0 5px #3b82f629,0 12px 28px #2563eb52!important}.magnifier-active-hint{color:#fff;pointer-events:none;background:#0f2744;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;animation:.14s ease-out both magnifierHintIn;box-shadow:0 6px 16px #0f172a29}.cursor-magnifier-lens{z-index:2147483600;color:#0f172a;pointer-events:none;background:#fffffff7;border:1px solid #3b82f647;border-radius:14px;width:280px;min-height:88px;max-height:132px;padding:11px 13px;animation:.1s ease-out both cursorLensIn;position:fixed;overflow:hidden;box-shadow:0 16px 40px #0f172a3d,0 0 0 3px #3b82f614}.app.dark .cursor-magnifier-lens{color:#f8fafc;background:#0f2744f7;border-color:#60a5fa52}.cursor-magnifier-label{color:#4388f6;letter-spacing:.45px;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800}.cursor-magnifier-text{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:20px;font-weight:750;line-height:1.28;display:-webkit-box;overflow:hidden}@keyframes cursorLensIn{0%{opacity:0;transform:translateY(3px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes magnifierHintIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.cursor-magnifier-lens,.magnifier-active-hint{display:none!important}}.topbar-profile-wrap:hover .topbar-profile-hover-card{opacity:0!important;visibility:hidden!important;transform:translateY(-4px)scale(.985)!important}.topbar-profile-button:hover+.topbar-profile-hover-card{opacity:1!important;visibility:visible!important;transform:translateY(0)scale(1)!important}.topbar-profile-hover-card{pointer-events:none!important}.cursor-magnifier-lens{display:none!important}.true-magnifier-lens{background:var(--surface)!important;pointer-events:none!important;z-index:2147483600!important;border:4px solid #fff!important;border-radius:50%!important;width:190px!important;height:190px!important;animation:.1s ease-out both trueMagnifierIn!important;position:fixed!important;overflow:hidden!important;transform:translate(-50%,-50%)translate(115px,115px)!important;box-shadow:0 0 0 2px #3b82f6a6,0 16px 42px #0f172a57!important}.true-magnifier-content{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;overflow:visible!important}.true-magnifier-content>.app{filter:none!important;max-width:none!important;position:absolute!important;overflow:visible!important}.true-magnifier-content *{caret-color:#0000!important;transition:none!important;animation:none!important}.true-magnifier-crosshair{pointer-events:none;border:2px solid #3b82f6bf;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.true-magnifier-crosshair:before,.true-magnifier-crosshair:after{content:"";background:#3b82f673;position:absolute}.true-magnifier-crosshair:before{width:1px;height:18px;top:-7px;left:50%}.true-magnifier-crosshair:after{width:18px;height:1px;top:50%;left:-7px}@keyframes trueMagnifierIn{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@media (width<=760px){.true-magnifier-lens{width:150px!important;height:150px!important;transform:translate(-50%,-50%)translate(82px,82px)!important}}.true-magnifier-lens,.true-magnifier-content{display:none!important}.element-magnifier-lens{z-index:2147483600!important;background:var(--surface)!important;pointer-events:none!important;border:4px solid #fff!important;border-radius:50%!important;width:190px!important;height:190px!important;animation:.1s ease-out both elementMagnifierIn!important;position:fixed!important;overflow:hidden!important;box-shadow:0 0 0 2px #3b82f6a6,0 16px 42px #0f172a4d!important}.element-magnifier-content{pointer-events:none!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:18px!important;display:flex!important;overflow:hidden!important}.element-magnifier-content>*{transform-origin:50%!important;pointer-events:none!important;max-width:145px!important;max-height:145px!important;margin:0!important;transform:scale(1.42)!important}.element-magnifier-content button,.element-magnifier-content a{cursor:default!important}.element-magnifier-content img{object-fit:contain!important;max-width:120px!important;max-height:120px!important}.element-magnifier-content *{transition:none!important;animation:none!important}@keyframes elementMagnifierIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cursor-magnifier-text{line-clamp:3}@media (width<=760px){.element-magnifier-lens{display:none!important}}.element-magnifier-lens,.true-magnifier-lens,.cursor-magnifier-lens{display:none!important}.exact-magnifier-lens{z-index:2147483600!important;pointer-events:none!important;background:#0f2744!important;border:4px solid #fff!important;border-radius:50%!important;width:190px!important;height:190px!important;animation:.1s ease-out both exactMagnifierIn!important;position:fixed!important;overflow:hidden!important;box-shadow:0 0 0 2px #3b82f6a6,0 16px 42px #0f172a4d!important}.exact-magnifier-host{pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important;overflow:visible!important}.exact-magnifier-host>.app{pointer-events:none!important;filter:none!important;max-width:none!important;position:absolute!important;overflow:visible!important}.exact-magnifier-host *{pointer-events:none!important;caret-color:#0000!important;transition:none!important;animation:none!important}@keyframes exactMagnifierIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.exact-magnifier-lens{width:150px!important;height:150px!important}}.lens-target-v55{transform:none!important}.app.dark .topbar-profile-hover-card{background:#fff!important;border-color:#0f172a1f!important;box-shadow:0 16px 38px #00000047!important}.app.dark .topbar-profile-hover-card,.app.dark .topbar-profile-hover-card strong,.app.dark .topbar-profile-hover-card .topbar-hover-head strong,.app.dark .topbar-profile-hover-card .topbar-hover-details strong{color:#0f172a!important}.app.dark .topbar-profile-hover-card span,.app.dark .topbar-profile-hover-card .topbar-hover-head span,.app.dark .topbar-profile-hover-card .topbar-hover-details span{color:#64748b!important}.app.dark .topbar-profile-hover-card .topbar-hover-details>div{background:#f8fafc!important;border-color:#e2e8f0!important}.app:not(.dark) .topbar-profile-hover-card{background:#0f2744!important;border-color:#ffffff1a!important;box-shadow:0 16px 38px #0f172a38!important}.app:not(.dark) .topbar-profile-hover-card,.app:not(.dark) .topbar-profile-hover-card strong,.app:not(.dark) .topbar-profile-hover-card .topbar-hover-head strong,.app:not(.dark) .topbar-profile-hover-card .topbar-hover-details strong{color:#f8fafc!important}.app:not(.dark) .topbar-profile-hover-card span,.app:not(.dark) .topbar-profile-hover-card .topbar-hover-head span,.app:not(.dark) .topbar-profile-hover-card .topbar-hover-details span{color:#cbd5e1!important}.app:not(.dark) .topbar-profile-hover-card .topbar-hover-details>div{background:#ffffff0f!important;border-color:#ffffff17!important}.app:not(.dark) .topbar-hover-active{color:#4ade80!important}.app.dark .topbar-hover-active{color:#16a34a!important}.magnifier-widget,.magnifier-fab,.magnifier-panel,.magnifier-active-hint,.cursor-magnifier-lens,.true-magnifier-lens,.element-magnifier-lens,.exact-magnifier-lens{display:none!important}.profile-photo-avatar,.account-photo-avatar{overflow:hidden!important}.profile-photo-avatar img,.account-photo-avatar img{object-fit:cover!important;border-radius:inherit!important;width:100%!important;height:100%!important;display:block!important}.settings-profile-photo-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px;display:grid}.settings-profile-photo-copy h2{color:var(--text);margin:3px 0 5px;font-size:15px}.settings-profile-photo-copy p{max-width:560px;color:var(--muted);margin:0;font-size:9px;line-height:1.55}.settings-profile-photo-preview{color:#fff;background:linear-gradient(135deg,#4388f6,#1764de);border:3px solid #3b82f62e;border-radius:50%;place-items:center;width:82px;height:82px;font-size:26px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 8px 20px #2563eb24}.settings-profile-photo-preview img{object-fit:cover;width:100%;height:100%}.settings-profile-photo-actions{flex-direction:column;gap:8px;display:flex}.upload-profile-photo{color:#fff;cursor:pointer;background:#2563eb;border-radius:9px;justify-content:center;align-items:center;min-width:120px;min-height:38px;padding:0 12px;font-size:9px;font-weight:750;display:inline-flex}.upload-profile-photo input{display:none}@media (width<=760px){.settings-profile-photo-card{grid-template-columns:1fr}.settings-profile-photo-actions,.upload-profile-photo{width:100%}}.profile-crop-layout{flex-direction:column;align-items:center;gap:18px;display:flex}.profile-crop-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0000;background-image:linear-gradient(45deg,#94a3b81f 25%,#0000 25%),linear-gradient(-45deg,#94a3b81f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81f 75%),linear-gradient(-45deg,#0000 75%,#94a3b81f 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:16px;flex:none;position:relative;overflow:hidden}.profile-crop-stage.dragging{cursor:grabbing}.profile-crop-stage>img{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;object-fit:initial!important;max-width:none!important;max-height:none!important}.profile-crop-circle{pointer-events:none;border:3px solid #fff;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #0f172a7a,inset 0 0 0 2px #3b82f6a6}.profile-crop-controls{width:min(100%,420px)}.profile-crop-controls label{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.profile-crop-controls label span,.profile-crop-controls label strong{color:var(--text);font-size:9px}.profile-crop-controls input[type=range]{width:100%}.profile-crop-controls p{color:var(--muted);text-align:center;margin:8px 0 0;font-size:8px}.profile-crop-actions{justify-content:flex-end;gap:9px;width:100%;display:flex}.app-dialog-overlay,.login-popup-overlay{justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.app-dialog-card,.login-popup-card{margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.sidebar nav button{gap:11px!important}.nav-icon{color:#60a5fa!important;border-radius:7px!important;flex:0 0 23px!important;place-items:center!important;width:23px!important;height:23px!important;font-size:15px!important;font-weight:750!important;line-height:1!important;transition:background .14s,color .14s,transform .14s!important;display:inline-grid!important}.sidebar nav button:hover .nav-icon{transform:translate(1px);background:#3b82f61a!important}.sidebar nav button.nav-active .nav-icon{color:#fff!important;background:#ffffff24!important}.theme-corporate:not(.dark) .nav-icon{color:#2563eb!important}.theme-corporate:not(.dark) .sidebar nav button.nav-active .nav-icon{color:#fff!important;background:#fff3!important}.topbar{position:relative!important}.topbar-search-wrap{flex:0 360px;width:min(360px,34vw);margin:0 18px;position:relative}.topbar-search-box{border:1px solid var(--border);background:var(--surface-soft);border-radius:11px;align-items:center;gap:9px;width:100%;height:42px;padding:0 11px;display:flex;box-shadow:inset 0 1px #ffffff06}.topbar-search-box:focus-within{border-color:#3b82f67a;box-shadow:0 0 0 3px #3b82f614,inset 0 1px #ffffff06}.topbar-search-icon{color:var(--muted);font-size:18px;line-height:1}.topbar-search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:10px}.topbar-search-box input::placeholder{color:var(--muted);opacity:.78}.topbar-search-clear{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;font-size:14px;display:grid}.topbar-search-clear:hover{color:var(--text);background:var(--surface)}.topbar-search-results{z-index:2300;border:1px solid var(--border);background:var(--surface);border-radius:12px;max-height:340px;padding:7px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 38px #0f172a33}.topbar-search-result{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.topbar-search-result:hover{background:var(--surface-soft)}.topbar-search-result-type{color:#4388f6;font-size:8px;font-weight:800}.topbar-search-result>div{min-width:0}.topbar-search-result strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.topbar-search-result div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;display:block;overflow:hidden}.topbar-search-empty{color:var(--muted);text-align:center;padding:14px 10px;font-size:9px}@media (width<=1050px){.topbar-search-wrap{flex-basis:300px;width:min(300px,30vw);margin:0 10px}}@media (width<=820px){.topbar-search-wrap{display:none}}.app.dark .topbar-search-box{background:#fff!important;border-color:#dbe4f0!important;box-shadow:0 8px 20px #0000001f!important}.app.dark .topbar-search-box input::placeholder{color:#64748b!important}.app.dark .topbar-search-results{background:#fff!important;border-color:#dbe4f0!important;box-shadow:0 18px 38px #0000003d!important}.app.dark .topbar-search-result{color:#0f172a!important}.app.dark .topbar-search-result div span,.app.dark .topbar-search-empty{color:#64748b!important}.app:not(.dark) .topbar-search-box{background:#0f2744!important;border-color:#ffffff1a!important;box-shadow:0 8px 20px #0f172a1f!important}.app:not(.dark) .topbar-search-box input::placeholder,.app:not(.dark) .topbar-search-icon,.app:not(.dark) .topbar-search-clear{color:#cbd5e1!important}.app:not(.dark) .topbar-search-results{background:#0f2744!important;border-color:#ffffff1a!important;box-shadow:0 18px 38px #0f172a3d!important}.app:not(.dark) .topbar-search-result{color:#f8fafc!important}.app:not(.dark) .topbar-search-result div span,.app:not(.dark) .topbar-search-empty{color:#cbd5e1!important}.topbar-search-wrap{flex:0 340px!important;width:min(340px,32vw)!important;margin:0 14px!important}.topbar-search-box{height:40px!important;box-shadow:none!important;border-radius:10px!important;gap:8px!important;padding:0 12px!important}.topbar-search-icon{flex:0 0 18px!important;place-items:center!important;width:18px!important;font-size:15px!important;display:grid!important}.topbar-search-box input{width:100%!important;min-width:0!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important;font-size:10px!important}.topbar-search-clear{flex:0 0 22px!important;width:22px!important;height:22px!important;font-size:13px!important}.topbar-search-results{border-radius:10px!important;max-height:280px!important;padding:5px!important;top:calc(100% + 6px)!important}.topbar-search-result{border-radius:8px!important;grid-template-columns:66px minmax(0,1fr)!important;gap:8px!important;min-height:44px!important;padding:7px 9px!important}.topbar-search-result-type{letter-spacing:.15px!important;font-size:7px!important;font-weight:800!important}.topbar-search-result strong{font-size:9px!important;line-height:1.25!important}.topbar-search-result div span{margin-top:2px!important;font-size:7px!important;line-height:1.25!important}.app.dark .topbar-search-box{background:#ffffff0e!important;border:1px solid #94a3b840!important}.app.dark .topbar-search-results{background:#fff!important;border:1px solid #dbe4f0!important;box-shadow:0 14px 34px #0000003d!important}.app.dark .topbar-search-result{color:#0f172a!important;background:0 0!important}.app.dark .topbar-search-result:hover{background:#f1f5f9!important}.app.dark .topbar-search-result strong{color:#0f172a!important}.app.dark .topbar-search-result div span{color:#64748b!important}.app.dark .topbar-search-result-type{color:#2563eb!important}.app:not(.dark) .topbar-search-box{background:#fff!important;border:1px solid #dbe4f0!important}.app:not(.dark) .topbar-search-box:focus-within{border-color:#2563eb8c!important;box-shadow:0 0 0 3px #2563eb14!important}.app:not(.dark) .topbar-search-box input{color:#0f172a!important}.app:not(.dark) .topbar-search-box input::placeholder{color:#64748b!important;opacity:1!important}.app:not(.dark) .topbar-search-icon,.app:not(.dark) .topbar-search-clear{color:#475569!important}.app:not(.dark) .topbar-search-results{background:#0f2744!important;border:1px solid #ffffff1a!important;box-shadow:0 14px 34px #0f172a3d!important}.app:not(.dark) .topbar-search-result{color:#f8fafc!important;background:0 0!important}.app:not(.dark) .topbar-search-result:hover{background:#ffffff12!important}.app:not(.dark) .topbar-search-result strong{color:#f8fafc!important}.app:not(.dark) .topbar-search-result div span{color:#cbd5e1!important}.app:not(.dark) .topbar-search-result-type{color:#60a5fa!important}.app:not(.dark) .topbar-search-empty{color:#cbd5e1!important}.topbar{align-items:center!important;height:58px!important;min-height:58px!important;display:flex!important;overflow:visible!important}.top-actions{flex:none!important;align-items:center!important;gap:8px!important;display:flex!important;overflow:visible!important}.topbar-profile-wrap{flex:0 0 170px!important;width:170px!important;height:46px!important;margin-left:4px!important;position:relative!important;overflow:visible!important}.topbar-profile-button{box-sizing:border-box!important;align-items:center!important;gap:9px!important;width:170px!important;min-width:170px!important;max-width:170px!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;padding:5px 9px!important;display:flex!important;position:relative!important;overflow:hidden!important}.topbar-profile-button>.topbar-profile-avatar,.topbar-profile-button>.profile-photo-avatar{border-radius:50%!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;position:relative!important;overflow:hidden!important}.topbar-profile-button>.topbar-profile-avatar img,.topbar-profile-button>.profile-photo-avatar img,.topbar-profile-hover-card .topbar-hover-avatar img{object-fit:cover!important;object-position:center!important;border-radius:50%!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;transform:none!important}.topbar-profile-copy{flex:auto!important;min-width:0!important;max-width:96px!important;overflow:hidden!important}.topbar-profile-copy strong,.topbar-profile-copy span{text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important;max-width:96px!important;display:block!important;overflow:hidden!important}.topbar-profile-chevron{flex:none!important}.topbar-profile-hover-card{opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:5000!important;width:250px!important;max-width:250px!important;height:auto!important;max-height:300px!important;margin:0!important;padding:12px!important;position:absolute!important;top:calc(100% + 8px)!important;left:auto!important;right:0!important;overflow:hidden!important;transform:translateY(-4px)scale(.985)!important}.topbar-profile-wrap:hover .topbar-profile-hover-card{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)scale(1)!important}.topbar-profile-hover-card .topbar-hover-avatar{border-radius:50%!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;overflow:hidden!important}@media (width<=760px){.topbar-profile-wrap{flex-basis:44px!important;width:44px!important}.topbar-profile-button{width:44px!important;min-width:44px!important;max-width:44px!important;padding:5px!important}}.employee-search-only{width:100%!important;padding:6px!important}.employee-search-result{text-align:left!important;cursor:pointer!important;box-sizing:border-box!important;background:0 0!important;border:0!important;border-radius:9px!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:62px!important;padding:9px 10px!important;display:grid!important}.employee-search-result+.employee-search-result{margin-top:4px!important}.employee-search-avatar-wrap{width:40px!important;height:40px!important;position:relative!important}.employee-search-avatar{color:#fff!important;background:linear-gradient(135deg,#4388f6,#1764de)!important;border-radius:50%!important;place-items:center!important;width:40px!important;height:40px!important;font-size:13px!important;font-weight:800!important;display:grid!important;overflow:hidden!important}.employee-search-avatar img{object-fit:cover!important;border-radius:inherit!important;width:100%!important;height:100%!important}.employee-search-status-dot{border:2px solid!important;border-radius:50%!important;width:10px!important;height:10px!important;position:absolute!important;bottom:1px!important;right:-1px!important}.employee-search-status-dot.active{color:#fff!important;background:#22c55e!important}.employee-search-status-dot.inactive{color:#fff!important;background:#ef4444!important}.employee-search-copy{flex-direction:column!important;gap:4px!important;min-width:0!important;display:flex!important}.employee-search-copy strong{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important;display:block!important;overflow:hidden!important}.employee-search-copy span{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;line-height:1.25!important;display:block!important;overflow:hidden!important}.employee-search-right{align-items:center!important;gap:8px!important;display:flex!important}.employee-search-badge{border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:58px!important;height:24px!important;padding:0 8px!important;font-size:7px!important;font-weight:800!important;display:inline-flex!important}.employee-search-arrow{font-size:18px!important;line-height:1!important}.app.dark .employee-search-badge{color:#1d4ed8!important;background:#dbeafe!important}.app:not(.dark) .employee-search-result:hover{background:#ffffff12!important}.app:not(.dark) .employee-search-copy strong{color:#f8fafc!important}.app:not(.dark) .employee-search-copy span{color:#cbd5e1!important}.app:not(.dark) .employee-search-badge{color:#bfdbfe!important;background:#3b82f62e!important}.app:not(.dark) .employee-search-arrow{color:#cbd5e1!important}.app.dark .topbar-search-box{box-shadow:none!important;background:#102b49!important;border:1px solid #60a5fa38!important}.app.dark .topbar-search-box:focus-within{background:#123150!important;border-color:#60a5fa9e!important;box-shadow:0 0 0 3px #3b82f614!important}.app.dark .topbar-search-box input{color:#f8fafc!important}.app.dark .topbar-search-box input::placeholder{color:#9fb0c5!important;opacity:1!important}.app.dark .topbar-search-icon,.app.dark .topbar-search-clear{color:#c8d5e5!important}.app.dark .topbar-search-results.employee-search-only{background:#0f2744!important;border:1px solid #60a5fa2e!important;box-shadow:0 16px 34px #00000047,0 0 0 1px #ffffff04!important}.app.dark .employee-search-result{background:0 0!important}.app.dark .employee-search-result:hover{background:#3b82f61a!important}.app.dark .employee-search-copy strong{color:#fff!important}.app.dark .employee-search-copy span{color:#a9b8ca!important}.app.dark .employee-search-badge{color:#8fc5ff!important;background:#3b82f629!important;border:1px solid #60a5fa29!important}.app.dark .employee-search-arrow{color:#9fb0c5!important}.app.dark .employee-search-status-dot.active{background:#22c55e!important;border-color:#0f2744!important;box-shadow:0 0 0 2px #22c55e1a!important}.app.dark .employee-search-status-dot.inactive{background:#ef4444!important;border-color:#0f2744!important}.app.dark .topbar-search-empty{color:#9fb0c5!important}.topbar-profile-avatar{position:relative!important}.topbar-profile-active-dot{z-index:2!important;border:2px solid #0f2744!important;border-radius:50%!important;width:10px!important;height:10px!important;position:absolute!important;bottom:1px!important;right:-1px!important}.employee-search-status-dot{display:none!important}.cursor-magnifier-text{-webkit-line-clamp:3;line-clamp:3}.mobile-menu-button,.mobile-sidebar-backdrop,.mobile-bottom-nav{display:none}@media (width<=760px){html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}body{overscroll-behavior-x:none}.app{background-attachment:scroll!important;min-height:100dvh!important}.app .sidebar{z-index:1002!important;width:min(82vw,300px)!important;max-width:300px!important;height:100dvh!important;padding:18px 14px 24px!important;transition:transform .22s!important;display:flex!important;overflow-y:auto!important;transform:translate(-105%)!important;box-shadow:18px 0 46px #00091b4d!important}.app .sidebar.mobile-open{transform:translate(0)!important}.app .sidebar .sidebar-brand{justify-content:center!important;align-items:center!important;min-height:88px!important;margin-bottom:8px!important;display:flex!important}.app .sidebar .company-logo-box,.app .company-logo-box,.app .sidebar .company-logo,.app .company-logo{width:190px!important;min-width:190px!important;max-width:190px!important;height:74px!important;min-height:74px!important;max-height:74px!important}.mobile-sidebar-backdrop{z-index:1001!important;-webkit-backdrop-filter:blur(2px)!important;background:#020a188f!important;border:0!important;display:block!important;position:fixed!important;inset:0!important}.app .main{width:100%!important;min-width:0!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;margin-left:0!important}.app .topbar{z-index:900!important;border-radius:0!important;gap:8px!important;width:100%!important;height:64px!important;min-height:64px!important;padding:8px 10px 8px 58px!important;position:sticky!important;top:0!important}.app .topbar>div:first-child{flex:auto!important;min-width:0!important}.app .topbar h1{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:18px!important;line-height:1.1!important;overflow:hidden!important}.app .topbar-title-spacer{display:none!important}.mobile-menu-button{z-index:950!important;border:1px solid var(--border)!important;width:42px!important;height:42px!important;color:var(--text)!important;background:var(--surface-strong)!important;border-radius:13px!important;place-items:center!important;padding:0!important;font-size:20px!important;display:grid!important;position:fixed!important;top:10px!important;left:10px!important;box-shadow:0 8px 24px #000c231f!important}.app .topbar-search-wrap{display:none!important}.app .top-actions{flex-wrap:nowrap!important;gap:6px!important}.app .top-actions>.icon-button:first-child,.app .top-actions>.primary-btn{display:none!important}.app .top-actions .icon-button{border-radius:12px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}.app .topbar-profile-wrap{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;margin-left:0!important}.app .topbar-profile-button{border-radius:13px!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;display:grid!important}.app .topbar-profile-avatar{width:32px!important;min-width:32px!important;height:32px!important}.app .topbar-profile-copy,.app .topbar-profile-chevron,.app .topbar-profile-hover-card{display:none!important}.app .content{width:100%!important;max-width:100%!important;padding:16px 12px 24px!important}.app .content>*{min-width:0!important}.app :is(.panel,.stat-card,.dashboard-welcome,.welcome-strip,.attendance-user-banner,.attendance-date-card,.attendance-count-card,.attendance-project-panel,.bulk-attendance-panel,.attendance-approval-panel,.attendance-history-panel,.attendance-my-submissions,.admin-attendance-reports-panel,.request-card,.payroll-hero){border-radius:18px!important}.app .attendance-user-banner{align-items:flex-start!important;gap:12px!important;margin-bottom:12px!important;padding:16px!important}.app .attendance-user-banner strong{font-size:16px!important}.app .attendance-user-banner small{margin-top:5px!important;line-height:1.45!important;display:block!important}.app .attendance-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important;display:grid!important}.app .attendance-date-card{grid-column:1/-1!important;min-height:auto!important;padding:14px!important}.app .attendance-date-card>span{text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:8px!important;font-size:10px!important;display:block!important}.app .attendance-date-card input[type=date]{border-radius:12px!important;min-height:44px!important;font-size:14px!important}.app .attendance-date-card small{margin-top:7px!important;font-size:9px!important;line-height:1.35!important;display:block!important}.app .attendance-count-card{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:92px!important;padding:13px 8px!important;display:flex!important}.app .attendance-count-card span{font-size:10px!important}.app .attendance-count-card strong{margin-top:5px!important;font-size:25px!important;line-height:1!important}.app .attendance-project-panel,.app .bulk-attendance-panel,.app .attendance-approval-panel,.app .attendance-history-panel,.app .attendance-my-submissions{margin-bottom:12px!important;padding:14px!important}.app .attendance-project-grid,.app .attendance-filters,.app .attendance-toolbar,.app .attendance-heading-actions{grid-template-columns:1fr!important;gap:9px!important;width:100%!important;display:grid!important}.app .bulk-attendance-heading{flex-direction:column!important;align-items:stretch!important;gap:12px!important;display:flex!important}.app .bulk-attendance-heading h2{font-size:17px!important;line-height:1.25!important}.app .bulk-attendance-heading p{line-height:1.45!important}.app .attendance-heading-actions .primary-btn,.app .attendance-heading-actions .attendance-export-btn,.app .attendance-save-btn{width:100%!important;min-height:44px!important}.app .attendance-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;display:grid!important}.app .attendance-quick-actions button{white-space:normal!important;border-radius:11px!important;min-width:0!important;min-height:42px!important;padding:8px!important;font-size:10px!important}.app .geo-location-row{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.app .geo-location-row button{min-height:42px!important}.app .table-wrap,.app .attendance-table-wrap{-webkit-overflow-scrolling:touch!important;border-radius:14px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.app .bulk-attendance-table{min-width:790px!important}.app .bulk-attendance-table th,.app .bulk-attendance-table td{padding:10px!important}.app .attendance-status-buttons{flex-wrap:nowrap!important}.app .attendance-status-buttons button{min-height:36px!important}.app .stats-grid,.app .dashboard-grid,.app .dashboard-crystal-grid,.app .report-grid,.app .request-grid,.app .settings-layout,.app .form-grid,.app .details-grid,.app .employee-self-service-grid{grid-template-columns:1fr!important}.app .stats-grid{gap:10px!important}.app .stat-card{min-height:104px!important;padding:15px!important}.app .panel-heading,.app .section-toolbar,.app .request-heading{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.app .section-toolbar>button,.app .panel-heading>button{width:100%!important}.mobile-bottom-nav{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:920!important;border:1px solid var(--border)!important;background:color-mix(in srgb, var(--surface-strong) 94%, transparent)!important;-webkit-backdrop-filter:blur(18px)!important;border-radius:20px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:62px!important;padding:6px!important;display:grid!important;position:fixed!important;box-shadow:0 14px 38px #00091c38!important}.mobile-bottom-nav.mobile-bottom-nav-user{scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;display:flex!important;left:18px!important;right:18px!important;overflow:auto hidden!important}.mobile-bottom-nav.mobile-bottom-nav-user::-webkit-scrollbar{display:none!important}.mobile-bottom-nav.mobile-bottom-nav-user button{flex:1 0 74px!important}.mobile-bottom-nav button{min-width:0!important;min-height:50px!important;color:var(--muted)!important;background:0 0!important;border:0!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:4px 2px!important;font-size:8px!important;display:flex!important;position:relative!important}.mobile-bottom-nav button .nav-icon{width:auto!important;font-size:17px!important;line-height:1!important}.mobile-bottom-nav button.active{color:#fff!important;background:linear-gradient(135deg,#367be8,#175ecf)!important;box-shadow:0 7px 18px #2563eb42!important}.mobile-bottom-nav button.active span,.mobile-bottom-nav button.active .nav-icon{color:#fff!important}.mobile-bottom-nav button em{color:#fff!important;background:#ef4444!important;border-radius:999px!important;place-items:center!important;min-width:16px!important;height:16px!important;padding:0 4px!important;font-size:8px!important;font-style:normal!important;font-weight:800!important;display:grid!important;position:absolute!important;top:1px!important;right:8px!important}}@media (width<=420px){.app .topbar{padding-right:8px!important}.app .top-actions{gap:4px!important}.app .top-actions .icon-button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.app .topbar-profile-wrap,.app .topbar-profile-button{flex-basis:36px!important;width:36px!important;min-width:36px!important}.app .content{padding-left:10px!important;padding-right:10px!important}.app .attendance-top-grid{gap:7px!important}.app .attendance-count-card{min-height:84px!important;padding:10px 5px!important}.mobile-bottom-nav{left:5px!important;right:5px!important;bottom:calc(5px + env(safe-area-inset-bottom))!important}}@media (width<=760px){.app .topbar{justify-content:flex-end!important;align-items:center!important;gap:5px!important;height:60px!important;min-height:60px!important;padding:7px 8px 7px 56px!important;display:flex!important}.app .topbar>div:first-child{text-align:center!important;pointer-events:none!important;z-index:1!important;width:min(36vw,150px)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.app .topbar h1{letter-spacing:-.025em!important;margin:0!important;font-size:17px!important;font-weight:700!important;line-height:1.1!important}.mobile-menu-button{border-radius:12px!important;width:40px!important;height:40px!important;font-size:18px!important;top:10px!important;left:8px!important}.app .top-actions{z-index:2!important;gap:4px!important;margin-left:auto!important;position:relative!important}.app .top-actions .icon-button{border-radius:11px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;font-size:14px!important}.app .topbar-profile-wrap,.app .topbar-profile-button{border-radius:12px!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important}.app .topbar-profile-avatar{width:30px!important;min-width:30px!important;height:30px!important}.app .content{padding:14px 10px 24px!important}.app .dashboard-welcome,.app .welcome-strip{border-radius:18px!important;margin-bottom:12px!important;padding:17px!important}.app .dashboard-welcome h2,.app .welcome-strip h2{font-size:18px!important;line-height:1.2!important}.app .dashboard-welcome p,.app .welcome-strip p{font-size:10px!important;line-height:1.45!important}.app .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px!important}.app .stat-card{border-radius:17px!important;gap:10px!important;min-height:104px!important;padding:13px 11px!important}.app .stat-icon{border-radius:12px!important;flex:0 0 40px!important;width:40px!important;height:40px!important;font-size:15px!important}.app .stat-card span{font-size:9px!important;line-height:1.25!important}.app .stat-card strong{margin:3px 0 2px!important;font-size:19px!important;line-height:1!important}.app .stat-card small{font-size:8px!important;line-height:1.25!important}.app .attendance-user-banner{border-radius:18px!important;padding:15px!important}.app .attendance-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.app .attendance-date-card{grid-column:1/-1!important}.app .attendance-count-card{border-radius:17px!important;min-height:100px!important;padding:12px 8px!important}.app .attendance-count-card strong{font-size:27px!important}.app .panel,.app .attendance-project-panel,.app .bulk-attendance-panel,.app .attendance-approval-panel,.app .attendance-history-panel,.app .attendance-my-submissions,.app .admin-attendance-reports-panel{border-radius:18px!important;padding:14px!important}.mobile-bottom-nav{left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;border-radius:19px!important;min-height:60px!important;padding:5px!important}.mobile-bottom-nav button{border-radius:13px!important;gap:3px!important;min-height:48px!important;font-size:7.5px!important}.mobile-bottom-nav button .nav-icon{font-size:16px!important}}@media (width<=430px){.app .topbar>div:first-child{width:min(32vw,125px)!important}.app .topbar h1{font-size:16px!important}.app .stats-grid{grid-template-columns:1fr 1fr!important}.app .stat-card{gap:8px!important;min-height:96px!important;padding:11px 9px!important}.app .stat-icon{flex-basis:36px!important;width:36px!important;height:36px!important}}@media screen and (width<=760px){html,body,#root,.app{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}html body #root .app .sidebar,html body #root .app .sidebar.mobile-open{visibility:hidden!important;pointer-events:none!important;width:0!important;min-width:0!important;max-width:0!important;box-shadow:none!important;display:none!important;position:fixed!important;left:-100vw!important;right:auto!important;transform:translate(-120vw)!important}html body #root .app .mobile-sidebar-backdrop,html body #root .app .mobile-menu-button{display:none!important}html body #root .app .main{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;left:0!important}html body #root .app .topbar{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;height:60px!important;min-height:60px!important;padding:7px 10px!important;display:flex!important}html body #root .app .topbar>div:first-child{text-align:left!important;pointer-events:auto!important;flex:auto!important;width:auto!important;min-width:0!important;max-width:45%!important;position:static!important;transform:none!important}html body #root .app .topbar h1{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:18px!important;line-height:1.1!important;overflow:hidden!important}html body #root .app .topbar>div:first-child p,html body #root .app .topbar-company-link,html body #root .app .date-glass,html body #root .app .topbar-search-wrap{display:none!important}html body #root .app .top-actions{flex-wrap:nowrap!important;flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:5px!important;width:auto!important;margin:0 0 0 auto!important;display:flex!important}html body #root .app .top-actions .icon-button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}html body #root .app .topbar-profile-wrap,html body #root .app .topbar-profile-button{flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;overflow:hidden!important}html body #root .app .topbar-profile-avatar,html body #root .app .topbar-profile-button>.profile-photo-avatar{border-radius:50%!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;overflow:hidden!important}html body #root .app .topbar-profile-avatar img,html body #root .app .topbar-profile-button>.profile-photo-avatar img{object-fit:cover!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:static!important;transform:none!important}html body #root .app .topbar-profile-copy,html body #root .app .topbar-profile-chevron,html body #root .app .topbar-profile-hover-card{display:none!important}html body #root .app .content{width:100%!important;min-width:0!important;max-width:100%!important;padding:14px 10px calc(82px + env(safe-area-inset-bottom))!important;margin:0!important}html body #root .app .content>*{min-width:0!important;max-width:100%!important}html body #root .app .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}html body #root .app .stat-card{width:100%!important;min-width:0!important;min-height:100px!important;padding:12px 10px!important}html body #root .app .mobile-bottom-nav{left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;z-index:1200!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;display:grid!important;position:fixed!important}}@media screen and (width<=360px){html body #root .app .stats-grid{grid-template-columns:1fr!important}}@media screen and (width<=760px){html body #root .app .content{padding-bottom:calc(155px + env(safe-area-inset-bottom))!important}html body #root .app .attendance-project-panel,html body #root .app .bulk-attendance-panel,html body #root .app .attendance-approval-panel,html body #root .app .attendance-history-panel,html body #root .app .attendance-my-submissions,html body #root .app .admin-attendance-reports-panel{scroll-margin-bottom:calc(155px + env(safe-area-inset-bottom))!important}}@media (width>=821px){.topbar-search-wrap{z-index:2401!important;flex:0 390px!important;width:min(390px,34vw)!important;margin:0 20px!important}.topbar-search-box{background:color-mix(in srgb, var(--surface-strong) 94%, transparent)!important;border:1px solid #7e97bb38!important;border-radius:12px!important;gap:9px!important;height:42px!important;padding:0 13px!important;transition:border-color .18s,box-shadow .18s,transform .18s!important;box-shadow:0 6px 18px #1f3f6e0e,inset 0 1px #ffffffb8!important}.topbar-search-box:focus-within{border-color:#2f73e87a!important;box-shadow:0 0 0 3px #2f73e814,0 10px 26px #1f4c8e17!important}.topbar-search-icon{color:#70829a!important;flex:0 0 19px!important;width:19px!important;font-size:16px!important}.topbar-search-box input{min-height:40px!important;color:var(--text)!important;letter-spacing:.01em!important;font-size:11px!important;font-weight:550!important}.topbar-search-box input::placeholder{color:var(--muted)!important;opacity:.82!important}.topbar-search-clear{width:26px!important;height:26px!important;color:var(--muted)!important;background:0 0!important;border-radius:8px!important;flex:0 0 26px!important;transition:all .16s!important}.topbar-search-clear:hover{color:var(--text)!important;background:#2f73e814!important}.topbar-search-results.employee-search-only{-webkit-backdrop-filter:blur(22px)!important;background:#fffffff7!important;border:1px solid #94a3b838!important;border-radius:14px!important;width:100%!important;max-height:330px!important;padding:7px!important;animation:.16s ease-out employeeSearchDrop!important;top:calc(100% + 9px)!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 18px 46px #1f3f6e29,0 4px 12px #1f3f6e0f!important}@keyframes employeeSearchDrop{0%{opacity:0;transform:translateY(-5px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.employee-search-result{color:#14213a!important;background:0 0!important;border:1px solid #0000!important;border-radius:11px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:12px!important;min-height:72px!important;padding:10px 11px!important;transition:background .16s,border-color .16s,transform .16s,box-shadow .16s!important}.employee-search-result:hover{background:#f5f9ff!important;border-color:#2f73e821!important;transform:translateY(-1px)!important;box-shadow:0 7px 18px #1f4c8e11!important}.employee-search-avatar-wrap,.employee-search-avatar{width:42px!important;height:42px!important}.employee-search-avatar{background:linear-gradient(145deg,#5f95f5,#2d69df)!important;font-size:13px!important;box-shadow:0 7px 15px #2f73e82e!important}.employee-search-copy{gap:2px!important;min-width:0!important}.employee-search-copy strong{color:#132039!important;font-size:11px!important;font-weight:750!important;line-height:1.28!important}.employee-search-copy span{color:#718198!important;font-size:8.5px!important;line-height:1.35!important}.employee-search-right{align-self:center!important;gap:7px!important}.employee-search-badge{color:#2563eb!important;background:#eaf2ff!important;border:1px solid #2563eb14!important;min-width:60px!important;height:23px!important;padding:0 9px!important;font-size:7px!important;font-weight:800!important}.employee-search-arrow{color:#8797ac!important;font-size:19px!important;transition:transform .16s,color .16s!important}.employee-search-result:hover .employee-search-arrow{color:#2f73e8!important;transform:translate(2px)!important}.topbar-search-empty{color:#718198!important;background:#f8fbff!important;border-radius:10px!important;place-items:center!important;min-height:62px!important;padding:14px!important;font-size:10px!important;font-weight:650!important;display:grid!important}.app.dark .topbar-search-box{background:#122742eb!important;border-color:#84a0c729!important;box-shadow:inset 0 1px #ffffff06!important}.app.dark .topbar-search-box input{color:#edf4ff!important}.app.dark .topbar-search-icon,.app.dark .topbar-search-clear{color:#91a5bf!important}.app.dark .topbar-search-results.employee-search-only{background:#0d1f36fa!important;border-color:#7b9bc921!important;box-shadow:0 20px 48px #00000057!important}.app.dark .employee-search-result{color:#edf4ff!important}.app.dark .employee-search-result:hover{background:#30568447!important;border-color:#60a5fa21!important}.app.dark .employee-search-copy strong{color:#eef5ff!important}.app.dark .employee-search-copy span{color:#91a5bf!important}.app.dark .employee-search-badge{color:#9dc2ff!important;background:#3b82f624!important;border-color:#60a5fa1c!important}.app.dark .employee-search-arrow{color:#8195ae!important}.app.dark .topbar-search-empty{color:#91a5bf!important;background:#18314e9e!important}}.sidebar .sidebar-brand{box-shadow:none!important;background:0 0!important;border:none!important}.sidebar .company-logo-box{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}.sidebar .company-logo{object-fit:contain!important;width:190px!important;max-width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;display:block!important}html body .app.dark .sidebar-brand,html body .app:not(.dark) .sidebar-brand{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;margin:0!important;overflow:visible!important}html body .app.dark .sidebar .company-logo-box,html body .app.dark .company-logo-box,html body .app:not(.dark) .sidebar .company-logo-box,html body .app:not(.dark) .company-logo-box{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.topbar-profile-button>.topbar-profile-avatar,.topbar-profile-button>.profile-photo-avatar{position:relative!important;overflow:visible!important}.topbar-profile-active-dot{z-index:999!important;pointer-events:none!important;border:2px solid #0f2744!important;border-radius:50%!important;width:11px!important;height:11px!important;position:absolute!important;bottom:0!important;right:-2px!important}.topbar-profile-active-dot.active{background:#22c55e!important}.topbar-profile-active-dot.inactive{background:#ef4444!important}.topbar-profile-button>.topbar-profile-avatar>img{object-fit:cover!important;object-position:center!important;z-index:1!important;border-radius:50%!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:block!important;position:relative!important}.topbar-profile-v-badge{z-index:20!important;background:#07110a!important;border:2px solid #22c55e!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important;display:flex!important;position:absolute!important;bottom:-2px!important;right:-3px!important;overflow:hidden!important;box-shadow:0 0 0 2px #0f2744,0 0 6px #22c55ea6!important}.topbar-profile-v-badge>img{object-fit:contain!important;z-index:21!important;border-radius:0!important;width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;min-height:12px!important;max-height:12px!important;position:static!important}.topbar-profile-button>.topbar-profile-avatar{position:relative!important;overflow:visible!important}.topbar-profile-button>.topbar-profile-avatar>img{object-fit:cover!important;object-position:center!important;border-radius:50%!important;width:100%!important;height:100%!important}.topbar-profile-v-badge{width:13px!important;min-width:13px!important;max-width:13px!important;height:13px!important;min-height:13px!important;max-height:13px!important;box-shadow:none!important;z-index:50!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;bottom:-1px!important;right:-1px!important;overflow:visible!important}.topbar-profile-v-badge>img{object-fit:contain!important;width:13px!important;min-width:13px!important;max-width:13px!important;height:13px!important;min-height:13px!important;max-height:13px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;display:block!important;position:static!important;transform:none!important}.employee-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.csv-import-button{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.csv-import-button input{display:none}.csv-import-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.csv-import-summary>div{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;min-height:76px;padding:15px 16px}.csv-import-summary span,.csv-import-summary strong{display:block}.csv-import-summary span{color:var(--muted);font-size:10px}.csv-import-summary strong{color:var(--text);margin-top:6px;font-size:20px}.csv-import-summary .has-errors strong,.csv-missing{color:var(--danger)}.csv-import-warning{background:#f59e0b14;border:1px solid #f59e0b38;border-radius:12px;margin-bottom:16px;padding:14px 16px}.csv-import-warning strong{color:var(--text);font-size:11px}.csv-import-warning p,.csv-import-warning small,.csv-preview-note{color:var(--muted);font-size:10px}.csv-import-warning p{margin:7px 0 0}.csv-preview-table{max-height:390px;overflow:auto}.csv-preview-table th{z-index:2;position:sticky;top:0}.csv-preview-note{margin:10px 0 0}.csv-import-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.csv-import-actions button:disabled{opacity:.6;cursor:wait}@media (width<=760px){.employee-toolbar-actions{justify-content:stretch;width:100%}.employee-toolbar-actions>button,.employee-toolbar-actions>label{flex:100%;width:100%}.csv-import-summary{grid-template-columns:1fr}}