html:not([data-theme=light]),html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0b1220;--app-text:#f8fafc;--app-header-bg:#0b1220f2;--app-border:#94a3b81f;--app-muted:#94a3b8;--app-surface:#ffffff0a;--app-surface-strong:#0f172a;--app-nav-bg:#0f172afa;--app-nav-active:#60a5fa;--app-input-bg:#ffffff0a;--app-input-text:#f8fafc;--app-sidebar-hover-bg:#2563eb26;--app-sidebar-hover-text:#93c5fd;--app-overlay:#0206178c;--scrollbar-size:4px;--scrollbar-thumb:#94a3b847;--scrollbar-thumb-hover:#94a3b873;--auth-bg:#061633;--auth-bg-alt:#0a1a35;--auth-card:#0f213d;--auth-text:#fff;--auth-text-muted:#94a3b8;--auth-border:#94a3b82e;--frame-stage-bg:#0f172a;--frame-device-bg:#1e293b;--frame-device-border:#475569;--frame-notch-bg:#0f172a;--frame-screen-bg:#07111f;--frame-home-indicator:#ffffff59}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f1f5f9;--app-text:#0f172a;--app-header-bg:#fffffff5;--app-border:#0f172a1f;--app-muted:#64748b;--app-surface:#ffffffeb;--app-surface-strong:#fff;--app-nav-bg:#fffffffa;--app-nav-active:#2563eb;--app-input-bg:#fff;--app-input-text:#0f172a;--app-sidebar-hover-bg:#2563eb1a;--app-sidebar-hover-text:#2563eb;--app-overlay:#0f172a59;--scrollbar-size:4px;--scrollbar-thumb:#64748b59;--scrollbar-thumb-hover:#64748b8c;--auth-bg:#f8fafc;--auth-bg-alt:#f1f5f9;--auth-card:#fff;--auth-text:#0f172a;--auth-text-muted:#64748b;--auth-border:#0f172a1f;--frame-stage-bg:#e2e8f0;--frame-device-bg:#f8fafc;--frame-device-border:#cbd5e1;--frame-notch-bg:#e2e8f0;--frame-screen-bg:#fff;--frame-home-indicator:#0f172a40}:root{--cta-blue:#2563eb;--cta-blue-hover:#1d4ed8;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box}html,body,#app{background:var(--auth-bg);min-height:100%;color:var(--auth-text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--cta-blue);text-decoration:none}button{font:inherit}.auth-screen{background:radial-gradient(circle at 50% 0%, #2563eb24, transparent 45%), linear-gradient(180deg, var(--auth-bg-alt) 0%, var(--auth-bg) 100%);flex-direction:column;height:100%;min-height:100%;padding:1.25rem 1.35rem 1.5rem;display:flex;overflow-y:auto}.auth-screen--welcome{align-items:stretch;padding:0;overflow:hidden auto}.welcome-main{flex-direction:column;flex:auto;align-items:center;width:100%;min-height:0;padding:.5rem 1.35rem 1.75rem;display:flex;overflow-y:auto}.auth-screen-body{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.auth-screen-body.auth-screen-body--welcome{flex:none;justify-content:flex-start;padding-top:0}.auth-screen-content{flex:1;width:100%;min-height:0}.auth-screen-actions{flex-shrink:0;width:100%}.auth-screen-actions.auth-screen-actions--welcome{flex:none;width:100%;margin-top:0;padding-top:1.25rem}.auth-screen--welcome .auth-title{margin-bottom:.65rem}.auth-screen--welcome .btn-stack .btn-primary{margin-top:0}.auth-screen-actions--welcome .auth-divider{margin:1rem 0 .75rem}.auth-screen--form{padding-top:.85rem}.auth-header{flex-shrink:0;justify-content:center;align-items:center;min-height:44px;margin-bottom:1.1rem;display:flex;position:relative}.auth-header h1{margin:0;font-size:1.05rem;font-weight:600}.back-btn{width:40px;height:40px;color:var(--auth-text);cursor:pointer;background:#ffffff0f;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.back-btn svg{width:20px;height:20px}.auth-title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.85rem;font-weight:700}.auth-subtitle{color:var(--auth-text-muted);margin:0;font-size:.92rem;line-height:1.55}.auth-subtitle--center{text-align:center;max-width:19rem;margin-left:auto;margin-right:auto}.auth-subtitle--with-action{margin-bottom:1.25rem}.auth-subtitle strong{color:#e2e8f0;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;width:100%;margin-top:1.25rem;padding:.95rem 1rem;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #2563eb47}.btn-primary--split{justify-content:space-between;padding-left:1.15rem;padding-right:1.15rem}.btn-primary--split svg{flex-shrink:0;width:20px;height:20px}.btn-primary:hover{background:linear-gradient(#4f8ff7 0%,#1d4ed8 100%)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.95rem 1rem;font-weight:600;display:inline-flex;box-shadow:0 6px 18px #0f172a24}.btn-icon{flex-shrink:0;width:18px;height:18px}.btn-icon-google{width:18px;height:18px}.btn-stack{gap:.7rem;width:100%;display:grid}.auth-divider{color:var(--auth-text-muted);align-items:center;gap:.85rem;margin:1.15rem 0 .85rem;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-border);flex:1;height:1px}.auth-footer-text{text-align:center;color:var(--auth-text-muted);margin:0;font-size:.9rem}.auth-inline-link{color:var(--cta-blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-inline-link--button{font-size:inherit}.auth-inline-link:disabled{opacity:.55;cursor:not-allowed}.auth-icon-wrap{color:#93c5fd;background:radial-gradient(circle at 35% 30%,#60a5fa59,#2563eb14);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:.35rem auto 1.1rem;display:flex;box-shadow:0 10px 28px #2563eb2e}.auth-icon-wrap svg{width:36px;height:36px}.field-label{color:#cbd5e1;margin-bottom:.45rem;font-size:.82rem;display:block}.field-input{color:#fff;background:#0f213dd9;border:1px solid #60a5fa40;border-radius:12px;width:100%;padding:.95rem 1rem;font-size:1rem}.field-input::placeholder{color:#64748b}.field-input:focus{border-color:var(--cta-blue);outline:2px solid #2563eb73}.privacy-note{color:var(--auth-text-muted);align-items:flex-start;gap:.5rem;margin-top:auto;padding-top:1.25rem;font-size:.8rem;line-height:1.45;display:flex}.privacy-note--center{text-align:left;justify-content:center;max-width:18rem;margin-left:auto;margin-right:auto}.privacy-note svg{color:#64748b;flex-shrink:0;width:16px;height:16px;margin-top:.1rem}.otp-grid{grid-template-columns:repeat(6,1fr);gap:.45rem;margin:.5rem 0 .85rem;display:grid}.otp-box{aspect-ratio:1;border:1px solid var(--auth-border);color:#fff;text-align:center;background:#0f213dd9;border-radius:12px;width:100%;padding:0;font-size:1.2rem;font-weight:600}.otp-box:focus{border-color:var(--cta-blue);outline:none;box-shadow:0 0 0 3px #2563eb40}.resend-row{text-align:center;color:var(--cta-blue);margin-bottom:.25rem;font-size:.9rem}.help-card{color:#bfdbfe;background:#2563eb14;border:1px solid #2563eb38;border-radius:14px;align-items:flex-start;gap:.55rem;margin-top:1rem;padding:.9rem 1rem;font-size:.82rem;line-height:1.5;display:flex}.help-card svg{flex-shrink:0;width:16px;height:16px;margin-top:.1rem}.options-hero{width:120px;height:120px;margin:.25rem auto 1.15rem;position:relative}.options-hero-glow{background:radial-gradient(circle,#2563eb47,#0000 68%);border-radius:50%;position:absolute;inset:0}.options-hero-lock{color:#93c5fd;background:linear-gradient(#3b82f659,#2563eb1f);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:18px;box-shadow:0 12px 28px #2563eb33}.options-hero-lock svg{width:34px;height:34px}.options-hero-badge{background:var(--auth-card);border:1px solid var(--auth-border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex;position:absolute}.options-hero-badge--phone{top:8px;right:-4px}.options-hero-badge--google{color:#4285f4;font-weight:700;bottom:10px;left:-6px}.option-card{background:var(--auth-card);border:1px solid var(--auth-border);cursor:pointer;width:100%;color:inherit;text-align:left;border-radius:14px;align-items:center;gap:.85rem;margin-bottom:.75rem;padding:.95rem 1rem;display:flex}.option-card-body{flex:1;min-width:0}.option-card strong{margin-bottom:.15rem;font-size:.95rem;display:block}.option-card span{color:var(--auth-text-muted);font-size:.8rem;line-height:1.35}.option-icon{color:#93c5fd;background:#2563eb26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.option-icon svg{width:22px;height:22px}.option-icon--google{background:#ffffff14}.option-icon--google svg{width:20px;height:20px}.option-chevron{color:var(--auth-text-muted);font-size:1.35rem;line-height:1}.browser-chrome{border:1px solid var(--auth-border);background:#0f172a;border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.browser-toolbar{border-bottom:1px solid var(--auth-border);background:#111827;flex-shrink:0;align-items:center;gap:.5rem;padding:.7rem .85rem;font-size:.78rem;display:flex}.browser-cancel{color:#93c5fd;cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem}.browser-url{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:.35rem;min-width:0;display:flex;overflow:hidden}.browser-url svg{flex-shrink:0;width:12px;height:12px}.browser-menu{color:#94a3b8}.browser-body{padding:1.1rem 1rem 1.25rem;overflow-y:auto}.google-brand-row{color:#e2e8f0;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.88rem;display:flex}.google-heading{margin:0 0 .35rem;font-size:1.35rem;font-weight:600}.google-subheading{color:var(--auth-text-muted);margin:0 0 1.1rem;font-size:.88rem}.google-subheading strong{color:var(--cta-blue)}.google-account-row{border:none;border-bottom:1px solid var(--auth-border);width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.85rem;padding:.75rem 0;display:flex}.google-account-row--plain{border-bottom:none}.google-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.google-avatar--green{color:#fff;background:#22c55e}.google-avatar--brown{color:#fff;background:#92400e}.google-avatar--plain{background:#ffffff14;font-size:1rem}.google-account-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.google-account-text strong{font-size:.92rem;font-weight:600}.google-account-text span{color:var(--auth-text-muted);font-size:.8rem}.google-legal{color:var(--auth-text-muted);margin:1.25rem 0 0;font-size:.72rem;line-height:1.5}.google-legal a{color:var(--cta-blue)}.auth-screen--google{padding:.75rem 1rem 1rem}.auth-screen--google .browser-chrome{min-height:calc(100% - .5rem)}.alert-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;width:100%;margin:.75rem 0;padding:.75rem 1rem;font-size:.88rem}.local-dev-quick-login{text-align:left;background:#fbbf240f;border:1px dashed #fbbf2473;border-radius:.75rem;width:100%;margin:.75rem 0 1rem;padding:.875rem}[data-theme=light] .local-dev-quick-login{background:#fbbf2414}.local-dev-quick-login-head{color:#fbbf24;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:flex}.local-dev-badge{letter-spacing:.04em;text-transform:uppercase;color:#fcd34d;background:#fbbf2426;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.local-dev-note{color:var(--auth-text-muted);margin:0 0 .75rem;font-size:.74rem;line-height:1.45}.local-dev-group+.local-dev-group{margin-top:.65rem}.local-dev-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--auth-text-muted);margin-bottom:.35rem;font-size:.72rem;font-weight:600}.local-dev-account-btn{width:100%;color:var(--auth-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #fbbf2459;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.1rem;margin-bottom:.4rem;padding:.65rem .75rem;display:flex}.local-dev-account-btn:hover:not(:disabled){background:#fbbf241f;border-color:#fbbf248c}.local-dev-account-btn:disabled{opacity:.65;cursor:wait}.local-dev-account-title{font-size:.88rem;font-weight:600}.local-dev-account-email{color:var(--auth-text-muted);font-size:.76rem}.local-dev-account-hint{color:var(--auth-text-muted);opacity:.85;font-size:.7rem}.local-dev-icon{margin-right:.25rem;font-style:normal}.app-shell{background:var(--app-bg);width:100%;height:100%;min-height:0;color:var(--app-text);--app-bottom-nav-offset:5.5rem;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.sidebar,.app-main,.auth-screen,.welcome-main,.header-language-dropdown,.profile-dropdown{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.sidebar::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.app-main::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.auth-screen::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.welcome-main::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.header-language-dropdown::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.profile-dropdown::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.sidebar::-webkit-scrollbar-track{background:0 0}.app-main::-webkit-scrollbar-track{background:0 0}.auth-screen::-webkit-scrollbar-track{background:0 0}.welcome-main::-webkit-scrollbar-track{background:0 0}.header-language-dropdown::-webkit-scrollbar-track{background:0 0}.profile-dropdown::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.app-main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.auth-screen::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.welcome-main::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.header-language-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.profile-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-main::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.auth-screen::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.welcome-main::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.header-language-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.profile-dropdown::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.app-header{z-index:20;background:var(--app-header-bg);border-bottom:1px solid var(--app-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex;position:sticky;top:0}.header-leading{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.header-trailing{flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;display:flex}.header-controls{align-items:center;gap:.5rem;display:flex}.header-control-icon{width:1.15rem;height:1.15rem}.header-theme-btn{flex-shrink:0}.header-language-menu{flex-shrink:0;position:relative}.header-language-btn{flex-shrink:0}.header-language-dropdown{background:var(--app-surface-strong);border:1px solid var(--app-border);z-index:60;border-radius:12px;min-width:9.5rem;padding:.35rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 12px 32px #0003}.header-language-option{width:100%;color:var(--app-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.55rem .7rem;font-size:.84rem;display:block}.header-language-option:hover{background:var(--app-surface)}.header-language-option.active{color:var(--app-nav-active);font-weight:600}.profile-menu{position:relative}.profile-trigger{border:1px solid var(--app-border);background:var(--app-surface);width:38px;height:38px;color:var(--app-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.profile-trigger-avatar{object-fit:cover;width:100%;height:100%}.profile-trigger-initials{letter-spacing:.02em;font-size:.78rem;font-weight:700}.profile-dropdown{background:var(--app-surface-strong);border:1px solid var(--app-border);z-index:60;border-radius:14px;width:min(280px,100vw - 2rem);padding:.85rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 40px #00000040}.profile-dropdown-header{border-bottom:1px solid #94a3b81f;align-items:center;gap:.75rem;padding-bottom:.85rem;display:flex}.profile-dropdown-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.profile-dropdown-avatar img{object-fit:cover;width:100%;height:100%}.profile-dropdown-identity{flex-direction:column;gap:.15rem;min-width:0;display:flex}.profile-dropdown-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.profile-dropdown-identity span{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.profile-details{gap:.65rem;margin:.85rem 0;display:grid}.profile-detail{grid-template-columns:5.5rem 1fr;align-items:start;gap:.5rem;display:grid}.profile-detail dt{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.75rem}.profile-detail dd{color:var(--app-text);word-break:break-word;margin:0;font-size:.88rem;line-height:1.35}.profile-logout-btn{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444459;border-radius:10px;width:100%;padding:.7rem .85rem;font-weight:600}.profile-logout-btn:hover{background:#ef44442e}.icon-btn{border:1px solid var(--app-border);background:var(--app-surface);width:38px;height:38px;color:var(--app-text);cursor:pointer;border-radius:10px}.app-main{flex:1;min-height:0;padding:1rem 1rem 5.5rem;overflow-y:auto}.bottom-nav{background:var(--app-nav-bg);border-top:1px solid var(--app-border);width:100%;padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));z-index:30;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom-nav a{color:var(--app-muted);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.35rem .15rem;font-size:.68rem;text-decoration:none;display:flex}.bottom-nav-icon,.nav-icon{flex-shrink:0;width:1.35rem;height:1.35rem}.bottom-nav-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.1;overflow:hidden}.bottom-nav a.active{color:var(--app-nav-active)}.sidebar-root{z-index:40;position:absolute;inset:0}.sidebar-overlay{background:var(--app-overlay);z-index:40;position:absolute;inset:0}.sidebar{background:var(--app-surface-strong);z-index:50;width:min(320px,88%);height:100%;color:var(--app-text);padding:1rem;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:8px 0 30px #0003}.sidebar-header{border-bottom:1px solid var(--app-border);align-items:flex-start;gap:.65rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.sidebar-profile{min-width:0;color:inherit;border-radius:12px;flex:1;align-items:center;gap:.75rem;margin:-.35rem;padding:.35rem;text-decoration:none;transition:background .15s;display:flex}.sidebar-profile:hover{background:var(--app-sidebar-hover-bg)}.sidebar-profile-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#2563eb 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.sidebar-profile-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-profile-identity{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sidebar-profile-identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.sidebar-profile-identity span{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.sidebar-profile-role{text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:.72rem!important}.sidebar-profile-company{text-transform:none;letter-spacing:normal;font-weight:600;color:var(--app-nav-active)!important;font-size:.74rem!important}.sidebar-company-switch{background:color-mix(in srgb, var(--app-nav-active) 6%, var(--app-surface));border:1px solid color-mix(in srgb, var(--app-nav-active) 18%, var(--app-border));border-radius:.85rem;flex-direction:column;gap:.35rem;margin:-.35rem 0 1rem;padding:.85rem;display:flex}.sidebar-company-label{letter-spacing:.05em;text-transform:uppercase;color:var(--app-muted);font-size:.68rem;font-weight:700}.sidebar-company-select{width:100%}.sidebar-company-current{color:var(--app-text);font-size:.84rem;font-weight:600;line-height:1.35}.sidebar-company-error{color:#f87171;margin:0;font-size:.72rem}.sidebar-close-btn{flex-shrink:0;margin-top:.15rem}.sidebar-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--app-muted);margin:1rem 0 .5rem;font-size:.75rem}.sidebar a{color:var(--app-text);border-radius:12px;align-items:center;gap:.65rem;margin-bottom:.25rem;padding:.75rem .85rem;text-decoration:none;display:flex}.sidebar .nav-icon{opacity:.8;width:1.15rem;height:1.15rem}.sidebar a.active .nav-icon,.sidebar a:hover .nav-icon{opacity:1}.sidebar a.active,.sidebar a:hover{background:var(--app-sidebar-hover-bg);color:var(--app-sidebar-hover-text)}.page-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:16px;padding:1rem}.page-title{margin:0 0 .35rem;font-size:1.25rem}.page-subtitle{color:var(--app-muted);margin:0 0 1rem;font-size:.92rem}.placeholder-note{color:var(--app-muted);font-size:.9rem;line-height:1.5}.portal-dashboard{flex-direction:column;gap:1rem;display:flex}.portal-dashboard-header .page-subtitle{margin-bottom:0}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.dashboard-stat-card{background:var(--app-surface);border:1px solid var(--app-border);border-radius:14px;align-items:center;gap:.65rem;padding:.75rem .8rem;display:flex}.dashboard-stat-icon-wrapper{color:#fff;background:linear-gradient(135deg, var(--app-nav-active) 0%, color-mix(in srgb, var(--app-nav-active) 72%, #6366f1) 100%);width:2.35rem;height:2.35rem;box-shadow:0 4px 12px color-mix(in srgb, var(--app-nav-active) 32%, transparent);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.dashboard-stat-icon{width:1.1rem;height:1.1rem}.dashboard-stat-content{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.dashboard-stat-label{letter-spacing:.02em;text-transform:uppercase;color:var(--app-muted);font-size:.68rem;font-weight:600}.dashboard-stat-card strong{font-size:.98rem;font-weight:700;line-height:1.2}.dashboard-stat-card small{color:var(--app-muted);font-size:.72rem}.dashboard-section-title{margin:0 0 .75rem;font-size:.95rem}.dashboard-chart-card{margin-top:.25rem}.dashboard-chart-header{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.dashboard-chart-header .dashboard-section-title{margin:0}.dashboard-chart-scroll-hint{color:var(--app-muted);white-space:nowrap;margin:0;font-size:.68rem;font-weight:600}.dashboard-chart-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;margin:0 -.1rem;padding-bottom:.35rem;overflow:auto hidden}.dashboard-chart-scroll::-webkit-scrollbar{height:6px}.dashboard-chart-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.dashboard-chart-canvas-wrap{min-width:100%;height:220px;position:relative}.dashboard-filters{gap:.5rem;margin-top:.75rem;display:flex}.dashboard-active-company{border:1px solid color-mix(in srgb, var(--app-nav-active) 24%, var(--app-border));background:color-mix(in srgb, var(--app-nav-active) 8%, var(--app-surface));border-radius:.9rem;flex-direction:column;gap:.35rem;margin-top:.65rem;padding:.8rem .9rem;display:flex}.dashboard-active-company-label{letter-spacing:.05em;text-transform:uppercase;color:var(--app-muted);font-size:.68rem;font-weight:700}.dashboard-active-company-row{align-items:center;gap:.55rem;min-width:0;display:flex}.dashboard-active-company-dot{background:#4ade80;border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #4ade802e}.dashboard-active-company-name,.dashboard-active-company-select{min-width:0;color:var(--app-text);flex:1;font-size:.92rem;font-weight:700}.dashboard-active-company-select{background:0 0;border:none;padding:.35rem .1rem;font-weight:700}.dashboard-filter{flex:1;min-width:0;padding-top:.5rem;padding-bottom:.5rem;font-size:.82rem}.dashboard-quick-actions{margin-top:.25rem}.dashboard-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.dashboard-quick-action{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);text-align:left;cursor:pointer;border-radius:12px;padding:.85rem .75rem;font-size:.82rem;font-weight:600}.dashboard-quick-action:active{transform:scale(.98)}.alert-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;padding:.75rem 1rem;font-size:.88rem}.app-select,.profile-field select,.chat-merchant-select{border:1px solid var(--app-border);background-color:var(--app-surface-strong);width:100%;color:var(--app-input-text);font:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:.65rem;padding:.65rem 2.25rem .65rem .75rem;transition:border-color .15s,box-shadow .15s}html[data-theme=light] .app-select,html[data-theme=light] .profile-field select,html[data-theme=light] .chat-merchant-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}html:not([data-theme=light]) .app-select,html[data-theme=dark] .app-select,html:not([data-theme=light]) .profile-field select,html[data-theme=dark] .profile-field select,html:not([data-theme=light]) .chat-merchant-select,html[data-theme=dark] .chat-merchant-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-select:focus,.profile-field select:focus,.chat-merchant-select:focus{border-color:var(--app-nav-active);box-shadow:0 0 0 2px color-mix(in srgb, var(--app-nav-active) 25%, transparent);outline:none}.app-select option,.profile-field select option,.chat-merchant-select option{background:var(--app-surface-strong);color:var(--app-input-text)}.app-select:disabled,.profile-field select:disabled,.chat-merchant-select:disabled{opacity:.65;cursor:not-allowed}.app-main:has(.chat-page:not(.chat-page--thread)){padding:0 0 var(--app-bottom-nav-offset,5.5rem);flex-direction:column;display:flex;overflow:hidden}.chat-page{flex-direction:column;flex:1;gap:.45rem;min-height:0;margin:0;padding:.55rem .85rem 0;display:flex;overflow:hidden}.app-main:has(.chat-page--thread){padding:0 0 var(--app-bottom-nav-offset,5.5rem);flex-direction:column;display:flex;overflow:hidden}.chat-page--thread{flex-direction:column;flex:1;gap:0;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.chat-page-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:0;display:flex}.chat-page-header-copy{flex:1;min-width:0}.chat-page-title{margin:0;font-size:.98rem;font-weight:700;line-height:1.2}.chat-page-subtitle{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;margin:.12rem 0 0;font-size:.72rem;line-height:1.25;overflow:hidden}.chat-page-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;min-height:0;padding-bottom:.75rem;overflow-y:auto}.chat-page-body::-webkit-scrollbar{width:var(--scrollbar-size)}.chat-page-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.chat-header-btn{border:1px solid var(--app-border);background:var(--app-surface);width:auto;min-height:2rem;color:var(--app-text);cursor:pointer;box-shadow:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.38rem .75rem;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.chat-header-btn-icon{width:.95rem;height:.95rem;color:var(--app-muted);flex-shrink:0}.chat-header-btn:hover{background:var(--app-sidebar-hover-bg);color:var(--app-sidebar-hover-text);border-color:#94a3b838}.chat-header-btn:hover .chat-header-btn-icon{color:currentColor}.chat-list{flex-direction:column;gap:.4rem;margin-top:.5rem;padding-bottom:.25rem;display:flex}.chat-list-item{border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:var(--app-text);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:.65rem;padding:.65rem .7rem;display:flex}.chat-list-item:hover{background:var(--app-sidebar-hover-bg)}.chat-list-avatar{background:#2563eb26;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;display:flex}.chat-list-content{flex:1;min-width:0}.chat-list-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.chat-list-top strong{font-size:.95rem}.chat-list-time,.chat-list-preview{color:var(--app-muted);font-size:.78rem}.chat-list-preview{white-space:nowrap;text-overflow:ellipsis;margin:.2rem 0 0;overflow:hidden}.chat-unread-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;font-size:.72rem;font-weight:700;display:inline-flex}.chat-thread-header{border-bottom:1px solid var(--app-border);background:var(--app-header-bg);z-index:5;flex-shrink:0;align-items:center;gap:.65rem;padding:.85rem 1rem;display:flex}.chat-thread-header--stacked{flex-direction:column;align-items:stretch}.chat-thread-heading{flex-direction:column;gap:.1rem;min-width:0;display:flex}.chat-thread-heading strong{font-size:.98rem}.chat-thread-heading span{color:var(--app-muted);font-size:.78rem}.chat-thread-loading{flex:1;min-height:0;padding:1rem;overflow-y:auto}.chat-merchant-select-wrap{flex-direction:column;gap:.25rem;display:flex}.chat-merchant-select-label{color:var(--app-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.chat-merchant-select{border-radius:10px;padding:.55rem 2rem .55rem .65rem}.chat-messages-panel{background:var(--app-bg);-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:.85rem 1rem;overflow:hidden auto}.chat-message-list{flex-direction:column;gap:.75rem;display:flex}.chat-message-row{display:flex}.chat-message-row--mine{justify-content:flex-end}.chat-message-row--theirs{justify-content:flex-start}.chat-bubble{border:1px solid var(--app-border);border-radius:14px;max-width:85%;padding:.7rem .8rem}.chat-bubble--mine{color:#fff;background:#2563eb;border-color:#2563eb80}.chat-bubble--theirs{background:var(--app-surface-strong);color:var(--app-text)}.chat-bubble-meta{opacity:.85;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;font-size:.72rem;display:flex}.chat-bubble-text{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.9rem;line-height:1.45}.chat-attachments{border-top:1px solid #ffffff26;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:flex}.chat-bubble--theirs .chat-attachments{border-top-color:var(--app-border)}.chat-attachment-link{color:inherit;background:#ffffff1f;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem .45rem;font-size:.75rem;text-decoration:none;display:inline-flex}.chat-bubble--theirs .chat-attachment-link{background:var(--app-surface)}.chat-attachment-image{border-radius:10px;max-width:180px;display:block}.chat-input-area{border-top:1px solid var(--app-border);background:var(--app-header-bg);flex-shrink:0;padding:.75rem 1rem .85rem}.chat-input-form{flex-direction:column;gap:.45rem;display:flex}.chat-input-textarea{resize:none;border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;min-height:2.75rem;max-height:7rem;color:var(--app-input-text);font:inherit;box-sizing:border-box;border-radius:12px;padding:.65rem .75rem}.chat-input-actions{justify-content:flex-end;gap:.35rem;width:100%;display:flex}.chat-action-btn{border:1px solid var(--app-border);background:var(--app-surface);width:2.35rem;height:2.35rem;color:var(--app-text);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chat-action-btn:hover:not(:disabled){background:var(--app-sidebar-hover-bg);color:var(--app-sidebar-hover-text);border-color:#94a3b838}.chat-action-icon{flex-shrink:0;width:1.15rem;height:1.15rem}.chat-attach-btn{color:var(--app-muted)}.chat-attach-btn:hover:not(:disabled){color:var(--app-sidebar-hover-text)}.chat-send-btn{background:var(--app-surface-strong);color:var(--app-text)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.chat-send-loading{font-size:1.1rem;line-height:1}.chat-file-input{display:none}.chat-file-preview-list{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.chat-file-preview{background:var(--app-surface);border:1px solid var(--app-border);border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .45rem;font-size:.72rem;display:inline-flex}.chat-file-remove{color:var(--app-muted);cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}.chat-empty-state{text-align:center;color:var(--app-muted);padding:2rem 1rem}.chat-empty-state--card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:16px}.chat-empty-icon{margin-bottom:.5rem;font-size:2rem}.chat-empty-title{color:var(--app-text);margin:0 0 .35rem;font-weight:600}.chat-empty-text{margin:0 0 1rem;font-size:.88rem}.chat-compose-card{padding:1rem}.chat-compose-label{margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.chat-compose-optional{color:var(--app-muted);font-weight:400}.chat-compose-input{border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-input-text);font:inherit;border-radius:12px;padding:.65rem .75rem}.chat-page--thread .chat-messages-panel,.chat-page--thread .chat-input-area{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.chat-page--thread .chat-messages-panel::-webkit-scrollbar{width:var(--scrollbar-size)}.chat-page--thread .chat-input-area::-webkit-scrollbar{width:var(--scrollbar-size)}.chat-page--thread .chat-messages-panel::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.chat-page--thread .chat-input-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.profile-page{flex-direction:column;gap:1rem;padding-bottom:1rem;display:flex}.profile-tabs{background:var(--app-surface);border:1px solid var(--app-border);border-radius:.85rem;gap:.35rem;padding:.25rem;display:flex;overflow-x:auto}.profile-tab{min-width:fit-content;color:var(--app-muted);cursor:pointer;background:0 0;border:none;border-radius:.65rem;flex:1;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:background .15s,color .15s}.profile-tab.active{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);box-shadow:0 6px 16px #2563eb47}.profile-tab-panel{flex-direction:column;gap:1rem;margin-top:.25rem;display:flex}.profile-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;overflow:hidden}.profile-card-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.profile-card-header h2{margin:0;font-size:.95rem;font-weight:600}.profile-card-body{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.profile-field label{color:var(--app-muted);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.profile-field input,.profile-field textarea{border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-input-text);font:inherit;border-radius:.65rem;padding:.65rem .75rem}.profile-field input:disabled{opacity:.7}.profile-field small{color:var(--app-muted);margin-top:.25rem;font-size:.72rem;display:block}.profile-readonly{font-size:.92rem;font-weight:500}.profile-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.profile-btn{cursor:pointer;border:none;border-radius:.65rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600}.profile-btn-primary{background:var(--app-surface-strong);color:var(--app-text);border:1px solid var(--app-border)}.profile-btn-primary:disabled{opacity:.6;cursor:not-allowed}.profile-btn-danger{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.profile-btn-sm{padding:.4rem .65rem;font-size:.78rem}.profile-list{flex-direction:column;gap:.75rem;display:flex}.profile-list-item{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:.75rem;display:flex}.profile-list-item:last-child{border-bottom:none;padding-bottom:0}.profile-list-item h3{margin:0 0 .2rem;font-size:.88rem}.profile-list-item p{color:var(--app-muted);margin:0;font-size:.78rem}.profile-empty{color:var(--app-muted);margin:0;font-size:.85rem}.profile-switch{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.profile-switch input[type=checkbox]{width:2.5rem;height:1.35rem;accent-color:var(--app-nav-active)}.profile-badge{border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.profile-badge-expired{color:#f87171;background:#ef444426}.profile-badge-valid{color:#4ade80;background:#22c55e26}.profile-form-panel{border-top:1px solid var(--app-border);flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.75rem;display:flex}.profile-success{color:#4ade80;background:#22c55e1f;border-radius:.65rem;padding:.65rem .85rem;font-size:.82rem}.profile-doc-link{color:var(--app-nav-active);word-break:break-all;font-size:.82rem;text-decoration:none}.profile-doc-link:hover{text-decoration:underline}.profile-card:has(.profile-form-panel){overflow:visible}.profile-form-panel .app-date-popover{z-index:40}.profile-doc-upload-actions{gap:.45rem;display:flex}.profile-doc-upload-actions .employee-doc-action-btn{flex:1}.profile-doc-hint{color:var(--app-muted);margin:0;font-size:.78rem}.profile-doc-sides{flex-direction:column;gap:.85rem;display:flex}.profile-doc-side,.profile-doc-file{flex-direction:column;gap:.35rem;display:flex}.customers-search{margin-bottom:.85rem}.customers-search input{border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-input-text);font:inherit;border-radius:.75rem;padding:.65rem .85rem}.customers-list{flex-direction:column;gap:.55rem;margin-top:.25rem;padding-bottom:.25rem;display:flex}.customers-list-item{border:1px solid var(--app-border);background:var(--app-surface);text-align:left;width:100%;color:inherit;cursor:pointer;border-radius:.85rem;flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.customers-list-item:hover{border-color:color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border))}.customers-list-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.customers-list-top strong{font-size:.92rem}.customers-list-id{color:var(--app-muted);white-space:nowrap;font-size:.72rem}.customers-list-meta{color:var(--app-muted);flex-direction:column;gap:.15rem;font-size:.78rem;display:flex}.customers-type-badge{background:var(--app-surface-strong);border:1px solid var(--app-border);color:var(--app-muted);border-radius:999px;width:fit-content;margin-top:.15rem;padding:.12rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.customers-form-page{flex-direction:column;gap:.85rem;display:flex}.customers-form-header{align-items:center;gap:.65rem;display:flex}.customers-form-heading strong{font-size:.95rem;display:block}.customers-form-heading span{color:var(--app-muted);font-size:.78rem;display:block}.customers-form-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.customers-form-actions{flex-direction:column;gap:.55rem;margin-top:.25rem;display:flex}.customers-form-actions .btn-primary{margin-top:0}.customers-delete-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444459;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-weight:600}.customers-field-error{color:#f87171;margin-top:.25rem;font-size:.72rem;display:block}.customer-detail-page{flex-direction:column;gap:.85rem;padding-bottom:1rem;display:flex}.customer-detail-header{align-items:flex-start;gap:.65rem;display:flex}.customer-detail-heading{flex:1;min-width:0}.customer-detail-heading strong{font-size:1rem;display:block}.customer-detail-heading span{color:var(--app-muted);margin-top:.15rem;font-size:.78rem;display:block}.customer-detail-section-title{margin-bottom:.75rem;font-size:.88rem;font-weight:700}.customer-detail-section-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.customer-detail-section-row .customer-detail-section-title{margin-bottom:0}.customer-detail-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.customer-detail-item{flex-direction:column;gap:.2rem;display:flex}.customer-detail-item--full{grid-column:1/-1}.customer-detail-item span{color:var(--app-muted);font-size:.72rem;font-weight:600}.customer-detail-item strong{word-break:break-word;font-size:.84rem;font-weight:500}.customer-stats-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.customer-stat-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:.85rem;flex-direction:column;gap:.15rem;padding:.85rem;display:flex}.customer-stat-card span{color:var(--app-muted);font-size:.72rem}.customer-stat-card strong{font-size:.95rem}.customer-stat-card small{color:var(--app-muted);font-size:.68rem}.customer-stat-card--danger strong{color:#f87171}.customer-stat-card--success strong{color:#4ade80}.customer-invoice-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:.85rem;display:grid}.customer-invoice-filter-card{border:1px solid var(--app-border);background:var(--app-surface-strong);text-align:left;cursor:pointer;color:inherit;border-radius:.85rem;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.7rem .55rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.customer-invoice-filter-card:hover{border-color:color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border))}.customer-invoice-filter-card.active{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#0000;box-shadow:0 6px 16px #2563eb47}.customer-invoice-filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted);font-size:.68rem;font-weight:700}.customer-invoice-filter-card.active .customer-invoice-filter-label{color:#ffffffd1}.customer-invoice-filter-card strong{font-size:1rem;line-height:1.1}.customer-invoice-filter-card small{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;overflow:hidden}.customer-invoice-filter-card.active small{color:#ffffffe0}.customer-invoice-filter-card--unpaid:not(.active) strong{color:#f87171}.customer-invoice-filter-card--paid:not(.active) strong{color:#4ade80}.customer-invoice-list{flex-direction:column;gap:.75rem;display:flex}.customer-invoice-item{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:.75rem;padding:.75rem}.invoice-card{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:.95rem;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.invoice-card--paid{border-left:3px solid #22c55e}.invoice-card--overdue{border-left:3px solid #ef4444}.invoice-card--pending{border-left:3px solid #94a3b8}.invoice-card-body{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:.85rem .9rem .75rem}.invoice-card-header{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.7rem;display:flex}.invoice-card-heading strong{font-size:.92rem;line-height:1.25;display:block}.invoice-card-customer{color:var(--app-muted);margin:.2rem 0 0;font-size:.78rem;font-weight:500}.invoice-card-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.68rem;font-weight:600}.invoice-card-badge--paid{color:#4ade80;background:#22c55e26}.invoice-card-badge--overdue{color:#f87171;background:#ef444426}.invoice-card-badge--pending{color:var(--app-muted);background:#94a3b826}.invoice-card-dates,.invoice-card-amounts{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.invoice-card-dates{margin-bottom:.65rem}.invoice-card-date,.invoice-card-amount{background:color-mix(in srgb, var(--app-border) 35%, transparent);border-radius:.65rem;flex-direction:column;gap:.12rem;padding:.5rem .55rem;display:flex}.invoice-card-date span,.invoice-card-amount span{color:var(--app-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem}.invoice-card-date strong,.invoice-card-amount strong{font-size:.8rem}.invoice-card-amount strong{font-size:.84rem}.invoice-card-footer{border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-border) 22%, transparent);align-items:center;gap:.45rem;padding:.55rem .65rem;display:flex}.invoice-card-download,.invoice-card-view{font:inherit;cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.invoice-card-download{border:1px solid color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));background:color-mix(in srgb, var(--app-nav-active) 12%, transparent);color:var(--app-nav-active);flex:1;padding:.55rem .75rem}.invoice-card-download svg,.invoice-card-view svg{flex-shrink:0;width:.95rem;height:.95rem}.invoice-card-download:hover:not(:disabled),.invoice-card-view:hover{background:color-mix(in srgb, var(--app-nav-active) 18%, transparent)}.invoice-card-download:disabled{opacity:.65;cursor:wait}.invoice-card-view{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-muted);padding:.55rem .7rem}.invoice-card-error{color:#f87171;margin:0;padding:0 .75rem .65rem;font-size:.72rem}.invoice-detail-footer{margin-top:.85rem}.invoice-detail-download{width:100%}.customer-invoice-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.customer-invoice-top strong{font-size:.86rem}.customer-invoice-badge{white-space:nowrap;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.customer-invoice-badge--paid{color:#4ade80;background:#22c55e26}.customer-invoice-badge--overdue{color:#f87171;background:#ef444426}.customer-invoice-badge--pending{color:var(--app-muted);background:#94a3b826}.customer-invoice-meta,.customer-invoice-amounts{color:var(--app-muted);flex-direction:column;gap:.15rem;font-size:.76rem;display:flex}.invoices-stats-grid{margin-bottom:.85rem}.invoices-filters{flex-direction:column;gap:.65rem;margin-bottom:.85rem;display:flex}.invoices-filter-row{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.invoices-list-item{text-align:left;cursor:pointer;width:100%}.invoices-list-customer{color:var(--app-muted);margin:.15rem 0 0;font-size:.76rem;font-weight:500}.invoices-customer-link{text-align:left;cursor:pointer;width:100%}.invoice-number-row{align-items:center;gap:.5rem;display:flex}.invoice-number-row input{flex:1}.required-mark{color:#f87171}.expenses-subtitle{color:var(--app-muted);margin:.15rem 0 0;font-size:.76rem}.expenses-stats-grid{margin-bottom:.85rem}.expense-stat-value--positive{color:#4ade80}.expense-stat-value--negative{color:#f87171}.expenses-filters{flex-direction:column;gap:.65rem;margin-bottom:.75rem;display:flex}.expenses-filtered-summary{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-border) 20%, transparent);color:var(--app-muted);border-radius:.75rem;flex-wrap:wrap;gap:.45rem .75rem;margin-bottom:.85rem;padding:.65rem .75rem;font-size:.74rem;display:flex}.expense-list{flex-direction:column;gap:.75rem;display:flex}.expense-card{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:.95rem;overflow:hidden}.expense-card--income{border-left:3px solid #22c55e}.expense-card--expense{border-left:3px solid #ef4444}.expense-card-body{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:.85rem .9rem .75rem}.expense-card-header{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.55rem;display:flex}.expense-card-heading strong{font-size:.9rem;line-height:1.3;display:block}.expense-card-doc{color:var(--app-muted);margin:.2rem 0 0;font-size:.74rem}.expense-card-badges{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.expense-card-badge{white-space:nowrap;border-radius:999px;padding:.18rem .45rem;font-size:.66rem;font-weight:600}.expense-card-badge--income{color:#4ade80;background:#22c55e26}.expense-card-badge--expense{color:#f87171;background:#ef444426}.expense-card-badge--paid{color:#4ade80;background:#22c55e1f}.expense-card-badge--unpaid{color:#fbbf24;background:#eab30826}.expense-card-meta{color:var(--app-muted);flex-direction:column;gap:.15rem;margin-bottom:.65rem;font-size:.74rem;display:flex}.expense-card-amounts{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.expense-card-amount{background:color-mix(in srgb, var(--app-border) 35%, transparent);border-radius:.6rem;flex-direction:column;gap:.1rem;padding:.45rem .5rem;display:flex}.expense-card-amount span{color:var(--app-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.64rem}.expense-card-amount strong{font-size:.78rem}.expense-card-amount--gross strong{color:var(--app-text)}.expense-card-footer{border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-border) 22%, transparent);flex-wrap:wrap;gap:.4rem;padding:.55rem .65rem;display:flex}.expense-card-action{font:inherit;cursor:pointer;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:.6rem;max-width:100%;padding:.45rem .65rem;font-size:.72rem;font-weight:600;overflow:hidden}.expense-card-action--edit{color:var(--app-nav-active);border-color:color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border))}.expense-card-action--view{color:var(--app-nav-active);border-color:color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));background:color-mix(in srgb, var(--app-nav-active) 10%, transparent);flex:1}.expense-card-action--view svg{width:.85rem;height:.85rem}.expense-detail-page .customer-detail-header{align-items:flex-start}.expense-detail-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.expense-detail-footer{flex-direction:column;gap:.55rem;margin-top:.85rem;display:flex}.expense-detail-btn{width:100%;font:inherit;cursor:pointer;border:1px solid var(--app-border);border-radius:.75rem;padding:.7rem .85rem;font-size:.86rem;font-weight:600}.expense-detail-btn--primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#0000}.expense-detail-btn--danger{color:#f87171;background:0 0;border-color:#ef444440}.expense-detail-btn:disabled{opacity:.65;cursor:wait}.expense-card-action--download{min-width:0;color:var(--app-nav-active);flex:1}.expense-card-action--delete{color:#f87171;border-color:#ef444440}.expense-card-action:disabled{opacity:.65;cursor:wait}.expense-card-error{color:#f87171;margin:0;padding:0 .75rem .65rem;font-size:.72rem}.expense-attachment-list{flex-direction:column;gap:.45rem;display:flex}.expense-attachment-btn{text-align:left;border:1px solid var(--app-border);background:var(--app-surface);width:100%;color:var(--app-nav-active);font:inherit;cursor:pointer;border-radius:.65rem;padding:.55rem .7rem;font-size:.78rem}.expense-attachment-btn:disabled{opacity:.65;cursor:wait}.receipt-scanner{margin-bottom:.85rem}.receipt-scanner-card{border:1px solid color-mix(in srgb, var(--app-nav-active) 30%, var(--app-border));background:linear-gradient(180deg, color-mix(in srgb, var(--app-nav-active) 10%, transparent), color-mix(in srgb, var(--app-nav-active) 4%, transparent));border-radius:.95rem;flex-direction:column;gap:.75rem;padding:.9rem;display:flex}.receipt-scanner-copy strong{margin-bottom:.25rem;font-size:.92rem;display:block}.receipt-scanner-copy p{color:var(--app-muted);margin:0;font-size:.76rem;line-height:1.45}.receipt-scanner-actions{gap:.5rem;display:flex}.receipt-scanner-btn{border:1px solid var(--app-border);background:var(--app-surface-strong);color:var(--app-text);font:inherit;cursor:pointer;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.62rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.receipt-scanner-btn svg{width:1rem;height:1rem}.receipt-scanner-btn--primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#0000}.receipt-scanner-error,.receipt-scanner-notice{border-radius:.75rem;margin:0 0 .85rem;padding:.65rem .75rem;font-size:.76rem}.receipt-scanner-error{color:#f87171;background:#ef44441f}.receipt-scanner-notice{color:#4ade80;background:#22c55e1f}.receipt-scanner-modal{z-index:60;background:#020617b8;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.receipt-scanner-modal-card{background:var(--app-surface-strong);border:1px solid var(--app-border);border-radius:1rem;width:min(100%,24rem);overflow:hidden}.receipt-scanner-modal-header{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;padding:.85rem .95rem;display:flex}.receipt-scanner-close{color:var(--app-muted);font:inherit;cursor:pointer;background:0 0;border:none;font-size:.78rem}.receipt-scanner-camera-wrap{aspect-ratio:3/4;background:#000}.receipt-scanner-video{object-fit:cover;width:100%;height:100%}.receipt-scanner-capture-btn{color:#fff;width:100%;font:inherit;cursor:pointer;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:none;padding:.9rem;font-size:.9rem;font-weight:700}.receipt-scanner-modal-card--processing{padding:1rem}.receipt-scanner-preview{object-fit:cover;border-radius:.75rem;width:100%;max-height:10rem;margin-bottom:.85rem}.receipt-scanner-processing{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.receipt-scanner-processing strong{font-size:.92rem}.receipt-scanner-processing p{color:var(--app-muted);margin:0;font-size:.76rem}.receipt-scanner-spinner{border:2px solid color-mix(in srgb, var(--app-nav-active) 25%, transparent);border-top-color:var(--app-nav-active);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite receipt-spin}@keyframes receipt-spin{to{transform:rotate(360deg)}}.employees-subtitle{color:var(--app-muted);margin:.15rem 0 0;font-size:.76rem}.employees-stats-grid{margin-bottom:.85rem}.employees-filters{flex-direction:column;gap:.65rem;margin-bottom:.85rem;display:flex}.employee-list{flex-direction:column;gap:.75rem;display:flex}.employee-card{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:.95rem;overflow:hidden}.employee-card--inactive{opacity:.88}.employee-card-body{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:.85rem .9rem .75rem}.employee-card-header{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.55rem;display:flex}.employee-card-heading strong{font-size:.92rem;display:block}.employee-card-email,.employee-card-meta-line{color:var(--app-muted);margin:.18rem 0 0;font-size:.76rem}.employee-card-badge{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.18rem .45rem;font-size:.66rem;font-weight:600}.employee-card-badge--active{color:#4ade80;background:#22c55e26}.employee-card-badge--inactive{color:var(--app-muted);background:#94a3b826}.employee-card-meta{flex-wrap:wrap;gap:.35rem .65rem;font-size:.74rem;display:flex}.employee-card-meta--muted{color:var(--app-muted);margin-top:.35rem}.employee-card-footer{border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-border) 22%, transparent);flex-wrap:wrap;gap:.4rem;padding:.55rem .65rem;display:flex}.employee-card-action{font:inherit;cursor:pointer;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-muted);border-radius:.6rem;padding:.45rem .65rem;font-size:.72rem;font-weight:600}.employee-card-action--view{color:var(--app-nav-active);border-color:color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));background:color-mix(in srgb, var(--app-nav-active) 10%, transparent);flex:1}.employee-card-action--edit{color:var(--app-nav-active)}.employee-card-action--delete{color:#f87171;border-color:#ef444440}.employee-card-action:disabled{opacity:.65;cursor:wait}.employee-card-error{color:#f87171;margin:0;padding:0 .75rem .65rem;font-size:.72rem}.employee-detail-page{flex-direction:column;gap:.85rem;padding-bottom:1rem;display:flex}.employee-detail-topbar{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.employee-detail-topbar-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.employee-detail-hero{border:1px solid var(--app-border);background:linear-gradient(135deg, color-mix(in srgb, var(--app-nav-active) 12%, var(--app-surface)) 0%, var(--app-surface-strong) 100%);border-radius:1rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.employee-detail-avatar{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-radius:1rem;flex-shrink:0;place-items:center;width:3.5rem;height:3.5rem;font-size:1.1rem;font-weight:700;display:grid;box-shadow:0 8px 20px #2563eb47}.employee-detail-hero-body{flex:1;min-width:0}.employee-detail-hero-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.employee-detail-name{margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.employee-detail-subtitle{color:var(--app-muted);margin:.25rem 0 0;font-size:.8rem}.employee-detail-number{color:var(--app-nav-active);margin:.35rem 0 0;font-size:.72rem;font-weight:600}.employee-detail-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.employee-detail-quick-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-nav-active);border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.employee-detail-quick-btn svg{width:1rem;height:1rem}.employee-detail-tabs .profile-tab{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.employee-detail-tab-icon{flex-shrink:0;width:.95rem;height:.95rem}.employee-detail-tab-count{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:999px;min-width:1.15rem;padding:.05rem .35rem;font-size:.68rem;font-weight:700}.profile-tab.active .employee-detail-tab-count{background:#ffffff38}.employee-detail-panel{margin-top:0}.employee-detail-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;overflow:hidden}.document-request-modal-card--tall{max-height:min(92%,640px)}.document-upload-modal .document-request-modal-body{overflow:hidden auto}.document-upload-modal .app-date-popover{z-index:40}.employee-detail-card-title{border-bottom:1px solid var(--app-border);color:var(--app-muted);text-transform:uppercase;letter-spacing:.04em;padding:.75rem .9rem;font-size:.82rem;font-weight:700}.employee-detail-card-title--row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.employee-doc-upload-form{border-top:none;margin:0;padding:1rem}.employee-doc-upload-form .app-date-popover{z-index:40}.employee-document-remove-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:.55rem;flex-shrink:0;align-self:flex-start;padding:.35rem .55rem;font-size:.72rem;font-weight:600}.employee-document-remove-btn:disabled{opacity:.6;cursor:not-allowed}.employee-detail-info-list{flex-direction:column;display:flex}.employee-detail-info-row{border-bottom:1px solid color-mix(in srgb, var(--app-border) 70%, transparent);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.7rem .9rem;display:flex}.employee-detail-info-row:last-child{border-bottom:none}.employee-detail-info-row span{color:var(--app-muted);flex-shrink:0;font-size:.76rem}.employee-detail-info-row strong{text-align:right;word-break:break-word;font-size:.84rem;font-weight:600}.employee-education-list,.employee-document-list{flex-direction:column;gap:.75rem;display:flex}.employee-detail-card .employee-education-list{padding:.85rem .9rem}.employee-education-item{border-bottom:1px solid var(--app-border);padding-bottom:.75rem}.employee-education-item:last-child{border-bottom:none;padding-bottom:0}.employee-detail-card .profile-empty{padding:.85rem .9rem 1rem}.employee-detail-doc-alert{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:.75rem;padding:.65rem .85rem;font-size:.78rem;font-weight:600}.employee-document-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;gap:.75rem;padding:.85rem;display:flex}.employee-document-card--expired{background:#ef44440d;border-color:#ef444440}.employee-document-card-icon{width:2.35rem;height:2.35rem;color:var(--app-nav-active);background:color-mix(in srgb, var(--app-nav-active) 12%, transparent);border-radius:.7rem;flex-shrink:0;place-items:center;display:grid}.employee-document-card-icon svg{width:1.15rem;height:1.15rem}.employee-document-card-body{flex:1;min-width:0}.employee-document-card-heading{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.2rem;display:flex}.employee-document-card-heading strong{font-size:.88rem}.employee-document-card-file{color:var(--app-text);word-break:break-word;margin:0;font-size:.78rem}.employee-document-card-dates{color:var(--app-muted);margin:.2rem 0 0;font-size:.74rem}.employee-document-link{color:var(--app-nav-active);margin-top:.45rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.employee-detail-empty{text-align:center;border:1px dashed var(--app-border);background:var(--app-surface);border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;padding:2rem 1rem;display:flex}.employee-detail-empty-icon{width:2.75rem;height:2.75rem;color:var(--app-muted);background:color-mix(in srgb, var(--app-border) 40%, transparent);border-radius:.85rem;place-items:center;margin-bottom:.35rem;display:grid}.employee-detail-empty-icon svg{width:1.35rem;height:1.35rem}.employee-detail-empty strong{font-size:.92rem}.employee-detail-empty p{max-width:16rem;color:var(--app-muted);margin:0;font-size:.78rem}.employee-detail-footer{flex-direction:column;gap:.55rem;margin-top:.85rem;display:flex}.employee-detail-btn{width:100%;font:inherit;cursor:pointer;border:1px solid var(--app-border);border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;padding:.7rem .85rem;font-size:.86rem;font-weight:600;display:inline-flex}.employee-detail-btn-icon{flex-shrink:0;width:1rem;height:1rem}.employee-detail-btn--primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#0000}.employee-detail-btn--secondary{background:var(--app-surface);color:var(--app-nav-active)}.employee-detail-btn--danger{color:#f87171;background:0 0;border-color:#ef444440}.employee-detail-btn:disabled{opacity:.65;cursor:wait}.employee-doc-actions-wrap{flex-direction:column;gap:.45rem;display:flex}.employee-doc-type-select{width:100%}.employee-doc-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.employee-doc-action-btn{font:inherit;cursor:pointer;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.55rem .35rem;font-size:.72rem;font-weight:600;display:inline-flex}.employee-doc-action-icon{flex-shrink:0;width:1.1rem;height:1.1rem}.employee-doc-action-btn--primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#0000}.employee-doc-action-btn--danger{color:#f87171;border-color:#ef444440}.employee-doc-upload-form{flex-direction:column;gap:.65rem;padding:.85rem .9rem 1rem;display:flex}.employee-doc-upload-files{flex-direction:column;gap:.35rem;display:flex}.employee-doc-upload-hint{color:var(--app-nav-active);margin:0;font-size:.76rem}.employee-doc-upload-actions{flex-direction:column;gap:.45rem;margin-top:.25rem;display:flex}.employee-request-list{flex-direction:column;gap:.65rem;padding:.85rem .9rem 1rem;display:flex}.employee-request-card{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:.85rem;justify-content:space-between;align-items:flex-start;gap:.65rem;padding:.75rem;display:flex}.employee-request-card-body{flex:1;min-width:0}.employee-request-card-body strong{margin-right:.35rem;display:inline-block}.employee-document-list--inset{padding:.85rem .9rem 1rem}.employee-documents-page{flex-direction:column;gap:.85rem;padding-bottom:1rem;display:flex}.employee-dashboard-alert{text-align:left;cursor:pointer;border:none;width:100%}.document-request-modal,.document-capture-modal{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.document-request-modal-card,.document-capture-modal-card{border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:1rem;flex-direction:column;width:min(100%,22rem);max-height:calc(100% - 1rem);display:flex;overflow:hidden;box-shadow:0 18px 40px #00000059}.document-request-modal-header,.document-capture-modal-header{border-bottom:1px solid var(--app-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.document-request-modal-body{flex-direction:column;gap:.85rem;padding:.85rem 1rem;display:flex;overflow-y:auto}.document-request-copy{color:var(--app-muted);margin:0;padding:0;font-size:.78rem;line-height:1.45}.document-request-field{flex-direction:column;gap:.35rem;padding:0;display:flex}.document-request-field label{color:var(--app-muted);font-size:.76rem;font-weight:600}.document-request-field textarea,.document-request-field input,.document-request-field .app-select{box-sizing:border-box;width:100%}.document-request-field textarea,.document-request-field input{border:1px solid var(--app-border);background:var(--app-input-bg);color:var(--app-input-text);font:inherit;resize:vertical;border-radius:.65rem;min-height:4.5rem;padding:.65rem .75rem}.document-request-modal-footer{flex-shrink:0;padding:0 1rem 1rem}.document-request-submit{width:100%;font:inherit;cursor:pointer;color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:none;border-radius:.75rem;padding:.7rem;font-weight:600}.document-request-submit:disabled{opacity:.65;cursor:not-allowed}.document-request-close,.document-capture-close{color:var(--app-muted);font:inherit;cursor:pointer;background:0 0;border:none}.document-capture{flex-direction:column;gap:.65rem;display:flex}.document-capture-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;padding:.85rem}.document-capture-copy strong{margin-bottom:.25rem;display:block}.document-capture-copy p{color:var(--app-muted);margin:0;font-size:.78rem}.document-capture-note{color:var(--app-nav-active)!important;margin-top:.35rem!important}.document-capture-actions{flex-wrap:wrap;gap:.45rem;margin-top:.75rem;display:flex}.document-capture-btn{font:inherit;cursor:pointer;border:1px solid var(--app-border);background:var(--app-surface-strong);color:var(--app-text);border-radius:.65rem;padding:.55rem .75rem;font-size:.78rem;font-weight:600}.document-capture-btn--primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#0000}.document-capture-btn--ghost{color:var(--app-muted);background:0 0}.document-capture-error{color:#f87171;margin:0;font-size:.78rem}.document-capture-modal{align-items:flex-end;padding-bottom:1.25rem}.document-capture-modal-card{width:100%;max-width:none}.document-capture-camera-wrap{aspect-ratio:3/4;background:#000}.document-capture-video{object-fit:cover;width:100%;height:100%}.document-capture-shutter{width:100%;font:inherit;cursor:pointer;color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:none;padding:.85rem;font-weight:600}.profile-field-row{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}@media (width<=420px){.profile-field-row{grid-template-columns:1fr}}.reports-page .page-subtitle{margin-bottom:0}.reports-section{margin-bottom:1.25rem}.reports-section-title{margin:0 0 .75rem;font-size:.95rem;font-weight:700}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.report-card{text-align:left;background:var(--app-surface);border:1px solid var(--app-border);color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.9rem;display:flex}.report-card strong{font-size:.92rem;line-height:1.3}.report-card span{color:var(--app-muted);font-size:.78rem;line-height:1.35}.report-detail-header{align-items:center}.report-detail-breadcrumb{min-width:0;color:var(--app-muted);flex:1;font-size:.92rem;font-weight:600}.report-filter-btn{flex-shrink:0;position:relative}.report-filter-badge{background:var(--app-nav-active);color:#fff;text-align:center;border-radius:999px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;font-size:.62rem;font-weight:700;line-height:1.1rem}.report-hero-card{border:1px solid var(--app-border);background:linear-gradient(135deg, color-mix(in srgb, var(--app-nav-active) 14%, var(--app-surface)) 0%, var(--app-surface-strong) 100%);border-radius:16px;align-items:flex-start;gap:.85rem;margin-bottom:.85rem;padding:1rem;display:flex;box-shadow:0 10px 24px #0f172a14}.report-hero-icon{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-radius:12px;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 8px 18px #2563eb47}.report-hero-icon .nav-icon{width:1.35rem;height:1.35rem}.report-hero-body{flex:1;min-width:0}.report-hero-eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--app-nav-active);margin:0 0 .2rem;font-size:.68rem;font-weight:600}.report-hero-title{margin:0;font-size:1.12rem;font-weight:700;line-height:1.25}.report-hero-subtitle{color:var(--app-muted);margin:.4rem 0 0;font-size:.82rem;line-height:1.45}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.report-summary-card{background:linear-gradient(160deg, var(--app-surface-strong), var(--app-surface));border:1px solid var(--app-border);border-radius:16px;min-height:92px;padding:.9rem;position:relative;overflow:hidden}.report-summary-card:before{content:"";background:var(--summary-accent);border-radius:3px 0 0 3px;width:3px;position:absolute;inset:0 auto 0 0}.report-summary-card--featured{grid-column:1/-1;min-height:auto;padding:1rem 1.05rem}.report-summary-card-main{align-items:flex-start;gap:.75rem;display:flex}.report-summary-card--featured .report-summary-card-main{align-items:center}.report-summary-icon{background:var(--summary-icon-bg);width:38px;height:38px;color:var(--summary-icon-color);box-shadow:inset 0 0 0 1px var(--summary-icon-ring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-summary-icon .nav-icon{width:1.15rem;height:1.15rem}.report-summary-copy{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.report-summary-label{letter-spacing:.04em;text-transform:uppercase;color:var(--app-muted);font-size:.7rem;font-weight:600;line-height:1.2}.report-summary-value{color:var(--summary-value-color,var(--app-text));font-variant-numeric:tabular-nums;font-size:1.05rem;line-height:1.2}.report-summary-card--featured .report-summary-value{font-size:1.35rem;font-weight:700}.report-summary-card--success{--summary-accent:#22c55e;--summary-icon-bg:#22c55e24;--summary-icon-color:#4ade80;--summary-icon-ring:#22c55e38;--summary-value-color:#4ade80}.report-summary-card--danger{--summary-accent:#ef4444;--summary-icon-bg:#ef444424;--summary-icon-color:#f87171;--summary-icon-ring:#ef444438;--summary-value-color:#f87171}.report-summary-card--warning{--summary-accent:#f59e0b;--summary-icon-bg:#f59e0b24;--summary-icon-color:#fbbf24;--summary-icon-ring:#f59e0b38;--summary-value-color:#fbbf24}.report-summary-card--info{--summary-accent:#38bdf8;--summary-icon-bg:#38bdf824;--summary-icon-color:#7dd3fc;--summary-icon-ring:#38bdf838;--summary-value-color:#7dd3fc}.report-summary-card--primary{--summary-accent:#3b82f6;--summary-icon-bg:#3b82f624;--summary-icon-color:#60a5fa;--summary-icon-ring:#3b82f638;--summary-value-color:#60a5fa}.report-summary-card--neutral{--summary-accent:#94a3b8;--summary-icon-bg:#94a3b81f;--summary-icon-color:#cbd5e1;--summary-icon-ring:#94a3b833;--summary-value-color:var(--app-text)}html[data-theme=light] .report-summary-card--success{--summary-value-color:#15803d;--summary-icon-color:#16a34a}html[data-theme=light] .report-summary-card--danger{--summary-value-color:#b91c1c;--summary-icon-color:#dc2626}html[data-theme=light] .report-summary-card--warning{--summary-value-color:#b45309;--summary-icon-color:#d97706}html[data-theme=light] .report-summary-card--info{--summary-value-color:#0369a1;--summary-icon-color:#0284c7}html[data-theme=light] .report-summary-card--primary{--summary-value-color:#1d4ed8;--summary-icon-color:#2563eb}.report-section-title{margin:0 0 .75rem;font-size:.95rem}.report-chart-card,.report-table-card{margin-bottom:1rem}.report-chart-table{min-width:max-content}.report-chart-table th,.report-chart-table td{white-space:nowrap}.report-table-sticky-col{z-index:1;background:var(--app-surface-strong,var(--app-surface));box-shadow:1px 0 0 var(--app-border);position:sticky;left:0}.report-table thead .report-table-sticky-col{z-index:2}.report-chart-table-value{font-variant-numeric:tabular-nums;font-weight:600}.report-value--positive{color:#4ade80}.report-value--negative{color:#f87171}html[data-theme=light] .report-value--positive{color:#15803d}html[data-theme=light] .report-value--negative{color:#b91c1c}.report-table-scroll{overflow-x:auto}.report-table{border-collapse:collapse;width:100%;font-size:.8rem}.report-table th,.report-table td{border-bottom:1px solid var(--app-border);white-space:nowrap;padding:.55rem .65rem}.report-table th{text-align:left;color:var(--app-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:600}.report-table-cell--right,.report-table th.report-table-cell--right{text-align:right}.report-filter-backdrop{z-index:40;background:#00000073;align-items:flex-end;display:flex;position:absolute;inset:0}.report-filter-sheet{background:var(--app-surface-strong,var(--app-surface));width:100%;max-height:85%;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top-left-radius:18px;border-top-right-radius:18px;overflow-y:auto}.report-filter-handle{background:var(--app-border);border-radius:999px;width:42px;height:4px;margin:0 auto .65rem}.report-filter-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.report-filter-title{margin:0;font-size:1.05rem}.report-filter-close{width:32px;height:32px;color:var(--app-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.report-filter-close:hover{background:var(--app-surface);color:var(--app-text)}.report-filter-close svg{width:18px;height:18px}.report-filter-fields{flex-direction:column;gap:.85rem;display:flex}.report-filter-field{flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.report-filter-actions{gap:.65rem;margin-top:1rem;display:flex}.report-filter-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.6rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.report-filter-btn--primary{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%)}.report-filter-btn--secondary{background:var(--app-surface);border:1px solid var(--app-border);color:var(--app-text)}.working-hours-page{flex-direction:column;gap:1rem;padding-bottom:1rem;display:flex}.working-hours-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.working-hours-clock-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.working-hours-clock-main{align-items:center;gap:.85rem;display:flex}.working-hours-clock-icon{background:color-mix(in srgb, var(--app-muted) 12%, transparent);width:3rem;height:3rem;color:var(--app-muted);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.working-hours-clock-icon svg{width:1.5rem;height:1.5rem}.working-hours-clock-icon--active{color:#4ade80;background:#22c55e24}.working-hours-clock-status{margin-bottom:.15rem;font-size:.92rem;display:block}.working-hours-clock-today{color:var(--app-muted);margin:0;font-size:.8rem}.working-hours-clock-note{opacity:.85}.working-hours-clock-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.working-hours-clock-btn{cursor:pointer;border-radius:.75rem;padding:.7rem .85rem;font-size:.84rem;font-weight:600}.working-hours-clock-btn:disabled{opacity:.55;cursor:not-allowed}.working-hours-clock-btn--in{color:#fff;background:linear-gradient(#22c55e 0%,#16a34a 100%);border:none}.working-hours-clock-btn--out{border:1px solid color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));color:var(--app-nav-active);background:0 0}.working-hours-filter-toggle{width:100%;color:var(--app-text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.working-hours-filter-toggle span{color:var(--app-muted);font-size:.82rem;font-weight:600}.working-hours-filter-toggle strong{font-size:.84rem}.working-hours-filter-panel{border-top:1px solid var(--app-border);flex-direction:column;gap:.75rem;padding:0 1rem 1rem;display:flex}.working-hours-filter-row label{color:var(--app-muted);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.working-hours-summary{border-bottom:1px solid var(--app-border);color:var(--app-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.working-hours-summary strong{color:var(--app-text);font-size:.95rem}.working-hours-table-wrap{overflow-x:auto}.working-hours-table{border-collapse:collapse;width:100%;font-size:.78rem}.working-hours-table th,.working-hours-table td{border-bottom:1px solid color-mix(in srgb, var(--app-border) 70%, transparent);white-space:nowrap;padding:.7rem .85rem}.working-hours-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--app-muted);font-size:.72rem}.working-hours-table-hours{text-align:right;font-weight:600}.working-hours-table tfoot td{font-weight:700}.working-hours-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.working-hours-lunch-check{align-items:center;gap:.55rem;font-size:.84rem;display:flex}.working-hours-lunch-check input{width:1rem;height:1rem;accent-color:var(--app-nav-active)}.working-hours-hours-hint{color:var(--app-muted);margin-top:.25rem;font-size:.72rem;display:block}.working-hours-entry-modal .document-request-modal-body{overflow:hidden auto}.working-hours-entry-modal .document-request-field input[type=time]{min-height:auto}.employee-dashboard{flex-direction:column;gap:1rem;padding-bottom:1rem;display:flex}.employee-dashboard-hero{padding:.15rem 0 .35rem}.employee-dashboard-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--app-nav-active);margin:0 0 .2rem;font-size:.72rem;font-weight:700}.employee-dashboard-hero .page-title{margin-bottom:.2rem}.employee-dashboard-active-employer{border:1px solid color-mix(in srgb, var(--app-nav-active) 24%, var(--app-border));background:color-mix(in srgb, var(--app-nav-active) 8%, var(--app-surface));border-radius:.9rem;flex-direction:column;gap:.35rem;margin-top:.55rem;padding:.8rem .9rem;display:flex}.employee-dashboard-active-employer-label{letter-spacing:.05em;text-transform:uppercase;color:var(--app-muted);font-size:.68rem;font-weight:700}.employee-dashboard-active-employer-row{align-items:center;gap:.55rem;min-width:0;display:flex}.employee-dashboard-active-employer-dot{background:#4ade80;border-radius:999px;flex-shrink:0;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #4ade802e}.employee-dashboard-active-employer-name,.employee-dashboard-active-employer-select{min-width:0;color:var(--app-text);flex:1;font-size:.92rem;font-weight:700}.employee-dashboard-active-employer-select{background:0 0;border:none;padding:.35rem .1rem;font-weight:700}.employee-dashboard-clock-card{border:1px solid color-mix(in srgb, var(--app-nav-active) 22%, var(--app-border));background:linear-gradient(180deg, color-mix(in srgb, var(--app-nav-active) 10%, transparent) 0%, transparent 100%), var(--app-surface);border-radius:1.1rem;flex-direction:column;gap:.9rem;padding:1rem;display:flex}.employee-dashboard-clock-top{align-items:flex-start;gap:.85rem;display:flex}.employee-dashboard-clock-icon{width:3rem;height:3rem;color:var(--app-muted);background:color-mix(in srgb, var(--app-muted) 10%, transparent);border-radius:.95rem;flex-shrink:0;place-items:center;display:grid}.employee-dashboard-clock-icon svg{width:1.45rem;height:1.45rem}.employee-dashboard-clock-icon--active{color:#4ade80;background:#22c55e24}.employee-dashboard-clock-label{letter-spacing:.04em;text-transform:uppercase;color:var(--app-muted);margin-bottom:.15rem;font-size:.72rem;font-weight:700;display:block}.employee-dashboard-clock-status{font-size:.95rem;line-height:1.35;display:block}.employee-dashboard-clock-meta{color:var(--app-muted);margin:.25rem 0 0;font-size:.8rem}.employee-dashboard-clock-meta strong{color:var(--app-text)}.employee-dashboard-clock-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.employee-dashboard-clock-btn{cursor:pointer;border-radius:.8rem;padding:.72rem .85rem;font-size:.84rem;font-weight:700}.employee-dashboard-clock-btn:disabled{opacity:.55;cursor:not-allowed}.employee-dashboard-clock-btn--in{color:#fff;background:linear-gradient(#22c55e 0%,#16a34a 100%);border:none}.employee-dashboard-clock-btn--out{border:1px solid color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));color:var(--app-nav-active);background:0 0}.employee-dashboard-link-btn{color:var(--app-nav-active);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.8rem;font-weight:600}.employee-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.employee-dashboard-metric{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;flex-direction:column;gap:.2rem;padding:.85rem .95rem;display:flex}.employee-dashboard-metric-label{letter-spacing:.03em;text-transform:uppercase;color:var(--app-muted);font-size:.72rem;font-weight:600}.employee-dashboard-metric strong{font-size:1.15rem}.employee-dashboard-record-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:1rem;flex-direction:column;gap:.8rem;padding:1rem;display:flex}.employee-dashboard-record-header{align-items:center;gap:.8rem;display:flex}.employee-dashboard-record-icon{border-radius:.8rem;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;display:grid}.employee-dashboard-record-icon svg{width:1.2rem;height:1.2rem}.employee-dashboard-record-icon--hours{color:#60a5fa;background:#3b82f624}.employee-dashboard-record-icon--payslip{color:#c084fc;background:#a855f724}.employee-dashboard-record-label{letter-spacing:.03em;text-transform:uppercase;color:var(--app-muted);margin-bottom:.1rem;font-size:.72rem;font-weight:600;display:block}.employee-dashboard-record-header strong{font-size:.95rem}.employee-dashboard-record-body{border-top:1px solid color-mix(in srgb, var(--app-border) 75%, transparent);flex-direction:column;gap:.45rem;padding-top:.15rem;display:flex}.employee-dashboard-record-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.employee-dashboard-record-row span{color:var(--app-muted)}.employee-dashboard-record-amount{color:#4ade80}.employee-dashboard-record-empty{color:var(--app-muted);margin:0;font-size:.8rem;line-height:1.45}.employee-dashboard-record-action{border:1px solid var(--app-border);background:var(--app-surface-strong);color:var(--app-text);cursor:pointer;border-radius:.7rem;align-self:flex-start;padding:.5rem .75rem;font-size:.78rem;font-weight:600}.employee-dashboard-quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.employee-dashboard-quick-link{border:1px solid var(--app-border);background:var(--app-surface);text-align:left;cursor:pointer;border-radius:1rem;padding:.9rem}.employee-dashboard-quick-link span{color:var(--app-text);font-size:.88rem;font-weight:700;display:block}.employee-dashboard-quick-link small{color:var(--app-muted);margin-top:.2rem;font-size:.74rem;display:block}.employee-dashboard-alert{width:100%}.employee-payslips-page,.employee-payslip-detail-page{flex-direction:column;gap:1rem;padding-bottom:1rem;display:flex}.employee-payslip-list{flex-direction:column;gap:.75rem;display:flex}.employee-payslip-card{border:1px solid var(--app-border);background:var(--app-surface);cursor:pointer;border-radius:1rem;align-items:center;gap:.8rem;padding:.95rem 1rem;display:flex}.employee-payslip-card-icon{color:#c084fc;background:#a855f724;border-radius:.8rem;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;display:grid}.employee-payslip-card-icon svg{width:1.2rem;height:1.2rem}.employee-payslip-card-body{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.employee-payslip-card-period{letter-spacing:.04em;text-transform:uppercase;color:var(--app-muted);font-size:.72rem;font-weight:700}.employee-payslip-card-amount{font-size:1.05rem}.employee-payslip-card-body small{color:var(--app-muted);font-size:.72rem}.employee-payslip-download-btn{border:1px solid color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));color:var(--app-nav-active);cursor:pointer;background:0 0;border-radius:.65rem;flex-shrink:0;padding:.45rem .7rem;font-size:.74rem;font-weight:700}.employee-payslip-download-btn:disabled{opacity:.6;cursor:not-allowed}.employee-payslip-download-btn--header{margin-left:auto;padding:.5rem .8rem}.employee-payslip-detail-hero{padding:.15rem 0 .35rem}.employee-payslip-detail-grid{flex-direction:column;gap:.7rem;padding:0 1rem 1rem;display:flex}.employee-payslip-detail-item{flex-direction:column;gap:.15rem;display:flex}.employee-payslip-detail-item span{color:var(--app-muted);font-size:.74rem}.employee-payslip-detail-item strong{font-size:.88rem}.employee-payslip-lines{flex-direction:column;gap:.55rem;padding:0 1rem;display:flex}.employee-payslip-line{justify-content:space-between;align-items:center;gap:.75rem;font-size:.84rem;display:flex}.employee-payslip-line--deduction strong{color:#f87171}.employee-payslip-net{background:#3b82f61f;border:1px solid #3b82f638;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;margin:.85rem 1rem 1rem;padding:.9rem 1rem;display:flex}.employee-payslip-net strong{color:#60a5fa;font-size:1.15rem}.employee-payslip-notes{color:var(--app-muted);margin:0 1rem 1rem;font-size:.8rem;line-height:1.45}.employee-dashboard-record-actions{flex-wrap:wrap;gap:.5rem;display:flex}.employee-dashboard-record-action--primary{border-color:color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));color:var(--app-nav-active);background:color-mix(in srgb, var(--app-nav-active) 8%, var(--app-surface-strong))}.app-toggle-row{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-border) 18%, transparent);border-radius:.85rem;justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem .95rem;display:flex}.app-toggle-copy{min-width:0}.app-toggle-label{color:var(--app-text);cursor:pointer;font-size:.88rem;font-weight:600;display:block}.app-toggle-description{color:var(--app-muted);margin:.2rem 0 0;font-size:.74rem}.app-toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.app-toggle-track{background:color-mix(in srgb, var(--app-muted) 35%, var(--app-border));border-radius:999px;width:3rem;height:1.75rem;transition:background .2s;display:block;position:relative}.app-toggle--on .app-toggle-track{background:linear-gradient(135deg, var(--app-nav-active), color-mix(in srgb, var(--app-nav-active) 70%, #fff))}.app-toggle-thumb{background:#fff;border-radius:50%;width:1.38rem;height:1.38rem;transition:transform .2s;position:absolute;top:.18rem;left:.18rem;box-shadow:0 1px 3px #0f172a38}.app-toggle--on .app-toggle-thumb{transform:translate(1.25rem)}.app-date-field{position:relative}.app-date-label{color:var(--app-text);margin-bottom:.35rem;font-size:.82rem;font-weight:600;display:block}.app-date-trigger{border:1px solid var(--app-border);background:var(--app-input-bg);width:100%;color:var(--app-input-text);font:inherit;text-align:left;cursor:pointer;border-radius:.85rem;align-items:center;gap:.65rem;padding:.72rem .85rem;transition:border-color .15s,box-shadow .15s;display:flex}.app-date-trigger--open,.app-date-trigger:focus-visible{border-color:color-mix(in srgb, var(--app-nav-active) 45%, var(--app-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--app-nav-active) 18%, transparent);outline:none}.app-date-trigger--empty .app-date-trigger-value{color:var(--app-muted)}.app-date-trigger-icon,.app-date-trigger-chevron{color:var(--app-nav-active);flex-shrink:0;display:inline-flex}.app-date-trigger-icon svg{width:1.15rem;height:1.15rem}.app-date-trigger-chevron svg{width:1rem;height:1rem;color:var(--app-muted)}.app-date-trigger-value{flex:1;min-width:0;font-size:.88rem;font-weight:500}.app-date-popover{z-index:30;border:1px solid var(--app-border);background:var(--app-surface-strong);border-radius:1rem;padding:.75rem;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 12px 32px #0f172a2e}.app-date-popover-panel{flex-direction:column;display:flex}.app-date-overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.app-date-popover--overlay{width:min(100%,22rem);max-height:calc(100% - 2rem);position:static;top:auto;left:auto;right:auto;overflow-y:auto}.app-date-popover-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.app-date-popover-header strong{font-size:.92rem}.app-date-nav-btn{border:1px solid var(--app-border);background:var(--app-surface);width:2rem;height:2rem;color:var(--app-text);cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;display:inline-flex}.app-date-nav-btn svg{width:1rem;height:1rem}.app-date-weekdays,.app-date-grid{grid-template-columns:repeat(7,1fr);gap:.2rem;display:grid}.app-date-weekdays{margin-bottom:.35rem}.app-date-weekdays span{text-align:center;color:var(--app-muted);text-transform:uppercase;font-size:.68rem;font-weight:600}.app-date-cell{aspect-ratio:1}.app-date-day{width:100%;height:100%;color:var(--app-text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.65rem;font-size:.82rem;font-weight:500}.app-date-day:hover{background:color-mix(in srgb, var(--app-nav-active) 12%, transparent)}.app-date-day--today{color:var(--app-nav-active);font-weight:700}.app-date-day--selected{background:linear-gradient(135deg, var(--app-nav-active), color-mix(in srgb, var(--app-nav-active) 75%, #fff));color:#fff}.app-date-popover-footer{border-top:1px solid var(--app-border);gap:.45rem;margin-top:.7rem;padding-top:.65rem;display:flex}.app-date-footer-btn{border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-nav-active);font:inherit;cursor:pointer;border-radius:.65rem;flex:1;padding:.5rem .65rem;font-size:.78rem;font-weight:600}.app-date-footer-btn--muted{color:var(--app-muted)}.app-file-upload-input{display:none}.app-file-dropzone{border:1.5px dashed color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));background:color-mix(in srgb, var(--app-nav-active) 6%, transparent);text-align:center;cursor:pointer;border-radius:.95rem;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.1rem .85rem;transition:border-color .15s,background .15s;display:flex}.app-file-dropzone--dragging,.app-file-dropzone:hover{border-color:var(--app-nav-active);background:color-mix(in srgb, var(--app-nav-active) 12%, transparent)}.app-file-dropzone-icon{background:color-mix(in srgb, var(--app-nav-active) 14%, transparent);width:2.4rem;height:2.4rem;color:var(--app-nav-active);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.app-file-dropzone-icon svg{width:1.25rem;height:1.25rem}.app-file-dropzone strong{font-size:.86rem}.app-file-dropzone span{color:var(--app-muted);font-size:.74rem}.app-file-choose-btn{border:1px solid color-mix(in srgb, var(--app-nav-active) 35%, var(--app-border));background:var(--app-surface-strong);color:var(--app-nav-active);font:inherit;cursor:pointer;border-radius:999px;margin-top:.35rem;padding:.45rem .85rem;font-size:.76rem;font-weight:600}.app-file-list{flex-direction:column;gap:.45rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.app-file-item{border:1px solid var(--app-border);background:var(--app-surface);border-radius:.75rem;align-items:center;gap:.65rem;padding:.65rem .7rem;display:flex}.app-file-item-icon{width:2rem;height:2rem;color:var(--app-nav-active);background:color-mix(in srgb, var(--app-nav-active) 12%, transparent);border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-file-item-icon--pdf{color:#f87171;background:#ef44441f}.app-file-item-icon svg{width:1rem;height:1rem}.app-file-item-copy{flex:1;min-width:0}.app-file-item-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.app-file-item-copy span{color:var(--app-muted);font-size:.72rem}.app-file-remove-btn{border:1px solid var(--app-border);width:1.85rem;height:1.85rem;color:var(--app-muted);cursor:pointer;background:0 0;border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.app-file-remove-btn svg{width:.85rem;height:.85rem}.app-file-remove-btn:hover{color:#f87171;border-color:#ef444440}.app-main:has(.accountant-page){padding:0 0 var(--app-bottom-nav-offset,5.5rem);flex-direction:column;display:flex;overflow:hidden}.accountant-page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.accountant-fab{right:.25rem;bottom:calc(var(--app-bottom-nav-offset,5.5rem) - .45rem);z-index:46;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:auto;height:auto;padding:0;transition:transform .2s;position:absolute}.accountant-fab-bubble{color:#fff;pointer-events:none;background:radial-gradient(circle at 28% 22%,#fff6 0%,#0000 48%),linear-gradient(145deg,#14b8a6 0%,#6366f1 100%);border:1px solid #ffffff80;border-radius:1rem 1rem 1rem .35rem;justify-content:center;align-items:center;width:2.35rem;height:2.1rem;display:flex;position:relative;box-shadow:0 4px 14px #6366f16b,0 2px 5px #0d948838,inset 0 1px #ffffff61}.accountant-fab-bubble:after{content:"";background:linear-gradient(145deg,#0f766e 0%,#4f46e5 100%);border-radius:0 0 .45rem;width:.55rem;height:.55rem;position:absolute;bottom:-.28rem;right:.35rem;transform:rotate(45deg);box-shadow:2px 2px 4px #6366f133}.accountant-fab:active{transform:scale(.92)}.accountant-fab:active .accountant-fab-bubble{box-shadow:0 2px 8px #6366f152,inset 0 1px #ffffff47}.accountant-fab-icon{filter:drop-shadow(0 1px 1px #0000001f);width:1.15rem;height:1.15rem}.accountant-sheet-root{z-index:200;pointer-events:auto;background:var(--app-bg,#0f172a);flex-direction:column;display:flex;position:absolute;inset:0}.accountant-sheet{z-index:1;background:var(--app-bg,#0f172a);border-radius:0;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.accountant-sheet-header{padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--app-border);background:var(--app-header-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.accountant-sheet-header-copy{min-width:0}.accountant-sheet-header h2{color:var(--app-text);margin:0;font-size:.92rem;font-weight:700;line-height:1.2}.accountant-sheet-subtitle{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.68rem;line-height:1.2;overflow:hidden}.accountant-sheet-company-label{color:var(--app-muted);text-transform:uppercase;letter-spacing:.03em;margin-right:.2rem;font-size:.62rem;font-weight:600}.accountant-sheet-close{border:1px solid var(--app-border);background:var(--app-surface);width:2rem;height:2rem;color:var(--app-text);cursor:pointer;border-radius:999px;flex-shrink:0;font-size:.9rem;line-height:1}.accountant-sheet-close:hover{background:var(--app-sidebar-hover-bg);color:var(--app-sidebar-hover-text)}.accountant-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.accountant-panel--compact,.accountant-panel--fullscreen{background:var(--app-bg,#0f172a);flex:1;height:auto;min-height:0}.accountant-page .accountant-panel{flex:1;min-height:0}.accountant-panel-messages{background:var(--app-bg);-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:.75rem .85rem .35rem;overflow:hidden auto}.accountant-panel-msg{max-width:100%;margin-bottom:.75rem}.accountant-panel-msg--thread{text-align:left;align-items:flex-start;gap:.55rem;display:flex}.accountant-panel-msg--user{justify-content:flex-end;display:flex}.accountant-msg-avatar{color:#fff;background:radial-gradient(circle at 28% 22%, #ffffff59 0%, transparent 48%), linear-gradient(145deg, #14b8a6 0%, var(--app-nav-active) 100%);width:2rem;height:2rem;box-shadow:0 2px 8px color-mix(in srgb, var(--app-nav-active) 28%, transparent);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.accountant-msg-avatar-icon{filter:drop-shadow(0 1px 1px #0000001f);width:1.05rem;height:1.05rem}.accountant-msg-stack{flex-direction:column;flex:1;align-items:flex-start;gap:.35rem;min-width:0;max-width:100%;display:flex}.accountant-msg-stack>.accountant-chart-wrap,.accountant-msg-stack>.accountant-table-wrap,.accountant-msg-stack>.accountant-verdict{width:100%;max-width:100%}.accountant-msg-stack--user{flex:none;align-items:flex-end;max-width:92%}.accountant-msg-sender{color:var(--app-muted);font-size:.72rem;font-weight:600;line-height:1.2}.accountant-welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%;margin-top:.15rem;display:grid}.accountant-welcome-actions--enter{animation:.35s both accountant-fade-up}.accountant-panel-bubble--enter{animation:.3s both accountant-fade-up}.accountant-panel-bubble--typing{min-width:3.25rem;padding:.65rem .85rem}.accountant-typing-dots{align-items:center;gap:.28rem;display:inline-flex}.accountant-typing-dots span{background:var(--app-muted);border-radius:999px;width:.42rem;height:.42rem;animation:1.2s ease-in-out infinite accountant-typing-bounce}.accountant-typing-dots span:nth-child(2){animation-delay:.15s}.accountant-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes accountant-typing-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-.22rem)}}@keyframes accountant-fade-up{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.accountant-panel-footer{border-top:1px solid var(--app-border);background:var(--app-header-bg);padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0}.accountant-quick-btn{border:1px solid var(--app-border);background:var(--app-surface-strong);width:100%;color:var(--app-text);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.accountant-quick-btn:hover{background:var(--app-sidebar-hover-bg);border-color:color-mix(in srgb, var(--app-nav-active) 22%, var(--app-border));color:var(--app-sidebar-hover-text)}.accountant-quick-btn-icon{font-size:.95rem;line-height:1}.accountant-panel-bubble{text-align:left;border-radius:14px;max-width:100%;padding:.6rem .8rem;font-size:.88rem;line-height:1.45;display:inline-block}.accountant-panel-bubble--user{background:var(--app-nav-active);color:#fff;border-bottom-right-radius:.25rem}.accountant-panel-msg--assistant .accountant-panel-bubble:not(.accountant-panel-bubble--error){background:var(--app-surface-strong);color:var(--app-text);border:1px solid var(--app-border);border-bottom-left-radius:.25rem}.accountant-panel-bubble--error{background:color-mix(in srgb, #ef4444 14%, var(--app-surface-strong));border:1px solid color-mix(in srgb, #ef4444 35%, var(--app-border));color:#fca5a5}html[data-theme=light] .accountant-panel-bubble--error{color:#b91c1c}.accountant-panel-input{background:var(--app-header-bg);align-items:flex-end;gap:.45rem;padding:.55rem .85rem .65rem;display:flex}.accountant-panel-textarea{resize:none;border:1px solid var(--app-border);min-width:0;font:inherit;background:var(--app-input-bg);max-height:5.5rem;color:var(--app-input-text);border-radius:12px;flex:1;padding:.55rem .75rem;font-size:.88rem;line-height:1.35}.accountant-panel-textarea::placeholder{color:var(--app-muted);opacity:1}.accountant-panel-textarea:disabled{opacity:.65}.accountant-panel-send{border:1px solid color-mix(in srgb, var(--app-nav-active) 45%, var(--app-border));background:var(--app-nav-active);color:#fff;cursor:pointer;border-radius:10px;flex-shrink:0;place-items:center;width:2.35rem;height:2.35rem;display:grid}.accountant-panel-send svg{width:1rem;height:1rem}.accountant-panel-send:disabled{opacity:.5}.accountant-table-wrap{border:1px solid var(--app-border,#00000014);border-radius:.5rem;margin-top:.45rem;overflow-x:auto}.accountant-table{border-collapse:collapse;width:100%;font-size:.72rem}.accountant-table th,.accountant-table td{text-align:left;border-bottom:1px solid var(--app-border,#0000000f);padding:.35rem .5rem}.accountant-table th{background:var(--app-surface-strong);color:var(--app-text);font-weight:600}.accountant-table td{color:var(--app-text)}.accountant-chart-wrap{box-sizing:border-box;border:1px solid var(--app-border);background:var(--app-surface-strong);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:.5rem;width:100%;max-width:100%;height:168px;margin-top:.45rem;padding:.35rem .5rem .35rem .35rem;position:relative;overflow:auto hidden}.accountant-chart-wrap::-webkit-scrollbar{height:var(--scrollbar-size)}.accountant-chart-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.accountant-chart-inner{width:100%;height:100%}.accountant-chart-inner canvas{display:block;width:100%!important;height:100%!important}.accountant-verdict{border-radius:.5rem;flex-direction:column;gap:.1rem;margin-top:.45rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.accountant-verdict--ok{background:#22c55e1f;border:1px solid #22c55e4d}.accountant-verdict--warn{background:#f59e0b1f;border:1px solid #f59e0b4d}.accountant-verdict--bad{background:#ef44441a;border:1px solid #ef444447}.phone-frame-stage{background:var(--frame-stage-bg);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.phone-frame-device{background:var(--frame-device-bg);border:2px solid var(--frame-device-border);border-radius:40px;flex-direction:column;width:390px;max-width:calc(100vw - 2rem);height:844px;max-height:calc(100dvh - 3rem);padding:12px;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000073}.phone-frame-bezel-top{flex-shrink:0;justify-content:center;align-items:flex-end;height:24px;display:flex}.phone-frame-notch{background:var(--frame-notch-bg);border-radius:0 0 14px 14px;width:100px;height:20px}.phone-frame-screen{background:var(--frame-screen-bg);border-radius:28px;flex:1;min-height:0;position:relative;overflow:hidden}.phone-modal-root{z-index:200;pointer-events:none;position:absolute;inset:0;overflow:hidden}.phone-modal-root:not(:empty){pointer-events:auto}.phone-frame-screen>*{height:100%;min-height:0;overflow:hidden}.phone-frame-bezel-bottom{flex-shrink:0;justify-content:center;align-items:center;height:16px;display:flex}.phone-frame-home-indicator{background:var(--frame-home-indicator);border-radius:999px;width:110px;height:4px}.app-boot{height:100%;color:var(--app-muted);background:var(--frame-screen-bg);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.app-boot-spinner{border:3px solid #94a3b840;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.phone-frame-stage{background:var(--frame-screen-bg);padding:0}.phone-frame-device{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;background:var(--frame-screen-bg);border:none;border-radius:0;padding:0}.phone-frame-bezel-top,.phone-frame-bezel-bottom{display:none}.phone-frame-screen{border-radius:0}}