:root{--bg:#0b1020;--bg-deep:#060914;--surface:#111827;--surface-2:#1f2937;--surface-3:#273141;--glass:hsla(0,0%,100%,.04);--glass-strong:hsla(0,0%,100%,.06);--glass-hover:hsla(0,0%,100%,.08);--line:hsla(0,0%,100%,.08);--line-strong:hsla(0,0%,100%,.14);--line-soft:hsla(0,0%,100%,.05);--text:#f9fafb;--text-soft:#d1d5db;--text-muted:#9ca3af;--text-dim:#6b7280;--emerald:#10b981;--emerald-soft:#34d399;--cyan:#06b6d4;--violet:#8b5cf6;--violet-soft:#a78bfa;--blue:#3b82f6;--warning:#f59e0b;--danger:#ef4444;--rose:#f43f5e;--pink:#ec4899;--green:var(--emerald);--green-hover:#14c091;--green-deep:#34d399;--green-soft:rgba(16,185,129,.14);--green-border:rgba(16,185,129,.3);--gold:var(--warning);--gold-soft:rgba(245,158,11,.14);--card:hsla(0,0%,100%,.04);--money:#34d399;--st-present:#10b981;--st-absent:#ef4444;--st-late:#f59e0b;--st-leave:#8b5cf6;--st-wfh:#3b82f6;--st-field:#06b6d4;--st-holiday:#f59e0b;--st-pending:#9ca3af;--st-approved:#10b981;--st-rejected:#ef4444;--st-draft:#9ca3af;--st-disbursed:#10b981;--st-locked:#6b7280;--st-present-bg:rgba(16,185,129,.14);--st-absent-bg:rgba(239,68,68,.14);--st-late-bg:rgba(245,158,11,.14);--st-leave-bg:rgba(139,92,246,.16);--st-wfh-bg:rgba(59,130,246,.16);--st-field-bg:rgba(6,182,212,.16);--st-holiday-bg:rgba(245,158,11,.14);--st-pending-bg:rgba(156,163,175,.14);--st-approved-bg:rgba(16,185,129,.14);--st-rejected-bg:rgba(239,68,68,.14);--grad-primary:linear-gradient(135deg,#10b981,#06b6d4);--grad-violet:linear-gradient(135deg,#8b5cf6,#3b82f6);--grad-warm:linear-gradient(135deg,#f59e0b,#ef4444);--grad-rose:linear-gradient(135deg,#f43f5e,#8b5cf6);--grad-glass:linear-gradient(135deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.01));--grad-mesh:radial-gradient(60% 50% at 0% 0%,rgba(16,185,129,.18),transparent 60%),radial-gradient(50% 60% at 100% 10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(45% 55% at 50% 100%,rgba(6,182,212,.14),transparent 60%);--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.36),0 1px 2px rgba(0,0,0,.3);--shadow:0 12px 32px -8px rgba(0,0,0,.55),0 4px 12px rgba(0,0,0,.32);--shadow-lg:0 28px 60px -16px rgba(0,0,0,.65),0 12px 28px -8px rgba(0,0,0,.4);--glow-emerald:0 0 0 1px rgba(16,185,129,.25),0 8px 32px -8px rgba(16,185,129,.45);--glow-violet:0 0 0 1px rgba(139,92,246,.3),0 8px 32px -8px rgba(139,92,246,.45);--ring-focus:0 0 0 3px rgba(16,185,129,.3);--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--f:"Inter","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--num:"Inter","Plus Jakarta Sans",system-ui,sans-serif;--sb-w:250px;--sb-collapsed-w:80px;--topbar-h:68px;--grad-heading:linear-gradient(180deg,#fff,#c7cdd9);--grad-clock:linear-gradient(180deg,#fff,#c7cdd9);--noise-opacity:0.6;color-scheme:dark}html[data-theme=light]{--bg:#f8f4ec;--bg-deep:#efe8d8;--surface:#fff;--surface-2:#faf7ef;--surface-3:#f3efe3;--glass:rgba(31,42,29,.03);--glass-strong:rgba(31,42,29,.05);--glass-hover:rgba(31,42,29,.07);--line:#e6e3da;--line-strong:#d5d1c5;--line-soft:rgba(31,42,29,.05);--text:#1f2a1d;--text-soft:#4a5547;--text-muted:#8a8f87;--text-dim:#a8ab9f;--emerald:#1f8a4c;--emerald-soft:#0f5a30;--cyan:#0ea5b7;--violet:#7c3aed;--violet-soft:#6d28d9;--blue:#2563eb;--warning:#c8932b;--danger:#e1655a;--rose:#e1655a;--pink:#db2777;--green:var(--emerald);--green-hover:#166d3c;--green-deep:#0f5a30;--green-soft:#e8f2ec;--green-border:#cde6d7;--gold:#c8932b;--gold-soft:#fbf1dc;--card:#fff;--money:#0f5a30;--st-present:#16a34a;--st-absent:#dc2626;--st-late:#b45309;--st-leave:#6d28d9;--st-wfh:#1d4ed8;--st-field:#0f766e;--st-holiday:#92581a;--st-pending:#4b5563;--st-approved:#15803d;--st-rejected:#b91c1c;--st-draft:#4b5563;--st-disbursed:#15803d;--st-locked:#1f2a1d;--st-present-bg:#dcfce7;--st-absent-bg:#fee2e2;--st-late-bg:#fef3c7;--st-leave-bg:#ede9fe;--st-wfh-bg:#dbeafe;--st-field-bg:#ccfbf1;--st-holiday-bg:#fbf1dc;--st-pending-bg:#f1f3f1;--st-approved-bg:#dcfce7;--st-rejected-bg:#fee2e2;--grad-primary:linear-gradient(135deg,#0f5a30,#1f8a4c);--grad-violet:linear-gradient(135deg,#6d28d9,#2563eb);--grad-warm:linear-gradient(135deg,#c8932b,#e1655a);--grad-rose:linear-gradient(135deg,#e1655a,#c8932b);--grad-glass:linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,.5));--grad-mesh:radial-gradient(60% 50% at 0% 0%,rgba(31,138,76,.1),transparent 60%),radial-gradient(50% 60% at 100% 10%,rgba(200,147,43,.12),transparent 60%),radial-gradient(45% 55% at 50% 100%,hsla(5,69%,62%,.08),transparent 60%);--shadow-xs:0 1px 2px rgba(31,42,29,.06);--shadow-sm:0 2px 8px rgba(31,42,29,.06),0 1px 2px rgba(31,42,29,.04);--shadow:0 12px 32px -10px rgba(31,42,29,.18),0 4px 12px rgba(31,42,29,.06);--shadow-lg:0 28px 60px -16px rgba(31,42,29,.22),0 12px 28px -8px rgba(31,42,29,.12);--glow-emerald:0 0 0 1px rgba(31,138,76,.2),0 8px 32px -8px rgba(31,138,76,.3);--glow-violet:0 0 0 1px rgba(124,58,237,.2),0 8px 32px -8px rgba(124,58,237,.3);--ring-focus:0 0 0 3px rgba(31,138,76,.18);--grad-heading:linear-gradient(180deg,#1f2a1d,#4a5547);--grad-clock:linear-gradient(180deg,#0f5a30,#1f8a4c);--noise-opacity:0.45;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--f);font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);background-image:var(--grad-mesh);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:var(--noise-opacity,.6)}html[data-theme=light] body:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.16 0 0 0 0 0.11 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:0;background:none}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text);background:transparent}input::placeholder,textarea::placeholder{color:var(--text-dim)}ol,ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;letter-spacing:-.015em}table{border-collapse:collapse;width:100%}img{display:block;max-width:100%}.money,.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.money{color:var(--money);font-weight:600}.eyebrow,.muted{color:var(--text-muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:700}::selection{background:rgba(16,185,129,.3);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15);background-clip:content-box}.gradient-text{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text}.gradient-text,.gradient-text-violet{-webkit-text-fill-color:transparent;color:transparent}.gradient-text-violet{background:var(--grad-violet);-webkit-background-clip:text;background-clip:text}.app{display:grid;grid-template-columns:var(--sb-w) 1fr;min-height:100vh;position:relative;z-index:1}.app.is-collapsed{grid-template-columns:var(--sb-collapsed-w) 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:14px 10px 14px 14px;display:flex;flex-direction:column;overflow:hidden;z-index:50}.sidebar:before{background:linear-gradient(180deg,rgba(17,24,39,.85),rgba(11,16,32,.72));border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow)}.sidebar:after,.sidebar:before{content:"";position:absolute;inset:14px 6px 14px 14px;border-radius:var(--r-lg);z-index:-1}.sidebar:after{padding:1px;background:linear-gradient(155deg,rgba(16,185,129,.3),rgba(139,92,246,.25) 50%,transparent 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.sidebar-head{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 12px 16px;flex-shrink:0;position:relative}.sidebar-head:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.sidebar-logo{width:38px;height:38px;background:var(--grad-primary);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;flex-shrink:0;box-shadow:0 8px 24px -6px rgba(16,185,129,.55);position:relative}.sidebar-logo:after{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(160deg,hsla(0,0%,100%,.3),transparent 60%);pointer-events:none}.sidebar-name{font-weight:800;font-size:16px;color:var(--text);white-space:nowrap;letter-spacing:-.02em;display:flex;flex-direction:column;line-height:1.1}.sidebar-name span{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:2px}.sidebar-name span:before{content:"AI · ";opacity:.85}.sidebar-scroll{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:8px 4px 110px;margin-right:-4px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:999px;border:0}.sb-section{margin-top:16px}.sb-section:first-child{margin-top:4px}.sb-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--text-dim);padding:6px 14px;margin-bottom:6px;white-space:nowrap}.sb-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:500;color:var(--text-soft);transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;position:relative;white-space:nowrap}.sb-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--grad-primary);border-radius:999px;transition:height .18s ease}.sb-link:hover{background:var(--glass-hover);color:var(--text)}.sb-link:hover svg{color:var(--emerald-soft)}.sb-link svg{flex:0 0 18px;opacity:.85;color:var(--text-muted);transition:color .18s ease}.sb-link.is-active{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(6,182,212,.1));color:var(--text);box-shadow:inset 0 0 0 1px rgba(16,185,129,.3),0 8px 24px -10px rgba(16,185,129,.5)}.sb-link.is-active:before{height:18px}.sb-link.is-active svg{color:var(--emerald-soft);opacity:1}.sb-link .badge{margin-left:auto;background:rgba(245,158,11,.16);color:var(--warning);font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid rgba(245,158,11,.3)}.sidebar-foot{flex-shrink:0;padding:12px 12px 4px;margin-top:auto;display:flex;align-items:center;gap:10px;position:relative}.sidebar-foot:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.sidebar-foot .avatar{width:38px;height:38px;border-radius:50%;background:var(--grad-violet);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;position:relative;box-shadow:0 0 0 2px rgba(139,92,246,.3)}.sidebar-foot .avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--emerald);border:2px solid var(--surface);box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:pulse-online 2s ease-in-out infinite}@keyframes pulse-online{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.55)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}.sidebar-foot .name{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.2}.sidebar-foot .role{font-size:11px;color:var(--text-muted);margin-top:2px}.sidebar-foot .collapse-btn{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-left:auto;transition:background .15s ease,color .15s ease}.sidebar-foot .collapse-btn:hover{background:var(--glass-hover);color:var(--text)}.app.is-collapsed .sb-link .badge,.app.is-collapsed .sb-link span,.app.is-collapsed .sb-section-label,.app.is-collapsed .sidebar-foot .name,.app.is-collapsed .sidebar-foot .role,.app.is-collapsed .sidebar-name{display:none}.app.is-collapsed .sb-link{justify-content:center;padding:10px}.app.is-collapsed .sidebar-foot{justify-content:center}.app.is-collapsed .sidebar-head{justify-content:center;padding:0 0 16px}.main{display:flex;flex-direction:column;min-width:0;padding:14px 14px 14px 4px}.topbar{position:-webkit-sticky;position:sticky;top:14px;z-index:40;height:var(--topbar-h);background:rgba(17,24,39,.65);border:1px solid var(--line);border-radius:var(--r-lg);padding:0 18px;gap:14px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-sm);margin-bottom:14px}.topbar,.topbar .crumbs{display:flex;align-items:center}.topbar .crumbs{font-size:13px;color:var(--text-muted);gap:8px}.topbar .crumbs a{color:var(--text-muted);transition:color .15s ease}.topbar .crumbs a:hover{color:var(--text)}.topbar .crumbs .sep{opacity:.4}.topbar h1{font-size:18px;font-weight:700;letter-spacing:-.02em}.topbar .crumb-page{font-size:14px;font-weight:600;color:var(--text)}.topbar .spacer{flex:1 1}.topbar .search{position:relative;max-width:420px;width:100%;margin:0 8px}.topbar .search input{width:100%;height:40px;border:1px solid var(--line);background:hsla(0,0%,100%,.04);border-radius:12px;padding:0 56px 0 38px;font-size:13px;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.topbar .search input:focus{border-color:rgba(16,185,129,.5);box-shadow:0 0 0 4px rgba(16,185,129,.18),0 8px 24px -8px rgba(16,185,129,.3);background:hsla(0,0%,100%,.06)}.topbar .search .icon{left:14px}.topbar .search .icon,.topbar .search .kbd{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-muted)}.topbar .search .kbd{right:10px;font-size:10.5px;padding:3px 7px;border:1px solid var(--line-strong);border-radius:6px;background:hsla(0,0%,100%,.04);font-weight:600}.topbar .icon-btn{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);position:relative;background:hsla(0,0%,100%,.03);border:1px solid var(--line);transition:background .15s ease,color .15s ease,transform .15s ease,border-color .15s ease}.topbar .icon-btn:hover{background:var(--glass-hover);color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.topbar .icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 0 rgba(239,68,68,.55);animation:pulse-online 2.2s ease-in-out infinite}.topbar .user{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 14px;border-radius:999px;border:1px solid var(--line);background:hsla(0,0%,100%,.04);cursor:pointer;transition:border-color .15s ease,background .15s ease}.topbar .user:hover{border-color:rgba(16,185,129,.3);background:hsla(0,0%,100%,.07)}.topbar .user .name{font-size:12.5px;font-weight:600;line-height:1.2;color:var(--text)}.topbar .user .role{font-size:11px;color:var(--text-muted)}.topbar .user .avatar{width:32px;height:32px;border-radius:50%;background:var(--grad-violet);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.page{padding:8px 12px 32px;max-width:1520px;width:100%;margin:0 auto;flex:1 1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head h2{font-size:28px;font-weight:800;letter-spacing:-.025em;background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-head .sub{color:var(--text-muted);margin-top:6px;font-size:13.5px}.ai-hero{position:relative;margin-bottom:22px;padding:28px 28px 24px;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(17,24,39,.85),rgba(11,16,32,.65));border:1px solid var(--line);overflow:hidden;isolation:isolate}.ai-hero:before{background:radial-gradient(45% 70% at 0 0,rgba(16,185,129,.2),transparent 60%),radial-gradient(45% 70% at 100% 100%,rgba(139,92,246,.22),transparent 60%),radial-gradient(35% 60% at 70% 10%,rgba(6,182,212,.16),transparent 60%)}.ai-hero:after,.ai-hero:before{content:"";position:absolute;inset:0;z-index:-1}.ai-hero:after{background:linear-gradient(180deg,transparent,rgba(11,16,32,.3))}.ai-hero-row{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:28px;gap:28px;align-items:center}.ai-hero-greet{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.28);color:var(--emerald-soft);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ai-hero-greet .dot{width:6px;height:6px;border-radius:999px;background:var(--emerald);box-shadow:0 0 0 0 rgba(16,185,129,.55);animation:pulse-online 2s ease-in-out infinite}.ai-hero h1{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:14px}.ai-hero h1 .accent{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ai-hero .ai-hero-sub{font-size:14.5px;color:var(--text-soft);margin-top:10px;max-width:580px;line-height:1.6}.ai-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.ai-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:hsla(0,0%,100%,.05);border:1px solid var(--line);font-size:12px;font-weight:500;color:var(--text-soft);transition:background .15s ease,border-color .15s ease}.ai-chip:hover{background:var(--glass-hover);border-color:var(--line-strong)}.ai-chip .pulse-dot{width:6px;height:6px;border-radius:999px;background:var(--emerald);box-shadow:0 0 6px rgba(16,185,129,.8)}.ai-chip.is-violet .pulse-dot{background:var(--violet-soft);box-shadow:0 0 6px rgba(139,92,246,.8)}.ai-chip.is-cyan .pulse-dot{background:var(--cyan);box-shadow:0 0 6px rgba(6,182,212,.8)}.ai-chip.is-warn .pulse-dot{background:var(--warning);box-shadow:0 0 6px rgba(245,158,11,.8)}.ai-hero-meta{display:flex;flex-direction:column;gap:12px;align-items:stretch}.ai-mood{border-radius:14px;border:1px solid var(--line);padding:14px 16px;background:hsla(0,0%,100%,.04)}.ai-mood-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ai-mood-head .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-weight:700}.ai-mood-head .score{font-size:18px;font-weight:800;letter-spacing:-.02em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ai-mood-bar{height:8px;background:hsla(0,0%,100%,.06);overflow:hidden}.ai-mood-bar,.ai-mood-bar>span{border-radius:999px;position:relative}.ai-mood-bar>span{display:block;height:100%;background:var(--grad-primary)}.ai-mood-bar>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);animation:shimmer 2.4s linear infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.ai-mood-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:12px;font-size:13.5px;font-weight:600;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease;white-space:nowrap;letter-spacing:-.005em;position:relative;overflow:hidden}.btn:active{transform:translateY(.5px) scale(.99)}.btn-primary{background:var(--grad-primary);color:#051611;font-weight:700;box-shadow:0 6px 18px -6px rgba(16,185,129,.55)}.btn-primary:hover{box-shadow:0 10px 28px -8px rgba(16,185,129,.65),0 0 0 1px rgba(16,185,129,.4);transform:translateY(-1px)}.btn-dark{background:hsla(0,0%,100%,.06);color:var(--text);border-color:var(--line)}.btn-dark:hover{background:var(--glass-hover);border-color:var(--line-strong)}.btn-ghost{background:hsla(0,0%,100%,.04);color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:rgba(16,185,129,.06)}.btn-ghost:hover,.btn-soft{border-color:rgba(16,185,129,.3);color:var(--emerald-soft)}.btn-soft{background:rgba(16,185,129,.12)}.btn-soft:hover{background:rgba(16,185,129,.2)}.btn-danger{background:rgba(239,68,68,.1);color:#fca5a5;border-color:rgba(239,68,68,.3)}.btn-danger:hover{background:rgba(239,68,68,.18);border-color:rgba(239,68,68,.5)}.btn-muted{background:var(--glass);color:var(--text-muted);border-color:var(--line)}.btn-sm{height:34px;padding:0 14px;font-size:12.5px;border-radius:10px}.btn-lg{height:48px;padding:0 24px;font-size:14.5px;border-radius:14px}.btn-icon{width:40px;padding:0}.btn-block{width:100%}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden;transition:transform .22s cubic-bezier(.32,.72,.34,1),box-shadow .22s ease,border-color .22s ease}.card:hover{border-color:var(--line-strong)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);gap:12px}.card-head h3{font-size:14.5px;font-weight:700;letter-spacing:-.01em}.card-head .sub{font-size:12px;color:var(--text-muted);margin-top:3px}.card-body{padding:20px}.card-foot{padding:16px 20px;border-top:1px solid var(--line)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px;margin-bottom:22px}.kpi{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.01));border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 16px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.kpi:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:var(--shadow)}.kpi:before{content:"";position:absolute;top:-32px;right:-32px;width:120px;height:120px;border-radius:50%;background:var(--grad-primary);opacity:.1;filter:blur(20px);pointer-events:none}.kpi-icon{width:38px;height:38px;border-radius:11px;background:rgba(16,185,129,.14);color:var(--emerald-soft);display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(16,185,129,.28);margin-bottom:12px}.kpi-icon.is-violet{background:rgba(139,92,246,.14);color:var(--violet-soft);border-color:rgba(139,92,246,.28)}.kpi-icon.is-amber{background:rgba(245,158,11,.14);color:var(--warning);border-color:rgba(245,158,11,.28)}.kpi-icon.is-blue{background:rgba(59,130,246,.14);color:#60a5fa;border-color:rgba(59,130,246,.28)}.kpi-icon.is-rose{background:rgba(244,63,94,.14);color:#fb7185;border-color:rgba(244,63,94,.28)}.kpi-icon.is-cyan{background:rgba(6,182,212,.14);color:#67e8f9;border-color:rgba(6,182,212,.28)}.kpi .lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.kpi .val{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-top:6px;line-height:1.05;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .val.money{color:var(--money)}.kpi .meta{color:var(--text-muted);margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.kpi .delta,.kpi .meta{font-size:12px;align-items:center}.kpi .delta{font-weight:700;display:inline-flex;gap:3px}.kpi .delta.up{color:var(--emerald-soft)}.kpi .delta.down{color:#fca5a5}.kpi-row-avatars{display:flex;margin-top:10px}.kpi-row-avatars .avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);background-size:cover;background-position:50%;margin-left:-8px}.kpi-row-avatars .avatar:first-child{margin-left:0}.kpi-row-avatars .more{width:30px;height:30px;border-radius:50%;background:rgba(16,185,129,.14);color:var(--emerald-soft);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-left:-8px;border:2px solid var(--surface)}.kpi-spark{margin-top:12px;height:36px;width:100%;display:block}.kpi-ai{margin-top:12px;padding:8px 10px;border-radius:10px;background:hsla(0,0%,100%,.04);border:1px solid var(--line);font-size:11.5px;color:var(--text-soft);display:flex;align-items:flex-start;gap:8px;line-height:1.45}.kpi-ai svg{flex:0 0 14px;margin-top:1px;color:var(--violet-soft)}.kpi.is-tinted-green:before{background:linear-gradient(135deg,#10b981,#06b6d4)}.kpi.is-tinted-purple:before{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.kpi.is-tinted-amber:before{background:linear-gradient(135deg,#f59e0b,#ef4444)}.kpi.is-tinted-blue:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.kpi.is-tinted-rose:before{background:linear-gradient(135deg,#f43f5e,#8b5cf6)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid hsla(0,0%,100%,.1)}.pill:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.pill.no-dot:before{display:none}.pill-present{background:var(--st-present-bg);color:var(--st-present)}.pill-absent{background:var(--st-absent-bg);color:#fca5a5}.pill-late{background:var(--st-late-bg);color:#fcd34d}.pill-leave{background:var(--st-leave-bg);color:var(--violet-soft)}.pill-wfh{background:var(--st-wfh-bg);color:#93c5fd}.pill-field{background:var(--st-field-bg);color:#67e8f9}.pill-holiday{background:var(--st-holiday-bg);color:#fcd34d}.pill-pending{background:var(--st-pending-bg);color:#d1d5db}.pill-approved{background:var(--st-approved-bg);color:var(--emerald-soft)}.pill-rejected{background:var(--st-rejected-bg);color:#fca5a5}.pill-draft{background:var(--st-pending-bg);color:#d1d5db}.pill-disbursed{background:var(--st-approved-bg);color:var(--emerald-soft)}.pill-locked{background:hsla(220,9%,46%,.18);color:#d1d5db}.leave-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(16,185,129,.14);color:var(--emerald-soft);letter-spacing:.02em}.leave-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tbl{width:100%;background:transparent;font-size:13px;border-collapse:collapse;color:var(--text)}.tbl thead th{text-align:left;font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:12px 14px;background:hsla(0,0%,100%,.02);border-bottom:1px solid var(--line);border-top:1px solid var(--line);white-space:nowrap}.tbl tbody td{padding:14px;border-bottom:1px solid var(--line-soft);vertical-align:middle;color:var(--text-soft)}.tbl tbody tr{transition:background .15s ease}.tbl tbody tr:hover{background:hsla(0,0%,100%,.03)}.tbl tbody tr:last-child td{border-bottom:0}.tbl .right{text-align:right}.tbl .money,.tbl .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbl .compact td,.tbl.compact tbody td{padding:10px 14px}.tbl tfoot td{padding:14px;font-weight:700;background:hsla(0,0%,100%,.03);border-top:2px solid var(--line-strong);color:var(--text)}.tbl-scroll{overflow-x:auto}.tbl.sticky-first td:first-child,.tbl.sticky-first th:first-child{position:-webkit-sticky;position:sticky;left:0;background:var(--surface);border-right:1px solid var(--line);z-index:1}.tbl.sticky-first thead th:first-child{background:rgba(11,16,32,.95);z-index:2}.tbl.sticky-first tbody tr:hover td:first-child{background:var(--surface-2)}.cell-emp{gap:12px}.cell-emp,.cell-emp .avatar{display:flex;align-items:center}.cell-emp .avatar{width:34px;height:34px;border-radius:50%;background-size:cover;background-position:50%;flex:0 0 34px;background-color:rgba(16,185,129,.14);color:var(--emerald-soft);justify-content:center;font-weight:700;font-size:12px;overflow:hidden;border:1px solid var(--line)}.cell-emp .name{font-weight:600;font-size:13px;line-height:1.2;color:var(--text)}.cell-emp .role{font-size:11.5px;color:var(--text-muted)}.filter-bar{padding:12px 16px;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.filter-bar .grow{flex:1 1;min-width:180px}.filter-bar input[type=date],.filter-bar input[type=search],.filter-bar input[type=text],.filter-bar select{height:36px;border:1px solid var(--line);background:hsla(0,0%,100%,.04);color:var(--text);border-radius:10px;padding:0 12px;font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.filter-bar input:focus,.filter-bar select:focus{border-color:rgba(16,185,129,.5);box-shadow:var(--ring-focus)}.toggle{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:hsla(0,0%,100%,.04);overflow:hidden}.toggle button{padding:8px 14px;font-size:12.5px;font-weight:600;color:var(--text-muted);background:transparent;border-right:1px solid var(--line);transition:color .15s ease,background .15s ease}.toggle button:last-child{border-right:0}.toggle button:hover{color:var(--text)}.toggle button.is-active{background:rgba(16,185,129,.16);color:var(--emerald-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 20px;gap:16px 20px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1/-1}.field label{font-size:12px;font-weight:600;color:var(--text-soft);letter-spacing:.01em}.field .hint{font-size:11.5px;color:var(--text-muted)}.field .err{font-size:11.5px;color:#fca5a5;display:flex;align-items:center;gap:4px}.field .control,.field input[type=date],.field input[type=email],.field input[type=number],.field input[type=tel],.field input[type=text],.field input[type=time],.field select,.field textarea{height:40px;border:1px solid var(--line);background:hsla(0,0%,100%,.04);color:var(--text);border-radius:10px;padding:0 12px;font-size:13.5px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.field textarea{height:96px;padding:10px 12px;line-height:1.55;resize:vertical}.field .control:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(16,185,129,.5);box-shadow:var(--ring-focus);background:hsla(0,0%,100%,.06)}.field input.err-state,.field select.err-state{border-color:var(--danger)}.money-input{position:relative}.money-input input{padding-left:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.money-input:before{content:"₹";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--text-muted);font-size:13.5px;pointer-events:none}.pct-input{position:relative}.pct-input input{padding-right:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pct-input:after{content:"%";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--text-muted);font-size:13.5px;pointer-events:none}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13.5px;color:var(--text-soft)}.checkbox input{accent-color:var(--emerald);width:16px;height:16px}.switch{position:relative;display:inline-block;width:38px;height:22px}.switch input{display:none}.switch .slider{position:absolute;inset:0;background:hsla(0,0%,100%,.1);border-radius:999px;cursor:pointer;transition:background .22s ease;border:1px solid var(--line)}.switch .slider:before{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:var(--text);border-radius:50%;transition:transform .22s cubic-bezier(.32,.72,.34,1);box-shadow:0 2px 4px rgba(0,0,0,.32)}.switch input:checked+.slider{background:var(--grad-primary);border-color:transparent}.switch input:checked+.slider:before{transform:translateX(16px);background:#fff}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--r);padding:32px;text-align:center;color:var(--text-muted);transition:border-color .15s ease,background .15s ease,color .15s ease;cursor:pointer;background:hsla(0,0%,100%,.02)}.dropzone:hover{border-color:var(--emerald);background:rgba(16,185,129,.06);color:var(--emerald-soft)}.dropzone svg{color:var(--emerald-soft);margin-bottom:6px}.approval{display:grid;grid-template-columns:44px 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding:14px;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.approval:hover{border-color:rgba(16,185,129,.28);background:hsla(0,0%,100%,.05);transform:translateX(2px)}.approval .avatar{width:44px;height:44px;border-radius:50%;background:var(--grad-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 44px;border:2px solid hsla(0,0%,100%,.1)}.approval .body .head{font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.approval .body .meta{font-size:12px;color:var(--text-muted);margin-top:4px}.approval .body .reason{font-size:12.5px;color:var(--text-soft);margin-top:8px;font-style:italic;padding-left:10px;border-left:2px solid rgba(139,92,246,.4)}.approval .actions{display:flex;gap:6px}.approval .actions .btn{height:34px;padding:0 14px;font-size:12.5px}.approval .ai-hint{margin-top:8px;gap:6px;font-size:11px;color:var(--cyan);background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.25);border-radius:999px;padding:3px 9px}.approval .ai-hint,.kbd-hint{display:inline-flex;align-items:center}.kbd-hint{padding:2px 6px;font-size:10px;font-weight:700;background:hsla(0,0%,100%,.06);border:1px solid var(--line);border-radius:5px;color:var(--text-soft)}.leave-bal{padding:14px;border:1px solid var(--line);border-radius:14px;background:hsla(0,0%,100%,.03);margin-bottom:10px}.leave-bal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.leave-bal-head .name{font-weight:700;font-size:13.5px;color:var(--text);display:flex;align-items:center;gap:8px}.leave-bal-head .nums{font-size:12px;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.leave-bal-head .nums strong{color:var(--text);font-size:13.5px}.leave-bar{height:8px;background:hsla(0,0%,100%,.06);overflow:hidden}.leave-bar,.leave-bar>span{border-radius:999px;position:relative}.leave-bar>span{display:block;height:100%;background:var(--grad-primary);transition:width .4s ease}.leave-bar>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2.4s linear infinite}.leave-bal-foot{margin-top:6px;font-size:11.5px;color:var(--text-muted)}.stepper{gap:0;margin-bottom:24px;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.stepper,.stepper .step{display:flex;align-items:center}.stepper .step{gap:12px;flex:1 1;min-width:0;opacity:.55}.stepper .step.is-active,.stepper .step.is-done{opacity:1}.stepper .step .num{width:30px;height:30px;border-radius:50%;background:hsla(0,0%,100%,.06);border:1.5px solid var(--line);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;transition:all .2s ease}.stepper .step.is-active .num{background:var(--grad-primary);border-color:transparent;color:#fff;box-shadow:0 0 0 4px rgba(16,185,129,.18),0 8px 18px -6px rgba(16,185,129,.45)}.stepper .step.is-done .num{background:rgba(16,185,129,.18);border-color:rgba(16,185,129,.5);color:var(--emerald-soft)}.stepper .step .info{min-width:0}.stepper .step .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.stepper .step .ttl{font-size:13px;font-weight:600;color:var(--text)}.stepper .conn{flex:0 0 32px;height:2px;background:var(--line);margin:0 8px;border-radius:999px;transition:background .2s ease}.stepper .step.is-done+.conn{background:var(--grad-primary)}.tabs{gap:4px;overflow-x:auto}.tabs a,.tabs button{padding:12px 18px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:color .18s ease,border-color .18s ease;background:none;margin-bottom:-1px}.tabs a:hover,.tabs button:hover{color:var(--text)}.tabs a.is-active,.tabs button.is-active{color:var(--emerald-soft);border-bottom-color:var(--emerald)}.donut-wrap{display:flex;align-items:center;gap:24px}.donut{width:180px;height:180px;border-radius:50%;flex-shrink:0;position:relative;background:conic-gradient(var(--st-present) 0 73.7%,var(--st-wfh) 73.7% 84.2%,var(--st-field) 84.2% 89.5%,var(--st-leave) 89.5% 100%);filter:drop-shadow(0 0 24px rgba(16,185,129,.25))}.donut:after{content:"";position:absolute;inset:14px;background:var(--surface);border-radius:50%;border:1px solid var(--line)}.donut .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1}.donut .center .v{font-size:32px;font-weight:800;color:var(--text);line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.03em}.donut .center .l{font-size:11px;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.donut-legend{display:flex;flex-direction:column;gap:10px;flex:1 1}.donut-legend .row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-soft);padding:6px 10px;border-radius:8px;transition:background .15s ease}.donut-legend .row:hover{background:hsla(0,0%,100%,.04)}.donut-legend .swatch{width:10px;height:10px;border-radius:3px;box-shadow:0 0 8px currentColor}.donut-legend .val{margin-left:auto;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.bar-stack{display:flex;flex-direction:column;gap:10px}.bar-stack .row{display:flex;align-items:center;gap:12px}.bar-stack .row .day{width:60px;font-size:11.5px;color:var(--text-muted);font-weight:600}.bar-stack .row .bar{flex:1 1;height:24px;display:flex;gap:2px}.bar-stack .row .seg{height:100%;border-radius:4px;background:var(--st-leave);position:relative;box-shadow:0 0 12px -2px currentColor}.bar-stack .row .total{font-size:12px;color:var(--text-muted);font-weight:600;min-width:18px;text-align:right}.cal{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);padding:16px}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cal-head h4{font-size:14px;font-weight:700;color:var(--text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-dow{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-weight:700;text-align:center;padding:4px 0}.cal-cell{aspect-ratio:1/1.05;border-radius:10px;padding:8px;font-size:12.5px;font-weight:600;color:var(--text);position:relative;background:hsla(0,0%,100%,.03);border:1px solid transparent;transition:background .15s ease,transform .12s ease;display:flex;flex-direction:column;justify-content:space-between}.cal-cell:hover{background:hsla(0,0%,100%,.07);transform:scale(1.02)}.cal-cell.is-weekend{color:var(--text-dim);background:hsla(0,0%,100%,.015)}.cal-cell.is-today{border-color:var(--emerald);box-shadow:0 0 0 3px rgba(16,185,129,.18)}.cal-cell.is-other{color:hsla(0,0%,100%,.2)}.cal-cell.is-holiday{background:var(--st-holiday-bg);color:#fcd34d}.cal-cell.is-leave{background:var(--st-leave-bg);color:var(--violet-soft)}.cal-cell.is-wfh{background:var(--st-wfh-bg);color:#93c5fd}.cal-cell.is-field{background:var(--st-field-bg);color:#67e8f9}.cal-cell.is-present{background:var(--st-present-bg);color:var(--emerald-soft)}.cal-cell.is-late{background:var(--st-late-bg);color:#fcd34d}.cal-cell.is-absent{background:var(--st-absent-bg);color:#fca5a5}.cal-cell .tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:block;opacity:.9}.modal-back{position:fixed;inset:0;background:rgba(6,9,20,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:90;display:none;align-items:center;justify-content:center;padding:24px}.modal,.modal-back.is-open{display:flex}.modal{background:linear-gradient(180deg,rgba(31,41,55,.95),rgba(17,24,39,.95));border:1px solid var(--line-strong);width:100%;max-width:580px;max-height:90vh;overflow:hidden;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.modal.is-wide{max-width:800px}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{font-size:16px;font-weight:700;color:var(--text)}.modal-close{width:34px;height:34px;border-radius:10px;display:inline-flex}.modal-body{padding:22px;overflow-y:auto}.modal-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}.drawer-back{position:fixed;inset:0;background:rgba(6,9,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:88;display:none}.drawer-back.is-open{display:block}.drawer{position:fixed;right:0;top:0;bottom:0;width:480px;max-width:calc(100vw - 24px);background:linear-gradient(180deg,rgba(31,41,55,.97),rgba(17,24,39,.97));border-left:1px solid var(--line-strong);box-shadow:var(--shadow-lg);z-index:89;transform:translateX(110%);transition:transform .35s cubic-bezier(.32,.72,.34,1);display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.drawer.is-open{transform:translateX(0)}.drawer-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.drawer-head h3{font-size:16px;font-weight:700;color:var(--text)}.drawer-body{padding:22px;overflow-y:auto;flex:1 1}.drawer-foot{padding:16px 22px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex-shrink:0}.toast{position:fixed;right:22px;bottom:22px;background:linear-gradient(135deg,rgba(31,41,55,.97),rgba(17,24,39,.97));color:var(--text);padding:14px 18px;border-radius:14px;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;z-index:95;transform:translateY(120%);transition:transform .3s cubic-bezier(.32,.72,.34,1);display:flex;align-items:center;gap:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.toast.is-visible{transform:translateY(0)}.toast.is-success{border-color:rgba(16,185,129,.4);box-shadow:var(--shadow-lg),0 0 0 1px rgba(16,185,129,.2)}.toast.is-error{border-color:rgba(239,68,68,.4)}.org-tree{display:flex;flex-direction:column;align-items:center;gap:32px}.org-row{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.org-node{background:hsla(0,0%,100%,.04);border:1px solid var(--line);border-radius:14px;padding:14px;width:210px;text-align:center;position:relative;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.org-node:hover{transform:translateY(-3px);border-color:rgba(16,185,129,.35);box-shadow:var(--shadow),0 0 0 1px rgba(16,185,129,.2)}.org-node .avatar{width:60px;height:60px;border-radius:50%;margin:0 auto 10px;background-size:cover;background-position:50%;background-color:rgba(16,185,129,.14);color:var(--emerald-soft);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid hsla(0,0%,100%,.1)}.org-node .name{font-size:13px;font-weight:700;color:var(--text)}.org-node .role{font-size:11.5px;color:var(--text-muted);margin-top:3px}.org-node .team-chip{display:inline-block;margin-top:10px;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.payslip{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);max-width:860px;margin:0 auto;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.payslip-head{padding:28px 32px;background:linear-gradient(135deg,#0f5a30,#10b981 50%,#06b6d4);color:#fff;display:grid;grid-template-columns:auto 1fr auto;grid-gap:24px;gap:24px;align-items:center;position:relative;overflow:hidden}.payslip-head:after{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 80% 30%,hsla(0,0%,100%,.18),transparent 60%)}.payslip-head>*{position:relative;z-index:1}.payslip-head .brand{font-size:24px;font-weight:800;letter-spacing:-.025em}.payslip-head .brand span{color:hsla(0,0%,100%,.85)}.payslip-head .sub{font-size:12px;opacity:.85;margin-top:4px}.payslip-head .period-block{text-align:right}.payslip-head .period-label{font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.12em}.payslip-head .period{font-size:18px;font-weight:700;margin-top:4px}.payslip-meta{display:grid;grid-template-columns:1fr 1fr;padding:22px 32px;border-bottom:1px solid var(--line);grid-gap:18px;gap:18px}.payslip-meta .row{display:grid;grid-template-columns:130px 1fr;font-size:12.5px;padding:3px 0}.payslip-meta .row span:first-child{color:var(--text-muted)}.payslip-meta .row span:last-child{font-weight:600;color:var(--text)}.payslip-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.payslip-grid>div{padding:20px 32px}.payslip-grid>div:first-child{border-right:1px solid var(--line)}.payslip-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:12px}.payslip-grid .line{display:flex;justify-content:space-between;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--line);color:var(--text-soft)}.payslip-grid .line:last-child{border-bottom:0}.payslip-grid .line .amt{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.payslip-grid .line .amt.deduct{color:#fca5a5}.payslip-grid .line .amt.lop{color:#fcd34d}.payslip-grid .sub-total{display:flex;justify-content:space-between;padding-top:10px;margin-top:8px;border-top:2px solid var(--line-strong);font-weight:700;font-size:13.5px;color:var(--text)}.payslip-net{padding:24px 32px;display:grid;grid-template-columns:1fr auto;align-items:center;background:rgba(16,185,129,.1);border-top:1px solid rgba(16,185,129,.25)}.payslip-net .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--emerald-soft);font-weight:700}.payslip-net .net{font-size:32px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.025em;background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.payslip-net .words{font-size:12.5px;color:var(--text-soft);margin-top:6px;max-width:480px}.payslip-foot{padding:16px 32px;font-size:11.5px;color:var(--text-muted);display:flex;justify-content:space-between;gap:8px;border-top:1px dashed var(--line)}.att-month{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}.att-month table{font-size:11.5px}.att-month thead th{position:-webkit-sticky;position:sticky;top:0;background:rgba(11,16,32,.95);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 4px;border-bottom:1px solid var(--line);border-top:1px solid var(--line);text-align:center;white-space:nowrap}.att-month tbody td.emp{padding:10px 14px;min-width:220px;position:-webkit-sticky;position:sticky;left:0;background:var(--surface);border-right:1px solid var(--line)}.att-month tbody td{padding:4px;text-align:center;border-bottom:1px solid var(--line-soft);vertical-align:middle}.att-cell{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;font-size:10px;font-weight:700;color:#fff}.att-cell.p{background:var(--st-present);box-shadow:0 0 8px -2px var(--st-present)}.att-cell.a{background:var(--st-absent)}.att-cell.l{background:var(--st-leave)}.att-cell.w{background:var(--st-wfh)}.att-cell.f{background:var(--st-field)}.att-cell.h{background:var(--st-holiday)}.att-cell.la{background:var(--st-late);color:#5b3a04}.att-cell.we{background:hsla(0,0%,100%,.04);color:var(--text-muted)}.policy-layout{display:grid;grid-template-columns:260px 1fr;grid-gap:20px;gap:20px;align-items:start}.policy-side{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);padding:10px;position:-webkit-sticky;position:sticky;top:calc(var(--topbar-h) + 30px);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.policy-side a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-soft);transition:background .15s ease,color .15s ease}.policy-side a:hover{background:var(--glass-hover);color:var(--text)}.policy-side a.is-active{background:rgba(16,185,129,.14);color:var(--emerald-soft);font-weight:600;box-shadow:inset 0 0 0 1px rgba(16,185,129,.28)}.policy-doc{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.policy-doc-head{padding:22px 26px;border-bottom:1px solid var(--line)}.policy-doc-head h2{font-size:24px;letter-spacing:-.025em;color:var(--text)}.policy-doc-head .meta{font-size:12px;color:var(--text-muted);margin-top:8px;display:flex;gap:14px;flex-wrap:wrap}.policy-doc-body{padding:22px 26px;font-size:14px;line-height:1.75;color:var(--text-soft)}.policy-doc-body h3{font-size:16px;color:var(--text);margin:24px 0 10px}.policy-doc-body ul{padding-left:22px;list-style:disc;color:var(--text-soft);margin:10px 0}.policy-doc-body p{margin:10px 0}.policy-ack{padding:20px 26px;background:rgba(16,185,129,.08);border-top:1px solid rgba(16,185,129,.25)}.policy-ack-row{display:flex;align-items:center;gap:10px}.policy-ack-row label{font-weight:600;color:var(--text)}.policy-ack-meta{font-size:12px;color:var(--emerald-soft);margin-top:6px}.punch-card{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:18px;gap:18px;padding:26px;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(6,182,212,.16) 50%,rgba(139,92,246,.14)),rgba(17,24,39,.85);border:1px solid var(--line-strong);color:#fff;border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:22px;position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.punch-card:before{content:"";position:absolute;top:-50px;right:-50px;width:240px;height:240px;border-radius:50%;background:var(--grad-primary);opacity:.2;filter:blur(40px)}.punch-card>*{position:relative;z-index:1}.punch-card .now-time{font-size:42px;font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,#fff,#c7cdd9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.punch-card .now-date{font-size:13px;opacity:.85;margin-top:8px}.punch-card .info{display:flex;gap:20px;margin-top:14px;font-size:12.5px;opacity:.9;flex-wrap:wrap}.punch-card .info span{gap:6px}.punch-btn,.punch-card .info span{display:inline-flex;align-items:center}.punch-btn{background:#fff;color:#0b1020;padding:0 28px;height:60px;border-radius:999px;font-size:15px;font-weight:700;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);gap:10px;transition:transform .18s ease,box-shadow .18s ease}.punch-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px -10px rgba(0,0,0,.55)}.punch-btn .pulse{width:10px;height:10px;border-radius:50%;background:var(--emerald);animation:punch-pulse 1.6s ease-in-out infinite}@keyframes punch-pulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.65)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty .icon{width:72px;height:72px;border-radius:50%;background:rgba(16,185,129,.12);color:var(--emerald-soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid rgba(16,185,129,.25)}.empty h4{font-size:16px;color:var(--text);margin-bottom:6px}.empty p{font-size:13px}.timeline{padding:12px 0}.timeline .event{display:grid;grid-template-columns:80px 1fr;grid-gap:16px;gap:16px;border-left:2px solid var(--line);margin-left:8px;padding:12px 0 12px 22px;position:relative}.timeline .event:before{content:"";position:absolute;left:-7px;top:16px;width:14px;height:14px;background:var(--surface);border:3px solid var(--emerald);border-radius:50%;box-shadow:0 0 12px rgba(16,185,129,.45)}.timeline .event .time{font-size:11px;color:var(--text-muted);font-weight:600}.timeline .event .text{font-size:13px;color:var(--text-soft)}.timeline .event .text strong{font-weight:700;color:var(--text)}.nine-box{display:grid;grid-template-columns:90px repeat(3,1fr);grid-gap:8px;gap:8px}.nine-box .axis-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;color:var(--text-muted);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.1em}.nine-box-cell{background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:12px;padding:14px;min-height:130px}.nine-box-cell .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.nine-box-cell .people{display:flex;flex-wrap:wrap;gap:4px}.nine-box-cell .people .avatar{width:28px;height:28px;border-radius:50%;background-color:rgba(16,185,129,.14);color:var(--emerald-soft);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background-size:cover;background-position:50%;border:1px solid var(--line)}.nine-box-cell.is-top{background:linear-gradient(135deg,rgba(16,185,129,.14),transparent);border-color:rgba(16,185,129,.3)}.nine-box-cell.is-bottom{background:linear-gradient(135deg,rgba(239,68,68,.14),transparent);border-color:rgba(239,68,68,.3)}.nine-box-axis-x{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;text-align:center;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:8px 0 0}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:16px}.grid-12{display:grid;grid-template-columns:8fr 4fr;grid-gap:18px;gap:18px}.dashboard-row{display:grid;grid-template-columns:4fr 4fr 4fr;grid-gap:16px;gap:16px;margin-bottom:16px}.dashboard-row.row-2{grid-template-columns:6fr 6fr}.avatar{background-size:cover;background-position:50%;flex-shrink:0}.progress{height:8px;background:hsla(0,0%,100%,.06);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--grad-primary);border-radius:999px;transition:width .4s ease;position:relative}.progress>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2.4s linear infinite}.rule-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr .8fr .8fr 80px;grid-gap:10px;gap:10px;align-items:center;padding:12px;background:hsla(0,0%,100%,.03);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;font-size:12.5px;color:var(--text-soft)}.ai-panel{background:linear-gradient(180deg,rgba(139,92,246,.08),hsla(0,0%,100%,.02));border:1px solid rgba(139,92,246,.25);border-radius:var(--r);padding:0;position:relative;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ai-panel:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:var(--grad-violet);opacity:.2;filter:blur(50px);pointer-events:none}.ai-panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);position:relative}.ai-panel-head .ttl{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:700;color:var(--text)}.ai-panel-head .ttl .ai-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-violet);color:#fff;box-shadow:0 6px 16px -6px rgba(139,92,246,.55)}.ai-panel-head .ttl .meta{font-size:11px;color:var(--text-muted);margin-top:1px;font-weight:500;text-transform:none;letter-spacing:normal}.ai-panel-head .ttl-wrap{display:flex;flex-direction:column;gap:2px}.ai-insights{display:flex;flex-direction:column;gap:0;padding:8px 0 12px;position:relative}.ai-insight{display:grid;grid-template-columns:36px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line-soft);transition:background .15s ease}.ai-insight:last-child{border-bottom:0}.ai-insight:hover{background:hsla(0,0%,100%,.03)}.ai-insight .ic{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.ai-insight .ic.is-warn{background:rgba(245,158,11,.16);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.ai-insight .ic.is-violet{background:rgba(139,92,246,.16);color:var(--violet-soft);border:1px solid rgba(139,92,246,.3)}.ai-insight .ic.is-cyan{background:rgba(6,182,212,.16);color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.ai-insight .ic.is-rose{background:rgba(244,63,94,.16);color:#fb7185;border:1px solid rgba(244,63,94,.3)}.ai-insight .ic.is-emerald{background:rgba(16,185,129,.16);color:var(--emerald-soft);border:1px solid rgba(16,185,129,.3)}.ai-insight .ttl{font-size:13px;font-weight:600;color:var(--text)}.ai-insight .desc{font-size:12px;color:var(--text-muted);margin-top:2px}.ai-insight .cta{font-size:12px;color:var(--emerald-soft);font-weight:600;cursor:pointer;transition:color .15s ease;white-space:nowrap}.ai-insight .cta:hover{color:var(--cyan)}.ai-fab{position:fixed;right:28px;bottom:28px;width:56px;height:56px;border-radius:50%;background:var(--grad-violet);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -8px rgba(139,92,246,.55),0 0 0 1px hsla(0,0%,100%,.1);z-index:60;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;border:0}.ai-fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 38px -8px rgba(139,92,246,.65)}.ai-fab:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(139,92,246,.5);animation:pulse-ring 2.2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.92);opacity:.7}to{transform:scale(1.4);opacity:0}}.cmdk-back{position:fixed;inset:0;background:rgba(6,9,20,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100;display:none;align-items:flex-start;justify-content:center;padding:100px 24px 24px}.cmdk-back.is-open{display:flex}.cmdk{width:100%;max-width:640px;background:linear-gradient(180deg,rgba(31,41,55,.97),rgba(17,24,39,.97));border:1px solid var(--line-strong);border-radius:18px;box-shadow:var(--shadow-lg),0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.cmdk-input-wrap{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.cmdk-input-wrap svg{color:var(--text-muted);flex:0 0 18px}.cmdk input{flex:1 1;height:28px;border:0;outline:none;background:transparent;color:var(--text);font-size:15px;font-weight:500}.cmdk-list{max-height:420px;overflow-y:auto;padding:8px 0}.cmdk-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-weight:700;padding:10px 18px 6px}.cmdk-item{display:grid;grid-template-columns:32px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 18px;cursor:pointer;transition:background .12s ease}.cmdk-item.is-active,.cmdk-item:hover{background:rgba(16,185,129,.1)}.cmdk-item .ic{width:30px;height:30px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.cmdk-item .lbl{font-size:13.5px;color:var(--text);font-weight:500}.cmdk-item .sub{font-size:11.5px;color:var(--text-muted);margin-top:1px}.cmdk-item .hint{font-size:10.5px;color:var(--text-dim);font-weight:600}.cmdk-foot{padding:10px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-row{grid-template-columns:1fr 1fr}.dashboard-row .card:last-child{grid-column:1/-1}.ai-hero-row{grid-template-columns:1fr;gap:18px}}@media (max-width:1100px){.app{grid-template-columns:var(--sb-collapsed-w) 1fr}.sb-link .badge,.sb-link span,.sb-section-label,.sidebar-foot .name,.sidebar-foot .role,.sidebar-name{display:none}.sb-link{padding:10px}.sb-link,.sidebar-foot,.sidebar-head{justify-content:center}.sidebar-head{padding:0 0 16px}.grid-12,.policy-layout{grid-template-columns:1fr}.policy-side{position:static}.form-grid{grid-template-columns:1fr}}@media (max-width:820px){.app{grid-template-columns:0 1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sb-w);padding:14px;transform:translateX(-100%);transition:transform .3s cubic-bezier(.32,.72,.34,1);z-index:95}.sidebar.is-open{transform:translateX(0);box-shadow:var(--shadow-lg)}.sidebar:after,.sidebar:before{inset:0;border-radius:0}.sb-link .badge,.sb-link span,.sb-section-label,.sidebar-foot .name,.sidebar-foot .role,.sidebar-name{display:inline}.sb-link{padding:10px 12px}.sb-link,.sidebar-foot,.sidebar-head{justify-content:flex-start}.sidebar-head{padding:0 12px 16px}.main{padding:8px}.topbar{top:8px;padding:0 12px;gap:8px;height:60px}.topbar .search{display:none}.topbar .crumbs{font-size:12px}.topbar .crumbs .sep,.topbar .crumbs a{display:none}.topbar .crumb-page{font-size:13.5px}.topbar .user .name,.topbar .user .role{display:none}.topbar .user{padding:4px}.topbar .icon-btn{width:38px;height:38px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.dashboard-row{gap:12px}.dashboard-row,.dashboard-row.row-2,.grid-2,.grid-3{grid-template-columns:1fr}.page{padding:8px 8px 96px}.page-head{margin-bottom:16px}.page-head h2{font-size:24px}.payslip-grid{grid-template-columns:1fr}.payslip-grid>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.punch-card{grid-template-columns:1fr;padding:22px}.punch-card .now-time{font-size:36px}.menu-mobile{display:inline-flex!important}.ai-hero h1{font-size:24px}.ai-hero{padding:22px 18px}.ai-hero .ai-hero-sub{font-size:14px}.ai-hero-chips{gap:6px}.ai-chip{padding:5px 10px;font-size:11.5px}.ai-hero-meta{gap:10px}.donut-wrap{flex-direction:column;gap:16px;align-items:stretch}.donut{margin:0 auto;width:160px;height:160px}.approval{grid-template-columns:40px 1fr;gap:10px;padding:12px}.approval .actions{grid-column:1/-1;justify-content:flex-end}.ai-fab{right:16px;bottom:16px;width:52px;height:52px}.cmdk-back{padding:60px 14px 14px}.cmdk{max-width:100%;border-radius:14px}.timeline .event{grid-template-columns:70px 1fr;gap:10px;padding-left:18px}.tbl-scroll{-webkit-overflow-scrolling:touch}.toggle{flex-wrap:wrap}.tbl tbody td,.tbl thead th{padding:10px;font-size:12.5px}.tabs{-webkit-overflow-scrolling:touch}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.topbar h1{font-size:15px}.page-head h2{line-height:1.2}.ai-hero h1,.page-head h2{font-size:22px}.ai-hero{padding:18px 16px;border-radius:18px}.kpi{padding:14px 16px}.kpi .val{font-size:26px}.card-body{padding:16px}.card-head{padding:14px 16px}.filter-bar{padding:10px 12px;gap:8px}.filter-bar .grow{min-width:100%}.btn{font-size:12.5px;padding:0 14px;height:38px}.btn-lg{height:44px;padding:0 18px}.stepper{padding:12px 14px;gap:6px;flex-wrap:wrap}.stepper .step .lbl,.stepper .step .ttl{font-size:11px}.stepper .conn{display:none}.modal{border-radius:16px;max-height:95vh}.modal-head{padding:14px 16px}.modal-body{padding:16px}.drawer{width:100vw;max-width:100vw}.approval .body .head{flex-wrap:wrap}.approval .ai-hint{font-size:10.5px}.form-grid{gap:12px}.ai-mood-head .score,.field input,.field select,.field textarea{font-size:16px}}.menu-mobile{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--text);background:hsla(0,0%,100%,.04);border:1px solid var(--line)}.menu-mobile:hover{background:var(--glass-hover)}@media print{body{background:#fff!important;color:#111!important}body:before{display:none}.ai-fab,.btn,.cmdk-back,.page-head,.sidebar,.topbar{display:none!important}.app{grid-template-columns:1fr}.main,.page{padding:0}.payslip{background:#fff!important;border:0;box-shadow:none}.payslip-foot,.payslip-grid .line,.payslip-meta .row span:first-child{color:#555!important}.payslip-grid .line .amt,.payslip-grid .sub-total,.payslip-grid h4,.payslip-meta .row span:last-child{color:#111!important}.payslip-net{background:#ecfdf5!important}.payslip-net .net{-webkit-text-fill-color:#0f5a30!important;background:none!important;color:#0f5a30!important}}.tip{position:relative;display:inline-flex;align-items:center;cursor:help}.tip .tip-bubble{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:rgba(31,41,55,.97);color:#fff;font-size:11.5px;font-weight:500;padding:10px 12px;border-radius:8px;white-space:normal;max-width:340px;width:max-content;text-align:left;z-index:50;transition:opacity .15s ease,transform .15s ease;box-shadow:var(--shadow-lg);border:1px solid var(--line-strong);line-height:1.5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tip:hover .tip-bubble{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}.tip-icon{width:14px;height:14px;border-radius:50%;background:rgba(16,185,129,.14);color:var(--emerald-soft);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-left:4px;border:1px solid rgba(16,185,129,.25)}html:not([data-theme=light]) .leave-chip[style*="#92400E"],html:not([data-theme=light]) .leave-chip[style*="#FEF3C7"]{background:rgba(245,158,11,.18)!important;color:#fcd34d!important}html:not([data-theme=light]) .leave-chip[style*="#5B21B6"],html:not([data-theme=light]) .leave-chip[style*="#EDE9FE"]{background:rgba(139,92,246,.18)!important;color:#a78bfa!important}html:not([data-theme=light]) .leave-chip[style*="#1E3A8A"],html:not([data-theme=light]) .leave-chip[style*="#DBEAFE"]{background:rgba(59,130,246,.18)!important;color:#93c5fd!important}html:not([data-theme=light]) .leave-chip[style*="#9D174D"],html:not([data-theme=light]) .leave-chip[style*="#FCE7F3"]{background:rgba(244,63,94,.18)!important;color:#fb7185!important}html:not([data-theme=light]) .leave-chip[style*="#1F2A1D"]{background:hsla(0,0%,100%,.1)!important;color:#f9fafb!important}html:not([data-theme=light]) .leave-chip[style*="#0F5A30"],html:not([data-theme=light]) .leave-chip[style*="#E7F3EC"]{background:rgba(16,185,129,.18)!important;color:#34d399!important}html:not([data-theme=light]) .leave-chip[style*="#C8932B"],html:not([data-theme=light]) .leave-chip[style*="#FBF1DC"]{background:rgba(245,158,11,.16)!important;color:#fcd34d!important}html:not([data-theme=light]) [style*="color: #0F5A30"],html:not([data-theme=light]) [style*="color: #1F8A4C"],html:not([data-theme=light]) [style*="color: var(--green)"],html:not([data-theme=light]) [style*="color: var(--green-deep)"],html:not([data-theme=light]) [style*="color:#0F5A30"],html:not([data-theme=light]) [style*="color:#1F8A4C"],html:not([data-theme=light]) [style*="color:var(--green)"],html:not([data-theme=light]) [style*="color:var(--green-deep)"]{color:var(--emerald-soft)!important}html:not([data-theme=light]) [style*="color: #647264"],html:not([data-theme=light]) [style*="color:#647264"]{color:var(--text-muted)!important}html:not([data-theme=light]) [style*="color: #1F2A1D"],html:not([data-theme=light]) [style*="color:#1F2A1D"]{color:var(--text)!important}html:not([data-theme=light]) [style*="background: #F4FAF6"],html:not([data-theme=light]) [style*="background:#F4FAF6"]{background:rgba(16,185,129,.08)!important}html:not([data-theme=light]) [style*="background: #F7F4FF"],html:not([data-theme=light]) [style*="background:#F7F4FF"]{background:rgba(139,92,246,.08)!important}html:not([data-theme=light]) [style*="background: #FFFAF0"],html:not([data-theme=light]) [style*="background:#FFFAF0"]{background:rgba(245,158,11,.08)!important}html:not([data-theme=light]) [style*="background: #EFF6FF"],html:not([data-theme=light]) [style*="background:#EFF6FF"]{background:rgba(59,130,246,.08)!important}html:not([data-theme=light]) [style*="background: #FFF1F2"],html:not([data-theme=light]) [style*="background:#FFF1F2"]{background:rgba(244,63,94,.08)!important}html:not([data-theme=light]) .progress>span[style*="background: #F59E0B"],html:not([data-theme=light]) .progress>span[style*="background:#F59E0B"]{background:linear-gradient(90deg,#f59e0b,#ef4444)!important}html:not([data-theme=light]) .card[style*="#FFFAF0"],html:not([data-theme=light]) .card[style*="#FFFBEB"],html:not([data-theme=light]) [style*="background: #FFFAF0"],html:not([data-theme=light]) [style*="background: #FFFBEB"],html:not([data-theme=light]) [style*="background:#FFFAF0"],html:not([data-theme=light]) [style*="background:#FFFBEB"]{background:rgba(245,158,11,.08)!important}html:not([data-theme=light]) [style*="border-color: #FDE68A"],html:not([data-theme=light]) [style*="border-color:#FDE68A"]{border-color:rgba(245,158,11,.3)!important}html:not([data-theme=light]) tr[style*="background: #FFFBEB"],html:not([data-theme=light]) tr[style*="background:#FFFBEB"]{background:rgba(245,158,11,.06)!important}html:not([data-theme=light]) div[style*="background: #FFFFFF"],html:not([data-theme=light]) div[style*="background: white"],html:not([data-theme=light]) div[style*="background:#FFFFFF"],html:not([data-theme=light]) div[style*="background:white"]{background:hsla(0,0%,100%,.04)!important;color:var(--text-soft)}html:not([data-theme=light]) .swatch .chip[style*="background: #FFFFFF"],html:not([data-theme=light]) .swatch .chip[style*="background:#FFFFFF"]{background:#fff!important}html[data-theme=light] .sidebar:before{background:linear-gradient(180deg,#fff,#faf7ef);border-color:var(--line);box-shadow:var(--shadow)}html[data-theme=light] .sidebar:after{background:linear-gradient(155deg,rgba(31,138,76,.18),rgba(200,147,43,.16) 50%,transparent 80%)}html[data-theme=light] .sidebar-foot:before,html[data-theme=light] .sidebar-head:after{background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}html[data-theme=light] .sb-link{color:var(--text-soft)}html[data-theme=light] .sb-link svg{color:var(--text-muted)}html[data-theme=light] .sb-link:hover{background:rgba(31,138,76,.06);color:var(--text)}html[data-theme=light] .sb-link:hover svg{color:var(--emerald)}html[data-theme=light] .sb-link.is-active{background:linear-gradient(135deg,rgba(31,138,76,.14),rgba(200,147,43,.08));color:var(--green-deep);box-shadow:inset 0 0 0 1px rgba(31,138,76,.25),0 6px 16px -10px rgba(31,138,76,.35)}html[data-theme=light] .sb-link.is-active svg{color:var(--green-deep)}html[data-theme=light] .sb-link .badge{background:rgba(200,147,43,.14);color:#8c6517;border-color:rgba(200,147,43,.3)}html[data-theme=light] .sidebar-foot .avatar:after{border-color:#fff}html[data-theme=light] .topbar{background:hsla(0,0%,100%,.75);border-color:var(--line);box-shadow:var(--shadow-sm)}html[data-theme=light] .topbar .crumbs a{color:var(--text-muted)}html[data-theme=light] .topbar .crumb-page{color:var(--text)}html[data-theme=light] .topbar .search input{background:#fff;border-color:var(--line)}html[data-theme=light] .topbar .search input:focus{border-color:rgba(31,138,76,.5);box-shadow:0 0 0 4px rgba(31,138,76,.12),var(--shadow-sm);background:#fff}html[data-theme=light] .topbar .search .kbd{background:var(--bg);color:var(--text-muted);border-color:var(--line)}html[data-theme=light] .topbar .icon-btn{background:#fff;border-color:var(--line);color:var(--text-soft)}html[data-theme=light] .topbar .icon-btn:hover{background:var(--bg);color:var(--text);border-color:var(--line-strong)}html[data-theme=light] .topbar .icon-btn .dot{border-color:#fff}html[data-theme=light] .topbar .user{background:#fff;border-color:var(--line)}html[data-theme=light] .topbar .user:hover{border-color:rgba(31,138,76,.3);background:var(--bg)}html[data-theme=light] .card{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm)}html[data-theme=light] .card:hover{border-color:var(--line-strong)}html[data-theme=light] .card-head{border-bottom-color:var(--line)}html[data-theme=light] .card-foot{border-top-color:var(--line)}html[data-theme=light] .ai-hero{background:linear-gradient(135deg,#fff,#faf7ef);border-color:var(--line)}html[data-theme=light] .ai-hero:before{background:radial-gradient(45% 70% at 0 0,rgba(31,138,76,.14),transparent 60%),radial-gradient(45% 70% at 100% 100%,rgba(200,147,43,.16),transparent 60%),radial-gradient(35% 60% at 70% 10%,hsla(5,69%,62%,.1),transparent 60%)}html[data-theme=light] .ai-hero:after{background:none}html[data-theme=light] .ai-hero-greet{background:rgba(31,138,76,.1);border-color:rgba(31,138,76,.25);color:var(--green-deep)}html[data-theme=light] .ai-chip,html[data-theme=light] .ai-mood{background:#fff;border-color:var(--line)}html[data-theme=light] .ai-chip{color:var(--text-soft)}html[data-theme=light] .ai-chip:hover{background:var(--bg);border-color:var(--line-strong)}html[data-theme=light] .ai-mood-bar{background:var(--bg-deep)}html[data-theme=light] .kpi{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm)}html[data-theme=light] .kpi:before{opacity:.18}html[data-theme=light] .kpi:hover{box-shadow:var(--shadow);border-color:var(--line-strong)}html[data-theme=light] .kpi-icon{background:rgba(31,138,76,.1);color:var(--green-deep);border-color:rgba(31,138,76,.22)}html[data-theme=light] .kpi-icon.is-violet{background:rgba(124,58,237,.1);color:#6d28d9;border-color:rgba(124,58,237,.22)}html[data-theme=light] .kpi-icon.is-amber{background:rgba(200,147,43,.12);color:#8c6517;border-color:rgba(200,147,43,.25)}html[data-theme=light] .kpi-icon.is-blue{background:rgba(37,99,235,.1);color:#1d4ed8;border-color:rgba(37,99,235,.22)}html[data-theme=light] .kpi-icon.is-rose{background:hsla(5,69%,62%,.1);color:#c13f33;border-color:hsla(5,69%,62%,.25)}html[data-theme=light] .kpi-icon.is-cyan{background:rgba(14,165,183,.1);color:#0e7c8c;border-color:rgba(14,165,183,.22)}html[data-theme=light] .kpi .delta.up{color:var(--emerald)}html[data-theme=light] .kpi .delta.down{color:var(--danger)}html[data-theme=light] .kpi-row-avatars .avatar{border-color:#fff}html[data-theme=light] .kpi-row-avatars .more{background:rgba(31,138,76,.1);color:var(--green-deep);border-color:#fff}html[data-theme=light] .kpi-ai{background:var(--bg);border-color:var(--line)}html[data-theme=light] .kpi-ai svg{color:var(--violet)}html[data-theme=light] .pill{border-color:transparent}html[data-theme=light] .pill:before{box-shadow:none}html[data-theme=light] .pill-late{color:var(--st-late)}html[data-theme=light] .pill-absent{color:var(--st-absent)}html[data-theme=light] .pill-wfh{color:var(--st-wfh)}html[data-theme=light] .pill-field{color:var(--st-field)}html[data-theme=light] .pill-leave{color:var(--st-leave)}html[data-theme=light] .pill-holiday{color:var(--st-holiday)}html[data-theme=light] .pill-rejected{color:var(--st-rejected)}html[data-theme=light] .pill-draft,html[data-theme=light] .pill-pending{color:var(--st-pending)}html[data-theme=light] .pill-locked{background:#e5e7e5;color:var(--text)}html[data-theme=light] .leave-chip{background:var(--green-soft);color:var(--green-deep)}html[data-theme=light] .tbl tbody tr:hover{background:#fbfcfa}html[data-theme=light] .tbl thead th{background:var(--bg)}html[data-theme=light] .tbl tfoot td{background:var(--bg);border-top-color:var(--line-strong)}html[data-theme=light] .tbl.sticky-first td:first-child,html[data-theme=light] .tbl.sticky-first th:first-child{background:#fff}html[data-theme=light] .tbl.sticky-first thead th:first-child{background:var(--bg)}html[data-theme=light] .tbl.sticky-first tbody tr:hover td:first-child{background:#fbfcfa}html[data-theme=light] .cell-emp .avatar{background-color:rgba(31,138,76,.12);color:var(--green-deep);border-color:var(--line)}html[data-theme=light] .filter-bar{background:#fff}html[data-theme=light] .filter-bar input,html[data-theme=light] .filter-bar select,html[data-theme=light] .toggle{background:var(--bg)}html[data-theme=light] .toggle button.is-active{background:rgba(31,138,76,.14);color:var(--green-deep)}html[data-theme=light] .approval{background:var(--bg)}html[data-theme=light] .approval:hover{background:#fff;border-color:rgba(31,138,76,.3)}html[data-theme=light] .approval .avatar{border-color:#fff}html[data-theme=light] .approval .body .reason{border-left-color:rgba(124,58,237,.4)}html[data-theme=light] .approval .ai-hint{background:rgba(14,165,183,.08);color:var(--cyan);border-color:rgba(14,165,183,.22)}html[data-theme=light] .kbd-hint{background:#fff;border-color:var(--line);color:var(--text-muted)}html[data-theme=light] .leave-bal{background:#fff}html[data-theme=light] .leave-bar{background:var(--bg-deep)}html[data-theme=light] .stepper{background:#fff}html[data-theme=light] .stepper .step .num{background:var(--bg);border-color:var(--line);color:var(--text-muted)}html[data-theme=light] .stepper .step.is-done .num{background:var(--green-soft);border-color:rgba(31,138,76,.4);color:var(--green-deep)}html[data-theme=light] .rule-row{background:#fff}html[data-theme=light] .field .control,html[data-theme=light] .field input,html[data-theme=light] .field select,html[data-theme=light] .field textarea{background:#fff;color:var(--text)}html[data-theme=light] .field .control:focus,html[data-theme=light] .field input:focus,html[data-theme=light] .field select:focus,html[data-theme=light] .field textarea:focus{border-color:rgba(31,138,76,.5);box-shadow:var(--ring-focus)}html[data-theme=light] .switch .slider{background:var(--bg-deep);border-color:var(--line)}html[data-theme=light] .switch input:checked+.slider:before{background:#fff}html[data-theme=light] .dropzone{background:var(--bg)}html[data-theme=light] .dropzone:hover{background:var(--green-soft)}html[data-theme=light] .btn-primary{color:#fff;box-shadow:0 6px 14px -6px rgba(15,90,48,.4)}html[data-theme=light] .btn-primary:hover{box-shadow:0 10px 24px -8px rgba(15,90,48,.5),0 0 0 1px rgba(31,138,76,.3)}html[data-theme=light] .btn-ghost{background:#fff;color:var(--text);border-color:var(--line)}html[data-theme=light] .btn-ghost:hover{background:var(--bg);border-color:rgba(31,138,76,.3);color:var(--green-deep)}html[data-theme=light] .btn-soft{background:var(--green-soft);color:var(--green-deep);border-color:var(--green-border)}html[data-theme=light] .btn-soft:hover{background:rgba(31,138,76,.2)}html[data-theme=light] .btn-dark{background:var(--text);color:#fff;border-color:transparent}html[data-theme=light] .btn-dark:hover{background:#0f1a0d}html[data-theme=light] .btn-danger{background:#fff;color:var(--danger);border-color:var(--line)}html[data-theme=light] .btn-danger:hover{background:#fef2f2;border-color:var(--danger)}html[data-theme=light] .btn-muted{background:var(--bg);color:var(--text-muted);border-color:var(--line)}html[data-theme=light] .donut:after{background:#fff;border-color:var(--line)}html[data-theme=light] .donut-legend .row:hover{background:var(--bg)}html[data-theme=light] .cal{background:#fff}html[data-theme=light] .cal-cell{background:var(--bg)}html[data-theme=light] .cal-cell:hover{background:#f1eee5}html[data-theme=light] .cal-cell.is-weekend{background:var(--bg-deep)}html[data-theme=light] .cal-cell.is-holiday{background:var(--st-holiday-bg);color:var(--st-holiday)}html[data-theme=light] .cal-cell.is-leave{background:var(--st-leave-bg);color:var(--st-leave)}html[data-theme=light] .cal-cell.is-wfh{background:var(--st-wfh-bg);color:var(--st-wfh)}html[data-theme=light] .cal-cell.is-field{background:var(--st-field-bg);color:var(--st-field)}html[data-theme=light] .cal-cell.is-present{background:var(--st-present-bg);color:var(--st-approved)}html[data-theme=light] .cal-cell.is-late{background:var(--st-late-bg);color:var(--st-late)}html[data-theme=light] .cal-cell.is-absent{background:var(--st-absent-bg);color:var(--st-absent)}html[data-theme=light] .drawer-back,html[data-theme=light] .modal-back{background:rgba(31,42,29,.4)}html[data-theme=light] .drawer,html[data-theme=light] .modal,html[data-theme=light] .toast{background:#fff;border-color:var(--line-strong)}html[data-theme=light] .toast{color:var(--text)}html[data-theme=light] .toast.is-success{box-shadow:var(--shadow-lg),0 0 0 1px rgba(31,138,76,.25)}html[data-theme=light] .cmdk-back{background:rgba(31,42,29,.4)}html[data-theme=light] .cmdk{background:#fff;border-color:var(--line-strong);box-shadow:var(--shadow-lg)}html[data-theme=light] .cmdk-item.is-active,html[data-theme=light] .cmdk-item:hover{background:var(--green-soft)}html[data-theme=light] .cmdk-item .ic{background:var(--bg);border-color:var(--line);color:var(--text-muted)}html[data-theme=light] .ai-panel{background:linear-gradient(180deg,rgba(124,58,237,.04),#fff);border-color:rgba(124,58,237,.22)}html[data-theme=light] .ai-panel:before{opacity:.12}html[data-theme=light] .ai-insight,html[data-theme=light] .ai-panel-head{border-bottom-color:var(--line)}html[data-theme=light] .ai-insight:hover{background:var(--bg)}html[data-theme=light] .ai-insight .cta{color:var(--green-deep)}html[data-theme=light] .ai-insight .cta:hover{color:#0e7c8c}html[data-theme=light] .ai-insight .ic.is-warn{background:rgba(200,147,43,.14);color:#8c6517;border-color:rgba(200,147,43,.25)}html[data-theme=light] .ai-insight .ic.is-violet{background:rgba(124,58,237,.14);color:#6d28d9;border-color:rgba(124,58,237,.25)}html[data-theme=light] .ai-insight .ic.is-cyan{background:rgba(14,165,183,.14);color:#0e7c8c;border-color:rgba(14,165,183,.25)}html[data-theme=light] .ai-insight .ic.is-rose{background:hsla(5,69%,62%,.14);color:#c13f33;border-color:hsla(5,69%,62%,.25)}html[data-theme=light] .ai-insight .ic.is-emerald{background:rgba(31,138,76,.14);color:var(--green-deep);border-color:rgba(31,138,76,.25)}html[data-theme=light] .policy-doc,html[data-theme=light] .policy-side{background:#fff}html[data-theme=light] .policy-side a:hover{background:var(--bg)}html[data-theme=light] .policy-side a.is-active{background:var(--green-soft);color:var(--green-deep);box-shadow:inset 0 0 0 1px rgba(31,138,76,.25)}html[data-theme=light] .policy-ack{background:var(--green-soft);border-top-color:var(--green-border)}html[data-theme=light] .policy-ack-meta{color:var(--green-deep)}html[data-theme=light] .payslip{background:#fff}html[data-theme=light] .payslip-net{background:var(--green-soft);border-top-color:var(--green-border)}html[data-theme=light] .payslip-net .lbl{color:var(--green-deep)}html[data-theme=light] .att-month{background:#fff}html[data-theme=light] .att-month thead th{background:var(--bg)}html[data-theme=light] .att-month tbody td.emp,html[data-theme=light] .org-node{background:#fff}html[data-theme=light] .org-node:hover{border-color:rgba(31,138,76,.4);box-shadow:var(--shadow),0 0 0 1px rgba(31,138,76,.18)}html[data-theme=light] .org-node .avatar{background-color:var(--green-soft);color:var(--green-deep);border-color:var(--line)}html[data-theme=light] .nine-box-cell{background:#fff}html[data-theme=light] .nine-box-cell.is-top{background:linear-gradient(135deg,var(--green-soft),#fff);border-color:var(--green-border)}html[data-theme=light] .nine-box-cell.is-bottom{background:linear-gradient(135deg,#fee2e2,#fff);border-color:#fecaca}html[data-theme=light] .nine-box-cell .people .avatar{background-color:var(--green-soft);color:var(--green-deep);border-color:var(--line)}html[data-theme=light] .timeline .event:before{background:#fff;border-color:var(--green);box-shadow:0 0 0 2px rgba(31,138,76,.15)}html[data-theme=light] .timeline .event{border-left-color:var(--line)}html[data-theme=light] .progress{background:var(--bg-deep)}html[data-theme=light] .empty .icon{background:var(--green-soft);color:var(--green-deep);border-color:var(--green-border)}html[data-theme=light] .ai-fab{box-shadow:0 14px 30px -8px rgba(124,58,237,.45),0 0 0 1px rgba(31,42,29,.06)}html[data-theme=light] .donut{filter:drop-shadow(0 6px 16px rgba(31,138,76,.18))}html[data-theme=light] ::selection{background:rgba(31,138,76,.22);color:var(--text)}html[data-theme=light] ::-webkit-scrollbar-thumb{background:rgba(31,42,29,.18);background-clip:content-box}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:rgba(31,42,29,.3);background-clip:content-box}html[data-theme=light] .tip .tip-bubble{background:var(--text);color:#fff;border-color:var(--line-strong)}html[data-theme=light] .tip-icon{background:var(--green-soft);color:var(--green-deep);border-color:var(--green-border)}.theme-toggle{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.03);border:1px solid var(--line);color:var(--text-muted);cursor:pointer;position:relative;overflow:hidden;transition:background .15s ease,color .15s ease,transform .15s ease,border-color .15s ease}.theme-toggle:hover{background:var(--glass-hover);color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}html[data-theme=light] .theme-toggle{background:#fff;border-color:var(--line);color:var(--text-soft)}html[data-theme=light] .theme-toggle:hover{background:var(--bg);color:var(--text);border-color:var(--line-strong)}.theme-toggle .moon,.theme-toggle .sun{position:absolute;transition:transform .35s cubic-bezier(.32,.72,.34,1),opacity .25s ease}.theme-toggle .sun{transform:rotate(0deg) scale(1);opacity:1}.theme-toggle .moon{transform:rotate(-90deg) scale(.6);opacity:0}html[data-theme=light] .theme-toggle .sun{transform:rotate(90deg) scale(.6);opacity:0}html[data-theme=light] .theme-toggle .moon{transform:rotate(0deg) scale(1);opacity:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;padding:20px 0}.skeleton-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px}.skeleton{background:linear-gradient(90deg,var(--glass) 0,var(--glass-strong) 50%,var(--glass) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}.skeleton-line{height:14px;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center}.empty-state-mini svg{margin-bottom:12px;opacity:.4}.empty-state-mini p{font-size:13px;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;max-width:420px;margin:20px auto}.empty-state svg{margin-bottom:18px;opacity:.3}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--text)}.empty-state p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0 0 20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--glass);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;text-decoration:none;color:var(--text-soft)}.quick-action:hover{background:var(--glass-hover);border-color:var(--line-strong);transform:translateY(-2px);color:var(--text)}.quick-action span{font-size:11.5px;font-weight:600;text-align:center}.qa-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.12);color:var(--emerald-soft)}.qa-icon.is-violet{background:rgba(139,92,246,.12);color:var(--violet-soft)}.qa-icon.is-blue{background:rgba(59,130,246,.12);color:var(--blue)}.qa-icon.is-cyan{background:rgba(6,182,212,.12);color:var(--cyan)}.qa-icon.is-amber{background:rgba(245,158,11,.12);color:var(--warning)}.qa-icon.is-emerald{background:rgba(16,185,129,.12);color:var(--emerald-soft)}.qa-icon.is-rose{background:rgba(244,63,94,.12);color:var(--rose)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:5}.data-table th{text-align:left;padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--text-soft);vertical-align:middle}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:var(--glass-hover)}.data-table tbody tr:last-child td{border-bottom:0}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text)}.data-table th .sort-icon{margin-left:4px;opacity:.4}.data-table th.sorted .sort-icon{opacity:1;color:var(--emerald-soft)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s ease}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-scale-in .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--line-soft)}.modal-header h3{font-size:17px;font-weight:700}.modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:background .15s ease,color .15s ease}.modal-close:hover{background:var(--glass-hover);color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid var(--line-soft)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.form-group .form-hint{font-size:11.5px;color:var(--text-dim);margin-top:4px}.form-input,.form-select,.form-textarea{width:100%;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--glass);color:var(--text);font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-textarea{height:auto;padding:10px 14px;min-height:80px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(16,185,129,.5);box-shadow:0 0 0 3px rgba(16,185,129,.15);background:hsla(0,0%,100%,.06)}.form-input.is-error,.form-select.is-error,.form-textarea.is-error{border-color:var(--danger);box-shadow:0 0 0 3px rgba(239,68,68,.15)}.form-error{font-size:12px;color:var(--danger);margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.badge-sm{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-active{background:var(--st-present-bg);color:var(--st-present)}.badge-onboarding{background:var(--st-wfh-bg);color:var(--st-wfh)}.badge-probation{background:var(--st-late-bg);color:var(--st-late)}.badge-resigned{background:var(--st-rejected-bg);color:var(--st-rejected)}.badge-inactive{background:var(--st-pending-bg);color:var(--st-pending)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;cursor:pointer;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.tab:hover{color:var(--text)}.tab.active{color:var(--emerald-soft);border-bottom-color:var(--emerald)}.tab .count{margin-left:6px;font-size:11px;padding:1px 6px;border-radius:999px;background:var(--glass);color:var(--text-muted)}.search-inline{position:relative;max-width:320px}.search-inline input{width:100%;height:38px;padding:0 14px 0 36px;border:1px solid var(--line);border-radius:10px;background:var(--glass);font-size:13px;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.search-inline input:focus{border-color:rgba(16,185,129,.5);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.search-inline .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease}.filter-chip:hover{background:var(--glass-hover);border-color:var(--line-strong)}.filter-chip.active{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:var(--emerald-soft)}