@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700;800&display=swap";:root{--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-100:#f1f5f9;--slate-50:#f8fafc;--primary-50:#eff6ff;--primary-500:#3b82f6;--primary-600:#2563eb;--cyan-500:#06b6d4;--cyan-600:#0891b2;--accent-blue:var(--primary-500);--accent-cyan:var(--cyan-500);--primary-bg:#090e17;--gradient-start:#0a0f1c;--gradient-end:#12182b;--glass-bg:#1e293b66;--glass-border:#ffffff14;--glass-hover:#1e293bb3;--glass-active:#1e293be6;--input-bg:#0f172a99;--modal-bg:#0f172af2;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--font-main:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-glow:0 0 20px #3b82f626;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.3s cubic-bezier(.4, 0, .2, 1);--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem}body.theme-light{--primary-bg:#f8fafc;--gradient-start:#f1f5f9;--gradient-end:#e2e8f0;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-hover:#ffffffe6;--glass-active:#fff;--input-bg:#fffc;--modal-bg:#fffffff2;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-glow:0 10px 25px #0000000d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition)}.glass-card:hover{background:var(--glass-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:#3b82f64d}.primary-btn{background:linear-gradient(135deg, var(--primary-500), var(--cyan-500));color:#fff;border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #3b82f640}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.outline-btn{color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.outline-btn:hover:not(:disabled){background:var(--glass-hover);border-color:var(--text-secondary)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.input-group{flex-direction:column;gap:.4rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input-group input,.input-group select,.input-group textarea{border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-main);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary-500);background:var(--glass-active);box-shadow:0 0 0 3px #3b82f626}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}body.theme-light ::-webkit-scrollbar-thumb{background:#00000026}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}@media (width<=768px){.app-layout{flex-direction:column!important}.sidebar{z-index:1000;height:100vh;position:fixed;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{width:100%!important;margin-left:0!important}}.table-row-hover:hover{background:#ffffff0d}body.theme-light .table-row-hover:hover{background:#00000005}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.text-center{text-align:center}.gradient-text{background:linear-gradient(135deg, var(--primary-500), var(--cyan-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.m-only{display:none!important}@media (width<=768px){.m-only{display:initial!important}.m-hide{display:none!important}html,body{-webkit-text-size-adjust:100%;overflow-x:hidden}input,select,textarea{font-size:16px!important}button,a,.clickable-card{-webkit-tap-highlight-color:transparent}.m-header{z-index:2900;padding:calc(.6rem + env(safe-area-inset-top)) .9rem .6rem;background:var(--primary-bg,#0b1220);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.m-company{color:var(--text-primary);text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;min-width:0;padding:0;display:flex}.m-company img{object-fit:contain;background:#fff;border-radius:10px;flex-shrink:0;width:38px;height:38px;padding:3px}.m-company-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.m-company-text small{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.m-company-text strong{font-size:1.1rem;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-header-actions{gap:.25rem;display:flex}.m-icon-btn{width:42px;height:42px;color:var(--text-primary);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.m-icon-btn:active{background:var(--glass-hover)}.m-badge-wrap{display:inline-flex;position:relative}.m-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.m-badge.dot{width:9px;min-width:9px;height:9px;padding:0;top:-2px;right:-3px}.m-bottom-nav{z-index:3000;isolation:isolate;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));background:var(--primary-bg,#0b1220);border-top:1px solid var(--glass-border);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000040}.m-nav-item{color:var(--text-muted);background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:.45rem 0;font-size:.68rem;font-weight:600;display:flex}.m-nav-item.active{color:var(--accent-blue,#3b82f6)}.m-nav-item.active svg{transform:translateY(-1px)}.m-sheet-backdrop{z-index:4000;background:#0000008c;align-items:flex-end;animation:.15s mFade;display:flex;position:fixed;inset:0}.m-sheet{background:var(--primary-bg,#0b1220);width:100%;max-height:85dvh;color:var(--text-primary);padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);border-radius:22px 22px 0 0;animation:.22s mUp;overflow-y:auto}.m-sheet-handle{background:var(--glass-border);border-radius:3px;width:42px;height:5px;margin:.3rem auto .6rem}.m-sheet-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.m-sheet-head strong{font-size:1.1rem}.m-more-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.m-more-item{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .2rem;font-size:.72rem;font-weight:600;display:flex}.m-more-item.active{border-color:var(--accent-blue);color:var(--accent-blue)}.m-sheet-list{flex-direction:column;gap:.4rem;display:flex}.m-sheet-item{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);text-align:left;border-radius:14px;align-items:center;gap:.8rem;padding:.95rem 1rem;font-size:1rem;display:flex}.m-sheet-item.active{border-color:var(--accent-blue)}.m-sheet-item.danger{color:#ef4444}.m-sheet-logo{object-fit:contain;background:#fff;border-radius:8px;width:32px;height:32px;padding:2px}@keyframes mUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mFade{0%{opacity:0}to{opacity:1}}.m-app .main-content{min-width:0;width:100%!important;margin-left:0!important}.m-app main{padding:.75rem .6rem calc(88px + env(safe-area-inset-bottom))!important}.m-app .m-main-card{min-width:0;max-width:100%;border-radius:18px!important;padding:1rem .8rem!important;overflow:visible!important}.m-app .m-view{width:100%;min-width:0;max-width:100%}.m-app .m-view>*{max-width:100%}.m-app .m-view>*>*{min-width:0;max-width:100%}.m-app h1{font-size:1.55rem!important}.m-app h2{font-size:1.25rem!important}.m-app main [style*="display: flex"]{flex-wrap:wrap}.m-app main table{-webkit-overflow-scrolling:touch;max-width:100%;font-size:.8rem;display:block;overflow-x:auto}.m-app main table th,.m-app main table td{white-space:nowrap}.m-app .dash-hello{margin-bottom:1.2rem!important}.m-app .dash-cards{grid-template-columns:1fr 1fr!important;gap:.6rem!important;margin-bottom:1.2rem!important}.m-app .dash-cards>*{min-height:0!important;padding:1rem!important}.m-app .dash-cards>:nth-child(3){grid-column:1/-1}.m-app .dash-cards span[style*="font-size: 1.8rem"]{word-break:break-word;font-size:1.3rem!important}.m-app .dash-row{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:1rem!important}.m-app .dash-row>.glass-card{padding:1rem!important}.m-app .dash-row>*,.m-app .dash-cards>*{min-width:0;overflow-x:auto}.m-app .dash-charts:not(.open){display:none!important}.m-toggle-charts{border:1px dashed var(--glass-border);width:100%;color:var(--text-secondary);background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.85rem;font-weight:600;display:flex!important}.m-app .stack-mobile{flex-direction:column!important;gap:.8rem!important;overflow:visible!important}.m-app .stack-mobile>*{flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow-x:auto!important}.m-app .stack-mobile table{min-width:560px}.m-app .table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.m-app .company-info-card{display:none!important}div[style*="position: fixed"]>.glass-card,div[style*="position: fixed"]>div>.glass-card.m-modal{height:100dvh;min-height:100dvh;width:100%!important;max-width:100%!important;max-height:100dvh!important;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1.5rem + env(safe-area-inset-bottom))!important;border-radius:0!important;margin:0!important;overflow-y:auto!important}div[style*="position: fixed"][style*="align-items: center"]{align-items:stretch!important;padding:0!important}div[style*="grid-template-columns: 1fr 1fr"],div[style*="grid-template-columns: repeat(3, 1fr)"],div[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}[style*="grid-column: 1 / span 2"]{grid-column:auto!important}.input-group input,.input-group select,.primary-btn{min-height:46px}.emp-cards{flex-direction:column;gap:.55rem;display:flex}.emp-card{border:1px solid var(--glass-border);background:var(--glass-bg);text-align:left;width:100%;color:var(--text-primary);border-radius:16px;align-items:flex-start;gap:.75rem;padding:.85rem .9rem;display:flex}.emp-card:active{background:var(--glass-hover)}.emp-avatar{background:var(--accent-blue);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.emp-body{flex:1;min-width:0}.emp-name{font-size:.95rem;font-weight:700;line-height:1.25}.emp-sub{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.emp-meta{color:var(--text-muted);flex-wrap:wrap;gap:.35rem .8rem;margin-top:.35rem;font-size:.74rem;display:flex}.emp-status{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.65rem;font-weight:700}.emp-search-sticky{z-index:50;background:linear-gradient(var(--primary-bg) 70%, transparent);padding:.5rem 0;position:sticky;top:62px}.emp-search-sticky>div{max-width:none!important}.employee-layout header{padding:calc(.9rem + env(safe-area-inset-top)) 1rem .9rem!important;border-radius:0 0 20px 20px!important;margin:0 0 1rem!important}.employee-layout header h1{font-size:1.4rem!important}.employee-layout main{padding:0 .8rem calc(1.5rem + env(safe-area-inset-bottom))!important}.employee-layout .glass-card{padding:1.1rem!important}.portal-tiles{grid-template-columns:1fr 1fr!important;gap:.7rem!important;margin-bottom:.8rem!important}.portal-tiles .clickable-card,.portal-chat.clickable-card{gap:.5rem!important;padding:1.1rem .6rem!important}.portal-tiles .clickable-card svg,.portal-chat.clickable-card svg{width:34px;height:34px}.portal-tiles .clickable-card h3,.portal-chat h3{font-size:.95rem}.portal-tiles .clickable-card p,.portal-chat p{font-size:.75rem}.portal-doc{flex-direction:column;gap:.8rem;align-items:stretch!important;padding:1rem!important}.portal-doc>div:last-child{text-align:left!important;align-items:stretch!important}.portal-doc .primary-btn{width:100%;padding:.9rem!important;font-size:1rem!important}.portal-pending{display:flex!important}.receipt-modal{align-items:stretch!important;padding:0!important}.receipt-modal>div{height:100dvh;border-radius:0!important;max-width:100%!important;max-height:100dvh!important}.receipt-modal .receipt-scroll{overflow-x:auto}.receipt-modal .receipt-scroll>div{min-width:640px}.receipt-actions{background:#f8fafc;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000014;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom))!important}.receipt-actions button{justify-content:center;width:100%}}.push-banner{display:none!important}@media (width<=768px){.push-banner{display:flex!important}.m-emp-head{flex-direction:column;gap:.85rem;margin-bottom:.6rem;display:flex}.m-emp-title h2{margin:0 0 .15rem!important;font-size:1.3rem!important}.m-emp-title span{color:var(--text-secondary);font-size:.8rem}.m-status-chips{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.m-chip{border:1px solid var(--glass-border);color:var(--text-primary);text-align:left;opacity:.55;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.65rem .75rem;transition:opacity .15s,background .15s,border-color .15s;display:flex}.m-chip.on{opacity:1;border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent)}.m-chip .n{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800;line-height:1.1}.m-chip.on .n{color:var(--c)}.m-chip .l{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:flex}.m-chip .l i{background:var(--c);border-radius:50%;flex-shrink:0;width:7px;height:7px}.m-emp-actions{gap:.5rem;display:flex}.m-emp-actions button{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding:0 .75rem;font-size:.9rem;font-weight:700;display:flex}.m-emp-actions .primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.m-emp-actions .secondary{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0}.m-emp-actions .danger{color:#fff;background:#ef4444;border:1px solid #ef4444}.m-emp-pending{color:#fca5a5;background:#ef44441a;border:1px solid #ef444480;border-radius:12px;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem .85rem;font-size:.82rem;font-weight:600;display:flex}.m-emp-pending button{background:var(--glass-hover);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:8px;flex-shrink:0;padding:.35rem .7rem;font-size:.78rem}.emp-search-sticky{background:0 0!important;margin-bottom:.6rem!important;padding:.4rem 0 .6rem!important}.emp-search-sticky>div{-webkit-backdrop-filter:blur(12px);background:var(--primary-bg)!important;background:color-mix(in srgb, var(--primary-bg) 88%, transparent)!important;border-radius:14px!important;padding:.75rem 1rem!important;box-shadow:0 6px 18px #0000002e!important}.emp-search-sticky input{font-size:16px!important}.m-nav-item.active{color:#60a5fa!important}.m-nav-item.active svg{box-sizing:content-box;background:#60a5fa29;border-radius:10px;padding:3px 12px}html,body{overflow:clip visible!important}.animate-fade:has(>.employee-list-section){margin-top:0!important}}