:root{color-scheme:light;--navy: #111d2c;--navy-2: #203149;--red: #ed1e36;--red-dark: #c91029;--teal: #0f766e;--violet: #7467d9;--bg: #f5f8fc;--panel: #ffffff;--panel-2: #f9fbfe;--line: #dde7f1;--line-strong: #bdcad9;--ink: #172033;--muted: #64748b;--soft: #eef4f8;--good: #13734b;--good-bg: #e5f7ed;--warn: #a66010;--warn-bg: #fff3d6;--info: #0f5f9f;--info-bg: #e7f3ff;--bad: #b42338;--bad-bg: #ffe7eb;--shadow: 0 16px 42px rgba(17, 29, 44, .08);--shadow-hover: 0 22px 58px rgba(17, 29, 44, .13);--glass: rgba(255, 255, 255, .78);--ring: rgba(237, 30, 54, .18);--radius: 10px;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark]{color-scheme:dark;--navy: #071225;--navy-2: #10243f;--red: #ff3150;--red-dark: #d91635;--teal: #36d6c4;--bg: #08111f;--panel: #0f1b2d;--panel-2: #101f35;--line: #223653;--line-strong: #335273;--ink: #edf4ff;--muted: #9eb0c8;--soft: #162640;--good: #42d392;--good-bg: rgba(66, 211, 146, .13);--warn: #ffc766;--warn-bg: rgba(255, 199, 102, .15);--info: #79bcff;--info-bg: rgba(121, 188, 255, .14);--bad: #ff6c82;--bad-bg: rgba(255, 108, 130, .14);--shadow: 0 20px 60px rgba(0, 0, 0, .26);--shadow-hover: 0 26px 70px rgba(0, 0, 0, .34);--glass: rgba(15, 27, 45, .76);--ring: rgba(255, 49, 80, .22)}.workspace-gate{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:var(--bg)}.workspace-gate-card{width:min(100%,30rem);padding:2rem;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);text-align:center}.workspace-gate-card svg{color:var(--red)}.workspace-gate-card h1{margin:.8rem 0 .45rem}.workspace-gate-card p{margin:0 0 1.25rem;color:var(--muted)}.sync-alert{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--bad) 38%,var(--line));background:var(--bad-bg);color:var(--bad)}.sync-alert button{flex:0 0 auto}@media(max-width:640px){.sync-alert{align-items:flex-start;flex-direction:column}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 7% -4%,rgba(237,30,54,.1),transparent 27rem),radial-gradient(circle at 94% 6%,rgba(15,118,110,.11),transparent 24rem),linear-gradient(180deg,rgba(255,255,255,.86),transparent 22rem),var(--bg);color:var(--ink);line-height:1.45}::selection{background:var(--ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 72% 24%,rgba(237,30,54,.32),transparent 28%),radial-gradient(circle at 20% 74%,rgba(54,214,196,.16),transparent 30%),linear-gradient(135deg,#071225,#13243a 52%,#071225),var(--navy)}.login-card{width:min(100%,960px);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(300px,1fr);gap:1.2rem;padding:1.3rem;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(135deg,#fffffff5,#f1f6fdeb);box-shadow:0 24px 70px #00000042;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:transform .14s ease}:root[data-theme=dark] .login-card{background:linear-gradient(135deg,#0f1b2df2,#071225eb)}.login-brand,.login-brand span:last-child{display:flex;align-items:center}.login-brand{grid-column:1 / -1;justify-content:space-between;gap:1rem}.login-brand span:last-child{gap:.4rem;color:var(--teal);font-size:.82rem;font-weight:800}.login-logo{width:76px;height:58px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.login-logo img{width:100%;height:100%;transform:scale(5.8)}.login-card h1{margin:.2rem 0 .35rem;font-size:clamp(2rem,3vw,3.4rem);line-height:.98}.login-proof{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1rem}.login-proof span{border:1px solid rgba(237,30,54,.22);border-radius:999px;padding:.38rem .7rem;background:#ed1e3614;color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.login-form{grid-column:1;display:grid;gap:.85rem}.login-visual{position:relative;min-height:315px;display:grid;place-items:center;overflow:hidden;grid-column:2;grid-row:2 / span 3;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(237,30,54,.26),transparent 28%),linear-gradient(135deg,#101d32,#071225);perspective:900px}.login-visual strong{position:absolute;left:1rem;bottom:.8rem;color:#f8fbff;font-size:.82rem}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%)}.login-orbit{position:absolute;width:190px;height:66px;border:1px solid rgba(237,30,54,.28);border-radius:50%;transform:rotateX(64deg) rotate(-18deg)}.login-orbit.two{width:134px;height:44px;border-color:#0f766e4d;transform:rotateX(64deg) rotate(32deg)}.login-cube{position:relative;width:118px;height:118px;transform:rotateX(58deg) rotate(45deg);transform-style:preserve-3d;animation:cubeFloat 7s ease-in-out infinite;z-index:1}.login-cube i{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.55);background:linear-gradient(135deg,#ed1e36e6,#18222feb);box-shadow:0 22px 42px #18222f42}.login-cube i:nth-child(1){transform:translateZ(59px)}.login-cube i:nth-child(2){transform:rotateY(90deg) translateZ(59px);filter:brightness(.8)}.login-cube i:nth-child(3){transform:rotateX(90deg) translateZ(59px);filter:brightness(1.15)}.theme-login{grid-column:1;width:fit-content}@keyframes cubeFloat{0%,to{transform:rotateX(58deg) rotate(45deg) translateY(0)}50%{transform:rotateX(62deg) rotate(52deg) translateY(-8px)}}button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:36px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f8fbff);color:var(--ink);padding:0 .85rem;font-weight:780;cursor:pointer;box-shadow:0 4px 14px #111d2c0a;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}button:hover:not(.scrim){border-color:var(--navy-2);box-shadow:0 10px 24px #111d2c1a;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.58}button.primary,.primary{background:var(--red);border-color:var(--red);color:#fff}button.primary:hover,.primary:hover{background:var(--red-dark);border-color:var(--red-dark)}input,select,textarea{width:100%;min-height:38px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fbfdff);color:var(--ink);padding:.55rem .65rem;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--red)}.app{min-height:100vh;display:flex;isolation:isolate}.sidebar{position:sticky;top:0;width:280px;height:100vh;flex:0 0 280px;background:radial-gradient(circle at 16% 0%,rgba(237,30,54,.18),transparent 12rem),linear-gradient(180deg,var(--navy),#101b2a 58%,#0d1724);color:#e7eef7;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 45px #0712251f}.brand-block{display:flex;gap:.75rem;align-items:center;padding:1.15rem 1rem 1.05rem;border-bottom:1px solid rgba(255,255,255,.08)}.brand-block strong{display:block;font-size:1.02rem;letter-spacing:.01em}.brand-block span:not(.logo-crop){display:block;color:#9fb0c5;font-size:.78rem}.logo-crop{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.logo-crop img{display:block;width:100%;height:100%;transform-origin:center}.logo-crop.wordmark{width:46px;height:46px;border-radius:8px}.logo-crop.wordmark img{transform:scale(5.8)}.logo-crop.mark{width:28px;height:28px;border-radius:7px}.logo-crop.mark img{transform:scale(5.8)}.nav-list{display:grid;gap:.25rem;min-height:0;overflow-y:auto;padding:.85rem .75rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav-list a{display:flex;align-items:center;gap:.45rem;min-height:40px;justify-content:flex-start;padding:0 .85rem;border-color:transparent;background:transparent;color:#9fb0c5;font-weight:700;box-shadow:none;text-decoration:none}.nav-list a:hover{background:#ffffff12;color:#fff}.nav-list a.active{background:linear-gradient(135deg,#fff,#eef4fb);color:var(--navy);box-shadow:0 14px 34px #0000003d}.account-menu{margin-top:auto;position:relative;padding:.8rem;border-top:1px solid rgba(255,255,255,.08)}.account-trigger{width:100%;justify-content:flex-start;gap:.7rem;border-color:#ffffff1f;background:linear-gradient(135deg,#ffffff17,#ffffff0a);color:#e7eef7;text-align:left}.account-trigger:hover{background:#ffffff1a}.account-avatar,.account-photo-preview{display:inline-grid;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--violet));color:#fff;font-weight:900}.account-avatar{width:34px;height:34px;flex:0 0 34px;font-size:.78rem}.account-avatar img,.account-photo-preview img{width:100%;height:100%;object-fit:cover}.account-label{display:grid;min-width:0}.account-label strong,.account-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-label strong{font-size:.82rem}.account-label small{color:#9fb0c5;font-size:.72rem;text-transform:capitalize}.account-popover{position:absolute;left:.8rem;right:.8rem;bottom:calc(100% + .55rem);z-index:20;display:grid;gap:.15rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem;background:#232323;box-shadow:0 22px 60px #0000006b}.account-popover button{justify-content:flex-start;min-height:36px;border-color:transparent;background:transparent;color:#f5f5f5;font-weight:700}.account-popover button:hover{background:#ffffff14}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{min-height:88px;display:grid;grid-template-columns:auto minmax(210px,1fr);align-items:center;gap:1rem;padding:0 1.4rem;background:radial-gradient(circle at 82% -30%,rgba(237,30,54,.12),transparent 34%),linear-gradient(90deg,#fffffff5,#f7fafee0);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}:root[data-theme=dark] .topbar{background:radial-gradient(circle at 82% -30%,rgba(237,30,54,.18),transparent 34%),linear-gradient(90deg,#08111ff2,#0d192be6)}:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .report-card,:root[data-theme=dark] .employee-card,:root[data-theme=dark] .template-card,:root[data-theme=dark] .pipeline-column,:root[data-theme=dark] .candidate-card,:root[data-theme=dark] details,:root[data-theme=dark] .modal{background:var(--panel)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] button{background:#111f34;color:var(--ink)}:root[data-theme=dark] button.primary,:root[data-theme=dark] .primary{background:var(--red);border-color:var(--red);color:#fff}:root[data-theme=dark] .employee-directory-panel,:root[data-theme=dark] .employee-card-main,:root[data-theme=dark] .profile-grid div,:root[data-theme=dark] .profile-field-grid div,:root[data-theme=dark] .profile-sections h3,:root[data-theme=dark] .empty,:root[data-theme=dark] .settlement-preview div,:root[data-theme=dark] .attendance-hero{background:#101d32}:root[data-theme=dark] .employee-filters,:root[data-theme=dark] .badge.neutral{background:var(--soft)}.topbar h1{margin:.12rem 0 0;font-size:1.42rem;letter-spacing:-.01em}.page-title{min-width:0;position:relative;padding-left:1rem}.page-title:before{content:"";position:absolute;left:0;top:.1rem;bottom:.1rem;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--red),var(--violet));box-shadow:0 0 18px #ed1e3640}.page-hint{max-width:560px;margin:.2rem 0 0;overflow:hidden;color:var(--muted);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.section-label{margin:0;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mobile-menu{display:none}.content{width:min(1480px,100%);padding:1.45rem}.content>section,.content>.report-grid,.content>.settings-grid{min-width:0}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,340px) auto;gap:1.6rem;align-items:center;border-radius:8px;min-height:268px;padding:1.45rem;background:linear-gradient(135deg,#0c1a2ef5,#223149f7),radial-gradient(circle at 82% 20%,rgba(237,30,54,.28),transparent 32%);color:#fff;box-shadow:var(--shadow);margin-bottom:1.1rem;position:relative;overflow:hidden;isolation:isolate;perspective:900px}.hero-panel:after{content:"";position:absolute;inset:auto -14% -48% 36%;height:240px;background:radial-gradient(circle,rgba(237,30,54,.22),transparent 68%);pointer-events:none;z-index:-1}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 86%,transparent);opacity:.38;transform:translateZ(-1px);pointer-events:none;z-index:-1}.hero-copy{position:relative;z-index:2}.hero-logo-crop{display:inline-flex;width:74px;height:74px;overflow:hidden;border-radius:8px}.hero-logo-crop img{width:100%;height:100%;transform:scale(5.8)}.hero-panel h2{max-width:820px;margin:.6rem 0 .35rem;font-size:clamp(1.7rem,2.5vw,2.7rem);line-height:1.04;letter-spacing:0}.hero-panel p{max-width:760px;margin:0;color:#cbd7e5}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:2}.hero-actions button{border-color:#ffffff40}.hero-orbital{position:relative;width:min(100%,330px);height:210px;justify-self:center;transform-style:preserve-3d;transform:rotateX(60deg) rotate(-14deg)}.hero-grid-plane,.hero-ring,.hero-console,.hero-node{position:absolute;display:block}.hero-grid-plane{top:24px;right:2px;bottom:12px;left:2px;border:1px solid rgba(147,171,206,.28);border-radius:8px;background-image:linear-gradient(rgba(147,171,206,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(147,171,206,.14) 1px,transparent 1px);background-size:28px 28px;box-shadow:0 26px 80px #00000047,inset 0 0 34px #415c8c3d;animation:heroPlane 8s ease-in-out infinite}.hero-ring{top:28px;right:38px;bottom:24px;left:38px;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 0 28px #ed1e3633}.hero-ring-one{animation:heroOrbit 9s linear infinite}.hero-ring-two{top:52px;right:76px;bottom:50px;left:76px;border-color:#9db5dd3d;animation:heroOrbit 12s linear infinite reverse}.hero-console{left:96px;top:64px;width:142px;height:104px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:linear-gradient(155deg,#fff3,#172a45c7);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff47;transform:translateZ(50px) rotateX(-62deg) rotate(12deg);animation:heroFloat 5.2s ease-in-out infinite}.hero-console-top{position:absolute;left:14px;right:14px;top:13px;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--red),#7365cc);box-shadow:0 0 20px #ed1e3657}.hero-console-row{position:absolute;left:16px;height:8px;border-radius:999px;background:#e1ebf9b8}.hero-console-row.wide{top:44px;width:108px}.hero-console-row{top:64px;width:88px}.hero-console-row.short{top:82px;width:62px}.hero-node{width:14px;height:14px;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:var(--red);box-shadow:0 0 0 8px #ed1e361f,0 0 24px #ed1e368f;transform:translateZ(64px);animation:heroNode 2.8s ease-in-out infinite}.node-one{left:50px;top:44px}.node-two{right:48px;top:80px;animation-delay:.55s}.node-three{left:124px;bottom:26px;background:#7768d8;box-shadow:0 0 0 8px #7768d821,0 0 24px #7768d880;animation-delay:1s}@keyframes heroPlane{0%,to{transform:translateZ(0)}50%{transform:translateZ(10px)}}@keyframes heroOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroFloat{0%,to{transform:translateZ(50px) rotateX(-62deg) rotate(12deg) translateY(0)}50%{transform:translateZ(74px) rotateX(-62deg) rotate(12deg) translateY(-8px)}}@keyframes heroNode{0%,to{opacity:.72;transform:translateZ(64px) scale(.96)}50%{opacity:1;transform:translateZ(78px) scale(1.08)}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;margin-bottom:1rem}.metric,.panel,.report-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.metric:hover,.report-card:hover,.employee-card:hover,.template-card:hover,.payroll-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.panel:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover)}.metric{position:relative;overflow:hidden;padding:1rem;border-top:0}.metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--navy)}.metric.warn{border-color:color-mix(in srgb,var(--warn) 28%,var(--line))}.metric.warn:before{background:var(--warn)}.metric.ok{border-color:color-mix(in srgb,var(--good) 28%,var(--line))}.metric.ok:before{background:var(--good)}.metric span{display:block;color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;margin-top:.3rem;font-size:1.75rem;line-height:1.05}.metric p{margin:.25rem 0 0;color:var(--muted);font-size:.82rem}.two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem}.stack{display:grid;gap:1rem;min-width:0}.panel{min-width:0;padding:1.05rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:1.05rem}.panel-head span,.muted{color:var(--muted);font-size:.84rem}.filters,.inline-controls,.row-actions,.modal-actions,.form-actions,.hero-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.filters{margin-bottom:1rem}.filters label{position:relative;min-width:min(390px,100%);flex:1}.filters label svg{position:absolute;top:11px;left:12px;color:var(--muted)}.filters input{padding-left:2.25rem}.filters select,.inline-controls select{width:auto;min-width:142px}.inline-controls input[type=number]{width:96px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:inset 0 1px #ffffffa6}table{width:100%;border-collapse:collapse;font-size:.86rem}th{position:sticky;top:0;z-index:1;text-align:left;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;padding:.7rem .65rem;border-bottom:1px solid var(--line-strong);background:var(--panel-2);white-space:nowrap}td{padding:.7rem .65rem;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ed1e3609}:root[data-theme=dark] th{background:#111f34}:root[data-theme=dark] tbody tr:hover{background:#ff315014}.empty{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--panel-2)}.link-button{min-height:auto;border:0;padding:0;background:transparent;color:var(--red);font-weight:800}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:0 .65rem;font-size:.73rem;font-weight:850;white-space:nowrap}.badge.good{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.neutral{background:var(--soft);color:var(--muted)}.bars{display:grid;gap:.7rem}.bar-row{display:grid;grid-template-columns:150px minmax(120px,1fr) 38px;align-items:center;gap:.7rem;font-size:.86rem}.bar-row div{height:12px;background:var(--soft);border-radius:999px;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--red);border-radius:inherit}.dashboard-secondary{margin-top:1rem}.event-list{display:grid;gap:.15rem}.event-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px dashed var(--line)}.event-row:last-child{border-bottom:0}.event-row div{min-width:0}.event-row strong,.event-row span{display:block}.event-row strong{font-size:.88rem}.event-row div span{color:var(--muted);font-size:.78rem}.avatar.small{width:34px;height:34px;font-size:.78rem}.employee-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#18222ff5,#24334aeb),radial-gradient(circle at 12% 20%,rgba(237,30,54,.22),transparent 28%);color:#fff}.employee-hero h3,.employee-hero span{margin:0}.employee-hero h3{font-size:1.5rem}.employee-hero span{color:#b8c5d6}.employee-hero-actions{display:flex;gap:.6rem;flex-wrap:wrap}.employee-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.employee-directory-panel{background:linear-gradient(180deg,var(--panel),var(--panel-2))}.employee-filters{padding:.2rem;border-radius:8px;background:#eef4f8}.employee-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.9rem}.employee-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 12px 34px #18222f14;overflow:hidden}.employee-card-main{width:100%;height:auto;justify-content:flex-start;gap:.8rem;padding:.9rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:linear-gradient(135deg,var(--panel),var(--panel-2));text-align:left}.employee-card-main>span:nth-child(2){min-width:0;flex:1}.employee-card-main strong,.employee-card-main em{display:block}.employee-card-main strong{color:var(--ink)}.employee-card-main em{margin-top:.18rem;color:var(--muted);font-size:.76rem;font-style:normal}.employee-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.85rem}.employee-card-details span,.profile-field-grid div{min-width:0;display:grid;gap:.2rem}.employee-card-details b,.profile-field-grid span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.employee-card-details span{color:var(--ink);font-size:.82rem}.employee-card .row-actions{padding:0 .85rem .85rem}.employee-profile{max-height:calc(92vh - 2.5rem);overflow-y:auto;padding-right:.2rem}.profile-sections{display:grid;gap:.9rem;margin-top:1rem}.profile-sections section{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.profile-sections h3{margin:0;padding:.75rem .9rem;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f8fafc,#eef4f8);color:var(--navy);font-size:.92rem}.profile-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.85rem}.profile-field-grid div{padding:.65rem;border:1px solid #e8eef6;border-radius:8px;background:#fbfdff}.profile-field-grid strong{min-width:0;overflow-wrap:anywhere;color:var(--ink);font-size:.84rem;line-height:1.35}.attendance-control{padding:0;overflow:hidden}.attendance-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line);background:#fbfdff}.attendance-hero h3,.attendance-hero p{margin:0}.attendance-hero p{margin-top:.3rem;color:var(--muted);font-size:.84rem}.attendance-metrics{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:.6rem;padding:1rem;border-bottom:1px solid var(--line)}.attendance-metric{border:1px solid var(--line);border-radius:8px;padding:.85rem}.attendance-metric span{display:block;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;opacity:.75}.attendance-metric strong{display:block;margin-top:.25rem;font-size:1.25rem}.attendance-metric.present{background:var(--good-bg);color:var(--good);border-color:#13734b38}.attendance-metric.half{background:var(--warn-bg);color:var(--warn);border-color:#a6601040}.attendance-metric.leave{background:var(--info-bg);color:var(--info);border-color:#0f5f9f38}.attendance-metric.absent{background:var(--bad-bg);color:var(--bad);border-color:#b423383d}.attendance-metric.payroll{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.attendance-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 290px;min-height:520px}.attendance-departments,.attendance-impact{background:#fff;padding:.9rem}.attendance-departments{border-right:1px solid var(--line)}.mini-label{display:block;margin:0 0 .65rem;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.attendance-departments button{display:block;width:100%;height:auto;min-height:0;margin-bottom:.55rem;padding:.7rem;text-align:left;border-color:var(--line);background:var(--panel)}.attendance-departments button.active{border-color:#ed1e3659;background:#fff5f6}.attendance-departments button span{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.attendance-departments strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.attendance-departments em,.attendance-departments small{color:var(--muted);font-size:.68rem;font-style:normal}.attendance-departments i{display:block;height:6px;margin:.55rem 0 .35rem;overflow:hidden;border-radius:999px;background:var(--soft)}.attendance-departments i b{display:block;height:100%;border-radius:inherit;background:var(--red)}.attendance-main{min-width:0;border-right:1px solid var(--line)}.attendance-toolbar{display:flex;gap:.55rem;padding:.8rem;border-bottom:1px solid var(--line)}.attendance-toolbar label{position:relative;flex:1;min-width:220px}.attendance-toolbar svg{position:absolute;top:11px;left:11px;color:var(--muted)}.attendance-toolbar input{padding-left:2.2rem}.attendance-toolbar>input[type=date]{width:160px;padding-left:.65rem}.attendance-toolbar.department-style{align-items:center;padding:.75rem;border-bottom-color:#94a3b82e;background:#071225}.attendance-toolbar.department-style input,.attendance-toolbar.department-style select{border-color:#24436f;background:#0f1f39;color:#e5edf8}.attendance-toolbar.department-style input::placeholder{color:#9fb3cf}.attendance-toolbar.department-style svg{color:#9fb3cf}.attendance-board{display:grid;gap:0;max-width:100%;overflow-x:auto;min-height:430px;padding:0;background:#071225}.attendance-dept-group{border-bottom:1px solid #223a61;color:#e5edf8}.attendance-dept-group:last-child{border-bottom:0}.attendance-dept-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:0 .9rem;border-bottom:1px solid #223a61;background:#0a172d}.attendance-dept-head div{display:flex;align-items:center;gap:.55rem;min-width:0}.attendance-dept-head svg{color:var(--red)}.attendance-dept-head h3{margin:0;overflow:hidden;color:#f8fbff;font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.attendance-dept-head span{color:#a7bad4;font-size:.78rem;white-space:nowrap}.attendance-table-head,.attendance-row{display:grid;grid-template-columns:minmax(190px,1.5fr) minmax(112px,.85fr) minmax(82px,.65fr) minmax(82px,.65fr) minmax(70px,.55fr) minmax(90px,.75fr) minmax(100px,.75fr) minmax(148px,1fr);align-items:center;column-gap:.8rem}.attendance-table-head{min-height:32px;padding:0 .9rem;background:#0d1b34;color:#93b8f0;font-size:.67rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.attendance-record{border-bottom:1px solid rgba(34,58,97,.75)}.attendance-record:last-child{border-bottom:0}.attendance-row{min-height:70px;padding:.65rem .9rem;color:#dce8fb}.attendance-row>span,.attendance-row>strong{color:#d7e4f7;font-size:.82rem}.attendance-row .badge{width:fit-content}.attendance-review{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 .9rem .75rem;padding:.75rem;border:1px solid rgba(237,97,24,.45);border-radius:8px;background:#ed611814;color:#ffeac9}.attendance-review span{font-size:.8rem}.attendance-review div{display:flex;gap:.55rem;flex-wrap:wrap}.attendance-review button{border-color:#2563a8;background:#102849;color:#34d399}button.danger-outline{border-color:#24436f;background:#111b31;color:#ff3865}.employee-cell strong,.employee-cell span{display:block}.employee-cell strong{color:#fff}.employee-cell span{color:#9fb3cf;font-size:.75rem}.att-btns{display:flex;gap:4px}.att-btn{width:34px;min-width:34px;height:28px;min-height:28px;border-radius:7px;border:1px solid #24436f;background:#0f1f39;padding:0;color:#9fb3cf;font-size:11.5px;font-weight:800}.att-btn:hover{border-color:#6094db}.att-btn.on-P{background:var(--good-bg);border-color:var(--good);color:var(--good)}.att-btn.on-H{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}.att-btn.on-L{background:var(--info-bg);border-color:var(--info);color:var(--info)}.att-btn.on-A{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.attendance-foot{margin:0;padding:.8rem;color:#9fb3cf;font-size:.82rem;border-top:1px solid #223a61;background:#071225}.attendance-impact{min-width:0}.attendance-impact h4,.attendance-impact p{margin:0}.attendance-impact p{margin-top:.3rem;color:var(--muted);font-size:.78rem}.impact-row{display:flex;align-items:center;gap:.6rem;margin-top:.65rem;padding:.7rem;border:1px solid var(--line);border-radius:8px}.impact-row span{min-width:0;flex:1}.impact-row strong,.impact-row em{display:block}.impact-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.impact-row em{color:var(--muted);font-size:.72rem;font-style:normal}.impact-row b{color:var(--bad);font-size:.78rem}.empty.compact{margin-top:.75rem;padding:1rem;font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:start center;padding:4vh 1rem;background:#0f172a80;overflow-y:auto;animation:fadeIn .16s ease both}.modal{width:min(1000px,100%);position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 80px #0f172a59;padding:1.25rem;animation:modalIn .18s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin:0 2rem .25rem 0}.modal-close{position:absolute;top:.85rem;right:.85rem;min-width:34px;width:34px;min-height:34px;padding:0}.employee-status{margin:1rem 0;width:min(260px,100%)}.employee-form{display:grid;gap:.7rem}details{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}summary{cursor:pointer;padding:.8rem .9rem;font-weight:850}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:.9rem}.form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.form-grid label,.document-grid label,.employee-status label{display:grid;gap:.32rem;color:var(--muted);font-size:.76rem;font-weight:800}.wide{grid-column:1 / -1}.modal-actions,.form-actions{justify-content:flex-end;margin-top:1rem}.form-grid>.form-actions{grid-column:1 / -1}.profile-head{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.profile-head h2,.profile-head p{margin:0}.profile-head p{color:var(--muted)}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.profile-grid div{border:1px solid var(--line);border-radius:var(--radius);padding:.75rem;background:#fbfdff}.profile-grid span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.profile-grid strong{display:block;margin-top:.22rem}.document-grid{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:.8rem;align-items:end}.template-grid,.report-grid,.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}.settlement-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;min-width:0;margin-top:1rem}.eos-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.eos-mode-grid article{border:1px solid var(--line);border-radius:8px;padding:.9rem;background:linear-gradient(135deg,#fff,#f8fbff)}.eos-mode-grid span{color:var(--red);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.eos-mode-grid strong{display:block;margin-top:.25rem;font-size:1.3rem}.eos-mode-grid p{margin:.35rem 0 0;color:var(--muted);font-size:.82rem}:root[data-theme=dark] .eos-mode-grid article{background:#101d32}.settlement-preview div{border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:.75rem}.settlement-preview span{display:block;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.settlement-preview strong{display:block;margin-top:.28rem}.recruitment-pipeline{display:grid;grid-template-columns:repeat(6,minmax(185px,220px));gap:.75rem;max-width:100%;margin-top:1rem;overflow-x:auto;padding-bottom:.2rem}.payroll-workspace{--payroll-glow: rgba(237, 30, 54, .18)}.payroll-hero{display:flex;align-items:end;justify-content:space-between;gap:1rem;overflow:hidden;background:radial-gradient(circle at 82% 18%,var(--payroll-glow),transparent 34%),linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}.payroll-hero h3,.payroll-hero span{margin:0}.payroll-hero h3{font-size:clamp(1.8rem,2.4vw,2.8rem)}.payroll-hero span{display:block;max-width:680px;color:#c9d7ea}.payroll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.payroll-tile{border:1px solid var(--line);border-radius:8px;padding:.95rem;background:var(--panel);box-shadow:var(--shadow)}.payroll-tile span{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.payroll-tile strong{display:block;margin-top:.28rem;font-size:1.45rem}.payroll-tile p{margin:.35rem 0 0;color:var(--muted);font-size:.8rem}.payroll-tile.ok{border-color:#13734b47;background:var(--good-bg)}.payroll-tile.warn{border-color:#a6601047;background:var(--warn-bg)}.payroll-register{overflow:hidden}.pipeline-column{min-width:185px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:.65rem}.pipeline-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.55rem;border-bottom:1px solid var(--line)}.pipeline-head strong{font-size:.82rem}.pipeline-head span{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:24px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.74rem;font-weight:900}.candidate-card{display:grid;gap:.55rem;margin-top:.65rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel);padding:.7rem}.candidate-card strong,.candidate-card span,.candidate-card p,.candidate-card em,.candidate-card small{display:block}.candidate-card span,.candidate-card p,.candidate-card small{color:var(--muted)}.candidate-card p,.candidate-card em,.candidate-card small{margin:0;font-size:.78rem}.candidate-card em{color:var(--warn);font-style:normal;font-weight:800}.candidate-card select{min-height:34px;padding-block:.35rem}.candidate-card .row-actions{gap:.35rem}.template-card,.report-card{padding:1rem}.template-card{display:grid;gap:.35rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.template-card svg,.report-card svg{color:var(--red)}.template-card span,.report-card p{color:var(--muted)}.report-card{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.report-card h3,.report-card p{margin:0}.report-card button{margin-top:auto}.report-controls{width:100%}.settings-grid .panel{min-width:0}.settings-grid textarea{min-height:180px}.account-photo-panel{background:radial-gradient(circle at 92% 8%,rgba(237,30,54,.08),transparent 34%),var(--panel)}.account-photo-row{display:flex;align-items:center;gap:.9rem}.account-photo-preview{width:84px;height:84px;flex:0 0 84px;font-size:1.3rem}.account-photo-actions{display:grid;gap:.5rem}.account-photo-actions .button-like{gap:.45rem;width:fit-content;white-space:nowrap}.account-photo-actions p{margin:0}.backend-panel{grid-column:span 2}.backend-actions,.backend-payroll{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.backend-payroll select{width:auto;min-width:142px}.backend-payroll input{width:104px}.button-like{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--line-strong);border-radius:8px;padding:0 .85rem;font-weight:800;cursor:pointer}.button-like input{display:none}.toast{position:fixed;right:1rem;bottom:1rem;z-index:30;background:var(--navy);color:#fff;padding:.8rem 1rem;border-radius:8px;box-shadow:0 20px 50px #0f172a40;font-weight:800}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;border:0;border-radius:0;background:#0f172a7a}@media(max-width:1180px){.topbar{grid-template-columns:auto minmax(200px,1fr) auto}.metric-grid{grid-template-columns:repeat(3,1fr)}.two-col,.hero-panel,.document-grid,.attendance-layout{grid-template-columns:1fr}.hero-orbital{justify-self:start}.hero-actions{justify-content:flex-start}.attendance-metrics{grid-template-columns:repeat(3,1fr)}.payroll-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-departments,.attendance-main{border-right:0;border-bottom:1px solid var(--line)}.attendance-departments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.attendance-departments .mini-label{grid-column:1 / -1;margin-bottom:0}.attendance-departments button{margin-bottom:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;transform:translate(-102%);transition:transform .16s ease}.sidebar.open{transform:translate(0)}.mobile-menu{display:inline-flex}.topbar{height:auto;min-height:74px;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:.75rem .9rem}.page-hint{white-space:normal}.content{padding:.9rem}.metric-grid,.attendance-metrics,.employee-stats,.eos-mode-grid,.template-grid,.report-grid,.settings-grid,.profile-grid,.profile-field-grid,.form-grid,.form-grid.compact{grid-template-columns:1fr}.employee-hero,.employee-card-main{align-items:flex-start}.employee-hero,.employee-hero-actions{flex-direction:column}.employee-hero-actions,.employee-hero-actions button,.employee-card .row-actions button{width:100%}.employee-card-grid,.employee-card-details,.payroll-grid{grid-template-columns:1fr}.payroll-hero{align-items:stretch;flex-direction:column}.login-card{grid-template-columns:1fr}.login-brand,.login-form,.theme-login,.login-visual{grid-column:1}.login-visual{grid-row:auto;min-height:220px}.attendance-hero,.attendance-toolbar{flex-direction:column}.attendance-toolbar label,.attendance-toolbar>input[type=date],.attendance-toolbar select{width:100%;min-width:0}.attendance-dept-group{width:960px;min-width:960px}.attendance-review{align-items:flex-start;flex-direction:column}.attendance-departments{grid-template-columns:1fr}.backend-panel{grid-column:auto}.bar-row{grid-template-columns:110px minmax(80px,1fr) 34px}.hero-panel h2{font-size:1.65rem}.hero-orbital{width:min(100%,280px);height:180px}}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.55rem;max-height:300px;overflow:auto}.checkbox-grid label,.inline-checks label{display:flex;align-items:center;gap:.45rem;color:var(--text);font-size:.8rem}.checkbox-grid input,.inline-checks input{min-height:auto!important;width:auto}.inline-checks{display:flex;flex-wrap:wrap;gap:.75rem;min-height:42px;align-items:center}.permission-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;max-height:46vh;overflow:auto;margin:.8rem 0}.permission-picker fieldset{display:grid;align-content:start;gap:.45rem;border:1px solid var(--line);border-radius:var(--radius-control);padding:.75rem}.permission-picker legend{padding:0 .35rem;font-weight:850}.permission-source{display:grid;gap:.15rem;padding-bottom:.4rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.permission-source span,.compact-control{color:var(--muted);font-size:.74rem}.audit-filters{margin-bottom:1rem}.audit-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-top:.85rem}.audit-pagination>.muted{margin-right:auto}.audit-pagination label{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.76rem;font-weight:750}.audit-pagination select{width:auto;min-width:76px}.switch-row{display:flex;align-items:center;gap:.65rem}.switch-row input{width:1.05rem;height:1.05rem}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.metric-row>div{display:grid;gap:.25rem;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.metric-row span{color:var(--muted);font-size:.78rem}.workflow-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.list-stack{display:grid;gap:.65rem}.list-row{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;padding:.8rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.list-row>div:first-child{display:grid;flex:1 1 260px;gap:.2rem;min-width:0}.list-row strong{color:var(--ink)}.list-row span{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.workflow-card>.list-row{border:0;border-radius:0}.workflow-history{display:grid;gap:.65rem;padding:.85rem 1rem;border-top:1px solid var(--line);background:var(--panel-2)}.workflow-history>div{display:grid;gap:.2rem}.workflow-history span{color:var(--muted);font-size:.8rem}.notifications-menu,.notification-trigger{position:relative}.notification-trigger>span{position:absolute;top:-.3rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:.65rem;font-weight:800}.notifications-popover{position:absolute;z-index:60;top:calc(100% + .65rem);right:0;width:min(25rem,calc(100vw - 2rem));max-height:min(36rem,calc(100vh - 7rem));overflow:auto;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.notification-list{display:grid;gap:.45rem}.notification-list>button{display:grid;gap:.25rem;width:100%;padding:.75rem;text-align:left;border-color:var(--line);background:var(--panel-2)}.notification-list>button.unread{border-left:3px solid var(--red)}.notification-list span,.notification-list small{color:var(--muted);white-space:normal}@media(max-width:640px){.notifications-popover{position:fixed;top:4.75rem;right:1rem;left:1rem;width:auto}}.compact-control{display:grid;gap:.25rem}.microsoft-login{grid-column:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;color:#fff;border-color:#1769aa;background:#1769aa}.microsoft-login:hover{background:#115a94}.login-divider{grid-column:1;display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;border-top:1px solid var(--line)}.app{--navy: #182334;--navy-2: #30425b;--red: #d92745;--red-dark: #b91f39;--teal: #0b8065;--violet: #5865a8;--bg: #f3f5f8;--panel: #ffffff;--panel-2: #f8fafc;--line: #dde3ea;--line-strong: #c5ced9;--ink: #182230;--muted: #627083;--soft: #edf1f5;--good: #087d5d;--good-bg: #e6f5ef;--warn: #9a5d0a;--warn-bg: #fff3d8;--info: #1766a6;--info-bg: #e8f2fb;--bad: #b42342;--bad-bg: #fae9ed;--sidebar-bg: #ffffff;--sidebar-muted: #66758a;--control-bg: #ffffff;--accent-soft: #fbe9ed;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .04);--shadow-hover: 0 2px 4px rgba(16, 24, 40, .05), 0 14px 32px rgba(16, 24, 40, .07);--ring: rgba(217, 39, 69, .2);--radius: 8px;background:var(--bg)}:root[data-theme=dark] .app{--navy: #f1f4f7;--navy-2: #cbd3dc;--red: #ff5871;--red-dark: #ff7489;--teal: #4dd7b2;--violet: #a9b1ff;--bg: #0e1217;--panel: #171c23;--panel-2: #12171d;--line: #2a323c;--line-strong: #3b4653;--ink: #f2f4f7;--muted: #a5afbb;--soft: #202730;--good: #5bd8b0;--good-bg: rgba(69, 197, 154, .13);--warn: #f2c168;--warn-bg: rgba(224, 163, 57, .14);--info: #88bdf4;--info-bg: rgba(76, 145, 211, .15);--bad: #ff8ca0;--bad-bg: rgba(230, 73, 100, .14);--sidebar-bg: #0a0e13;--sidebar-muted: #9da8b5;--control-bg: #1c232c;--accent-soft: rgba(255, 88, 113, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 12px 28px rgba(0, 0, 0, .16);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .3), 0 18px 36px rgba(0, 0, 0, .2);--ring: rgba(255, 88, 113, .25)}.app .sidebar{width:252px;flex-basis:252px;padding:0;border-right:1px solid var(--line);background:var(--sidebar-bg);color:var(--ink)}.app .brand-block{min-height:82px;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.app .brand-block strong{color:var(--ink);font-weight:750}.app .brand-block span:not(.logo-crop),.app .account-label small{color:var(--sidebar-muted)}.app .nav-list{gap:2px;padding:.85rem .7rem}.app .nav-list a,:root[data-theme=dark] .app .nav-list a{min-height:42px;justify-content:flex-start;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--sidebar-muted);font-weight:650;box-shadow:none}.app .nav-list a.active,:root[data-theme=dark] .app .nav-list a.active{border-color:color-mix(in srgb,var(--red) 22%,transparent);background:var(--accent-soft);color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.app .account-menu{padding:.75rem;border-top:1px solid var(--line)}.app .account-trigger,:root[data-theme=dark] .app .account-trigger{min-height:48px;border-color:var(--line);background:var(--panel-2);color:var(--ink)}.app .workspace{min-width:0;background:var(--bg)}.app .topbar,:root[data-theme=dark] .app .topbar{min-height:82px;padding:.8rem 1.5rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 1px #10182805}.app .page-title{gap:0;padding-left:.85rem}.app .page-title:before{width:3px}.app .page-title .section-label{color:var(--red);font-size:.68rem;letter-spacing:.08em}.app .page-title h1{margin-top:.12rem;font-size:1.35rem;font-weight:750}.app .page-hint{margin-top:.12rem;color:var(--muted);font-size:.78rem}.app .content{width:min(1540px,100%);gap:1rem;padding:1.25rem 1.5rem 2rem}.app .panel,.app .metric,.app .report-card,.app .employee-card,.app .template-card,.app .pipeline-column,.app .candidate-card,.app .payroll-tile,.app details,.app .modal,:root[data-theme=dark] .app .panel,:root[data-theme=dark] .app .metric,:root[data-theme=dark] .app .report-card,:root[data-theme=dark] .app .employee-card,:root[data-theme=dark] .app .template-card,:root[data-theme=dark] .app .pipeline-column,:root[data-theme=dark] .app .candidate-card,:root[data-theme=dark] .app details,:root[data-theme=dark] .app .modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.app .panel:hover,.app .metric:hover,.app .report-card:hover,.app .employee-card:hover,.app .template-card:hover,.app .payroll-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-hover)}.app .panel,.app .report-card,.app .template-card,.app .pipeline-column{padding:1rem}.app .panel-head{min-height:42px;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.app .panel-head h3{font-size:1rem;font-weight:750}.app .hero-panel{border-color:var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.app .metric{min-height:126px;padding:1rem}.app .metric span,.app .attendance-metric span,.app .payroll-tile span{letter-spacing:.055em}.app button,.app .button-like,:root[data-theme=dark] .app button{min-height:40px;border-color:var(--line-strong);border-radius:7px;background:var(--control-bg);color:var(--ink);font-weight:700;box-shadow:none}.app button:hover:not(.scrim):not(.active),.app .button-like:hover{border-color:var(--muted);background:var(--panel-2);color:var(--ink)}.app button.primary,.app .primary,:root[data-theme=dark] .app button.primary,:root[data-theme=dark] .app .primary{border-color:var(--red);background:var(--red);color:#fff}.app button.primary:hover,.app .primary:hover{border-color:var(--red-dark);background:var(--red-dark);color:#fff}.app input,.app select,.app textarea,:root[data-theme=dark] .app input,:root[data-theme=dark] .app select,:root[data-theme=dark] .app textarea{min-height:40px;border-color:var(--line-strong);border-radius:7px;background:var(--control-bg);color:var(--ink);box-shadow:0 1px 1px #10182805}.app input:hover,.app select:hover,.app textarea:hover{border-color:var(--muted)}.app input:focus,.app select:focus,.app textarea:focus,.app button:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--red)}.app .table-wrap{border:1px solid var(--line);border-radius:7px;background:var(--panel);box-shadow:none}.app th,:root[data-theme=dark] .app th{height:42px;background:var(--panel-2);color:var(--muted);font-size:.69rem;letter-spacing:.055em}.app td{height:48px;border-color:var(--line)}.app tbody tr:hover{background:color-mix(in srgb,var(--info) 5%,var(--panel))}.app .badge{min-height:24px;padding:.25rem .65rem;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:999px}.app .empty,.app .employee-filters,:root[data-theme=dark] .app .empty,:root[data-theme=dark] .app .employee-filters{border-color:var(--line);background:var(--panel-2)}.app .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.app .settings-grid .backend-panel{grid-column:1 / -1}.app .attendance-toolbar.department-style,.app .attendance-board,.app .attendance-foot{background:var(--panel-2)}.app .attendance-dept-head,.app .attendance-table-head{background:var(--panel)}.app .modal-backdrop{background:#04080ead;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app .toast{border-color:var(--line-strong);background:var(--panel);color:var(--ink)}@media(max-width:980px){.app .settings-grid{grid-template-columns:1fr}.app .settings-grid .backend-panel{grid-column:auto}}@media(max-width:760px){.app .content{padding:1rem .85rem 1.5rem}.app .topbar,:root[data-theme=dark] .app .topbar{min-height:74px;padding:.7rem .85rem}.app button,.app .button-like,:root[data-theme=dark] .app button,.app input,.app select{min-height:44px}}:root[data-theme=dark]{--red: #f04f68;--red-dark: #ff6f83;--teal: #55d6b6;--violet: #b59cff;--bg: #101115;--panel: #191b21;--panel-2: #14161b;--line: #30343d;--line-strong: #424854;--ink: #f4f2f3;--muted: #aaa8ae;--soft: #23262d;--good: #62d9b4;--good-bg: rgba(67, 192, 151, .14);--warn: #f1bd68;--warn-bg: rgba(226, 164, 61, .14);--info: #89b9f5;--info-bg: rgba(94, 151, 220, .15);--bad: #ff8b9b;--bad-bg: rgba(234, 76, 99, .14);--sidebar-bg: #0c0d11;--sidebar-muted: #aaaeb8;--control-bg: #20232a;--accent-soft: rgba(240, 79, 104, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 14px 32px rgba(0, 0, 0, .2);--shadow-hover: 0 2px 5px rgba(0, 0, 0, .35), 0 18px 38px rgba(0, 0, 0, .25);--ring: rgba(240, 79, 104, .28)}.login-shell{position:relative;min-height:100dvh;display:grid;grid-template-columns:minmax(340px,470px) minmax(0,1fr);place-items:stretch;align-items:center;gap:clamp(1.5rem,4vw,5rem);overflow:hidden;padding:clamp(1.25rem,4vw,4rem);background:#0c0d11}.login-card,:root[data-theme=dark] .login-card{position:relative;z-index:2;grid-column:1;width:100%;display:grid;grid-template-columns:1fr;gap:1.15rem;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);box-shadow:0 28px 80px #00000057}.login-brand,.login-form,.theme-login{grid-column:1}.login-brand{padding-bottom:.9rem;border-bottom:1px solid var(--line)}.login-card h1{max-width:12ch;margin:.3rem 0 .55rem;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.login-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.78rem;font-weight:800}.login-form button{min-height:46px}.login-stage{position:relative;z-index:1;grid-column:2;align-self:stretch;min-width:0;min-height:520px;overflow:hidden}.login-scene,.login-scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.login-scene{overflow:hidden;background:radial-gradient(circle at 58% 40%,rgba(214,31,75,.27),transparent 22rem),radial-gradient(circle at 78% 70%,rgba(54,214,196,.12),transparent 18rem),linear-gradient(145deg,#111319,#07090d 68%)}.login-scene-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 58% 43%,#000 0 20%,transparent 68%);mask-image:radial-gradient(circle at 58% 43%,#000 0 20%,transparent 68%);transform:perspective(500px) rotateX(58deg) scale(1.5) translateY(10%)}.login-scene-core{position:absolute;top:41%;left:60%;width:clamp(7.5rem,13vw,11rem);aspect-ratio:1;border:1px solid rgba(255,255,255,.34);border-radius:26%;background:linear-gradient(145deg,#ff5d7bdb,#551229eb);box-shadow:inset 0 0 38px #ffffff29,0 32px 80px #00000075,0 0 70px #d61f4b2e;transform:translate(-50%,-50%) rotate(45deg);animation:login-core-float 8s ease-in-out infinite}.login-scene-core:before,.login-scene-core:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px solid rgba(255,255,255,.24);border-radius:30%}.login-scene-core:after{top:35%;right:35%;bottom:35%;left:35%;background:#ffffffc7;box-shadow:0 0 26px #ffffff6b}.login-scene-core span{position:absolute;z-index:1;width:9px;height:9px;border-radius:50%;background:#f8f7f8;box-shadow:0 0 16px #ffffffbd}.login-scene-core span:nth-child(1){top:15%;left:50%}.login-scene-core span:nth-child(2){right:16%;bottom:27%}.login-scene-core span:nth-child(3){bottom:14%;left:25%}.login-scene-orbit{position:absolute;top:41%;left:60%;width:clamp(15rem,29vw,27rem);height:clamp(5rem,9vw,8rem);border:1px solid rgba(255,105,132,.38);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);animation:login-orbit-drift 10s ease-in-out infinite}.login-scene-orbit.orbit-two{width:clamp(12rem,23vw,21rem);height:clamp(4rem,7vw,6rem);border-color:#59e0c747;transform:translate(-50%,-50%) rotate(32deg);animation-delay:-4s}.login-scene-pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff5d7b;box-shadow:0 0 22px #ff5d7bd9;animation:login-pulse 3.4s ease-in-out infinite}.login-scene-pulse.pulse-one{top:22%;left:42%}.login-scene-pulse.pulse-two{top:33%;right:14%;animation-delay:-1.2s}.login-scene-pulse.pulse-three{right:24%;bottom:27%;animation-delay:-2.2s}@keyframes login-core-float{0%,to{transform:translate(-50%,-50%) rotate(42deg) scale(.98)}50%{transform:translate(-50%,calc(-50% - 12px)) rotate(48deg) scale(1.02)}}@keyframes login-orbit-drift{0%,to{opacity:.55}50%{opacity:1}}@keyframes login-pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}.login-scene-fallback{border-left:1px solid rgba(255,255,255,.08);background:#111319}.login-stage-copy{position:absolute;left:clamp(1rem,4vw,4rem);bottom:clamp(1.5rem,5vw,4.5rem);z-index:2;max-width:430px;color:#f8f7f8;text-shadow:0 2px 18px rgba(0,0,0,.7);pointer-events:none}.login-stage-copy span,.login-stage-copy strong,.login-stage-copy small{display:block}.login-stage-copy span{color:#ff7d90;font-size:.72rem;font-weight:850;text-transform:uppercase}.login-stage-copy strong{margin-top:.35rem;font-size:clamp(1.6rem,3vw,2.65rem);line-height:1.08}.login-stage-copy small{max-width:48ch;margin-top:.65rem;color:#c2c6cf;font-size:.9rem;line-height:1.55}.avatar{overflow:hidden;border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--red)}.avatar img{width:100%;height:100%;display:block;object-fit:cover;opacity:1;filter:none}.employee-photo-editor{display:flex;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.employee-photo-editor>.avatar{width:88px;height:88px;flex:0 0 88px;font-size:1.2rem}.employee-photo-editor>div{min-width:0}.employee-photo-editor p{margin:.25rem 0 .75rem;color:var(--muted);font-size:.82rem}.profile-head>.avatar{width:64px;height:64px;flex:0 0 64px}.modal-backdrop{cursor:pointer}.modal{cursor:default}:root[data-theme=dark] .sidebar{border-right-color:#292c34;background:var(--sidebar-bg)}:root[data-theme=dark] .nav-list a:not(.active):hover{background:#1a1d23}:root[data-theme=dark] .nav-list a.active{border-color:#f04f6852;background:#841a2e47}:root[data-theme=dark] .topbar{background:#191b21f2}@media(max-width:900px){.login-shell{grid-template-columns:1fr;overflow:auto;padding:0}.login-stage{grid-column:1;grid-row:1;min-height:270px}.login-card,:root[data-theme=dark] .login-card{grid-column:1;grid-row:2;width:min(100% - 1.5rem,540px);margin:-1.25rem auto 1rem;z-index:3}.login-stage-copy{top:1.25rem;bottom:auto;max-width:280px}.login-stage-copy strong{font-size:1.45rem}.login-stage-copy small{display:none}}@media(max-width:520px){.employee-photo-editor{align-items:flex-start;flex-direction:column}.employee-photo-editor .inline-controls,.employee-photo-editor .inline-controls>*{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}:root{--navy: #172033;--navy-2: #26364d;--red: #d9273e;--red-dark: #b91c32;--teal: #087f5b;--violet: #5966b3;--bg: #f4f6f9;--panel: #ffffff;--panel-2: #f8fafc;--line: #dfe3e8;--line-strong: #c7ced8;--ink: #182230;--muted: #5f6b7a;--soft: #eef1f5;--good: #087f5b;--good-bg: #e8f6f0;--warn: #9a5b0b;--warn-bg: #fff4d8;--info: #175ea8;--info-bg: #e9f2ff;--bad: #b4233b;--bad-bg: #fdecef;--sidebar-bg: #141b27;--sidebar-muted: #aeb8c6;--control-bg: #ffffff;--accent-soft: #fbeaec;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 8px 24px rgba(16, 24, 40, .05);--shadow-hover: 0 2px 4px rgba(16, 24, 40, .06), 0 12px 28px rgba(16, 24, 40, .07);--ring: rgba(217, 39, 62, .2);--radius: 7px}:root[data-theme=dark]{--navy: #f0f3f7;--navy-2: #d1d7e0;--red: #ff5269;--red-dark: #ff7184;--teal: #48d7ad;--violet: #9ca8ff;--bg: #0d1117;--panel: #161c24;--panel-2: #11171f;--line: #2a3441;--line-strong: #3a4655;--ink: #f0f3f7;--muted: #a5b0be;--soft: #202936;--good: #55d6a9;--good-bg: rgba(85, 214, 169, .13);--warn: #f2bd63;--warn-bg: rgba(242, 189, 99, .14);--info: #79b8ff;--info-bg: rgba(121, 184, 255, .13);--bad: #ff8293;--bad-bg: rgba(255, 130, 147, .13);--sidebar-bg: #090d12;--sidebar-muted: #9ba7b6;--control-bg: #1a222c;--accent-soft: rgba(255, 82, 105, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 28px rgba(0, 0, 0, .18);--shadow-hover: 0 2px 4px rgba(0, 0, 0, .34), 0 16px 34px rgba(0, 0, 0, .22);--ring: rgba(255, 82, 105, .24)}body,.login-shell{background:var(--bg)}.login-shell{background:var(--sidebar-bg)}.login-card,:root[data-theme=dark] .login-card{background:var(--panel);border-color:var(--line-strong);box-shadow:0 24px 64px #0000003d;transform:none}.login-visual{align-content:center;gap:.6rem;min-height:280px;padding:2rem;background:var(--sidebar-bg);text-align:center}.login-visual-mark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff12;color:#ff6a7d}.login-visual strong,.login-visual small{position:static;color:#f7f9fc}.login-visual small{color:#aeb8c6}button,:root[data-theme=dark] button,.button-like{gap:.45rem;min-height:40px;border-color:var(--line-strong);border-radius:var(--radius);background:var(--control-bg);color:var(--ink);box-shadow:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}button:hover:not(.scrim),.button-like:hover{border-color:var(--muted);background:var(--panel-2);box-shadow:none;transform:none}button.primary,.primary,:root[data-theme=dark] button.primary,:root[data-theme=dark] .primary{border-color:var(--red);background:var(--red);color:#fff}input,select,textarea,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{min-height:40px;border-color:var(--line-strong);border-radius:var(--radius);background:var(--control-bg);color:var(--ink)}.sidebar{width:264px;flex-basis:264px;background:var(--sidebar-bg);box-shadow:none}.brand-block span:not(.logo-crop),.account-label small,.nav-list a{color:var(--sidebar-muted)}.nav-list a.active{border-color:#ff526940;background:#d9273e24;color:#fff;box-shadow:inset 3px 0 0 var(--red)}.account-popover{border-color:var(--line-strong);background:var(--panel);box-shadow:var(--shadow-hover)}.topbar,:root[data-theme=dark] .topbar{min-height:84px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-color:var(--line)}.page-title:before{border-radius:2px;background:var(--red);box-shadow:none}.content{width:min(1520px,100%);padding:1.25rem}.metric,.panel,.report-card,.employee-card,.template-card,.pipeline-column,.candidate-card,.payroll-tile,details,.modal,:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .report-card,:root[data-theme=dark] .employee-card,:root[data-theme=dark] .template-card,:root[data-theme=dark] .pipeline-column,:root[data-theme=dark] .candidate-card,:root[data-theme=dark] details,:root[data-theme=dark] .modal{border-color:var(--line);background:var(--panel);box-shadow:var(--shadow)}.panel:hover,.metric:hover,.report-card:hover,.employee-card:hover,.template-card:hover,.payroll-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:none}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(220px,280px);min-height:0;gap:1.25rem;padding:1.25rem;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.hero-copy{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:.85rem;align-items:center}.hero-copy .section-label{grid-column:1 / -1;margin-bottom:.55rem}.hero-logo-crop{grid-row:2 / span 2;width:52px;height:52px}.hero-panel h2{margin:0;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.2}.hero-panel p{color:var(--muted)}.dashboard-snapshot{align-self:stretch;padding:.9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.dashboard-snapshot>span{color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.dashboard-snapshot>strong{display:block;margin-top:.2rem}.dashboard-snapshot dl{display:grid;gap:.4rem;margin:.8rem 0 0}.dashboard-snapshot dl div{display:flex;justify-content:space-between;gap:.75rem;padding-top:.4rem;border-top:1px solid var(--line)}.dashboard-snapshot dt{color:var(--muted)}.dashboard-snapshot dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}.metric{padding:.9rem 1rem}.metric strong{font-variant-numeric:tabular-nums}.employee-hero,.payroll-hero,.account-photo-panel,.employee-directory-panel,.employee-card-main,.profile-grid div,.profile-field-grid div,.profile-sections section,.profile-sections h3,.settlement-preview div,.eos-mode-grid article,:root[data-theme=dark] .eos-mode-grid article,:root[data-theme=dark] .employee-directory-panel,:root[data-theme=dark] .employee-card-main,:root[data-theme=dark] .profile-grid div,:root[data-theme=dark] .profile-field-grid div,:root[data-theme=dark] .profile-sections h3,:root[data-theme=dark] .settlement-preview div{background:var(--panel);color:var(--ink)}.employee-hero span,.payroll-hero span{color:var(--muted)}.table-wrap,th,:root[data-theme=dark] th{background:var(--panel-2);box-shadow:none}td{font-variant-numeric:tabular-nums}.attendance-hero,:root[data-theme=dark] .attendance-hero{background:var(--panel)}.attendance-metric.payroll{border-color:color-mix(in srgb,var(--violet) 30%,var(--line));background:color-mix(in srgb,var(--violet) 11%,var(--panel));color:var(--violet)}.attendance-toolbar.department-style,.attendance-board,.attendance-foot{border-color:var(--line);background:var(--panel-2);color:var(--ink)}.attendance-toolbar.department-style input,.attendance-toolbar.department-style select{border-color:var(--line-strong);background:var(--control-bg);color:var(--ink)}.attendance-toolbar.department-style input::placeholder,.attendance-toolbar.department-style svg{color:var(--muted)}.attendance-dept-group,.attendance-dept-head,.attendance-table-head,.attendance-record{border-color:var(--line)}.attendance-dept-group,.attendance-row,.attendance-row>span,.attendance-row>strong,.employee-cell strong{color:var(--ink)}.attendance-dept-head,.attendance-table-head{background:var(--panel)}.attendance-dept-head h3{color:var(--ink)}.attendance-dept-head span,.employee-cell span,.attendance-foot{color:var(--muted)}.attendance-review{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warn-bg);color:var(--ink)}.attendance-review button,button.danger-outline,.att-btn{border-color:var(--line-strong);background:var(--control-bg)}.attendance-review button{color:var(--good)}button.danger-outline{color:var(--bad)}.att-btns{gap:6px}.att-btn{width:36px;min-width:36px;height:34px;min-height:34px;color:var(--muted)}.badge.neutral,:root[data-theme=dark] .badge.neutral,.empty,:root[data-theme=dark] .empty,.employee-filters,:root[data-theme=dark] .employee-filters{background:var(--soft)}.modal-backdrop{background:#04080e9e}.toast{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);box-shadow:var(--shadow-hover)}@media(max-width:1180px){.hero-panel{grid-template-columns:1fr}.dashboard-snapshot{max-width:460px}}@media(max-width:760px){.hero-copy{grid-template-columns:44px minmax(0,1fr)}.hero-logo-crop{width:44px;height:44px}.attendance-hero .inline-controls,.attendance-hero .inline-controls>*{width:100%}}:root{--navy: #121a2a;--navy-2: #273550;--red: #d61f4b;--red-dark: #b7133c;--teal: #087f68;--violet: #6750a4;--bg: #f2f5fa;--panel: #ffffff;--panel-2: #f7f9fc;--line: #e1e7ef;--line-strong: #cbd5e1;--ink: #111827;--muted: #667085;--soft: #edf1f6;--good: #067a57;--good-bg: #e7f7f0;--warn: #9a5b0b;--warn-bg: #fff5da;--info: #235fa4;--info-bg: #eaf2ff;--bad: #b4233b;--bad-bg: #fdecef;--sidebar-bg: #101725;--sidebar-muted: #aeb8c8;--control-bg: #ffffff;--accent-soft: #fbe9ef;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px rgba(16, 24, 40, .055);--shadow-hover: 0 2px 5px rgba(16, 24, 40, .06), 0 16px 36px rgba(16, 24, 40, .09);--ring: rgba(214, 31, 75, .2);--radius: 14px;--radius-control: 10px;font-family:Inter,Aptos,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}:root[data-theme=dark]{--navy: #f5f7fb;--navy-2: #d7deea;--red: #ff5575;--red-dark: #ff728c;--teal: #4bd5b2;--violet: #b4a2ff;--bg: #080c13;--panel: #101722;--panel-2: #0d141e;--line: #202c3c;--line-strong: #344258;--ink: #f3f6fb;--muted: #9ba8ba;--soft: #1a2432;--good: #5bd8ad;--good-bg: rgba(62, 196, 150, .14);--warn: #f3c36d;--warn-bg: rgba(224, 165, 57, .14);--info: #8dbdff;--info-bg: rgba(82, 145, 226, .14);--bad: #ff8ba0;--bad-bg: rgba(224, 72, 101, .14);--sidebar-bg: #070b11;--sidebar-muted: #95a2b5;--control-bg: #141d29;--accent-soft: rgba(255, 85, 117, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 38px rgba(0, 0, 0, .18);--shadow-hover: 0 2px 5px rgba(0, 0, 0, .35), 0 22px 48px rgba(0, 0, 0, .24);--ring: rgba(255, 85, 117, .24)}html{background:var(--bg);scrollbar-color:var(--line-strong) transparent}body,.app{background:var(--bg);color:var(--ink)}body{letter-spacing:-.006em}button,input,select,textarea{font:inherit}button,.button-like,:root[data-theme=dark] button{min-height:42px;padding:.62rem .86rem;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--control-bg);color:var(--ink);box-shadow:0 1px 2px #1018280a;font-size:.82rem;font-weight:720;line-height:1;transition:transform .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}button:hover:not(:disabled):not(.scrim),.button-like:hover{border-color:color-mix(in srgb,var(--red) 34%,var(--line-strong));background:color-mix(in srgb,var(--panel-2) 86%,var(--accent-soft));box-shadow:0 6px 16px #10182812;transform:translateY(-1px)}button:active:not(:disabled),.button-like:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.52}button.primary,.primary,:root[data-theme=dark] button.primary,:root[data-theme=dark] .primary{border-color:var(--red-dark);background:linear-gradient(180deg,color-mix(in srgb,var(--red) 92%,#ffffff),var(--red-dark));color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--red) 22%,transparent)}button.primary:hover:not(:disabled),.primary:hover:not(:disabled){border-color:var(--red-dark);background:linear-gradient(180deg,var(--red),var(--red-dark));box-shadow:0 10px 24px color-mix(in srgb,var(--red) 28%,transparent)}input,select,textarea,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--control-bg);color:var(--ink);box-shadow:0 1px 2px #10182806;font-size:.86rem}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)}input:focus,select:focus,textarea:focus,button:focus-visible,.table-wrap:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-color:var(--red)}.sidebar{width:252px;flex-basis:252px;border-right:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,#121a2a 0%,var(--sidebar-bg) 64%,#0b111c 100%);box-shadow:12px 0 34px #090f1914}:root[data-theme=dark] .sidebar{border-right-color:var(--line);background:linear-gradient(180deg,#0a1019 0%,var(--sidebar-bg) 72%,#05080d 100%)}.brand-block{min-height:84px;padding:1rem .9rem;border-bottom-color:#ffffff14}.brand-block strong{color:#fff;font-size:1rem;font-weight:780;letter-spacing:-.01em}.brand-block span:not(.logo-crop){color:var(--sidebar-muted);font-size:.72rem}.logo-crop.wordmark{width:42px;height:42px;border-radius:11px;background:#ffffff0e}.sidebar-close{display:none;width:38px;min-width:38px;min-height:38px;margin-left:auto;padding:0;border-color:#ffffff1f;background:#ffffff0e;color:#fff}.nav-list{gap:.2rem;padding:.8rem .65rem}.nav-list a,:root[data-theme=dark] .nav-list a{min-height:42px;padding:.64rem .76rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--sidebar-muted);box-shadow:none;font-size:.84rem;font-weight:680}.nav-list a svg{flex:0 0 auto;opacity:.88;stroke-width:1.8}.nav-list a:hover,:root[data-theme=dark] .nav-list a:not(.active):hover{border-color:#ffffff0f;background:#ffffff0e;color:#fff;box-shadow:none;transform:none}.nav-list a.active,:root[data-theme=dark] .nav-list a.active{border-color:#ff5d7b47;background:linear-gradient(90deg,#d61f4b33,#d61f4b14);color:#fff;box-shadow:inset 3px 0 0 var(--red),0 8px 20px #0000001c}.account-menu{padding:.72rem;border-top-color:#ffffff14}.account-trigger,.account-trigger:hover{width:100%;min-height:54px;padding:.55rem;border-color:#ffffff1a;background:#ffffff0b;color:#fff;box-shadow:none;transform:none}.account-avatar{width:36px;height:36px;flex-basis:36px;box-shadow:inset 0 0 0 1px #ffffff2e}.account-label strong{color:#fff;font-size:.76rem}.account-label small{color:var(--sidebar-muted);font-size:.67rem;letter-spacing:.045em;text-transform:uppercase}.account-chevron{margin-left:auto;color:var(--sidebar-muted)}.account-popover{border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);box-shadow:var(--shadow-hover)}.account-popover button,.account-popover button:hover{color:var(--ink)}.workspace{min-height:100vh;background:var(--bg)}.topbar,:root[data-theme=dark] .topbar{min-height:84px;grid-template-columns:minmax(0,1fr) auto;padding:.8rem clamp(1rem,2.2vw,2rem);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 91%,transparent);box-shadow:0 1px #10182805;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.page-title{padding-left:0}.page-title:before{display:none}.topbar h1{margin:.12rem 0 0;color:var(--ink);font-size:clamp(1.32rem,1.8vw,1.58rem);font-weight:760;letter-spacing:-.025em}.page-hint{margin-top:.16rem;color:var(--muted);font-size:.78rem}.section-label{color:var(--red);font-size:.66rem;font-weight:820;letter-spacing:.115em}.topbar-actions{display:flex;align-items:center;gap:.5rem}.icon-button,.mobile-menu{width:42px;min-width:42px;min-height:42px;padding:0;color:var(--muted)}.content{width:min(1580px,100%);margin:0 auto;padding:clamp(1rem,2vw,1.55rem)}.content>section,.content>.report-grid,.content>.settings-grid{animation-duration:.18s}.panel,.metric,.report-card,.employee-card,.template-card,.pipeline-column,.candidate-card,.payroll-tile,details,.modal,:root[data-theme=dark] .panel,:root[data-theme=dark] .metric,:root[data-theme=dark] .report-card,:root[data-theme=dark] .employee-card,:root[data-theme=dark] .template-card,:root[data-theme=dark] .pipeline-column,:root[data-theme=dark] .candidate-card,:root[data-theme=dark] details,:root[data-theme=dark] .modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.panel:hover,.metric:hover,.report-card:hover,.employee-card:hover,.template-card:hover,.payroll-tile:hover{border-color:color-mix(in srgb,var(--line-strong) 82%,var(--red));box-shadow:var(--shadow-hover);transform:translateY(-1px)}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(240px,310px);min-height:0;gap:1.25rem;padding:clamp(1.1rem,2vw,1.45rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--panel) 0%,color-mix(in srgb,var(--panel) 94%,var(--accent-soft)) 100%);color:var(--ink);box-shadow:var(--shadow)}.hero-panel:before,.hero-panel:after{display:none}.hero-copy{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;column-gap:.9rem}.hero-copy .section-label{grid-column:1 / -1;margin-bottom:.6rem}.hero-logo-crop{grid-row:2 / span 2;width:54px;height:54px;border-radius:12px;background:var(--panel-2)}.hero-panel h2{margin:0;color:var(--ink);font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:770;line-height:1.16;letter-spacing:-.025em}.hero-panel p{color:var(--muted);font-size:.9rem}.dashboard-snapshot{align-self:stretch;padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.dashboard-snapshot>span{color:var(--muted);font-size:.65rem;font-weight:820;letter-spacing:.08em;text-transform:uppercase}.dashboard-snapshot>strong{display:block;margin-top:.25rem;font-size:.94rem}.dashboard-snapshot dl div{border-top-color:var(--line)}.hero-actions{grid-column:1 / -1;justify-content:flex-start}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem}.metric{min-height:126px;padding:1rem;overflow:hidden}.metric:before{width:3px;background:var(--line-strong)}.metric span,.payroll-tile span{color:var(--muted);font-size:.66rem;font-weight:820;letter-spacing:.075em}.metric strong,.payroll-tile strong{color:var(--ink);font-size:clamp(1.45rem,2.2vw,1.78rem);font-weight:760;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.metric p,.payroll-tile p{color:var(--muted);font-size:.76rem;line-height:1.35}.two-col{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:1rem}.panel{padding:1rem}.panel-head{align-items:center;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom-color:var(--line)}.panel-head h3{color:var(--ink);font-size:.96rem;font-weight:750;letter-spacing:-.015em}.panel-head span,.muted{color:var(--muted);font-size:.78rem}.bar-row>div{height:9px;background:var(--soft)}.bar-row i{border-radius:999px;background:linear-gradient(90deg,var(--red-dark),var(--red))}.table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:none;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}table{font-size:.82rem}th,:root[data-theme=dark] th{padding:.72rem .75rem;border-bottom-color:var(--line);background:var(--panel-2);color:var(--muted);font-size:.64rem;font-weight:820;letter-spacing:.075em}td{padding:.72rem .75rem;border-bottom-color:var(--line);color:var(--ink)}tbody tr{transition:background-color .13s ease}tbody tr:hover,:root[data-theme=dark] tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 42%,transparent)}.empty,:root[data-theme=dark] .empty{min-height:88px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:12px;background:var(--panel-2);color:var(--muted)}.badge{min-height:25px;padding:0 .68rem;border:1px solid color-mix(in srgb,currentColor 18%,transparent);font-size:.69rem;font-weight:760}.employee-hero,.payroll-hero,.attendance-hero,.account-photo-panel,.employee-directory-panel,.employee-card-main,.profile-grid div,.profile-field-grid div,.profile-sections section,.profile-sections h3,.settlement-preview div,.eos-mode-grid article,:root[data-theme=dark] .attendance-hero,:root[data-theme=dark] .employee-directory-panel,:root[data-theme=dark] .employee-card-main,:root[data-theme=dark] .profile-grid div,:root[data-theme=dark] .profile-field-grid div,:root[data-theme=dark] .profile-sections h3,:root[data-theme=dark] .settlement-preview div{border-color:var(--line);background:var(--panel);color:var(--ink)}.employee-filters,:root[data-theme=dark] .employee-filters,.attendance-toolbar.department-style,.attendance-board,.attendance-foot{border-color:var(--line);background:var(--panel-2)}.payroll-tile{min-height:118px;padding:1rem}.row-actions{gap:.4rem}.row-actions button{min-height:34px;padding:.48rem .62rem;font-size:.75rem}.filters,.inline-controls{gap:.65rem}.form-grid label,.document-grid label,.employee-status label,.login-form label{color:var(--muted);font-size:.72rem;font-weight:760;letter-spacing:.01em}details{overflow:hidden}summary{min-height:46px;padding:.88rem 1rem;color:var(--ink);font-size:.84rem}.modal-backdrop{z-index:60;padding:4vh 1rem;background:#05090fad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(980px,100%);max-height:92dvh;overflow-y:auto;padding:clamp(1rem,2vw,1.35rem);border-radius:16px;box-shadow:0 32px 90px #00000057}.modal h2{color:var(--ink);font-size:1.35rem;letter-spacing:-.025em}.modal-close{top:.8rem;right:.8rem;width:38px;min-width:38px;min-height:38px;padding:0}.modal-backdrop>.modal .modal-actions{position:sticky;bottom:-1.35rem;z-index:2;margin:1.1rem -1.35rem -1.35rem;padding:.85rem 1.35rem;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast{right:1rem;bottom:1rem;min-width:min(340px,calc(100vw - 2rem));border:1px solid var(--line-strong);border-radius:12px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow-hover)}.login-shell{min-height:100dvh;gap:clamp(1.25rem,4vw,4.5rem);padding:clamp(1rem,4vw,3.5rem);background:linear-gradient(135deg,#e8edf5,#f7f9fc 46%,#e8edf5)}:root[data-theme=dark] .login-shell{background:linear-gradient(135deg,#070b11,#101722 48%,#070b11)}.login-card,:root[data-theme=dark] .login-card{gap:1.25rem;padding:clamp(1.4rem,3vw,2.2rem);border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 30px 90px #090f1933}.login-brand{border-bottom-color:var(--line)}.login-card h1{color:var(--ink);font-weight:780;letter-spacing:-.04em}.login-stage{border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#0b111c;box-shadow:0 34px 100px #080d1642}.theme-login{justify-self:start}.scrim{z-index:49;background:#05090f94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(max-width:1320px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1080px){.two-col,.hero-panel,.document-grid,.attendance-layout{grid-template-columns:1fr}.dashboard-snapshot{max-width:520px}}@media(max-width:900px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(320px,88vw);height:100dvh;transform:translate(-102%);transition:transform .19s cubic-bezier(.22,1,.36,1);box-shadow:26px 0 70px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-close,.mobile-menu{display:inline-flex}.topbar,:root[data-theme=dark] .topbar{grid-template-columns:auto minmax(0,1fr) auto}}@media(max-width:760px){.topbar,:root[data-theme=dark] .topbar{min-height:66px;padding:.65rem .75rem}.page-title .section-label,.page-hint{display:none}.topbar h1{margin:0;overflow:hidden;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap}.icon-button,.mobile-menu{width:42px;min-width:42px}.content{padding:.78rem}.hero-panel{gap:1rem;padding:.95rem}.hero-copy{grid-template-columns:44px minmax(0,1fr);column-gap:.75rem}.hero-logo-crop{width:44px;height:44px}.hero-panel h2{font-size:1.26rem}.hero-panel p{font-size:.82rem}.dashboard-snapshot{width:100%;max-width:none}.hero-actions,.employee-hero-actions,.filters,.inline-controls{align-items:stretch}.hero-actions button{flex:1 1 150px}.metric-grid,.attendance-metrics,.employee-stats,.payroll-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.metric,.payroll-tile{min-height:116px;padding:.82rem}.metric strong,.payroll-tile strong{font-size:clamp(1.2rem,6.6vw,1.55rem);overflow-wrap:anywhere}.panel{padding:.82rem}.panel-head{align-items:flex-start;flex-wrap:wrap;gap:.55rem}.panel-head>div,.panel-head>h3{min-width:0}.bar-row{grid-template-columns:92px minmax(80px,1fr) 28px;gap:.5rem;font-size:.76rem}.table-wrap{margin-inline:-.1rem;-webkit-overflow-scrolling:touch}table{min-width:680px}th,td{padding:.68rem .62rem}.row-actions{flex-wrap:nowrap}.filters>label,.filters>input,.filters>select,.inline-controls>input,.inline-controls>select{width:100%;min-width:0}.form-grid,.form-grid.compact,.profile-grid,.profile-field-grid,.settings-grid,.report-grid,.template-grid,.eos-mode-grid{grid-template-columns:1fr}.modal-backdrop{place-items:end center;padding:0}.modal{width:100%;max-height:92dvh;border-right:0;border-bottom:0;border-left:0;border-radius:20px 20px 0 0;padding:1rem}.modal-backdrop>.modal .modal-actions{bottom:-1rem;margin:1rem -1rem -1rem;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom))}.modal-backdrop>.modal .modal-actions button{flex:1 1 120px}.toast{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));left:.75rem;width:auto;min-width:0}.login-shell{gap:0;padding:0}.login-stage{min-height:230px;border:0;border-radius:0}.login-card,:root[data-theme=dark] .login-card{width:min(calc(100% - 1.25rem),540px);margin:-1rem auto .75rem;border-radius:18px}}@media(max-width:430px){.content{padding:.65rem}.metric,.payroll-tile{min-height:110px}.metric span,.payroll-tile span{font-size:.6rem}.metric p,.payroll-tile p{font-size:.69rem}.hero-actions{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{--navy: #121a2a;--navy-2: #273550;--red: #d61f4b;--red-dark: #b7133c;--teal: #087f68;--violet: #6750a4;--bg: #f2f5fa;--panel: #ffffff;--panel-2: #f7f9fc;--line: #e1e7ef;--line-strong: #cbd5e1;--ink: #111827;--muted: #667085;--soft: #edf1f6;--good: #067a57;--good-bg: #e7f7f0;--warn: #9a5b0b;--warn-bg: #fff5da;--info: #235fa4;--info-bg: #eaf2ff;--bad: #b4233b;--bad-bg: #fdecef;--sidebar-bg: #ffffff;--sidebar-muted: #64748b;--control-bg: #ffffff;--accent-soft: #fbe9ef;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 28px rgba(16, 24, 40, .055);--shadow-hover: 0 2px 5px rgba(16, 24, 40, .06), 0 16px 36px rgba(16, 24, 40, .09);--ring: rgba(214, 31, 75, .2);--radius: 14px}:root[data-theme=dark] .app{--navy: #f5f7fb;--navy-2: #d7deea;--red: #ff5575;--red-dark: #e43d61;--teal: #4bd5b2;--violet: #b4a2ff;--bg: #080c13;--panel: #101722;--panel-2: #0d141e;--line: #202c3c;--line-strong: #344258;--ink: #f3f6fb;--muted: #9ba8ba;--soft: #1a2432;--good: #5bd8ad;--good-bg: rgba(62, 196, 150, .14);--warn: #f3c36d;--warn-bg: rgba(224, 165, 57, .14);--info: #8dbdff;--info-bg: rgba(82, 145, 226, .14);--bad: #ff8ba0;--bad-bg: rgba(224, 72, 101, .14);--sidebar-bg: #070b11;--sidebar-muted: #95a2b5;--control-bg: #141d29;--accent-soft: rgba(255, 85, 117, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 16px 38px rgba(0, 0, 0, .18);--shadow-hover: 0 2px 5px rgba(0, 0, 0, .35), 0 22px 48px rgba(0, 0, 0, .24);--ring: rgba(255, 85, 117, .24)}.app .sidebar{border-right-color:var(--line);background:var(--sidebar-bg);color:var(--ink);box-shadow:12px 0 34px #090f190f}.app .brand-block{min-height:84px;padding:1rem .9rem;border-bottom-color:var(--line)}.app .brand-block strong,.app .account-label strong{color:var(--ink)}.app .nav-list{gap:.2rem;padding:.8rem .65rem}.app .nav-list a,:root[data-theme=dark] .app .nav-list a{min-height:42px;padding:.64rem .76rem;border-radius:10px;color:var(--sidebar-muted);font-size:.84rem;font-weight:680}.app .nav-list a:hover:not(.active){border-color:var(--line);background:var(--panel-2);color:var(--ink)}.app .nav-list a.active,:root[data-theme=dark] .app .nav-list a.active{border-color:color-mix(in srgb,var(--red) 25%,transparent);border-radius:10px;background:var(--accent-soft);color:var(--red);box-shadow:inset 3px 0 0 var(--red)}.app .account-trigger,:root[data-theme=dark] .app .account-trigger{min-height:54px;padding:.55rem;border-color:var(--line);border-radius:10px;background:var(--panel-2);color:var(--ink)}:root[data-theme=dark] .app .brand-block strong,:root[data-theme=dark] .app .account-label strong{color:#fff}.app .topbar,:root[data-theme=dark] .app .topbar{min-height:84px;grid-template-columns:minmax(0,1fr) auto;padding:.8rem clamp(1rem,2.2vw,2rem);background:color-mix(in srgb,var(--panel) 91%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.app .page-title{padding-left:0}.app .page-title:before{display:none}.app .page-title h1{font-size:clamp(1.32rem,1.8vw,1.58rem);font-weight:760;letter-spacing:-.025em}.app .content{width:min(1580px,100%);margin:0 auto;padding:clamp(1rem,2vw,1.55rem)}.app .panel,.app .metric,.app .report-card,.app .employee-card,.app .template-card,.app .pipeline-column,.app .candidate-card,.app .payroll-tile,.app details,.app .modal,:root[data-theme=dark] .app .panel,:root[data-theme=dark] .app .metric,:root[data-theme=dark] .app .report-card,:root[data-theme=dark] .app .employee-card,:root[data-theme=dark] .app .template-card,:root[data-theme=dark] .app .pipeline-column,:root[data-theme=dark] .app .candidate-card,:root[data-theme=dark] .app details,:root[data-theme=dark] .app .modal{border-radius:var(--radius);box-shadow:var(--shadow)}.app .panel:hover,.app .metric:hover,.app .report-card:hover,.app .employee-card:hover,.app .template-card:hover,.app .payroll-tile:hover{border-color:color-mix(in srgb,var(--line-strong) 82%,var(--red));box-shadow:var(--shadow-hover);transform:translateY(-1px)}.app button,.app .button-like,:root[data-theme=dark] .app button{min-height:42px;border-radius:var(--radius-control);font-size:.82rem}.app button.primary,.app .primary,:root[data-theme=dark] .app button.primary,:root[data-theme=dark] .app .primary{border-color:var(--red-dark);background:linear-gradient(180deg,color-mix(in srgb,var(--red) 92%,#ffffff),var(--red-dark));box-shadow:0 7px 18px color-mix(in srgb,var(--red) 22%,transparent)}.app input,.app select,.app textarea,:root[data-theme=dark] .app input,:root[data-theme=dark] .app select,:root[data-theme=dark] .app textarea{min-height:42px;border-radius:var(--radius-control);font-size:.86rem}.app .settings-grid textarea{min-height:180px}.app .table-wrap{border-radius:12px}.app th,:root[data-theme=dark] .app th{background:var(--panel-2);font-size:.64rem;letter-spacing:.075em}@media(max-width:900px){.app .sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(320px,88vw);height:100dvh;transform:translate(-102%)}.app .sidebar.open{transform:translate(0)}.app .topbar,:root[data-theme=dark] .app .topbar{grid-template-columns:auto minmax(0,1fr) auto}}@media(max-width:760px){.app .topbar,:root[data-theme=dark] .app .topbar{min-height:66px;padding:.65rem .75rem}.app .content{padding:.78rem}.app button,.app .button-like,:root[data-theme=dark] .app button,.app input,.app select{min-height:42px}}:root{--pro-bg: #f4f6f9;--pro-surface: #ffffff;--pro-surface-subtle: #f8fafc;--pro-sidebar: #111827;--pro-sidebar-2: #172033;--pro-text: #172033;--pro-text-soft: #5f6b7c;--pro-border: #dfe5ec;--pro-border-strong: #cbd5e1;--pro-brand: #d71939;--pro-brand-hover: #b91530;--pro-brand-soft: #fff0f3;--pro-focus: rgba(215, 25, 57, .22);--pro-success: #137a52;--pro-warning: #9a5b08;--pro-danger: #b4233b;--pro-info: #1769aa;--pro-radius-sm: 6px;--pro-radius: 10px;--pro-radius-lg: 14px;--pro-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--pro-shadow: 0 8px 24px rgba(15, 23, 42, .07);--pro-shadow-lg: 0 24px 64px rgba(15, 23, 42, .16);--pro-transition: .16s cubic-bezier(.2, .8, .2, 1)}:root[data-theme=dark]{--pro-bg: #0b1220;--pro-surface: #111b2d;--pro-surface-subtle: #152238;--pro-sidebar: #070d18;--pro-sidebar-2: #101a2b;--pro-text: #edf2f8;--pro-text-soft: #9eacc0;--pro-border: #273750;--pro-border-strong: #3a4d69;--pro-brand: #ff3858;--pro-brand-hover: #ff5570;--pro-brand-soft: rgba(255, 56, 88, .13);--pro-focus: rgba(255, 56, 88, .28);--pro-success: #44d59b;--pro-warning: #ffc36a;--pro-danger: #ff7288;--pro-info: #78bdff;--pro-shadow-sm: 0 1px 3px rgba(0, 0, 0, .22);--pro-shadow: 0 12px 30px rgba(0, 0, 0, .24);--pro-shadow-lg: 0 28px 72px rgba(0, 0, 0, .42)}html{background:var(--pro-bg);scroll-behavior:smooth}body{margin:0;color:var(--pro-text);background:var(--pro-bg)!important;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,a,input,select,textarea,[role=button]{transition:border-color var(--pro-transition),background-color var(--pro-transition),color var(--pro-transition),box-shadow var(--pro-transition),transform var(--pro-transition),opacity var(--pro-transition)}button,a,[role=button]{-webkit-tap-highlight-color:transparent}button:not(:disabled),a[href],[role=button]:not([aria-disabled=true]){cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pro-focus)!important;outline-offset:2px}::selection{background:var(--pro-brand-soft);color:var(--pro-text)}.app{min-height:100vh;background:var(--pro-bg)!important}.sidebar{width:252px!important;padding:18px 14px 14px!important;border-right:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,var(--pro-sidebar),var(--pro-sidebar-2))!important;box-shadow:8px 0 28px #0f172a14}.brand-block{min-height:64px;margin:0 2px 16px;padding:8px 8px 16px!important;border-bottom:1px solid rgba(255,255,255,.09)}.brand-block strong{color:#fff!important;font-size:14px!important;font-weight:750!important;letter-spacing:-.01em}.brand-block span,.brand-block div>span{color:#ffffff94!important;font-size:11px!important;letter-spacing:.035em}.logo-crop.wordmark{width:42px!important;height:42px!important;flex:0 0 42px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#fffffff5;box-shadow:0 6px 18px #0000002e}.nav-list{gap:3px!important;padding:0 1px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.nav-list a{min-height:40px!important;padding:9px 11px!important;border:1px solid transparent!important;border-radius:8px!important;color:#ffffffad!important;font-size:13px!important;font-weight:560!important;letter-spacing:-.005em}.nav-list a svg{width:17px;height:17px;color:#ffffff7a;stroke-width:1.9}.nav-list a:hover{border-color:#ffffff14!important;background:#fff1!important;color:#fff!important;transform:translate(2px)}.nav-list a:hover svg{color:#fffc}.nav-list a.active{border-color:#ffffff1a!important;background:#ffffff1c!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--pro-brand)}.nav-list a.active svg{color:#fff}.account-menu,.sidebar-footer,.user-menu{border-color:#ffffff17!important;background:#ffffff0b!important;border-radius:10px!important}.workspace{min-width:0;background:var(--pro-bg)!important}.topbar{min-height:92px!important;padding:18px clamp(20px,3vw,42px)!important;border-bottom:1px solid var(--pro-border)!important;background:color-mix(in srgb,var(--pro-surface) 92%,transparent)!important;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);box-shadow:0 1px #0f172a05}.page-title{gap:2px!important}.page-title h1{margin:1px 0 0!important;color:var(--pro-text)!important;font-size:clamp(22px,2.1vw,30px)!important;font-weight:720!important;line-height:1.18!important;letter-spacing:-.035em}.section-label{margin:0!important;color:var(--pro-brand)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.105em!important;text-transform:uppercase}.page-hint,.muted,.helper,small{color:var(--pro-text-soft)!important}.page-hint{max-width:70ch;margin:4px 0 0!important;font-size:12.5px!important}.topbar-actions{gap:8px!important}.content{width:min(100%,1680px);margin:0 auto;padding:clamp(20px,2.7vw,40px)!important}.panel,.card,.section-card,.form-card,.table-card,.metric-card,.stat-card,.dashboard-card,.workflow-card,.settings-card,.report-card,.employee-card,.empty-state,.workspace-gate-card{border:1px solid var(--pro-border)!important;border-radius:var(--pro-radius-lg)!important;background:var(--pro-surface)!important;box-shadow:var(--pro-shadow-sm)!important}.panel:hover,.card:hover,.dashboard-card:hover,.metric-card:hover,.stat-card:hover{border-color:var(--pro-border-strong)!important}.panel-header,.card-header,.section-header,.table-header,.modal-header{border-color:var(--pro-border)!important}.panel h2,.panel h3,.card h2,.card h3,.section-card h2,.section-card h3,.modal h2,.modal h3{color:var(--pro-text)!important;font-weight:700!important;letter-spacing:-.025em}.kpi-grid,.stats-grid,.dashboard-grid,.card-grid{gap:14px!important}.metric-card,.stat-card,.kpi-card{position:relative;overflow:hidden;min-height:120px;padding:18px!important}.metric-card:before,.stat-card:before,.kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--pro-brand);opacity:.8}.metric-card strong,.stat-card strong,.kpi-card strong,.metric-value,.stat-value{color:var(--pro-text)!important;font-variant-numeric:tabular-nums;letter-spacing:-.035em}button,.button,.btn{min-height:38px!important;padding:8px 13px!important;border:1px solid var(--pro-border-strong)!important;border-radius:8px!important;background:var(--pro-surface)!important;color:var(--pro-text)!important;box-shadow:0 1px 1px #0f172a08;font-size:13px!important;font-weight:650!important;line-height:1.2}button:hover:not(:disabled),.button:hover,.btn:hover{border-color:color-mix(in srgb,var(--pro-brand) 42%,var(--pro-border-strong))!important;background:var(--pro-surface-subtle)!important;transform:translateY(-1px);box-shadow:var(--pro-shadow-sm)}button:active:not(:disabled),.button:active,.btn:active{transform:translateY(0);box-shadow:none}button.primary,.primary,.btn-primary,button[type=submit]{border-color:var(--pro-brand)!important;background:var(--pro-brand)!important;color:#fff!important;box-shadow:0 4px 12px color-mix(in srgb,var(--pro-brand) 24%,transparent)}button.primary:hover:not(:disabled),.primary:hover,.btn-primary:hover,button[type=submit]:hover:not(:disabled){border-color:var(--pro-brand-hover)!important;background:var(--pro-brand-hover)!important}button.danger,.danger,.destructive{border-color:color-mix(in srgb,var(--pro-danger) 35%,var(--pro-border))!important;color:var(--pro-danger)!important}button.danger:hover,.danger:hover,.destructive:hover{border-color:var(--pro-danger)!important;background:color-mix(in srgb,var(--pro-danger) 9%,var(--pro-surface))!important}button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.52;transform:none!important;box-shadow:none!important}.icon-button,.mobile-menu,.sidebar-close,.modal-close{width:38px!important;min-width:38px!important;padding:0!important;border-radius:8px!important}input,select,textarea{width:100%;min-height:40px!important;border:1px solid var(--pro-border-strong)!important;border-radius:8px!important;background:var(--pro-surface)!important;color:var(--pro-text)!important;box-shadow:inset 0 1px 1px #0f172a06;font-size:13.5px!important}input,select{padding:8px 11px!important}textarea{min-height:104px!important;padding:10px 11px!important;line-height:1.5;resize:vertical}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--pro-brand) 26%,var(--pro-border-strong))!important}input:focus,select:focus,textarea:focus{border-color:var(--pro-brand)!important;outline:none!important;box-shadow:0 0 0 3px var(--pro-focus)!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--pro-text-soft) 76%,transparent)}label{color:var(--pro-text)!important;font-size:12.5px!important;font-weight:650!important}fieldset{border-color:var(--pro-border)!important;border-radius:var(--pro-radius)!important}.toolbar,.filters,.filter-bar,.search-bar,.action-bar,.page-actions{gap:9px!important;padding:12px!important;border:1px solid var(--pro-border)!important;border-radius:10px!important;background:var(--pro-surface-subtle)!important}.table-wrap,.table-scroll,.data-table-wrap{overflow:auto;border:1px solid var(--pro-border)!important;border-radius:10px!important;background:var(--pro-surface);scrollbar-width:thin}table{width:100%;border-collapse:separate!important;border-spacing:0!important;color:var(--pro-text);font-size:12.5px!important}thead{position:relative;z-index:1}th{padding:11px 12px!important;border-bottom:1px solid var(--pro-border-strong)!important;background:var(--pro-surface-subtle)!important;color:var(--pro-text-soft)!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.055em;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:11px 12px!important;border-bottom:1px solid var(--pro-border)!important;background:var(--pro-surface)!important;vertical-align:middle}tbody tr:last-child td{border-bottom:0!important}tbody tr:hover td{background:color-mix(in srgb,var(--pro-brand) 3%,var(--pro-surface))!important}td button{min-height:32px!important;padding:6px 9px!important;font-size:12px!important}.badge,.status,.pill,.tag,.chip{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:3px 8px!important;border:1px solid var(--pro-border)!important;border-radius:999px!important;background:var(--pro-surface-subtle)!important;color:var(--pro-text-soft)!important;font-size:10.5px!important;font-weight:750!important;letter-spacing:.025em}.status.success,.badge.success,.status.approved,.badge.approved{border-color:color-mix(in srgb,var(--pro-success) 30%,transparent)!important;background:color-mix(in srgb,var(--pro-success) 11%,var(--pro-surface))!important;color:var(--pro-success)!important}.status.warning,.badge.warning,.status.pending,.badge.pending{border-color:color-mix(in srgb,var(--pro-warning) 30%,transparent)!important;background:color-mix(in srgb,var(--pro-warning) 11%,var(--pro-surface))!important;color:var(--pro-warning)!important}.status.error,.badge.error,.status.rejected,.badge.rejected{border-color:color-mix(in srgb,var(--pro-danger) 30%,transparent)!important;background:color-mix(in srgb,var(--pro-danger) 10%,var(--pro-surface))!important;color:var(--pro-danger)!important}.modal-backdrop{padding:24px!important;background:#070d189e!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(94vw,920px)!important;max-height:min(90vh,900px)!important;overflow:auto;padding:clamp(20px,3vw,32px)!important;border:1px solid var(--pro-border)!important;border-radius:16px!important;background:var(--pro-surface)!important;box-shadow:var(--pro-shadow-lg)!important}.modal-close{position:sticky;top:0;float:right;z-index:3;background:var(--pro-surface)!important}.toast{right:22px!important;bottom:22px!important;max-width:min(420px,calc(100vw - 32px));padding:12px 15px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:#172033!important;color:#fff!important;box-shadow:var(--pro-shadow-lg)!important;font-size:13px}.sync-alert{padding:9px clamp(20px,3vw,42px)!important;border-color:color-mix(in srgb,var(--pro-danger) 36%,var(--pro-border))!important;background:color-mix(in srgb,var(--pro-danger) 9%,var(--pro-surface))!important;color:var(--pro-danger)!important}.empty-state{padding:34px!important;text-align:center}.login-shell{min-height:100vh;grid-template-columns:minmax(340px,470px) minmax(440px,1fr)!important;place-items:stretch!important;padding:0!important;background:var(--pro-sidebar)!important}.login-card{width:100%!important;min-height:100vh;align-content:center;grid-template-columns:1fr!important;gap:22px!important;padding:clamp(30px,6vw,72px)!important;border:0!important;border-radius:0!important;background:var(--pro-surface)!important;box-shadow:18px 0 60px #0000002e!important;transform:none!important}.login-brand{grid-column:1!important;padding-bottom:18px;border-bottom:1px solid var(--pro-border)}.login-card h1{margin:5px 0 8px!important;color:var(--pro-text)!important;font-size:clamp(32px,5vw,52px)!important;font-weight:750!important;line-height:1.02!important;letter-spacing:-.055em}.login-form,.theme-login,.microsoft-login,.login-divider{grid-column:1!important}.login-form{gap:13px!important}.login-form label{display:grid;gap:6px}.microsoft-login{width:100%;min-height:44px!important}.login-divider{color:var(--pro-text-soft)}.login-stage{min-height:100vh;border:0!important;border-radius:0!important;background:linear-gradient(135deg,#11182733,#111827d1),radial-gradient(circle at 70% 20%,rgba(215,25,57,.34),transparent 30%),linear-gradient(145deg,#23314a,#0b1220 64%)!important}.login-stage-copy{left:clamp(28px,5vw,72px)!important;right:clamp(28px,5vw,72px)!important;bottom:clamp(30px,7vh,74px)!important;max-width:620px}.login-stage-copy span{color:#ff758d!important;font-size:11px!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login-stage-copy strong{display:block;margin-top:8px;color:#fff!important;font-size:clamp(32px,5vw,68px)!important;font-weight:720!important;line-height:1.02;letter-spacing:-.055em}.login-stage-copy small{display:block;margin-top:14px;color:#ffffffa6!important;font-size:14px!important}@media(max-width:1100px){.content{padding:24px!important}.topbar{padding-inline:24px!important}}@media(max-width:900px){.login-shell{display:block!important;background:var(--pro-surface)!important}.login-card{min-height:100vh;padding:28px max(22px,6vw)!important}.login-stage{display:none!important}.sidebar{width:min(86vw,286px)!important;box-shadow:22px 0 60px #00000047!important}.topbar{min-height:78px!important;padding:14px 18px!important}.content{padding:18px!important}.page-hint{display:none}}@media(max-width:640px){body{font-size:13.5px}.topbar{gap:10px!important}.page-title h1{font-size:21px!important}.section-label{display:none}.content{padding:14px!important}.panel,.card,.section-card,.form-card,.table-card,.dashboard-card,.settings-card{border-radius:10px!important}.toolbar,.filters,.filter-bar,.action-bar,.page-actions{align-items:stretch!important;flex-direction:column!important}.toolbar>*,.filters>*,.filter-bar>*,.action-bar>*,.page-actions>*{width:100%}.modal-backdrop{align-items:flex-end!important;padding:0!important}.modal{width:100%!important;max-height:92vh!important;padding:20px 16px 24px!important;border-radius:16px 16px 0 0!important}.toast{right:12px!important;bottom:12px!important;left:12px!important;max-width:none}table{min-width:680px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(prefers-contrast:more){:root{--pro-border: #aeb9c7;--pro-border-strong: #77869a}button,input,select,textarea,.panel,.card,table{border-width:2px!important}}@media print{.sidebar,.topbar-actions,.mobile-menu,button,.toast,.sync-alert{display:none!important}.workspace,.content{width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.panel,.card,table{box-shadow:none!important;break-inside:avoid}}