@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#0a2328;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0a2328;--foreground:#0a2328;--muted:#586d72;--line:#d6e2e3;--border:#d6e2e3;--paper:#fff;--surface:#fff;--surface-sunken:#e9f2f3;--muted-surface:#e9f2f3;--secondary-surface:#e1f1f0;--teal:#006e6f;--primary:#006e6f;--primary-text:#f4fcfc;--soft-teal:#e1f1f0;--sidebar-bg:#002d33;--sidebar-text:#d4e1e2;--sidebar-muted:#8ca6a8;--sidebar-border:#d6e2e31f;--accent-amber:#f0a13e;--gold:#f0a13e;--soft-gold:#fef3e2;--success-green:#30a06a;--green:#30a06a;--soft-green:#e8f6ef;--warning-amber:#edad39;--soft-amber:#fdf6e7;--danger-red:#dc2e3f;--coral:#dc2e3f;--soft-coral:#fceaeb;--blue:#006e6f;--soft-blue:#e1f1f0;background:#f3f8f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{color:#0a2328;-webkit-text-size-adjust:100%;background:#f3f8f8;min-width:320px;margin:0;overflow-x:clip}html{scroll-behavior:smooth;overflow-x:clip}img,svg,video,canvas,picture{max-width:100%;height:auto}p,td,th,li,dd{overflow-wrap:break-word}body:before,body:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;opacity:.45;border-radius:50%;position:fixed}body:before{background:#86ccbd52;width:260px;height:260px;top:40px;right:9%}body:after{background:#a2b6ff2e;width:320px;height:320px;bottom:30px;left:12%}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1d8a7a3d}.app-shell{isolation:isolate;background:#f3f8f8;min-height:100dvh;display:flex;position:relative}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffefae0;flex-direction:column;flex:0 0 252px;width:252px;height:100dvh;max-height:100dvh;padding:18px 14px 14px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-top{flex-shrink:0}.brand-row{align-items:center;gap:10px;padding:2px 6px 16px;display:flex}.brand-logo{object-fit:cover;object-position:left center;background:#fff;border-radius:8px;width:34px;height:34px;display:block}.brand-wordmark{object-fit:contain;object-position:left center;border-radius:8px;width:auto;max-width:200px;height:44px;display:block}.brand-name{color:#3156a5;letter-spacing:-.6px;font:700 20px Space Grotesk,sans-serif}.workspace-live-pill{letter-spacing:.09em;text-transform:uppercase;color:var(--teal);background:#1d8a7a1a;border:1px solid #1d8a7a38;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:9px}.workspace-switcher{border:1px solid var(--line);background:#fffefa;border-radius:10px;align-items:center;gap:9px;margin-bottom:12px;padding:9px 10px;display:flex}.workspace-avatar{color:#795f2f;background:#f0e7d2;border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.workspace-switcher div:nth-child(2){flex:1;gap:2px;display:grid}.workspace-switcher strong{font-size:12px}.workspace-switcher span,.profile-mini span{color:var(--muted);font-size:10px}.muted-icon{color:#a4a49e}.nav-area{scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#1d8a7a73 #00000008;flex:auto;min-height:0;margin-right:-2px;padding-right:4px;position:relative;overflow:hidden auto}.nav-area::-webkit-scrollbar{width:5px}.nav-area::-webkit-scrollbar-track{background:#00000008;border-radius:999px;margin:4px 0}.nav-area::-webkit-scrollbar-thumb{background:#1d8a7a59;border-radius:999px;transition:all .2s}.nav-area:hover::-webkit-scrollbar-thumb{background:#1d8a7ab3}.nav-area::-webkit-scrollbar-thumb:hover{background:var(--teal)}.nav-scroll-controls{border:1px dashed var(--line);background:#00000005;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:4px 6px;display:flex}.nav-scroll-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:600;transition:all .15s;display:inline-flex}.nav-scroll-btn:hover{color:var(--teal);background:#fff;box-shadow:0 1px 3px #0000000f}.nav-group+.nav-group{margin-top:18px}.nav-label{color:#a3a39e;text-transform:uppercase;letter-spacing:1.1px;padding:0 10px 7px;font-size:9px;font-weight:700}.nav-item{color:#777872;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;margin:1px 0;padding:8px 10px;font-size:11px;display:flex}.nav-item:hover{color:var(--ink);background:#f2f1ed}.nav-item.active{color:var(--ink);background:#e8f1ed;font-weight:600}.nav-item.active svg{color:var(--teal)}.nav-badge{color:#9a9a94;margin-left:auto;font-size:10px}.nav-item.active .nav-badge{color:var(--teal)}.sidebar-bottom{border-top:1px solid var(--line);background:#fffefaf2;flex-shrink:0;gap:3px;margin-top:auto;padding-top:10px;display:grid}.profile-mini{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:9px;margin-top:6px;padding:8px 10px;transition:all .2s;display:flex}.profile-mini:hover{background:#f4f8f6;border-color:#1d8a7a4d;transform:translateY(-1px)}.profile-mini>div:nth-child(2){flex:1;gap:1px;min-width:0;display:grid}.profile-mini strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-mini span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.icon-button,.row-more,.round-action{color:#74766f;background:0 0;border:0;place-items:center;display:grid}.icon-button{border-radius:8px;width:34px;height:34px}.icon-button:hover,.row-more:hover{color:var(--ink);background:#efeee9}.mobile-close,.menu-trigger{display:none}.main-content{flex:1;min-width:0;margin-left:252px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#fffefa54;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex;position:sticky;top:0}.breadcrumbs{color:#a1a19b;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumbs strong{color:var(--ink);font-weight:600}.slash{color:#cfcec8}.topbar-actions{align-items:center;gap:12px;display:flex}.status-strip{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;background:#1d8a7a14;border:1px solid #1d8a7a26;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.status-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #1d8a7a1f}.search-box{color:#9a9b95;border:1px solid var(--line);background:#fffefa;border-radius:8px;align-items:center;gap:8px;width:206px;padding:8px 11px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-box input::placeholder{color:#aaa9a3}.has-dot{position:relative}.has-dot:after{content:"";background:var(--coral);border:2px solid #f7f6f2;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.top-avatar{margin-left:2px}.page-content{z-index:1;max-width:1390px;margin:0 auto;padding:43px 42px 27px;position:relative}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px;display:flex}.eyebrow,.section-kicker{color:var(--teal);text-transform:uppercase;letter-spacing:1.35px;margin:0 0 9px;font-size:9px;font-weight:700}.page-heading h1{letter-spacing:-.9px;margin:0;font:600 31px Space Grotesk,sans-serif}.wave{color:#dbaf4c;margin-left:3px;font-size:26px}.lede{color:var(--muted);margin:9px 0 0;font-size:12px}.heading-actions{gap:10px;display:flex}.select-control{border:1px solid var(--line);color:#797a73;background:#fffefa;border-radius:8px;align-items:center;gap:8px;padding:0 11px;font-size:11px;display:flex}.select-control select{appearance:none;color:#64655f;cursor:pointer;background:0 0;border:0;outline:0;padding:10px 0}.primary-button{color:#fffefa;background:var(--ink);border:0;border-radius:8px;align-items:center;gap:7px;padding:0 15px;font-size:11px;font-weight:600;display:flex}.primary-button:hover{background:#45463f}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:#fffefad1;border-radius:11px}.metric-card{gap:12px;min-height:125px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.6s both fadeUp;display:flex;position:relative}.metric-card:hover,.panel:hover,.hero-card:hover,.nav-item:hover,.auth-card:hover{border-color:#1d8a7a2e;transform:translateY(-2px);box-shadow:0 14px 30px #2326230f}.metric-icon{border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}.metric-icon.teal,.activity-icon.teal{background:var(--soft-teal);color:var(--teal)}.metric-icon.blue,.activity-icon.blue{background:var(--soft-blue);color:var(--blue)}.metric-icon.coral,.activity-icon.coral{background:var(--soft-coral);color:var(--coral)}.metric-icon.gold,.activity-icon.gold{background:var(--soft-gold);color:var(--gold)}.metric-copy{align-content:start;gap:4px;display:grid}.metric-copy>span{color:var(--muted);font-size:11px}.metric-copy strong{letter-spacing:-1px;font:600 27px Space Grotesk,sans-serif}.metric-copy small{color:var(--teal);align-items:center;gap:3px;font-size:10px;display:flex}.metric-copy small.alert-copy{color:var(--coral)}.metric-more{color:#bbbcb5;position:absolute;top:19px;right:16px}.dashboard-grid{grid-template-columns:minmax(0,1.56fr) minmax(300px,.94fr);gap:18px;margin-bottom:18px;display:grid}.panel{padding:22px 23px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel h2{letter-spacing:-.4px;margin:0;font:600 17px Space Grotesk,sans-serif}.text-button,.panel-footer-link{color:var(--teal);background:0 0;border:0;align-items:center;gap:5px;padding:1px 0;font-size:10px;font-weight:600;display:flex}.text-button:hover,.panel-footer-link:hover{color:#126a5e}.attendance-summary{justify-content:space-between;align-items:flex-end;gap:20px;margin:27px 0 12px;display:flex}.big-number{letter-spacing:-1.2px;font:600 31px Space Grotesk,sans-serif;display:block}.big-number span{color:#8e9089;font-size:18px}.positive{color:var(--teal);align-items:center;gap:2px;margin-top:5px;font-size:10px;display:flex}.attendance-legend{gap:14px;padding-bottom:2px;display:flex}.attendance-legend span{color:#898a84;align-items:center;gap:5px;font-size:10px;display:flex}.attendance-legend strong{color:var(--ink);font-weight:600}.present{background:var(--teal)}.late{background:#dca951}.absent{background:#d5d5cf}.chart-wrap{gap:11px;height:171px;display:flex}.chart-y{color:#b2b2ad;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:9px;display:flex}.chart{flex:1;position:relative}.gridline{border-top:1px dashed #e5e4de;position:absolute;left:0;right:0}.gridline.one{top:0}.gridline.two{top:25%}.gridline.three{top:50%}.gridline.four{top:75%}.bars{justify-content:space-around;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:0}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar{background:#cae6de;border-radius:5px 5px 2px 2px;width:min(22px,70%);max-width:25px;min-height:12px}.bar.selected{background:var(--teal)}.bar-column span{color:#aaa9a3;font-size:9px}.chart-footer{border-top:1px solid var(--line);color:#a3a39d;justify-content:space-between;padding-top:14px;font-size:9px;display:flex}.chart-footer span:first-child{color:#7c7d76;align-items:center;gap:6px;display:flex}.announcement-feature{border-bottom:1px solid var(--line);gap:12px;padding:17px 0 18px;display:flex;position:relative}.announcement-icon{color:#987630;background:var(--soft-gold);border-radius:10px;flex:none;place-items:center;width:35px;height:35px;display:grid}.announcement-tag{color:#b58d3d;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:700}.announcement-feature h3{margin:6px 23px 5px 0;font-size:12px;line-height:1.35}.announcement-feature p{color:var(--muted);margin:0 0 9px;font-size:10px;line-height:1.4}.announcement-date,.announcement-row span{color:#aaa9a3;font-size:9px}.announcement-arrow{color:#a5a59f;position:absolute;top:19px;right:0}.announcement-row{gap:10px;padding:14px 0 2px;display:flex}.small-icon{border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.blue-bg{background:var(--soft-blue);color:var(--blue)}.gold-bg{background:var(--soft-gold);color:var(--gold)}.announcement-row div:last-child{gap:3px;display:grid}.announcement-row strong{font-size:11px;font-weight:600}.panel-footer-link{border-top:1px solid var(--line);justify-content:flex-start;width:100%;margin-top:17px;padding-top:15px}.lower-grid{grid-template-columns:minmax(0,1.56fr) minmax(300px,.94fr);gap:18px;display:grid}.count-pill{background:var(--soft-coral);color:var(--coral);vertical-align:2px;border-radius:5px;place-items:center;min-width:20px;height:20px;margin-left:3px;font:600 10px DM Sans;display:inline-grid}.table-wrap{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:530px}th{color:#a2a29c;border-bottom:1px solid var(--line);padding:0 7px 10px;font-size:9px;font-weight:500}td{color:#6f706a;white-space:nowrap;border-bottom:1px solid #f0efe9;padding:12px 7px;font-size:10px}tbody tr:last-child td{border-bottom:0}.employee-cell{align-items:center;gap:8px;display:flex}.employee-cell>div:last-child{gap:3px;display:grid}.employee-cell strong{color:var(--ink);font-size:10px}.employee-cell span,.sub-cell{color:#a1a19b;font-size:9px}.sub-cell{margin-top:3px;display:block}.avatar{border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:9px;font-weight:700;display:grid}.avatar-coral{color:#aa5f57;background:#f6d6d0}.avatar-blue{color:#5377aa;background:#dbe7f5}.avatar-gold{color:#96702a;background:#f5e8c9}.avatar-violet{color:#746399;background:#e7e0f3}.status{border-radius:5px;padding:5px 7px;font-size:9px;display:inline-block}.status.pending{color:#a67b2d;background:#fbf0d8}.row-more{border-radius:6px;width:27px;height:27px}.activity-list{padding-top:13px}.activity-item{border-bottom:1px solid #f0efe9;gap:10px;padding:13px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-icon{border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.activity-item>div:last-child{align-content:center;gap:5px;display:grid}.activity-item strong{font-size:10px;font-weight:600;line-height:1.35}.activity-item span{color:#a4a49e;font-size:9px}.page-footer{color:#aaa9a3;justify-content:space-between;padding-top:25px;font-size:9px;display:flex}.sync-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.round-action{border:1px solid var(--line);width:28px;height:28px;color:var(--teal);border-radius:7px;font-size:18px}.round-action:hover{background:var(--soft-teal)}.notification-wrap{position:relative}.notification-popover{z-index:4;border:1px solid var(--line);background:#fffefa;border-radius:9px;width:235px;padding:15px;position:absolute;top:43px;right:0;box-shadow:0 15px 35px #23262314}.notification-popover strong{font:600 12px Space Grotesk}.notification-popover p{color:var(--muted);font-size:10px;line-height:1.45}.notification-popover button{color:var(--teal);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:600;display:flex}.auth-page{background:radial-gradient(circle at 80% 0,#e5efe9b8,#0000 38%),#f7f6f2;place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffefae6;border-radius:14px;width:min(100%,420px);padding:34px;transition:transform .2s,box-shadow .2s;animation:.7s both fadeUp;box-shadow:0 20px 60px #23262312}.auth-brand{align-items:center;gap:9px;margin-bottom:36px;display:flex}.auth-brand img{object-fit:cover;object-position:left center;border-radius:8px;width:34px;height:34px}.auth-brand span{color:#3156a5;font:700 20px Space Grotesk,sans-serif}.auth-card h1{letter-spacing:-.8px;margin:0;font:600 30px Space Grotesk,sans-serif}.auth-copy{color:var(--muted);margin:9px 0 24px;font-size:12px}.auth-card form{gap:3px;display:grid}.auth-card form .ui-button{width:100%;margin-top:12px}.input-with-icon{border:1px solid var(--line);color:#a2a29c;background:#f7f6f2;border-radius:7px;align-items:center;gap:8px;min-height:40px;padding:0 10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.input-with-icon:focus-within{border-color:#1d8a7a66;box-shadow:0 0 0 3px #1d8a7a1f}.input-with-icon input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.auth-note{color:var(--muted);align-items:center;gap:7px;margin-top:22px;font-size:9px;display:flex}.auth-note svg{color:var(--teal)}.auth-card .state-panel{margin-bottom:16px;padding:13px}.auth-card .state-panel p{font-size:10px}.scrim{display:none}@media (width<=1080px){.sidebar{flex-basis:220px;width:220px}.main-content{margin-left:220px}.topbar,.page-content{padding-left:28px;padding-right:28px}.metric-card{padding:15px}.attendance-legend{gap:8px}.attendance-legend span{font-size:9px}.topbar-greeting-pill,.status-strip{display:none}.breadcrumbs{min-width:0;overflow:hidden}.topbar-actions{flex-shrink:0}}@media (width<=820px){.sidebar{z-index:10;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:14px 0 30px #23262314}.main-content{margin-left:0}.sidebar.sidebar-open{transform:translate(0)}.scrim{z-index:9;background:#2526292e;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-trigger{display:grid}.menu-trigger{margin-right:8px}.topbar{justify-content:flex-start}.topbar-actions{margin-left:auto}.search-box{width:170px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}}.route-motion>div,.main-content .panel,.route-motion>div>*,.main-content :is(.dashboard-grid,.lower-grid)>*{min-width:0}@media (width<=560px){.topbar{height:64px;padding:0 17px}.breadcrumbs{font-size:11px}.search-box{display:none}.page-content{padding:29px 17px 20px}.page-heading{margin-bottom:26px;display:block}.page-heading h1{font-size:26px}.heading-actions{margin-top:20px}.select-control,.primary-button{flex:1;justify-content:center}.metric-grid{gap:9px}.metric-card{gap:8px;min-height:117px;padding:13px}.metric-copy strong{font-size:24px}.metric-copy>span{font-size:10px}.metric-copy small{font-size:9px}.metric-icon{width:30px;height:30px}.panel{padding:18px 15px}.attendance-summary{align-items:flex-start;display:block}.attendance-legend{margin-top:15px}.chart-wrap{height:148px}.chart-footer{line-height:2;display:block}.dashboard-grid,.lower-grid{gap:12px}.page-footer{gap:7px;display:grid}.announcement-feature h3{font-size:11px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1d8a7a1f}50%{box-shadow:0 0 0 10px #1d8a7a00}}.nav-item,.ui-button,.panel,.metric-card,.hero-card,.auth-card,.status-strip,.workspace-live-pill,.input-with-icon{animation:.45s both fadeUp}.nav-item{transition:background .2s,transform .2s,box-shadow .2s}.nav-item.active{box-shadow:inset 0 0 0 1px #1d8a7a14}.ui-button{transition:transform .2s,box-shadow .2s,background .2s}.ui-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #2526230f}.page-footer{color:#8a8d85;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:10px;display:flex}.sync-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block;box-shadow:0 0 0 4px #1d8a7a17}@media (width<=768px){.topbar-greeting-pill .greeting-text{display:none}}@media (width<=560px){.status-strip,.topbar-greeting-pill{display:none}.topbar-actions{gap:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.metric-link{color:inherit;text-decoration:none}.metric-link:hover{background:#fbfffc;border-color:#c7ded7}.metric-link-icon{color:var(--teal);position:absolute;top:19px;right:16px}.dashboard-loading .metric-grid{margin-bottom:18px}.skeleton{background:linear-gradient(90deg,#eeede7 25%,#f8f7f2 50%,#eeede7 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-card{display:block}.skeleton-icon{width:35px;height:35px;margin-bottom:14px}.skeleton-line{width:68%;height:10px;margin-top:9px}.skeleton-line.short{width:42%}.skeleton-line.medium{width:32%;height:14px}.skeleton-panel{min-height:220px}.skeleton-block{width:100%;height:120px;margin-top:25px}.quick-links-panel{min-height:220px}.quick-links{gap:2px;margin-top:18px;display:grid}.quick-links a{color:#6f706a;border-top:1px solid #f0efe9;align-items:center;gap:9px;min-height:39px;font-size:11px;text-decoration:none;display:flex}.quick-links a svg:first-child{color:var(--teal)}.quick-links a span{flex:1}.quick-links a svg:last-child{color:#a9aaa3}.quick-links a:hover{color:var(--ink)}.activity-empty-panel{margin-top:18px}.activity-empty-panel .empty-state{border-top:1px solid var(--line);margin-top:17px;padding-top:22px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.employee-toolbar{gap:14px;margin-bottom:18px;padding:15px;display:grid}.employee-search{color:#989991;border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:0 2px 12px;display:flex}.employee-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.employee-filters{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.employee-filters input,.employee-filters select,.employee-form input,.employee-form select{border:1px solid var(--line);color:#64655f;background:#f7f6f2;border-radius:7px;min-height:36px;padding:0 10px;font-size:10px}.employee-table-panel{padding-bottom:17px}.table-sort-button{color:var(--teal);background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.sort-desc{transform:rotate(180deg)}.employee-link{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.employee-link>span:last-child{gap:3px;display:grid}.employee-link strong{font-size:10px}.employee-link small{color:var(--muted);font-size:9px}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:13px;font-size:9px;display:flex}.pagination>div{gap:5px;display:flex}.pagination .icon-button:disabled{opacity:.35;cursor:not-allowed}.employee-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:18px;display:grid}.profile-panel,.detail-side-panel{min-height:285px}.profile-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:20px;display:flex}.profile-heading>div:nth-child(2){flex:1;gap:4px;display:grid}.profile-heading h2{margin:0;font:600 19px Space Grotesk,sans-serif}.profile-heading span{color:var(--muted);font-size:10px}.detail-fields{grid-template-columns:repeat(3,1fr);gap:18px 14px;padding:22px 0;display:grid}.detail-fields div{gap:5px;display:grid}.detail-fields span,.history-row small,.document-row small{color:var(--muted);font-size:9px}.detail-fields strong{text-transform:capitalize;font-size:11px;font-weight:600}.detail-actions{border-top:1px solid var(--line);gap:8px;padding-top:15px;display:flex}.document-row{color:var(--teal);border-top:1px solid #f0efe9;align-items:center;gap:9px;padding:13px 0;display:flex}.document-row span{flex:1;gap:3px;display:grid}.document-row strong{color:var(--ink);font-size:10px}.subsection-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.subsection-heading h3{margin:0;font:600 13px Space Grotesk,sans-serif}.detail-subsection+.detail-subsection{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.checklist{gap:9px;display:grid}.checklist-item{color:#6f706a;align-items:center;gap:8px;font-size:10px;display:flex}.check-complete,.check-open{width:19px;height:19px;color:var(--teal);border:1px solid #bfe0d6;border-radius:5px;place-items:center;display:grid}.check-complete{background:var(--soft-teal)}.history-row{border-top:1px solid #f0efe9;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.history-row span{color:var(--ink);font-size:10px}.history-row small{text-align:right}.audit-panel{margin-top:18px}.employee-form{padding:24px}.form-grid{grid-template-columns:repeat(2,1fr);gap:3px 18px;display:grid}.form-grid .ui-field small{color:var(--coral);min-height:13px}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:17px;display:flex}@media (width<=820px){.employee-filters{grid-template-columns:repeat(2,1fr)}.employee-detail-grid{grid-template-columns:1fr}.detail-fields{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.employee-filters,.form-grid{grid-template-columns:1fr}.employee-toolbar{padding:13px}.employee-table-panel{padding:16px 13px}.employee-table-panel .ui-table{min-width:680px}.profile-panel,.detail-side-panel,.employee-form{padding:17px 14px}.detail-fields{grid-template-columns:1fr 1fr;gap:15px 10px}.detail-actions,.form-actions{flex-direction:column}.detail-actions .ui-button,.form-actions .ui-button{width:100%}.history-row{flex-direction:column;align-items:flex-start;gap:5px}.history-row small{text-align:left}.pagination{margin-top:8px}}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:31px;display:flex}.page-header h1{letter-spacing:-.9px;margin:0;font:600 31px Space Grotesk,sans-serif}.page-header-actions{align-items:center;gap:10px;display:flex}.ui-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.ui-button.primary{background:var(--ink);color:#fffefa}.ui-button.secondary{border-color:var(--line);color:var(--ink);background:#fffefa}.ui-button.secondary:hover{background:#f2f1ed}.ui-button.danger{color:#fffefa;background:#dc2626;border-color:#dc2626}.ui-button.danger:hover{background:#b91c1c;border-color:#991b1b}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-status{white-space:nowrap;border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.ui-status.info{background:var(--soft-teal);color:var(--teal)}.ui-status.warning{background:var(--soft-gold);color:#9d762e}.ui-status.neutral{color:#767770;background:#f1f0eb}.foundation-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:18px;display:grid}.foundation-panel{min-height:220px}.foundation-copy{max-width:620px;color:var(--muted);margin:22px 0;font-size:12px;line-height:1.6}.foundation-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:34px;padding:17px 0;display:flex}.foundation-list div{gap:3px;display:grid}.foundation-list strong{font:600 23px Space Grotesk,sans-serif}.foundation-list span{color:var(--muted);font-size:9px}.foundation-note{color:var(--muted);align-items:center;gap:7px;margin-top:23px;font-size:10px;display:flex}.note-dot{background:var(--coral);border-radius:50%;width:7px;height:7px}.secondary-foundation-grid{margin-top:18px}.primitive-list{flex-wrap:wrap;gap:8px;margin-top:23px;display:flex}.primitive-list span{color:#777871;background:#f1f0eb;border-radius:6px;padding:8px 10px;font-size:10px}.ui-field{color:#6f706a;gap:7px;margin-top:22px;font-size:10px;display:grid}.ui-field>span{color:var(--ink);font-weight:600}.ui-field b{color:var(--coral)}.ui-field input{border:1px solid var(--line);color:#898a84;background:#f7f6f2;border-radius:7px;width:100%;min-height:38px;padding:0 10px;font-size:10px}.ui-field small{color:var(--muted)}.state-panel{border:1px solid var(--line);background:#fffefad1;border-radius:11px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px;padding:22px;display:flex}.state-panel strong{font:600 15px Space Grotesk,sans-serif}.state-panel p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.5}.state-panel.error{background:#fff9f7;border-color:#efd4cf}.state-panel.warning{background:var(--soft-gold);border-color:#f0e2c0}.state-panel.loading{background:var(--soft-blue);border-color:#d7e3f2}.empty-state{color:var(--muted);text-align:center;padding:20px}.empty-state strong{color:var(--ink);font-size:11px}.empty-state p{font-size:10px}.ui-table-wrap{margin-top:20px;overflow-x:auto}.ui-table{border-collapse:collapse;text-align:left;width:100%;min-width:460px}.ui-table caption{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.ui-table th{color:#a2a29c;border-bottom:1px solid var(--line);padding:0 7px 10px;font-size:9px;font-weight:500}.ui-table td{color:#6f706a;border-bottom:1px solid #f0efe9;padding:8px 7px;font-size:10px}.dialog-backdrop{z-index:20;background:#25262938;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:#fffefa;border-radius:11px;width:100%;max-width:390px;padding:23px;box-shadow:0 15px 35px #2326231f}.dialog h2{margin:0;font:600 17px Space Grotesk,sans-serif}.dialog p{color:var(--muted);font-size:11px;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.nav-item{text-decoration:none}.nav-item:disabled{cursor:not-allowed;opacity:.55}.topbar-actions .icon-button:disabled{cursor:not-allowed;opacity:.5}@media (width<=820px){.page-header{align-items:flex-start;display:block}.page-header-actions{margin-top:20px}.foundation-grid{grid-template-columns:1fr}}@media (width<=560px){.page-header h1{font-size:26px}.page-header-actions,.page-header-actions .ui-button{width:100%}.foundation-list{gap:17px}.foundation-list strong{font-size:19px}.state-panel{flex-direction:column;align-items:flex-start}}.overview-hero{grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);gap:18px;margin-bottom:18px;display:grid}.hero-card{border:1px solid var(--line);background:linear-gradient(#ffffffe6,#fafaf8cc);border-radius:18px;box-shadow:0 16px 38px #25271f0d}.main-hero{padding:22px 20px 18px}.hero-card-header,.slim-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-card-header h2,.slim-heading h2{letter-spacing:-.4px;margin:0;font:600 18px Space Grotesk,sans-serif}.hero-main-metric{justify-content:space-between;align-items:end;gap:16px;margin:26px 0 18px;display:flex}.hero-main-metric div:first-child{gap:5px;display:grid}.hero-main-metric span{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:10px}.hero-main-metric strong{letter-spacing:-.9px;font:600 44px Space Grotesk,sans-serif}.trend-chip{color:var(--teal);background:#1d8a7a17;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex}.mini-bars{border-top:1px solid var(--line);align-items:end;gap:10px;height:108px;padding:18px 2px 0;display:flex}.mini-bars span{background:linear-gradient(#1d8a7a59,#1d8a7acc);border-radius:10px 10px 0 0;flex:1}.mini-bars span:nth-child(2n){background:linear-gradient(#547bb34d,#547bb3bf)}.hero-footnote{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:10px;display:flex}.hero-footnote span{align-items:center;gap:6px;display:inline-flex}.hero-stack{gap:18px;display:grid}.compact-card{align-items:center;gap:14px;padding:18px 18px 16px;display:flex}.compact-card.accent{background:linear-gradient(135deg,#1d8a7a14,#ffffffdb)}.compact-card.neutral{background:linear-gradient(135deg,#547bb314,#ffffffdb)}.compact-icon{width:38px;height:38px;color:var(--ink);background:#1118270d;border-radius:12px;place-items:center;display:grid}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;font-size:9px;display:block}.compact-card strong{letter-spacing:-.5px;margin:6px 0 2px;font:600 21px Space Grotesk,sans-serif;display:block}.compact-card small{color:var(--muted);font-size:10px}.quick-action-card{padding:18px}.quick-action-items{gap:10px;margin-top:18px;display:grid}.quick-action-items a{border:1px solid var(--line);color:var(--ink);background:#f7f6f2;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;font-size:11px;text-decoration:none;display:flex}.quick-action-items a:hover{background:#f1f3f2}.clock-widget{color:#f6f4ef;background:linear-gradient(135deg,#101827fa,#1d8a7ae0);padding:18px 18px 16px;position:relative;overflow:hidden}.clock-widget:before{content:"";background:radial-gradient(circle,#ffffff47,#0000 60%);border-radius:50%;width:180px;height:180px;animation:12s linear infinite orbit;position:absolute;inset:-25% auto auto 55%}.clock-header{z-index:1;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.clock-header .section-kicker{color:#ffffffb8;margin-bottom:0}.live-pill{letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:inline-flex}.live-dot{background:#7ef0c8;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite pulseGlow;box-shadow:0 0 0 6px #7ef0c82e}.clock-display{z-index:1;gap:5px;margin-top:20px;display:grid;position:relative}.clock-time{letter-spacing:-.8px;font:600 31px Space Grotesk,sans-serif}.clock-date{color:#ffffffc2;font-size:11px}.clock-stats{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid;position:relative}.clock-stats div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px}.clock-stats span{color:#ffffffb8;text-transform:uppercase;letter-spacing:.1em;font-size:9px;display:block}.clock-stats strong{margin-top:6px;font-family:Space Grotesk,sans-serif;font-size:20px;display:block}.activity-ticker{z-index:1;white-space:nowrap;border-top:1px solid #ffffff1f;gap:8px;margin-top:16px;padding-top:12px;display:flex;position:relative;overflow:hidden}.activity-ticker span{color:#fffc;background:#ffffff14;border-radius:999px;padding:5px 10px;font-size:9px;animation:12s linear infinite tickerScroll;display:inline-block}.activity-ticker span:nth-child(2){animation-delay:1.2s}.activity-ticker span:nth-child(3){animation-delay:2.4s}.advanced-grid{grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:18px;margin-bottom:18px;display:grid}.insight-panel,.action-panel{padding:22px 20px}.focus-list{gap:12px;margin-top:18px;display:grid}.focus-row{border-top:1px solid #f0efe9;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 0;display:grid}.focus-row:first-child{border-top:0}.focus-icon{border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.focus-icon.teal{background:var(--soft-teal);color:var(--teal)}.focus-icon.blue{background:var(--soft-blue);color:var(--blue)}.focus-icon.gold{background:var(--soft-gold);color:var(--gold)}.focus-row strong{margin-bottom:3px;font-size:11px;display:block}.focus-row span{color:var(--muted);font-size:10px;line-height:1.4;display:block}.focus-row button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:600}.priority-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.priority-list li{color:#5e605b;border-top:1px solid #f0efe9;align-items:center;gap:10px;padding:9px 0;font-size:11px;display:flex}.priority-list li:first-child{border-top:0}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.teal{background:var(--teal)}.dot.coral{background:var(--coral)}.dot.blue{background:var(--blue)}.dot.gold{background:var(--gold)}.widget-board{grid-template-columns:minmax(0,1.3fr) minmax(240px,.85fr) minmax(240px,.85fr);gap:18px;margin-bottom:18px;display:grid}.widget-board .panel{min-width:0}.range-tabs{border:1px solid var(--line);background:#f6f5f0;border-radius:8px;gap:3px;padding:3px;display:inline-flex}.range-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:9px}.range-tabs button:hover,.range-tabs button.selected{color:var(--ink);background:#fffefa;box-shadow:0 2px 8px #23262312}.rhythm-summary{align-items:end;gap:12px;margin-top:22px;display:flex}.rhythm-summary strong{letter-spacing:-.8px;font:600 28px Space Grotesk,sans-serif}.rhythm-summary span{color:var(--teal);align-items:center;gap:4px;padding-bottom:4px;font-size:9px;display:inline-flex}.rhythm-chart{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:10px;height:150px;margin-top:19px;padding-top:12px;display:flex}.rhythm-column{flex:1;place-items:end center;gap:6px;height:100%;display:grid}.rhythm-value{color:var(--muted);opacity:0;font-size:8px;transition:opacity .2s,transform .2s;transform:translateY(4px)}.rhythm-column:hover .rhythm-value{opacity:1;transform:translateY(0)}.rhythm-track{background:#f0f1ed;border-radius:8px 8px 3px 3px;align-items:end;width:100%;max-width:26px;height:100%;display:flex;overflow:hidden}.rhythm-track span{background:linear-gradient(180deg, #70c8b5, var(--teal));transform-origin:bottom;border-radius:8px 8px 3px 3px;width:100%;animation:.8s cubic-bezier(.2,.8,.2,1) both growBar;display:block}.rhythm-column:nth-child(2n) .rhythm-track span{background:linear-gradient(180deg, #91add8, var(--blue));animation-delay:80ms}.rhythm-column small{color:#a3a49d;font-size:9px}.pipeline-total{gap:2px;margin:23px 0 20px;display:grid}.pipeline-total strong{letter-spacing:-.8px;font:600 31px Space Grotesk,sans-serif}.pipeline-total span{color:var(--muted);font-size:10px}.pipeline-list{gap:15px;display:grid}.pipeline-list>div{grid-template-columns:1fr auto;align-items:center;gap:7px 10px;display:grid}.pipeline-list span{color:#6f706a;align-items:center;gap:7px;font-size:10px;display:flex}.pipeline-list strong{font:600 13px Space Grotesk,sans-serif}.pipeline-list b{background:#f0f0eb;border-radius:99px;grid-column:1/-1;height:5px;display:block;overflow:hidden}.pipeline-list em{border-radius:inherit;background:var(--teal);height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both growBar;display:block}.pipeline-list>div:nth-child(2) em{background:var(--blue);animation-delay:.12s}.pipeline-list>div:nth-child(3) em{background:var(--gold);animation-delay:.2s}.pipeline-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.pipeline-dot.teal{background:var(--teal)}.pipeline-dot.blue{background:var(--blue)}.pipeline-dot.gold{background:var(--gold)}.widget-link{color:var(--teal);align-items:center;gap:6px;margin-top:20px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.widget-link:hover{color:#126a5e}.command-actions{gap:8px;margin-top:20px;display:grid}.command-actions a{border:1px solid var(--line);color:var(--ink);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:grid}.command-actions a:hover{background:#fbfffc;border-color:#1d8a7a40;transform:translate(3px)}.command-actions a>span:nth-child(2){gap:3px;display:grid}.command-actions strong{font-size:10px}.command-actions small{color:var(--muted);font-size:9px}.command-actions>a>svg{color:#a4a49e}.command-icon{border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.command-icon.teal{background:var(--soft-teal);color:var(--teal)}.command-icon.coral{background:var(--soft-coral);color:var(--coral)}.command-icon.blue{background:var(--soft-blue);color:var(--blue)}@media (width<=820px){.overview-hero,.advanced-grid{grid-template-columns:1fr}}@media (width<=560px){.main-hero{padding:18px 16px}.hero-main-metric{display:block}.hero-main-metric strong{font-size:34px}.hero-footnote{line-height:2;display:block}.compact-card{padding:15px}.focus-row{grid-template-columns:auto 1fr}.focus-row button{grid-column:2;justify-self:start}}@media (width<=1080px){.widget-board{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.command-widget{grid-column:1/-1}}@media (width<=820px){.widget-board{grid-template-columns:1fr 1fr}.rhythm-widget{grid-column:1/-1}}@media (width<=560px){.widget-board{grid-template-columns:1fr;gap:12px}.command-widget{grid-column:auto}.range-tabs button{padding-left:6px;padding-right:6px}.rhythm-summary{gap:2px;display:grid}.rhythm-summary span{padding-bottom:0}}@keyframes orbit{0%{opacity:.5;transform:translate(0,0)scale(.9)}50%{opacity:.8;transform:translate(-14px,20px)scale(1.08)}to{opacity:.5;transform:translate(0,0)scale(.9)}}@keyframes tickerScroll{0%{opacity:.75;transform:translate(0)}18%{opacity:1;transform:translate(0)}58%{opacity:1;transform:translate(-12px)}to{opacity:.75;transform:translate(-30px)}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.leave-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.leave-balance-card{gap:5px;min-height:112px;padding:17px;animation:.45s both fadeUp;display:grid}.leave-balance-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.leave-balance-card strong{letter-spacing:-.8px;font:600 29px Space Grotesk,sans-serif}.leave-balance-card small{color:var(--teal);font-size:9px}.apply-leave-panel{margin-bottom:18px}.leave-form{gap:14px;max-width:760px;margin-top:20px;display:grid}.leave-form label,.decision-box label{color:#6f706a;gap:7px;font-size:10px;display:grid}.leave-form input,.leave-form select,.leave-form textarea,.decision-box textarea,.comment-input input{border:1px solid var(--line);width:100%;color:var(--ink);background:#f7f6f2;border-radius:8px;outline:0;padding:10px;font-size:11px}.leave-form input:focus,.leave-form select:focus,.leave-form textarea:focus,.decision-box textarea:focus,.comment-input input:focus{border-color:#1d8a7a66;box-shadow:0 0 0 3px #1d8a7a1a}.leave-form textarea,.decision-box textarea{resize:vertical;min-height:78px}.leave-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.leave-workspace-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:18px;display:grid}.leave-list-panel,.leave-detail-panel{min-width:0}.leave-filter{border:1px solid var(--line);color:#6f706a;background:#f7f6f2;border-radius:7px;max-width:160px;padding:8px;font-size:10px}.leave-request-list{gap:8px;margin-top:18px;display:grid}.leave-request-card{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fffefa;border-radius:10px;gap:12px;padding:13px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.leave-request-card:hover,.leave-request-card.selected{border-color:#1d8a7a57;transform:translate(3px);box-shadow:0 8px 20px #2326230d}.leave-request-top,.leave-request-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.leave-request-top>div{gap:4px;display:grid}.leave-request-top strong{font-size:11px}.leave-request-top span,.leave-request-bottom{color:var(--muted);font-size:9px}.leave-request-bottom{border-top:1px solid #f0efe9;justify-content:flex-start;padding-top:9px}.leave-request-bottom span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leave-detail-panel{align-self:start;position:sticky;top:98px}.leave-detail-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.5fr .6fr 1fr;gap:12px;margin-top:18px;padding:18px 0;display:grid}.leave-detail-summary div,.leave-reason{gap:5px;display:grid}.leave-detail-summary span,.leave-reason>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.leave-detail-summary strong{font-size:10px}.leave-reason{padding:16px 0}.leave-reason p{color:#666861;margin:0;font-size:11px;line-height:1.5}.leave-detail-section,.comment-box{border-top:1px solid var(--line);padding-top:16px}.detail-section-title{color:var(--ink);align-items:center;gap:7px;font-size:11px;display:flex}.leave-timeline{gap:14px;margin:17px 0 2px 4px;display:grid}.timeline-item{grid-template-columns:10px 1fr;gap:10px;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";border-left:1px dashed #d8ded9;position:absolute;top:10px;bottom:-17px;left:4px}.timeline-dot{background:var(--teal);z-index:1;border-radius:50%;width:9px;height:9px;margin-top:2px;box-shadow:0 0 0 4px #1d8a7a1a}.timeline-item div{gap:3px;display:grid}.timeline-item strong{text-transform:capitalize;font-size:10px}.timeline-item small{color:var(--muted);font-size:9px}.timeline-item p{color:#6f706a;margin:3px 0 0;font-size:10px}.decision-box{background:#f7f6f2;border-radius:10px;gap:12px;margin-top:18px;padding:13px;display:grid}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.comment-box{margin-top:18px}.comment-input{align-items:center;gap:6px;margin-top:12px;display:flex}.comment-input button{background:var(--ink);color:#fffefa;border:0;border-radius:8px;flex:0 0 34px;place-items:center;height:34px;display:grid}.comment-input button:disabled{opacity:.45;cursor:not-allowed}.inline-error{color:var(--coral);margin:12px 0 0;font-size:10px}.leave-detail-empty{min-height:340px;color:var(--muted);text-align:center;border:1px dashed #d9dad4;border-radius:11px;align-content:center;place-items:center;gap:9px;padding:24px;display:grid}.leave-detail-empty svg{color:var(--teal)}.leave-detail-empty strong{color:var(--ink);font:600 15px Space Grotesk,sans-serif}.leave-detail-empty span{max-width:230px;font-size:10px;line-height:1.5}.primitive-list a{color:#777871;background:#f1f0eb;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;text-decoration:none;display:inline-flex}.primitive-list a:hover{color:var(--ink);background:#e8f1ed}@media (width<=900px){.leave-balance-grid{grid-template-columns:repeat(2,1fr)}.leave-workspace-grid{grid-template-columns:1fr}.leave-detail-panel{position:static}}@media (width<=560px){.leave-balance-grid{grid-template-columns:1fr 1fr;gap:9px}.leave-balance-card{padding:13px}.leave-date-grid{grid-template-columns:1fr}.leave-request-top,.leave-request-bottom{flex-direction:column;align-items:flex-start}.leave-detail-summary{grid-template-columns:1fr 1fr}.leave-detail-summary div:first-child{grid-column:1/-1}.leave-filter{max-width:130px}}.module-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.module-kpi{gap:5px;min-height:112px;padding:18px;display:grid}.module-kpi span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.module-kpi strong{letter-spacing:-.8px;font:600 30px Space Grotesk,sans-serif}.module-kpi small{color:var(--muted);font-size:9px}.route-motion{width:100%}.action-confirmation{overflow:hidden}.module-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:18px;display:grid}.module-main-panel,.action-rail{min-width:0}.module-controls{gap:10px;margin-top:20px;display:flex}.module-search,.module-select{border:1px solid var(--line);color:#9a9b95;background:#f7f6f2;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.module-search{flex:1}.module-search input,.module-select select{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.module-select select{padding:10px 0}.module-empty{border-top:1px solid var(--line);color:#a1a29b;text-align:center;place-items:center;gap:13px;min-height:295px;margin-top:18px;display:grid}.module-empty .empty-state{padding:0}.module-empty .empty-state strong{color:var(--ink);font:600 15px Space Grotesk,sans-serif}.module-empty .empty-state p{max-width:280px;line-height:1.5}.action-rail-list{gap:8px;margin-top:20px;display:grid}.action-rail-list button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fffefa;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;transition:transform .2s,border-color .2s,background .2s;display:grid}.action-rail-list button:hover{background:#fbfffc;border-color:#1d8a7a40;transform:translate(3px)}.action-rail-list button>span:nth-child(2){gap:3px;display:grid}.action-rail-list strong{font-size:10px}.action-rail-list small{color:var(--muted);font-size:9px}.action-rail-list>button>svg{color:#a4a49e}.action-rail-icon{border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.action-rail-icon.teal{background:var(--soft-teal);color:var(--teal)}.action-rail-icon.blue{background:var(--soft-blue);color:var(--blue)}.action-rail-icon.gold{background:var(--soft-gold);color:var(--gold)}.action-confirmation{background:var(--soft-teal);color:var(--teal);border-radius:8px;align-items:flex-start;gap:7px;margin-top:15px;padding:10px;font-size:10px;line-height:1.4;display:flex}.module-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.module-note{align-items:center;gap:10px;padding:15px 17px;display:flex}.module-note-icon{width:31px;height:31px;color:var(--teal);background:#f1f0eb;border-radius:9px;place-items:center;display:grid}.module-note div:last-child{gap:3px;display:grid}.module-note strong{font-size:10px}.module-note span{color:var(--muted);font-size:9px}@media (width<=820px){.module-layout,.module-footer-grid{grid-template-columns:1fr}}@media (width<=560px){.module-kpi-grid{grid-template-columns:1fr;gap:9px}.module-kpi{min-height:92px}.module-controls{display:grid}.module-select select{width:100%}.module-empty{min-height:250px}}.auth-security-strip{border-top:1px solid var(--line);color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding-top:18px;font-size:11px;display:flex}.portal-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:700}.topbar-greeting-pill{border:1px solid var(--line);background:#fffefa;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;transition:all .2s;display:flex;box-shadow:0 2px 6px #23262308}.topbar-greeting-pill:hover{background:#fdfdfb;border-color:#d1d0c8}.greeting-sparkle{font-size:13px;animation:2.5s ease-in-out infinite waveSubtle;display:inline-block}@keyframes waveSubtle{0%,to{transform:rotate(0)}20%,60%{transform:rotate(14deg)}40%,80%{transform:rotate(-8deg)}}.greeting-text{color:var(--muted);font-size:11px}.greeting-name{color:var(--ink);font-weight:700}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.role-badge.role-admin{color:#8257e5;background:#8257e51f;border:1px solid #8257e540}.role-badge.role-hr{color:var(--teal);background:#1d8a7a1f;border:1px solid #1d8a7a40}.role-badge.role-manager{color:var(--blue);background:#547bb31f;border:1px solid #547bb340}.role-badge.role-employee{color:var(--coral);background:#dc776d1f;border:1px solid #dc776d40}.topbar-profile-btn{border:1px solid var(--line);cursor:pointer;background:#fffefa;border-radius:999px;align-items:center;gap:5px;padding:3px 6px 3px 3px;transition:all .2s;display:flex}.topbar-profile-btn:hover{background:#f7f6f2;border-color:#d1d0c8}.profile-menu-popover{border:1px solid var(--line);z-index:100;background:#fffefa;border-radius:12px;width:300px;animation:.2s both fadeUp;position:absolute;top:48px;right:0;overflow:hidden;box-shadow:0 18px 45px #23262324}.profile-popover-header{border-bottom:1px solid var(--line);background:#fbfbf9;align-items:center;gap:12px;padding:14px 16px;display:flex}.profile-popover-header strong{color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:13px;display:block}.profile-popover-email{color:var(--muted);font-size:10px;display:block}.profile-popover-body{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.profile-detail-row{justify-content:space-between;align-items:center;font-size:10px;display:flex}.profile-detail-row span{color:var(--muted)}.profile-detail-row strong{color:var(--ink)}.profile-role-notice{color:var(--teal);background:#1d8a7a0f;border:1px solid #1d8a7a26;border-radius:8px;align-items:flex-start;gap:8px;margin-top:6px;padding:8px 10px;font-size:9px;line-height:1.4;display:flex}.profile-role-notice.admin{color:#8257e5;background:#8257e50f;border-color:#8257e526}.profile-popover-footer{border-top:1px solid var(--line);background:#fdfdfb;padding:10px 16px}.popover-logout-btn{border:1px solid var(--line);width:100%;color:var(--coral);cursor:pointer;background:#f7f6f2;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.popover-logout-btn:hover{background:#feece9;border-color:#dc776d4d}.demo-role-btn.active{border-color:var(--teal);background:#f3f9f7;box-shadow:0 0 0 2px #1d8a7a33}.access-denied-panel{text-align:center;max-width:580px;margin:36px auto;padding:36px 28px}.access-denied-icon{width:60px;height:60px;color:var(--coral);background:#dc776d1f;border-radius:16px;place-items:center;margin:0 auto 16px;display:grid}.access-denied-panel h2{color:var(--ink);margin:0 0 10px;font:600 20px Space Grotesk,sans-serif}.access-denied-panel p{color:var(--muted);max-width:460px;margin:0 auto 18px;font-size:12px;line-height:1.6}.access-denied-user-info{border:1px solid var(--line);text-align:left;background:#f8f7f2;border-radius:9px;margin-bottom:22px;padding:10px 18px;font-size:11px;display:inline-block}.access-denied-user-info span{color:var(--muted);text-transform:uppercase;font-size:9px;display:block}.access-denied-user-info strong{color:var(--ink);font-size:12px;display:block}.access-denied-user-info small{color:var(--muted)}.access-denied-actions{justify-content:center;gap:12px;display:flex}.logout-nav-item{color:var(--coral)!important}.logout-nav-item:hover{background:#feece9!important}.topbar-badge-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fffefa;border-radius:9px;place-items:center;transition:all .2s;display:grid;position:relative}.topbar-badge-btn:hover{background:#f2f1ed;border-color:#d1d0c8}.badge-count{background:var(--coral);color:#fff;text-align:center;border:2px solid #fffefa;border-radius:999px;min-width:14px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:-4px;right:-4px}.ai-copilot-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d8a7a,#3156a5);border:0;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:600;transition:transform .2s;display:inline-flex;box-shadow:0 4px 12px #1d8a7a40}.ai-copilot-btn:hover{transform:scale(1.03)}.notif-popover{border:1px solid var(--line);z-index:100;background:#fffefa;border-radius:12px;flex-direction:column;width:340px;max-height:480px;animation:.25s both fadeUp;display:flex;position:absolute;top:68px;right:42px;overflow:hidden;box-shadow:0 20px 45px #2326231f}.notif-header{border-bottom:1px solid var(--line);background:#fbfbf9;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-header strong{font-family:Space Grotesk,sans-serif;font-size:13px}.notif-header button{color:var(--teal);cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:600}.notif-list{max-height:380px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #f2f1ec;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:hover{background:#f7f6f2}.notif-item.unread{background:#1d8a7a0a}.notif-item-icon{border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.notif-item-icon.leave{background:var(--soft-teal);color:var(--teal)}.notif-item-icon.salary{background:var(--soft-blue);color:var(--blue)}.notif-item-icon.announcement{background:var(--soft-gold);color:var(--gold)}.notif-item-icon.birthday{background:var(--soft-coral);color:var(--coral)}.notif-item-copy strong{margin-bottom:2px;font-size:11px;display:block}.notif-item-copy p{color:var(--muted);margin:0 0 4px;font-size:10px;line-height:1.35}.notif-item-copy small{color:#a4a49e;font-size:9px}.subnav-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:18px;padding-bottom:8px;display:flex;overflow-x:auto}.subnav-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.subnav-tab:hover{color:var(--ink);background:#f0efe9}.subnav-tab.active{background:var(--ink);color:#fffefa}.badge-pill{background:#fff3;border-radius:999px;padding:2px 6px;font-size:9px}.subnav-tab:not(.active) .badge-pill{color:var(--ink);background:#e5e4de}.wifi-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.wifi-badge.verified{color:var(--teal);background:#1d8a7a1f;border:1px solid #1d8a7a40}.wifi-badge.remote{color:var(--blue);background:#547bb31f;border:1px solid #547bb340}.wifi-badge.unverified{color:var(--coral);background:#dc776d1f;border:1px solid #dc776d40}.hr-modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#191b1a73;place-items:center;padding:20px;animation:.2s fadeUp;display:grid;position:fixed;inset:0}.hr-modal{border:1px solid var(--line);background:#fffefa;border-radius:14px;width:min(100%,560px);max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000002e}.hr-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;display:flex}.hr-modal-header h2{letter-spacing:-.4px;margin:0;font:600 19px Space Grotesk,sans-serif}.hr-modal-body{gap:14px;display:grid}.hr-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.kanban-board{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.kanban-col{border:1px solid var(--line);background:#f4f3ed;border-radius:11px;flex-direction:column;min-height:380px;padding:14px;display:flex}.kanban-col-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kanban-col-header h3{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:12px;font-weight:700}.kanban-cards{flex:1;align-content:start;gap:10px;display:grid}.kanban-card{border:1px solid var(--line);cursor:pointer;background:#fffefa;border-radius:9px;padding:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #2326230a}.kanban-card:hover{border-color:#1d8a7a4d;transform:translateY(-2px);box-shadow:0 8px 18px #23262314}.kanban-card h4{color:var(--ink);margin:0 0 6px;font-size:11px;font-weight:600;line-height:1.35}.kanban-card p{color:var(--muted);margin:0 0 10px;font-size:10px;line-height:1.4}.kanban-card-footer{color:var(--muted);border-top:1px solid #f2f1ec;justify-content:space-between;align-items:center;padding-top:8px;font-size:9px;display:flex}.payslip-sheet{color:#222;background:#fff;border:1px solid #dcdad2;border-radius:8px;padding:28px;font-family:DM Sans,sans-serif}.payslip-header{border-bottom:2px solid #222;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;display:flex}.payslip-brand{align-items:center;gap:10px;display:flex}.payslip-brand img{border-radius:6px;width:40px;height:40px}.payslip-brand h2{color:#1d8a7a;margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.payslip-title-block{text-align:right}.payslip-title-block h3{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:15px}.payslip-title-block span{color:#666;font-size:11px}.payslip-info-grid{background:#f8f8f6;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:10px 14px;margin-bottom:18px;padding:14px;display:grid}.payslip-info-grid div span{color:#666;text-transform:uppercase;font-size:9px;display:block}.payslip-info-grid div strong{color:#111;font-size:11px}.payslip-table-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.payslip-table{border-collapse:collapse;width:100%;font-size:11px}.payslip-table th{text-align:left;text-transform:uppercase;background:#f0efe9;border-bottom:1px solid #ccc;padding:8px 10px;font-size:10px}.payslip-table td{border-bottom:1px solid #eee;padding:8px 10px}.payslip-net-box{color:#fff;background:#1d8a7a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 18px;display:flex}.payslip-net-box span{text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.payslip-net-box strong{font-family:Space Grotesk,sans-serif;font-size:24px}.ai-assistant-modal{z-index:2000;pointer-events:auto;background:#00000047;justify-content:flex-end;align-items:flex-end;padding:24px;display:flex;position:fixed;inset:0}.ai-assistant-window{border:1px solid var(--line);background:#fffefa;border-radius:16px;flex-direction:column;width:400px;height:580px;animation:.25s both fadeUp;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000002e}.ai-assistant-header{color:#fff;background:linear-gradient(135deg,#101827,#1d8a7a);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-header-info{align-items:center;gap:10px;display:flex}.ai-avatar-badge{background:#ffffff26;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative}.online-indicator{background:#7ef0c8;border:2px solid #101827;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px;right:-2px}.ai-header-info strong{font-family:Space Grotesk,sans-serif;font-size:13px;display:block}.ai-header-info small{color:#ffffffb3;font-size:9px}.ai-assistant-header .icon-button{color:#fff}.ai-assistant-messages{background:#f9f8f4;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-message-row{gap:9px;max-width:88%;display:flex}.ai-message-row.user{flex-direction:row-reverse;align-self:flex-end}.ai-message-avatar{border-radius:7px;flex:none;place-items:center;width:26px;height:26px;display:grid}.ai-message-row.ai .ai-message-avatar{background:var(--soft-teal);color:var(--teal)}.ai-message-row.user .ai-message-avatar{color:#fff;background:#3156a5}.ai-message-bubble{border-radius:12px;padding:10px 14px;font-size:11px;line-height:1.45}.ai-message-row.ai .ai-message-bubble{border:1px solid var(--line);color:var(--ink);background:#fffefa;border-bottom-left-radius:2px}.ai-message-row.user .ai-message-bubble{color:#fff;background:#252629;border-bottom-right-radius:2px}.ai-message-time{color:var(--muted);text-align:right;margin-top:3px;font-size:8px;display:block}.ai-suggestion-chips{border-top:1px solid var(--line);background:#fffefa;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.suggestion-chip{border:1px solid var(--line);color:var(--ink);white-space:nowrap;cursor:pointer;background:#f0efe9;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:9px;font-weight:600;transition:background .15s;display:inline-flex}.suggestion-chip:hover{border-color:var(--teal);background:#e5e4de}.ai-assistant-input-row{border-top:1px solid var(--line);background:#fffefa;gap:8px;padding:10px 14px;display:flex}.ai-assistant-input-row input{border:1px solid var(--line);background:#f7f6f2;border-radius:8px;outline:0;flex:1;padding:9px 12px;font-size:11px}.ai-assistant-input-row input:focus{border-color:var(--teal)}.ai-assistant-input-row button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.ai-assistant-input-row button:disabled{opacity:.4;cursor:not-allowed}.typing-dots span{background:var(--muted);border-radius:50%;width:5px;height:5px;margin:0 2px;animation:1s infinite alternate pulseGlow;display:inline-block}@media (width<=1080px){.kanban-board,.payslip-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kanban-board,.payslip-table-grid{grid-template-columns:1fr}.ai-assistant-window{width:100%;height:90vh}.notif-popover{width:calc(100vw - 32px);right:16px}.demo-role-grid{grid-template-columns:1fr}}.payroll-editor-modal{border:1px solid var(--line);background:#fffefa;border-radius:14px;width:min(100%,780px);max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000002e}.payroll-form-section{border:1px solid var(--line);background:#fbfbf9;border-radius:10px;margin-bottom:14px;padding:14px 16px}.payroll-section-title{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.payroll-inputs-grid{grid-template-columns:repeat(2,1fr);gap:10px 14px;display:grid}.payroll-input-row{gap:4px;display:grid}.payroll-input-row label{color:#555;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.payroll-input-wrapper{border:1px solid var(--line);background:#fff;border-radius:6px;align-items:center;padding:0 8px;font-size:11px;display:flex}.payroll-input-wrapper span{color:var(--muted);margin-right:4px;font-weight:600}.payroll-input-wrapper input,.payroll-input-wrapper select{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:7px 0;font-size:11px;font-weight:500}.payroll-calc-chip{background:var(--soft-teal);color:var(--teal);cursor:pointer;border:1px solid #1d8a7a33;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}.payroll-summary-banner{color:#fff;background:linear-gradient(135deg,#101827,#1d8a7a);border-radius:10px;gap:8px;margin-top:14px;padding:16px 20px;display:grid}.payroll-summary-cols{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:11px;display:flex}.payroll-summary-net{justify-content:space-between;align-items:flex-end;display:flex}.payroll-summary-net strong{font-family:Space Grotesk,sans-serif;font-size:26px}.payroll-summary-words{color:#ffffffd9;font-size:10px;font-style:italic}@media print{@page{size:A4 portrait;margin:6mm 8mm}*,:before,:after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important;margin:0!important;padding:0!important}body:before,body:after,.sidebar,.topbar,.page-header,.module-kpi-grid,.panel,.hr-modal-footer,.no-print,.ai-assistant-modal,.payroll-modal-toolbar,.payslip-modal-toolbar{display:none!important}.hr-modal-backdrop{background:0 0!important;padding:0!important;display:block!important;position:static!important}.hr-modal{box-shadow:none!important;background:0 0!important;border:0!important;width:100%!important;max-width:100%!important;padding:0!important}.payslip-preview-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.payslip-a4-sheet{box-shadow:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:6mm 8mm!important;transform:none!important}.payslip-sheet{box-shadow:none!important;border:1px solid #111!important;margin:0!important;padding:24px!important}}.emp-action-group{align-items:center;gap:5px;display:inline-flex}.emp-action-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fffefa;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.emp-action-btn:hover{background:#f2f1ed;border-color:#ccc;transform:translateY(-1px)}.emp-action-btn.view{color:var(--teal);border-color:#1d8a7a40}.emp-action-btn.view:hover{background:var(--soft-teal);border-color:var(--teal)}.emp-action-btn.edit{color:var(--blue);border-color:#547bb340}.emp-action-btn.edit:hover{background:var(--soft-blue);border-color:var(--blue)}.emp-action-btn.status-toggle{color:#856404;border-color:#b68a3440}.emp-action-btn.status-toggle:hover{background:var(--soft-gold)}.emp-action-btn.delete{color:#dc2626;border-color:#dc262640}.emp-action-btn.delete:hover{color:#b91c1c;background:#fef2f2;border-color:#dc2626}.profile-actions-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--teal);border-bottom:1px solid var(--line);grid-column:1/-1;margin:14px 0 6px;padding-bottom:5px;font-size:11px;font-weight:700}.leave-policy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:14px;display:grid}.leave-policy-card{border:1px solid var(--line);background:#fffefa;border-radius:11px;flex-direction:column;gap:8px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.leave-policy-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2326230f}.leave-policy-card h3{align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.leave-policy-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.leave-policy-pill{text-transform:uppercase;letter-spacing:.05em;background:var(--soft-teal);color:var(--teal);border-radius:999px;width:fit-content;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.view-mode-toggle{background:#f0efe9;border-radius:8px;align-items:center;padding:2px;display:inline-flex}.view-mode-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.view-mode-btn.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.reject-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.reject-modal{border:1px solid var(--line);background:#fffefa;border-radius:12px;width:min(100%,460px);padding:22px;box-shadow:0 20px 50px #00000026}.profile-avatar-box{flex-shrink:0;display:inline-block;position:relative}.user-profile-img{object-fit:cover;border:1.5px solid var(--teal);border-radius:50%;width:32px;height:32px;display:block;box-shadow:0 2px 6px #1d8a7a33}.user-profile-img.sm{width:28px;height:28px}.user-profile-img.lg{border-width:2.5px;width:64px;height:64px;box-shadow:0 4px 14px #1d8a7a40}.profile-online-badge{background:#10b981;border:2px solid #fffefa;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #10b98133}.profile-online-badge.lg{border-width:2.5px;width:13px;height:13px}.profile-photo-change-btn{color:var(--teal);background:var(--soft-teal);cursor:pointer;border:1px solid #1d8a7a40;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.profile-photo-change-btn:hover{background:var(--teal);color:#fff}.avatar-preset-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;transition:all .15s;overflow:hidden}.avatar-preset-btn:hover,.avatar-preset-btn.selected{border-color:var(--teal);transform:scale(1.08)}.avatar-preset-btn img{object-fit:cover;width:100%;height:100%}.portal-switch-button{color:var(--teal);background:#1d8a7a14;border:1px solid #1d8a7a38;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.portal-switch-button:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-1px);box-shadow:0 4px 12px #1d8a7a33}.punch-station-card{background:linear-gradient(135deg,#1d8a7a0d 0%,#fffefaf2 100%);border:1px solid #1d8a7a40;position:relative;overflow:hidden}.punch-station-card:before{content:"";background:var(--teal);width:4px;position:absolute;top:0;bottom:0;left:0}.wifi-verified-badge{color:var(--teal);background:#eaf4f1;border:1px solid #c7ded7;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.wifi-verified-badge.remote{color:var(--blue);background:#eef2f6;border:1px solid #cbd5e1}.gps-verified-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.gps-verified-badge.in-range{color:var(--teal);background:#eaf4f1;border:1px solid #c7ded7}.gps-verified-badge.out-range{color:#c25e00;background:#fff4eb;border:1px solid #fed7aa}.geofence-radar-box{border:1px solid var(--line);background:#fafaf7;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.live-clock-digits{letter-spacing:-1px;color:var(--ink);margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:34px;font-weight:700;line-height:1.1}.task-row-card{border:1px solid var(--line);background:#faf9f5;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .15s;display:flex}.task-row-card:hover{background:#f5f4ef}.task-check-circle{border:1.5px solid var(--line);cursor:pointer;color:#fff;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:grid}.task-check-circle.checked{background:var(--teal);border-color:var(--teal)}.announcement-mini-card{border:1px solid var(--line);background:#faf9f5;border-radius:8px;padding:12px;transition:transform .15s}.announcement-mini-card:hover{border-color:#1d8a7a33;transform:translateY(-1px)}.announcement-like-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;transition:all .15s;display:inline-flex}.announcement-like-btn:hover{color:#e05345;background:#fff5f5;border-color:#e05345}.ess-progress-bar{background:#e9e8e2;border-radius:4px;height:8px;overflow:hidden}.ess-progress-fill{background:linear-gradient(90deg,#1d8a7a 0%,#2bb39e 100%);border-radius:4px;height:100%;transition:width .4s}.payslip-voucher-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#2326238c;place-items:center;padding:20px;animation:.2s both fadeIn;display:grid;position:fixed;inset:0}.payslip-voucher{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;max-width:680px;max-height:90vh;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) both scaleUp;overflow-y:auto;box-shadow:0 24px 60px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media print{body *{visibility:hidden}.payslip-voucher,.payslip-voucher *{visibility:visible}.payslip-voucher{width:100%;box-shadow:none;border:none;position:absolute;top:0;left:0}.payslip-voucher button{display:none}}.brand-link{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:11px;text-decoration:none;transition:opacity .18s,transform .18s;display:flex}.brand-link:hover{opacity:.85;transform:translateY(-.5px)}.brand-text-col{flex-direction:column;display:flex}.brand-subtitle{color:var(--muted);letter-spacing:-.15px;margin-top:1px;font-size:10px;font-weight:500;line-height:1.15}.app-shell.portal-theme-admin{--portal-accent:#4f46e5;--portal-accent-soft:#eef2ff;--surface:#fff;--surface-sunken:#f8fafc;--border:#e2e8f0;--foreground:#0f172a;--primary:#4f46e5}.sidebar,.app-shell.portal-theme-admin .sidebar,.app-shell.portal-theme-hr .sidebar,.app-shell.portal-theme-employee .sidebar{color:#d4e1e2!important;background:#002d33!important;border-right:1px solid #d6e2e31f!important;box-shadow:2px 0 16px #002d334d!important}.sidebar .brand-name,.app-shell.portal-theme-admin .brand-name,.app-shell.portal-theme-hr .brand-name,.app-shell.portal-theme-employee .brand-name{color:#fff!important;font-family:Space Grotesk,sans-serif!important}.sidebar .brand-subtitle,.app-shell.portal-theme-admin .brand-subtitle,.app-shell.portal-theme-hr .brand-subtitle,.app-shell.portal-theme-employee .brand-subtitle{opacity:.85;color:#d4e1e2!important}.sidebar .brand-logo{border:1px solid #f0a13e73!important}.sidebar .workspace-live-pill,.app-shell.portal-theme-admin .workspace-live-pill,.app-shell.portal-theme-hr .workspace-live-pill,.app-shell.portal-theme-employee .workspace-live-pill{color:#f0a13e!important;background:#f0a13e26!important;border:1px solid #f0a13e4d!important;font-weight:700!important}.role-indicator-box,.role-indicator-box.role-indicator-admin,.role-indicator-box.role-indicator-hr,.role-indicator-box.role-indicator-manager,.role-indicator-box.role-indicator-employee{color:#d4e1e2!important;background:#006e6f4d!important;border:1px solid #d4e1e22e!important;border-radius:8px!important;align-items:center!important;gap:8px!important;padding:6px 10px!important;font-size:11px!important;font-weight:600!important;display:flex!important}.role-indicator-box svg{color:#f0a13e!important}.sidebar .workspace-switcher,.app-shell.portal-theme-admin .workspace-switcher,.app-shell.portal-theme-hr .workspace-switcher,.app-shell.portal-theme-employee .workspace-switcher{color:#d4e1e2!important;background:#ffffff0f!important;border:1px solid #d4e1e226!important}.sidebar .workspace-switcher strong,.app-shell.portal-theme-admin .workspace-switcher strong,.app-shell.portal-theme-employee .workspace-switcher strong{color:#fff!important}.sidebar .workspace-switcher span,.app-shell.portal-theme-admin .workspace-switcher span,.app-shell.portal-theme-employee .workspace-switcher span,.sidebar .workspace-switcher .muted-icon,.app-shell.portal-theme-admin .workspace-switcher .muted-icon,.app-shell.portal-theme-employee .workspace-switcher .muted-icon{color:#8ca6a8!important}.sidebar .nav-label,.sidebar .nav-group-title,.app-shell.portal-theme-admin .nav-group-title,.app-shell.portal-theme-hr .nav-group-title,.app-shell.portal-theme-employee .nav-group-title{color:#8ca6a8!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:10px!important;font-weight:700!important}.sidebar .nav-item,.app-shell.portal-theme-admin .nav-item,.app-shell.portal-theme-hr .nav-item,.app-shell.portal-theme-employee .nav-item{color:#d4e1e2!important;background:0 0!important;border:1px solid #0000!important;border-radius:8px!important;padding:8px 10px!important;font-weight:500!important;transition:all .15s!important}.sidebar .nav-item svg,.app-shell.portal-theme-admin .nav-item svg,.app-shell.portal-theme-hr .nav-item svg,.app-shell.portal-theme-employee .nav-item svg{color:#d4e1e2!important;transition:all .15s!important}.sidebar .nav-item:hover,.app-shell.portal-theme-admin .nav-item:hover,.app-shell.portal-theme-hr .nav-item:hover,.app-shell.portal-theme-employee .nav-item:hover{color:#fff!important;background:#d4e1e217!important;border-color:#d4e1e224!important}.sidebar .nav-item:hover svg,.app-shell.portal-theme-admin .nav-item:hover svg,.app-shell.portal-theme-hr .nav-item:hover svg,.app-shell.portal-theme-employee .nav-item:hover svg{color:#f0a13e!important}.sidebar .nav-item.active,.app-shell.portal-theme-admin .nav-item.active,.app-shell.portal-theme-hr .nav-item.active,.app-shell.portal-theme-employee .nav-item.active{color:#f4fcfc!important;background:#006e6f!important;border:1px solid #005b5c!important;font-weight:600!important;box-shadow:0 2px 8px #002d3366!important}.sidebar .nav-item.active svg,.app-shell.portal-theme-admin .nav-item.active svg,.app-shell.portal-theme-hr .nav-item.active svg,.app-shell.portal-theme-employee .nav-item.active svg{color:#f4fcfc!important}.sidebar .nav-badge,.app-shell.portal-theme-admin .nav-badge,.app-shell.portal-theme-hr .nav-badge,.app-shell.portal-theme-employee .nav-badge{color:#002d33!important;background:#f0a13e!important;border-radius:999px!important;padding:1px 7px!important;font-size:10px!important;font-weight:700!important}.sidebar .nav-area{scrollbar-color:#d4e1e240 transparent!important}.sidebar .nav-area::-webkit-scrollbar-track{background:0 0!important}.sidebar .nav-area::-webkit-scrollbar-thumb{background:#d4e1e240!important}.sidebar .nav-area:hover::-webkit-scrollbar-thumb{background:#006e6f!important}.sidebar .nav-area::-webkit-scrollbar-thumb:hover{background:#006e6f!important}.sidebar .nav-scroll-controls{background:#006e6f33!important;border:1px dashed #d4e1e233!important}.sidebar .nav-scroll-btn{color:#d4e1e2!important}.sidebar .nav-scroll-btn:hover{color:#f4fcfc!important;background:#006e6f!important}.sidebar-bottom,.app-shell.portal-theme-admin .sidebar-bottom,.app-shell.portal-theme-hr .sidebar-bottom,.app-shell.portal-theme-employee .sidebar-bottom{background:#002429!important;border-top:1px solid #d6e2e31f!important}.sidebar-bottom .nav-item,.app-shell.portal-theme-admin .sidebar-bottom .nav-item,.app-shell.portal-theme-employee .sidebar-bottom .nav-item{color:#d4e1e2!important}.sidebar-bottom .nav-item:hover,.app-shell.portal-theme-admin .sidebar-bottom .nav-item:hover,.app-shell.portal-theme-employee .sidebar-bottom .nav-item:hover{color:#fff!important;background:#d4e1e217!important}.profile-mini,.sidebar-profile-box,.app-shell.portal-theme-admin .sidebar-profile-box{color:#d4e1e2!important;background:#ffffff0d!important;border:1px solid #d4e1e226!important}.profile-mini:hover,.sidebar-profile-box:hover{background:#ffffff1a!important;border-color:#006e6f!important}.profile-mini strong,.sidebar-profile-box strong{color:#fff!important}.profile-mini span,.sidebar-profile-box span{color:#8ca6a8!important}.app-shell.portal-theme-admin .topbar,.app-shell.portal-theme-hr .topbar,.app-shell.portal-theme-employee .topbar{background:#fffffff5!important;border-bottom:1px solid #d6e2e3!important}.topbar-portal-indicator{color:#006e6f!important;background:#e1f1f0!important;border:1px solid #006e6f40!important}.topbar-greeting-pill{color:#0a2328!important;background:#e1f1f0!important;border:1px solid #d6e2e3!important}.role-badge{color:#006e6f!important;background:#e9f2f3!important;border:1px solid #006e6f40!important}.ai-copilot-btn{color:#f0a13e!important;background:#002d33!important;border:1px solid #f0a13e59!important}.ui-button.primary{color:#f4fcfc!important;background:#006e6f!important;border:1px solid #005b5c!important}.ui-button.primary:hover{background:#005859!important}.ui-button.secondary{color:#0a2328!important;background:#fff!important;border:1px solid #d6e2e3!important}.ui-button.secondary:hover{color:#006e6f!important;background:#e9f2f3!important;border-color:#006e6f!important}.ui-button.danger{color:#fff!important;background:#dc2e3f!important}.ui-button.danger:hover{background:#b92131!important}.panel,.metric-card,.profile-panel,.detail-side-panel,.employee-form,.hero-card,.attendance-parameters-card,.payroll-table-box{background:#fff!important;border:1px solid #d6e2e3!important}.ui-status.success,.status-approved,.status-present{color:#30a06a!important;background:#e8f6ef!important;border:1px solid #a3dec0!important}.ui-status.warning,.status-pending{color:#edad39!important;background:#fdf6e7!important;border:1px solid #f8dca3!important}.ui-status.danger,.ui-status.error,.status-rejected{color:#dc2e3f!important;background:#fceaeb!important;border:1px solid #f5a8b0!important}.ui-status.info,.ui-status.neutral{color:#006e6f!important;background:#e1f1f0!important;border:1px solid #b8dfde!important}.ui-table th{color:#586d72!important;background:#e9f2f3!important;border-bottom:1px solid #d6e2e3!important}.ui-table td{color:#0a2328!important;border-bottom:1px solid #d6e2e3!important}.ui-table tbody tr:hover{background:#e9f2f3!important}.superuser-switcher-box{background:#1e293bcc;border:1px solid #6366f159;border-radius:9px;flex-direction:column;gap:5px;padding:6px;display:flex}.superuser-header{letter-spacing:.08em;color:#fbbf24;align-items:center;gap:5px;padding:0 4px;font-size:9px;font-weight:700;display:flex}.superuser-tabs{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.superuser-tab{color:#94a3b8;background:#0f172a99;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:5px 2px;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.superuser-tab:hover{color:#fff;background:#1e293b}.superuser-tab.active{color:#fff;background:#4f46e5;border-color:#6366f1}.role-switch-pill{color:#0f766e;background:#0f766e14;border:1px solid #0f766e38;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.role-switch-pill:hover{color:#fff;background:#0f766e}.role-switch-pill.manager{color:#0284c7;background:#0284c714;border-color:#0284c738}.role-switch-pill.manager:hover{color:#fff;background:#0284c7}.employee-scope-banner{color:#64748b;letter-spacing:.02em;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:600;display:flex}.topbar-portal-indicator{letter-spacing:-.1px;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.topbar-portal-indicator.admin{color:#fef08a;background:#1e1b4b;border:1px solid #3730a3}.topbar-portal-indicator.hr{color:#a7f3d0;background:#134e4a;border:1px solid #0f766e}.topbar-portal-indicator.ess{color:#a7f3d0;background:#064e3b;border:1px solid #059669}.role-indicator-box{letter-spacing:.03em;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.role-indicator-box svg{flex-shrink:0}.role-indicator-admin{color:#3b82f6;background:linear-gradient(135deg,#3b82f61f,#6366f11a);border:1px solid #3b82f638}.role-indicator-hr{color:var(--teal,#1d8a7a);background:linear-gradient(135deg,#1d8a7a1f,#10b9811a);border:1px solid #1d8a7a38}.role-indicator-manager{color:#d97706;background:linear-gradient(135deg,#f59e0b1f,#fbbf241a);border:1px solid #f59e0b38}.role-indicator-employee{color:#059669;background:linear-gradient(135deg,#10b98124,#0596691a);border:1px solid #10b98147}.auth-page.theme-admin{background:radial-gradient(circle at 80% 10%,#88438e2e,#0000 45%),radial-gradient(circle at 20% 90%,#3b82f61f,#0000 45%),#12131a!important}.auth-page.theme-admin .auth-card{color:#f1f2f6;background:#161722f0!important;border-color:#88438e59!important;box-shadow:0 25px 70px #0000008c,0 0 40px #88438e1f!important}.auth-page.theme-admin .auth-card h1{color:#fff!important}.auth-page.theme-admin .auth-copy{color:#a1a1aa!important}.auth-page.theme-admin .input-with-icon{background:#171824!important;border-color:#2e3048!important}.auth-page.theme-admin .input-with-icon input{color:#fff!important}.auth-page.theme-admin .auth-portal-tabs{background:#171824!important;border:1px solid #2e3048!important}.auth-page.theme-admin .auth-portal-tab{color:#9ca3af!important}.auth-page.theme-admin .auth-portal-tab:hover{color:#fff!important}.auth-page.theme-admin .auth-portal-tab.active{color:#fff!important;background:#2a2b40!important;box-shadow:0 2px 8px #0000004d!important}.auth-page.theme-admin .auth-security-strip{color:#9ca3af!important;border-top-color:#27283d!important}.auth-page.theme-hr{background:radial-gradient(circle at 85% 15%,#1d8a7a38,#0000 45%),radial-gradient(circle at 15% 85%,#10b9811f,#0000 45%),#f4f8f6!important}.auth-page.theme-hr .auth-card{border-color:#1d8a7a47!important;box-shadow:0 20px 60px #1d8a7a1a!important}.auth-page.theme-employee{background:radial-gradient(circle at 85% 15%,#2563eb33,#0000 45%),radial-gradient(circle at 15% 85%,#0ea5e91f,#0000 45%),#f3f6fb!important}.auth-page.theme-employee .auth-card{border-color:#2563eb40!important;box-shadow:0 20px 60px #2563eb1a!important}.auth-portal-tabs{background:#eef1ec;border-radius:9px;gap:4px;margin-bottom:22px;padding:4px;display:flex}.auth-portal-tab{color:var(--muted);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.auth-portal-tab:hover{color:var(--ink)}.auth-portal-tab.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #0000000f}.portal-badge.admin{color:#c084fc;background:#88438e2e;border:1px solid #88438e66}.portal-badge.hr{color:var(--teal);background:#1d8a7a24;border:1px solid #1d8a7a47}.portal-badge.employee{color:#2563eb;background:#2563eb24;border:1px solid #2563eb47}.org-node-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f!important}.search-item-hover:hover{background-color:var(--surface-sunken)!important}.org-details-drawer{border-left:1px solid var(--border);background-color:var(--surface);z-index:50;flex-direction:column;width:380px;max-height:100%;display:flex;overflow-y:auto;box-shadow:-4px 0 20px #0000000f}@media (width<=768px){.org-details-drawer{top:auto;bottom:calc(60px + env(safe-area-inset-bottom,0px));border-left:0;border-top:1px solid var(--border);z-index:1000;border-radius:18px 18px 0 0;max-height:80dvh;position:fixed;left:0;right:0;box-shadow:0 -8px 30px #0003;width:100%!important}}.topbar-direct-logout-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444459;border-radius:9px;align-items:center;gap:7px;padding:7px 15px;font-size:12px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.mobile-bottom-nav{height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:999;background:#fffefaf0;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.app-shell.portal-theme-admin .mobile-bottom-nav{background:#0f172af5;border-top-color:#1e293b}.app-shell.portal-theme-employee .mobile-bottom-nav{background:#06372cf5;border-top-color:#0b4537}.mobile-bottom-nav-item{color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:48px;padding:6px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.mobile-bottom-nav-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-bottom-nav-item.active{color:var(--teal)}.app-shell.portal-theme-admin .mobile-bottom-nav-item{color:#94a3b8}.app-shell.portal-theme-admin .mobile-bottom-nav-item.active{color:#818cf8}.app-shell.portal-theme-employee .mobile-bottom-nav-item{color:#a7f3d0}.app-shell.portal-theme-employee .mobile-bottom-nav-item.active{color:#34d399}.mobile-bottom-nav-item:active{transform:scale(.92)}@media (width<=820px){.mobile-bottom-nav{display:flex}.page-content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}.topbar-direct-logout-btn svg{flex-shrink:0}.app-shell.portal-theme-admin .topbar-direct-logout-btn{color:#fca5a5;background:#ef444429;border-color:#ef444473}.app-shell.portal-theme-admin .topbar-direct-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.payslip-voucher,.hr-modal,.payroll-editor-modal,.reject-modal,.dialog{max-height:90dvh}html,body{max-width:100vw;overflow-x:hidden}.main-content{min-width:0;max-width:100%;overflow-x:hidden}.page-content,.page-body,.panel,.metric-card,.panel table,.ui-table{max-width:100%}.subnav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.subnav-tabs::-webkit-scrollbar{display:none}.subnav-tab{white-space:nowrap;flex-shrink:0}@media (width<=1024px){.metric-grid,.kanban-board,.payslip-info-grid{grid-template-columns:repeat(2,1fr)}.widget-board{grid-template-columns:1fr 1fr}.foundation-grid{grid-template-columns:1fr}}@media (width<=820px){.breadcrumbs{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;overflow:hidden}.breadcrumbs span.slash,.breadcrumbs a[title="Go to Dashboard"]{display:none}.topbar{height:60px;padding:0 16px}.topbar-actions{gap:8px}.page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:20px}.page-header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.page-header-actions .ui-button{flex:auto;min-width:120px}}@media (width<=640px){.employee-cards-mobile,.attendance-cards-mobile{flex-direction:column;display:flex!important}.employee-table-desktop,.attendance-table-desktop{display:none!important}.topbar{gap:6px;padding:0 12px}.topbar-actions{flex-wrap:nowrap;align-items:center;gap:6px}.ai-copilot-btn span{display:none}.ai-copilot-btn{min-width:38px;min-height:38px;padding:8px}.topbar-direct-logout-btn span{display:none}.topbar-direct-logout-btn{min-width:38px;min-height:38px;padding:8px}.topbar-badge-btn{width:38px;height:38px}.ui-table-wrap,.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:8px;margin-top:12px;overflow-x:auto}.panel table.ui-table,.ui-table{min-width:500px}.hr-modal-backdrop,.dialog-backdrop,.payslip-voucher-overlay,.reject-modal-backdrop{align-items:flex-end;padding:0}.hr-modal,.dialog,.payslip-voucher,.payroll-editor-modal,.reject-modal{max-height:88dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0!important;width:100%!important;max-width:100%!important}.hr-modal-footer,.dialog-actions{flex-direction:column-reverse;gap:8px}.hr-modal-footer .ui-button,.dialog-actions .ui-button{width:100%;min-height:44px}.ai-assistant-modal{padding:0}.ai-assistant-modal .ai-assistant-window{border-radius:18px 18px 0 0!important;width:100%!important;max-width:100%!important;height:88dvh!important}.kanban-board,.payslip-info-grid,.widget-board,.metric-grid{grid-template-columns:1fr}.punch-station-card{padding:16px 14px}input,select,textarea,.ui-button,.select-control{min-height:42px;font-size:13px!important}.profile-popover-header{padding:14px 12px}.profile-menu-popover{top:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:10000;border-radius:16px;width:auto;max-height:75dvh;position:fixed;left:12px;right:12px;overflow-y:auto;box-shadow:0 10px 40px #00000040}.notif-popover{width:auto;max-height:70dvh;position:fixed;top:68px;left:12px;right:12px}}@media (width<=400px){.page-content{padding-left:12px;padding-right:12px}.brand-name{font-size:13px}.brand-subtitle{font-size:10px}.page-header h1,.page-heading h1{font-size:20px}.ui-button{padding:0 10px;font-size:11px}.live-clock-digits{font-size:28px}}@media (height<=560px){.ely-container{height:auto!important;min-height:0!important}.auth-page{align-items:start;padding-top:20px}.auth-card{padding:20px}}.payroll-workspace{gap:22px;display:grid}.payroll-tabs-bar{border-bottom:1px solid var(--line);gap:8px;margin-bottom:4px;padding-bottom:2px;display:flex}.payroll-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.payroll-tab-btn:hover{color:var(--teal);background:#1d8a7a0d}.payroll-tab-btn.active{color:var(--teal);border-bottom-color:var(--teal);background:#1d8a7a14}.payroll-filter-toolbar{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.payroll-filter-group{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.payroll-search-input{border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-items:center;gap:8px;width:260px;min-height:36px;padding:0 12px;display:flex}.payroll-search-input input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;font-size:12px}.payroll-select{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#f8fafc;border-radius:8px;outline:0;padding:0 12px;font-size:12px}.payroll-select:focus,.payroll-search-input:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px #1d8a7a26}.payroll-action-icons{align-items:center;gap:6px;display:inline-flex}.payroll-icon-btn{border:1px solid var(--line);color:#64748b;cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.payroll-icon-btn:hover{color:var(--teal);background:#f1f5f9;border-color:#1d8a7a66}.payroll-icon-btn.primary:hover{color:var(--teal);background:#1d8a7a1a}.payroll-icon-btn.danger:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.payroll-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.payroll-form-field{gap:6px;display:grid}.payroll-form-field label{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:11px;font-weight:700}.payroll-form-field input,.payroll-form-field select{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 12px;font-size:12px;transition:all .15s}.payroll-form-field input:focus,.payroll-form-field select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #1d8a7a26}.attendance-parameters-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;padding:16px 20px}.attendance-parameters-card h3{text-transform:uppercase;letter-spacing:.06em;color:var(--teal);align-items:center;gap:6px;margin:0 0 12px;font-size:11px;font-weight:700;display:flex}.attendance-inputs-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.attendance-inputs-row div{gap:4px;display:grid}.attendance-inputs-row label{color:#64748b;font-size:10px;font-weight:600}.attendance-inputs-row input{border:1px solid var(--line);background:#fff;border-radius:6px;outline:0;min-height:34px;padding:0 8px;font-size:12px}.attendance-inputs-row input:focus{border-color:var(--teal)}.payroll-two-col-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;margin-bottom:22px;display:grid}@media (width<=1260px){.payroll-two-col-grid{grid-template-columns:1fr}}.payroll-table-box{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000008}.payroll-table-box-header{border-bottom:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.payroll-table-box-header h3{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin:0;font-size:12px;font-weight:700}.payroll-components-wrap{scrollbar-width:thin;scrollbar-color:#006e6f40 transparent;width:100%;overflow-x:auto}.payroll-components-wrap::-webkit-scrollbar{height:6px}.payroll-components-wrap::-webkit-scrollbar-thumb{background:#006e6f40;border-radius:4px}.payroll-components-list{box-sizing:border-box;gap:8px;min-width:530px;padding:14px;display:grid}.payroll-components-list.deductions-list{min-width:320px}.payroll-component-header{color:#586d72;text-transform:uppercase;grid-template-columns:minmax(130px,2fr) minmax(65px,1fr) minmax(65px,1fr) minmax(65px,1fr) minmax(75px,1.1fr) 28px;align-items:center;gap:8px;padding:0 8px;font-size:10px;font-weight:700;display:grid}.payroll-component-header.deduction{grid-template-columns:minmax(150px,3fr) minmax(90px,2fr) 28px}.payroll-component-row{border:1px solid var(--line);background:#fcfcfb;border-radius:8px;grid-template-columns:minmax(130px,2fr) minmax(65px,1fr) minmax(65px,1fr) minmax(65px,1fr) minmax(75px,1.1fr) 28px;align-items:center;gap:8px;padding:6px 8px;display:grid}.payroll-component-row.deduction{grid-template-columns:minmax(150px,3fr) minmax(90px,2fr) 28px}.payroll-component-row input{border:1px solid var(--line);min-height:32px;color:var(--ink);box-sizing:border-box;background:#fff;border-radius:6px;outline:0;width:100%;min-width:0;padding:0 8px;font-size:11px}.payroll-component-row input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #006e6f26}.payroll-total-footer{border-top:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;font-weight:700;display:flex}.payroll-net-banner{color:#fff;background:linear-gradient(135deg,#002d33 0%,#004d54 50%,#006e6f 100%);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;display:flex;box-shadow:0 10px 25px #087e9e33}.payroll-net-banner .net-kicker{text-transform:uppercase;letter-spacing:.1em;color:#f0a13e;font-size:10px;font-weight:700}.payroll-net-banner .net-amount{letter-spacing:-.5px;margin:4px 0 2px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:800}.payroll-net-banner .net-words{color:#ffffffd9;font-family:monospace;font-size:11px;font-style:italic}.payroll-net-banner-actions{align-items:center;gap:12px;display:flex}@media (width<=900px){.payroll-two-col-grid,.payroll-form-grid{grid-template-columns:1fr}.attendance-inputs-row{grid-template-columns:repeat(2,1fr)}}