@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#0d9488;--primary-dark:#0f766e;--primary-light:#ccfbf1;--primary-bg:#f0fdfa;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff;--violet:#7c3aed;--violet-bg:#f5f3ff;--orange:#f97316;--orange-bg:#fff7ed;--bg:#f5f6fa;--surface:#fff;--surface-2:#f8f9fc;--surface-3:#f1f3f8;--border:#e5e7eb;--border-2:#d1d5db;--text:#111827;--text-2:#374151;--text-3:#6b7280;--text-4:#9ca3af;--sidebar-width:232px;--navy:#f5f6fa;--navy-2:#fff;--navy-3:#f1f3f8;--teal:#0d9488;--teal-dim:#0f766e;--amber:#f59e0b;--rose:#ef4444;--sky:#3b82f6;--text-dim:#6b7280;--card:#00000005;--card-hover:#0000000a;--line:#e5e7eb;--ink:#111827;--paper:#fff;--cyan:#0d9488;--emerald:#10b981;--slate:#6b7280;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #00000012, 0 0 0 1px #0000000a;--shadow:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 12px 40px #0000001f, 0 2px 8px #0000000f}html{background:var(--bg);overscroll-behavior-y:none;font-size:14px;overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text);font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-weight:700}h1{font-size:28px}h2{font-size:22px}h3{font-size:17px}h4{font-size:15px}h5,h6{font-size:13px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}input::placeholder,textarea::placeholder{color:var(--text-4)}select option{background:var(--surface);color:var(--text)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-4)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-header{flex-shrink:0;padding:16px 14px 12px}.sidebar-brand-link{border-radius:10px;align-items:center;gap:10px;margin:-6px -8px;padding:6px 8px;text-decoration:none;transition:background .15s;display:flex}.sidebar-brand-link:hover{background:var(--surface-2)}.sidebar-logo{background:linear-gradient(145deg, var(--primary), var(--primary-dark));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 10px #0d948838}.sidebar-brand-text{min-width:0}.sidebar-brand{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.2}.sidebar-brand span{color:var(--primary)}.sidebar-company{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.sidebar-nav{scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;padding:4px 10px 12px;overflow:hidden auto}.sidebar-nav:hover{scrollbar-color:var(--border) transparent}.nav-group{margin-bottom:4px}.nav-group--primary{border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:10px}.nav-group--active .nav-group-trigger .nav-group-title{color:var(--primary)}.nav-group-trigger{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:8px 8px 4px;display:flex}.nav-group-trigger:hover .nav-group-title{color:var(--text-2)}.nav-group-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-4);flex:1;font-size:11px;font-weight:600;transition:color .15s}.nav-group-chevron{color:var(--text-4);flex-shrink:0}.nav-group-items{opacity:1;flex-direction:column;gap:1px;max-height:640px;padding:0 4px 6px;transition:max-height .22s cubic-bezier(.4,0,.2,1),opacity .18s;display:flex;overflow:hidden}.nav-group-items--collapsed{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.nav-sub-group{margin-top:2px}.nav-sub-section-trigger{border:none;border-top:1px solid var(--border);cursor:pointer;width:100%;font:inherit;letter-spacing:.07em;text-transform:uppercase;color:var(--text-4);background:0 0;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px 3px;font-size:10px;font-weight:700;transition:color .15s;display:flex}.nav-sub-section-trigger:hover{color:var(--text-2)}.nav-sub-section-trigger--active{color:var(--primary)}.nav-sub-group-items{opacity:1;flex-direction:column;gap:1px;max-height:240px;transition:max-height .22s cubic-bezier(.4,0,.2,1),opacity .18s;display:flex;overflow:hidden}.nav-sub-group-items--collapsed{opacity:0;pointer-events:none;max-height:0}.nav-item{color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item-label{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-item:hover:not(.active){background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600;text-decoration:none}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-icon{width:20px;height:20px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;transition:color .12s;display:flex}.nav-item:hover:not(.active) .nav-icon{color:var(--text-2)}.nav-item.active .nav-icon{color:var(--primary)}.app-icon{flex-shrink:0;display:block}.app-icon--inherit{color:inherit}.app-icon--muted{color:var(--text-3)}.app-icon--primary{color:var(--primary)}.app-icon--danger{color:var(--danger)}.app-icon--warning{color:var(--warning,#d97706)}.app-icon--onPrimary{color:#fff}.app-icon-box{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notif-item-icon .app-icon,.notif-item-icon svg{color:inherit}.notif-empty-icon{opacity:.55;justify-content:center;margin-bottom:10px;display:flex}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:99px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.nav-badge-teal{background:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0;padding:10px 10px 12px}.sidebar-user-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:6px 6px 6px 8px;display:flex}.sidebar-user-link{border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 2px;text-decoration:none;transition:background .12s;display:flex}.sidebar-user-link:hover{background:var(--surface-2)}.sidebar-user-meta{flex:1;min-width:0;overflow:hidden}.sidebar-signout-btn{width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.sidebar-signout-btn:hover{background:var(--danger-bg);color:var(--danger)}.user-card{border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px;transition:background .15s;display:flex}.user-card:hover{background:var(--surface-3)}.user-avatar{background:linear-gradient(135deg, var(--primary-light), var(--primary));width:34px;height:34px;color:var(--primary-dark);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-avatar-sm{background:linear-gradient(135deg, var(--primary-light), var(--primary));width:28px;height:28px;color:var(--primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-3);margin-top:1px;font-size:11px}.logout-btn{border-radius:var(--radius);border:1px solid var(--border);width:100%;color:var(--danger);cursor:pointer;background:0 0;margin-top:8px;padding:7px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.logout-btn:hover{background:var(--danger-bg);border-color:var(--danger)}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow-x:hidden}.tenant-brand-strip{background:linear-gradient(90deg, var(--primary), var(--primary-dark));flex-shrink:0;width:100%;height:3px}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:50;height:56px;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-left h1{color:var(--text);font-size:15px;font-weight:600}.topbar-breadcrumb{color:var(--text-3);align-items:center;gap:6px;font-size:13px;display:flex}.topbar-breadcrumb span{color:var(--text-4)}.topbar-right{align-items:center;gap:8px;display:flex}.topbar-datetime{flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2;display:flex}.topbar-date{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:12px}.topbar-time{color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.topbar-icon-btn{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-3);justify-content:center;align-items:center;font-size:15px;transition:all .12s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--surface-3);color:var(--text)}.topbar-logout-btn{color:var(--danger)}.topbar-logout-btn:hover{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.notif-btn{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .12s;display:flex;position:relative}.notif-btn:hover{background:var(--surface-3)}.notif-item{transition:background .12s}.notif-item:hover{background:var(--surface-2)!important}.notif-dot{background:var(--danger);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.page-content{flex:1;min-width:0;padding:24px;overflow-x:hidden}.app-page{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.app-page>.page-header,.app-page>.card-box,.app-page>.form-panel,.app-page>.table-wrap{margin-bottom:0}.app-page__section{flex-direction:column;gap:12px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:0;display:flex}.page-header__main{flex:16rem;min-width:0}.page-header__title{margin-bottom:4px}.page-header__actions{flex-shrink:0;align-self:center}.page-header h2{color:var(--text);font-size:20px;font-weight:700}.page-header-sub{color:var(--text-3);margin:2px 0 0;font-size:13px}.page-back-link{font:inherit;color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.page-back-link:hover{color:var(--primary)}.page-toolbar{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.page-toolbar__search{flex:240px;min-width:0;max-width:min(100%,420px)}.page-toolbar__actions{flex:none;margin-left:auto}@media (width<=640px){.page-toolbar__search{flex:100%;max-width:none}.page-toolbar__actions{width:100%;margin-left:0}}.login-wrap{background:var(--bg);min-height:100vh;display:flex}.login-brand{background:linear-gradient(135deg,#0d9488 0%,#0f766e 50%,#065f56 100%);flex-direction:column;flex:1;justify-content:center;padding:64px;display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";background:#ffffff0f;border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;right:-150px}.login-brand:after{content:"";background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.brand-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:28px;font-size:28px;display:flex;position:relative}.brand-name{color:#fff;letter-spacing:-1px;z-index:1;font-size:38px;font-weight:800;position:relative}.brand-name span{color:#ffffffb3}.brand-tagline{color:#ffffffb3;z-index:1;margin-top:8px;font-size:15px;font-weight:400;position:relative}.brand-stats{z-index:1;gap:32px;margin-top:48px;display:flex;position:relative}.stat-item{text-align:left}.stat-num{color:#fff;font-size:26px;font-weight:700}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.brand-features{z-index:1;flex-direction:column;gap:12px;margin-top:40px;display:flex;position:relative}.feature-item{color:#fffc;align-items:center;gap:10px;font-size:13px;display:flex}.feature-dot{background:#fff9;border-radius:50%;flex-shrink:0;width:5px;height:5px}.login-form-wrap{background:var(--surface);flex-direction:column;flex-shrink:0;justify-content:center;width:440px;padding:56px 48px;display:flex}.login-title{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:700}.login-sub{color:var(--text-3);margin-bottom:32px;font-size:13px}.form-group{margin-bottom:16px}.form-label{color:var(--text-2);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input{box-sizing:border-box;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);outline:none;padding:10px 14px;font-size:14px;line-height:1.35;transition:all .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881a}.login-btn{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;width:100%;margin-top:8px;padding:11px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.login-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 16px #0d94884d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{background:var(--danger-bg);border-radius:var(--radius);color:var(--danger);border:1px solid #ef444440;margin-bottom:14px;padding:10px 14px;font-size:13px}.auth-session-notice{background:var(--warning-bg,#f59e0b1f);border-radius:var(--radius);color:var(--warning,#b45309);border:1px solid #f59e0b59;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.45}.session-expired-card{text-align:center;max-width:480px;margin:48px auto;padding:32px 28px}.session-expired-card__icon{background:var(--warning-bg,#f59e0b1f);width:56px;height:56px;color:var(--warning,#d97706);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.session-expired-card__title{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:700}.session-expired-card__message{color:var(--text-3);margin:0 0 20px;font-size:14px;line-height:1.5}.session-expired-card__cta{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.role-hint{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;padding:14px}.role-hint-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:11px;font-weight:600}.role-hint-item{border-bottom:1px solid var(--border);color:var(--text-2);justify-content:space-between;padding:4px 0;font-size:11px;display:flex}.role-hint-item:last-child{border:none}.role-badge{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.badge-admin{color:#b45309;background:#f59e0b1f}.badge-hr{color:#1d4ed8;background:#3b82f61f}.badge-recruiter{color:#6d28d9;background:#7c3aed1f}.badge-manager{color:var(--primary-dark);background:#0d94881f}.badge-employee{background:var(--surface-3);color:var(--text-3)}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:18px 20px;transition:all .15s}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-card-top{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.stat-card-change{font-size:11px;font-weight:600}.change-up{color:var(--success)}.change-down{color:var(--danger)}.stat-card-value{color:var(--text);letter-spacing:-.5px;text-align:center;font-size:26px;font-weight:700}.stat-card-label{color:var(--text-3);text-align:center;margin-top:2px;font-size:12px;font-weight:500}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);color:inherit;padding:20px;transition:box-shadow .15s,border-color .15s,transform .15s;display:block;position:relative;overflow:hidden}.kpi-card--static{cursor:default}.kpi-card--link{cursor:pointer;text-decoration:none}.kpi-card--link:hover{box-shadow:var(--shadow-sm);border-color:var(--border-2);transform:translateY(-2px)}.kpi-card--link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kpi-card--static:hover{box-shadow:var(--shadow-xs)}.kpi-card-accent{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.section-title{color:var(--text);align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.3;display:flex}.section-title-bar{background:linear-gradient(180deg, var(--primary), var(--primary-dark));border-radius:3px;flex-shrink:0;width:3px;height:1.05em;min-height:14px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);width:100%;overflow:auto hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.data-table td{color:var(--text-2);border-bottom:1px solid var(--border);padding:12px 14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr.table-row--highlight td{background:#0d94881f;transition:background .4s}.data-table tbody tr:hover td{background:var(--surface-2)}.table-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);width:100%;margin-top:16px;overflow:auto hidden}.table-container table{border-collapse:collapse;width:100%}.table-container th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);background:var(--surface-2);padding:10px 14px;font-size:11px;font-weight:600}.table-container td{color:var(--text-2);border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:13px}.table-container tr:last-child td{border-bottom:none}.table-container tbody tr:hover td{background:var(--surface-2)}.data-table .col-user{width:34%;min-width:12rem}.data-table .col-role{width:11rem;max-width:11rem}.data-table .col-status{white-space:nowrap;width:6.5rem}.data-table .col-actions{white-space:nowrap;text-align:right;width:1%}.data-table .col-actions .btn-ghost,.data-table .col-actions .btn-sm{margin-left:auto}.data-table th.col-sticky,.data-table td.col-sticky{z-index:1;background:var(--surface);position:sticky;left:0;box-shadow:2px 0 4px -2px #0000001f}.data-table th.col-sticky{z-index:2;background:var(--surface-2)}.data-table tbody tr:hover td.col-sticky{background:var(--surface-2)}.data-table tr.table-row--highlight td.col-sticky{background:#0d94881f}.data-table select.form-control{width:100%;max-width:11rem}.data-table__primary{color:var(--text);font-size:13px;font-weight:600;line-height:1.35}.table-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.table-toolbar__group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.user-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);justify-content:center;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .15s,transform .15s;display:flex}.user-stat:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-stat__icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-stat__icon--teal{background:var(--primary-bg);color:var(--primary-dark)}.user-stat__icon--green{color:#047857;background:#10b9811f}.user-stat__icon--rose{color:#b91c1c;background:#ef44441a}.user-stat__icon--amber{color:#b45309;background:#f59e0b24}.user-stat__value{color:var(--text);letter-spacing:-.5px;text-align:center;font-size:22px;font-weight:700;line-height:1.1}.user-stat__label{color:var(--text-3);text-align:center;margin-top:2px;font-size:12px;font-weight:500}.section-title__count{color:var(--text-3);background:var(--surface-3);border-radius:99px;margin-left:2px;padding:1px 9px;font-size:12px;font-weight:600}.user-search{flex:1;min-width:200px;max-width:340px}.user-role-filter{min-width:140px}.user-cell{align-items:center;gap:10px;display:flex}.user-cell__text{min-width:0}.data-table .role-select{cursor:pointer;border:1px solid #0000;border-radius:99px;padding-top:5px;padding-bottom:5px;font-weight:600;transition:box-shadow .12s,filter .12s}.data-table .role-select:hover{filter:brightness(.97)}.data-table .role-select:focus-visible{box-shadow:0 0 0 3px #3d6b7a2e}.data-table .role-select.badge-admin{color:#b45309;background:#f59e0b1f}.data-table .role-select.badge-hr{color:#1d4ed8;background:#3b82f61f}.data-table .role-select.badge-recruiter{color:#6d28d9;background:#7c3aed1f}.data-table .role-select.badge-manager{color:var(--primary-dark);background:#0d94881f}.data-table .role-select.badge-employee{background:var(--surface-3);color:var(--text-2)}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.table-empty{color:var(--text-3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.table-empty svg{opacity:.5}.invite-filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip__count{background:var(--surface-3);color:var(--text-3);border-radius:99px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1}.chip.active .chip__count{color:#fff;background:#ffffff40}.invite-timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.invite-timeline__item{align-items:flex-start;gap:8px;display:flex;position:relative}.invite-timeline__dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.invite-timeline__text{color:var(--text-3);font-size:12px;line-height:1.4}.invite-timeline__action{color:var(--text-2);font-weight:600}.invite-timeline__time{color:var(--text-4);font-size:11px;display:block}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:#065f46;background:#10b9811a}.badge-inactive{color:#991b1b;background:#ef44441a}.badge-pending{color:#92400e;background:#f59e0b1f}.badge-approved{color:#065f46;background:#10b9811a}.badge-rejected{color:#991b1b;background:#ef44441a}.badge-cancelled{background:var(--surface-3);color:var(--text-3)}.badge-leave,.badge-on-leave{color:#1e40af;background:#3b82f61a}.badge-present{color:#065f46;background:#10b9811a}.badge-absent{color:#991b1b;background:#ef44441a}.badge-paid{color:#065f46;background:#10b9811a}.badge-processing{color:#92400e;background:#f59e0b1f}.badge-open{background:var(--primary-bg);color:var(--primary-dark)}.badge-closed{background:var(--surface-3);color:var(--text-3)}.badge-high{color:#991b1b;background:#ef44441a}.badge-medium{color:#92400e;background:#f59e0b1f}.badge-low{color:#065f46;background:#10b9811a}.badge-draft{background:var(--surface-3);color:var(--text-3)}.badge-onboarding{color:#1e40af;background:#3b82f61a}.badge-permanent{color:#065f46;background:#10b9811a}.badge-contract{color:#92400e;background:#f59e0b1f}.badge-new{background:var(--primary-bg);color:var(--primary-dark)}.badge-open-ticket{color:#92400e;background:#f59e0b1f}.badge-resolved{color:#065f46;background:#10b9811a}.badge-in-progress{color:#1e40af;background:#3b82f61a}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.work-location-picker{flex-direction:column;gap:8px;display:flex}.work-location-picker__search{border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--surface);align-items:center;gap:8px;padding:4px 10px;display:flex}.work-location-picker__search-icon{color:var(--text-dim);flex-shrink:0}.work-location-picker__search-input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:13px}.work-location-picker__toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.work-location-picker__hint{color:var(--text-dim);margin:0;font-size:12px}.work-location-picker__map{border-radius:var(--radius-lg,10px);border:1px solid var(--border);width:100%;height:260px;overflow:hidden}.work-location-cards{margin-top:16px}.work-location-card{border:1px solid var(--border);border-radius:var(--radius-lg,10px);background:var(--surface);align-items:flex-start;gap:12px;padding:14px;display:flex}.work-location-card__icon{width:34px;height:34px;color:var(--teal,#0d9488);background:#0d94881f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.work-location-card__body{flex:1;min-width:0}.work-location-card__name{color:var(--text);font-size:14px;font-weight:600}.work-location-card__coords{color:var(--text);margin-top:2px;font-size:12px}.work-location-card__meta{color:var(--text-dim);margin-top:2px;font-size:11px}.work-location-card__actions{flex-shrink:0;gap:4px;display:flex}.onboarding-page{flex-direction:column;gap:20px;width:100%;max-width:none;display:flex}.onboarding-intro{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,#ec48990f,#14b8a60f);padding:14px 18px}.onboarding-intro p{color:var(--text-2);margin:0;font-size:13px;line-height:1.5}.onboarding-steps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.onboarding-step{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.onboarding-step--active{color:var(--primary);background:#ec489914;border-color:#ec489959}.onboarding-step--done{color:var(--teal);background:#14b8a614;border-color:#14b8a659}.onboarding-step__num{background:var(--surface);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.onboarding-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);align-items:start;gap:20px;width:100%;display:grid}.onboarding-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px 22px}.onboarding-panel--sticky{position:sticky;top:16px}.onboarding-dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--surface-2);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:28px 20px;transition:border-color .15s,background .15s;display:flex}.onboarding-dropzone:hover,.onboarding-dropzone--active{border-color:var(--primary);background:#ec48990a}.onboarding-dropzone__title{color:var(--text);font-size:14px;font-weight:600}.onboarding-dropzone__sub{color:var(--text-3);font-size:12px}.onboarding-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.onboarding-meta__pill{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.onboarding-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;padding-top:16px;display:flex}.onboarding-field-grid{flex-wrap:wrap;gap:8px;display:flex}.onboarding-field-chip{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:inline-flex}.onboarding-field-chip__name{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600}.onboarding-field-chip__tag{text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.onboarding-field-chip__tag--required{color:#b45309}.onboarding-field-chip__tag--optional{color:var(--text-4)}.onboarding-profiles{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.onboarding-profiles__row{gap:8px;margin-bottom:10px;display:flex}@media (width<=960px){.onboarding-layout{grid-template-columns:1fr}.onboarding-panel--sticky{position:static}}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=640px){.grid-stack-mobile{grid-template-columns:1fr!important}}@media (width<=768px){.grid-step-connector{display:none}.setup-wizard-sidebar{display:none!important}}@media (width<=900px){.blog-media-panels{flex-direction:column}.blog-media-list-panel{border-bottom:1px solid var(--navy-2);max-height:40vh;border-right:none!important;width:100%!important}}.card-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px 20px}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap{align-items:center;gap:10px;display:flex}.flex-gap-sm{align-items:center;gap:6px;display:flex}.mb-20{margin-bottom:20px}.mb-24,.mb-28{margin-bottom:24px}.text-dim{color:var(--text-3)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-teal{color:var(--primary)}.text-rose{color:var(--danger)}.text-amber{color:var(--warning)}.text-sky{color:var(--info)}.text-green{color:var(--success)}.font-mono{font-family:JetBrains Mono,monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.fw-700{font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-lg);color:#fff;letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:box-shadow .18s,opacity .15s,transform .12s;display:inline-flex;box-shadow:0 1px 3px #0d94882e}.btn-primary:hover{opacity:.93;box-shadow:0 4px 16px #0d948852}.btn-primary:active{transform:scale(.97);box-shadow:0 1px 4px #0d948833}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text);box-shadow:var(--shadow-xs)}.btn-ghost:active{background:var(--surface-3);transform:scale(.98)}.btn-danger{background:var(--danger-bg);border-radius:var(--radius-lg);color:var(--danger);cursor:pointer;border:1px solid #ef444440;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-danger:hover{border-color:var(--danger);background:#ef444426;box-shadow:0 2px 8px #ef444426}.btn-danger:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-warning{background:var(--warning-bg,#f59e0b1f);border-radius:var(--radius-lg);color:#b45309;cursor:pointer;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-warning:hover{background:#f59e0b2e;border-color:#f59e0b80;box-shadow:0 2px 8px #f59e0b26}.btn-warning:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.btn-secondary:hover{background:var(--surface-3);border-color:var(--border-2);color:var(--text)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s,box-shadow .12s;display:inline-flex}.btn-icon:hover{background:var(--surface-3);color:var(--text);box-shadow:var(--shadow-xs)}.btn-sm{border-radius:8px;padding:5px 12px;font-size:12px}.btn-xs{border-radius:6px;padding:3px 8px;font-size:11px}.progress-bar{background:var(--surface-3);border-radius:99px;height:6px;margin-top:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), #5eead4);border-radius:99px;height:100%;transition:width .5s}.search-wrap{align-items:center;min-width:0;display:inline-flex;position:relative}.search-wrap .search-icon{color:var(--text-4);pointer-events:none;z-index:1;font-size:14px;position:absolute;left:10px}.search-wrap .search-input{box-sizing:border-box;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text);outline:none;width:min(100%,260px);min-width:0;padding:8px 12px 8px 32px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.search-wrap .search-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #0d948814}.search-wrap .search-input::placeholder{color:var(--text-4)}.form-select{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.form-select:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #0d948814}.bar-chart{align-items:flex-end;gap:6px;height:80px;display:flex}.bar{background:linear-gradient(180deg, var(--primary), #0d948866);border-radius:4px 4px 0 0;flex:1;transition:opacity .15s}.bar:hover{opacity:.85}.bar-labels{gap:6px;margin-top:6px;display:flex}.bar-label{text-align:center;color:var(--text-3);flex:1;font-size:10px}.ann-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:10px;padding:16px 18px;transition:all .12s}.ann-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-2)}.ann-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ann-title{color:var(--text);font-size:14px;font-weight:600}.ann-body{color:var(--text-3);font-size:13px;line-height:1.6}.ann-meta{color:var(--text-4);align-items:center;gap:12px;margin-top:10px;font-size:11px;display:flex}.training-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:16px 18px;transition:all .12s}.training-card:hover{box-shadow:var(--shadow-sm)}.training-percent{color:var(--text-3);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.perf-metric{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.perf-metric:last-child{border:none}.perf-score{color:var(--primary);font-size:18px;font-weight:700}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-row:last-child{border:none}.settings-row-label{color:var(--text);font-size:14px;font-weight:500}.settings-row-desc{color:var(--text-3);margin-top:2px;font-size:12px}.settings-info-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px 24px;padding:4px 0 20px;display:grid}.settings-info-item{flex-direction:column;gap:5px;min-width:0;display:flex}.settings-info-item__label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.settings-info-item__value{color:var(--text);overflow-wrap:break-word;font-size:14px;font-weight:600}.settings-info-item__value--mono{font-family:monospace;font-size:13px}.toggle{background:var(--primary);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.toggle-dot{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}.toggle.off{background:var(--border-2)}.toggle.off .toggle-dot{right:unset;left:3px}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:20px;padding:20px 22px}.form-panel h3,.form-panel__title{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:700}.form-panel__desc{color:var(--text-3);max-width:52rem;margin:0 0 16px;font-size:13px;line-height:1.5}.data-residency-panel__row{align-items:center;gap:4px;margin-bottom:16px;font-size:13px;display:flex}.data-residency-panel__label{color:var(--text);margin-right:6px;font-weight:600}.data-residency-panel__migration-status{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.data-residency-panel__migration-progress{appearance:none;border:none;border-radius:4px;width:100%;height:8px;margin:8px 0;display:block;overflow:hidden}.data-residency-panel__migration-progress::-webkit-progress-bar{background:var(--border);border-radius:4px}.data-residency-panel__migration-progress::-webkit-progress-value{background:var(--teal);border-radius:4px;transition:width .3s}.data-residency-panel__migration-progress::-moz-progress-bar{background:var(--teal);border-radius:4px}.data-residency-panel__reveal{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.form-grid{align-items:start;gap:16px 14px;margin-bottom:16px;display:grid}.form-grid--align-end{align-items:end}.form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.form-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form-field{flex-direction:column;gap:6px;min-width:0;display:flex}.form-field__control{min-width:0}.form-field__control .form-control,.form-field__control .form-select-inline{width:100%}.form-field--full{grid-column:1/-1}.form-field--narrow{max-width:7.5rem}.form-grid--cols-4:has(.form-field--narrow){grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) minmax(0,1fr) minmax(5.5rem,7.5rem)}.form-field label,.form-field .form-label{color:var(--text-2);letter-spacing:.01em;min-height:1.125rem;margin:0;font-size:12px;font-weight:600;line-height:1.35;display:block}.form-label__required{color:var(--danger);font-weight:700}.form-label__optional{color:var(--text-3);font-weight:500}.form-hint{color:var(--text-3);margin:0;font-size:11px;line-height:1.4}.form-hint--below{min-height:1rem;margin-top:2px}.form-field-error{color:var(--danger);margin:6px 0 0;font-size:12px}.form-field[data-invalid] .form-control{border-color:#ef44448c}.form-control,.form-field input,.form-field select,.form-field textarea,.form-input,.input{box-sizing:border-box;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);outline:none;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.35;transition:border-color .15s,box-shadow .15s}.form-control:hover:not(:disabled),.form-field input:hover:not(:disabled),.form-field select:hover:not(:disabled){border-color:var(--text-3)}.form-control:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.form-input:focus,.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d94881f}.form-control:disabled,.form-field input:disabled,.form-field select:disabled{opacity:.65;cursor:not-allowed;background:var(--surface-2)}.form-control::placeholder,.form-input::placeholder,.input::placeholder{color:var(--text-3)}input[type=file]{cursor:pointer;padding:6px 8px}input[type=file]::file-selector-button{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2);cursor:pointer;margin-right:12px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}input[type=file]::-webkit-file-upload-button{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-2);cursor:pointer;margin-right:12px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}input[type=file]:hover::file-selector-button{background:var(--surface-3);border-color:var(--border-2);color:var(--text)}input[type=file]:hover::-webkit-file-upload-button{background:var(--surface-3);border-color:var(--border-2);color:var(--text)}.form-textarea{resize:vertical;min-height:88px}.form-select-inline,.data-table select.form-control,.data-table .form-control{min-width:120px;padding:8px 10px;font-size:13px}.phone-input-wrap{width:100%}.phone-input{align-items:stretch;gap:8px;width:100%;display:flex}.phone-input>.phone-input__national,.phone-input>input.form-control{flex:1;min-width:0}.form-field__control .phone-input .country-code-picker__trigger{width:auto}.login-form-wrap .phone-input .country-code-picker__trigger{padding:10px 14px}.country-code-picker{flex:none;position:relative}.country-code-picker__trigger{cursor:pointer;text-align:left;background:var(--surface);align-items:center;gap:6px;width:auto;min-width:108px;max-width:132px;padding:10px 10px 10px 12px;display:inline-flex}.country-code-picker__trigger:disabled{cursor:not-allowed}.country-code-picker__flag{flex-shrink:0;font-size:20px;line-height:1}.country-code-picker__dial{color:var(--text);letter-spacing:.02em;font-size:14px;font-weight:600}.country-code-picker__chevron{color:var(--text-3);flex-shrink:0;margin-left:auto;transition:transform .15s}.country-code-picker__chevron--open{transform:rotate(180deg)}.country-code-picker__popover{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(320px,100vw - 32px);position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 40px #0f172a24,0 4px 12px #0f172a14}.country-code-picker__popover--portal{z-index:1200;position:fixed;top:auto;left:auto}.country-code-picker__search-wrap{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:8px;padding:10px 12px;display:flex}.country-code-picker__search-icon{color:var(--text-3);flex-shrink:0}.country-code-picker__search{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.country-code-picker__search::placeholder{color:var(--text-3)}.country-code-picker__list{max-height:260px;margin:0;padding:6px;list-style:none;overflow-y:auto}.country-code-picker__empty{color:var(--text-3);text-align:center;padding:16px 12px;font-size:13px}.country-code-picker__option{border-radius:calc(var(--radius) - 2px);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:inherit;transition:background .12s;display:flex}.country-code-picker__option:hover,.country-code-picker__option:focus-visible{background:var(--surface-2);outline:none}.country-code-picker__option--selected{background:#0d94881a}.country-code-picker__option-flag{text-align:center;flex-shrink:0;width:28px;font-size:22px;line-height:1}.country-code-picker__option-body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.country-code-picker__option-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.country-code-picker__option-dial{color:var(--text-3);font-size:12px}.country-code-picker__check{color:var(--primary);flex-shrink:0}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;padding-top:4px;display:flex}.form-actions--full:not(.modal-footer){border-top:1px solid var(--border);width:100%;margin-top:8px;padding-top:14px}.form-actions.modal-footer{border-top:none;width:100%;margin-top:0;padding-top:0}.form-panel>.form-actions--full{margin-bottom:0}.form-actions--start{justify-content:flex-start}.form-actions--end{justify-content:flex-end}.form-actions--between{justify-content:space-between}.modal-footer.form-actions--full,.modal-footer{border-top:1px solid var(--border)}.form-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.form-error{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius);border:1px solid #ef444433;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.45}.form-stack{flex-direction:column;gap:16px;display:flex}.invite-link-row{flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:16px;display:flex}.invite-link-row .form-control{flex:1;min-width:200px;font-family:ui-monospace,monospace;font-size:12px}.card-box--dropdown-host{overflow:visible}.card-box--dropdown-host .employee-search-select{width:100%;max-width:none}.employee-search-select{width:100%;min-width:0;max-width:none;position:relative}.employee-search-select__input-wrap{align-items:center;width:100%;min-width:0;display:flex;position:relative}.employee-search-select__input{box-sizing:border-box;width:100%;min-width:0;padding-right:3.5rem}.employee-search-select__input::placeholder{color:var(--text-3)}.employee-search-select__chevron{pointer-events:none;color:var(--text-3);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.employee-search-select__clear{width:20px;height:20px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.employee-search-select__clear:hover{background:var(--surface-2);color:var(--text)}.employee-search-select__menu{z-index:120;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-height:240px;box-shadow:var(--shadow-md);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.employee-search-select__option{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.employee-search-select__option:hover,.employee-search-select__option.is-selected{background:var(--primary-bg)}.employee-search-select__name{font-size:13px;font-weight:600}.employee-search-select__meta{color:var(--text-3);font-size:11px}.employee-search-select__empty{z-index:120;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:12px 14px;font-size:12px;position:absolute;top:calc(100% + 4px);left:0;right:0}.grouped-search-select{width:100%;min-width:0;max-width:none;position:relative}.grouped-search-select__input-wrap{align-items:center;width:100%;min-width:0;display:flex;position:relative}.grouped-search-select__input{box-sizing:border-box;cursor:pointer;width:100%;min-width:0;padding-right:2.25rem}.grouped-search-select__chevron{pointer-events:none;color:var(--text-3);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.grouped-search-select__menu{z-index:120;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.grouped-search-select__menu--up{top:auto;bottom:calc(100% + 4px)}.grouped-search-select__group{padding:6px 0}.grouped-search-select__group:not(:last-child){border-bottom:1px solid var(--border)}.grouped-search-select__group-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);padding:4px 14px;font-size:11px;font-weight:600}.grouped-search-select__group ul{margin:0;padding:0;list-style:none}.grouped-search-select__option{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;padding:8px 14px;font-size:13px;display:block}.grouped-search-select__option:hover,.grouped-search-select__option.is-selected{background:var(--primary-bg)}.grouped-search-select__empty{color:var(--text-3);padding:12px 14px;font-size:12px}.payroll-finances__selector{margin-bottom:16px}.payroll-finances__form{max-width:520px;padding:20px}.payroll-section-header{margin-bottom:16px}.payroll-section-header__title{margin:0;font-size:1.1rem;font-weight:700}.payroll-empty-hint{color:var(--text-3);padding:24px;font-size:13px}.payroll-empty-hint--error{color:var(--danger)}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 0;display:flex}.page-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;padding:6px 14px;font-size:13px;font-weight:500;transition:all .12s}.page-btn:hover:not(:disabled){background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:default}.page-info{color:var(--text-3);font-size:13px}.modal-overlay{z-index:1100;background:#0000005c;justify-content:center;align-items:center;padding:20px;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:540px;max-height:90vh;animation:.18s cubic-bezier(.34,1.1,.64,1) modal-slide-up;overflow-y:auto;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.modal-close{background:var(--surface-2);width:32px;height:32px;color:var(--text-3);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s,transform .12s;display:flex}.modal-close:hover{background:var(--surface-3);color:var(--text);transform:scale(1.1)}.modal-close:active{background:var(--border);transform:scale(.92)}.modal-box form{padding:18px 22px 0}.modal-box form .form-grid{margin-bottom:14px}.modal-box .form-panel{box-shadow:none;background:0 0;border:none;margin:0;padding:18px 22px}.modal-box>.form-error{margin:10px 22px 0}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:14px;padding:14px 22px 18px;display:flex}.modal-box--scroll-body{flex-direction:column;display:flex;overflow:hidden}.modal-box--scroll-body .modal-header,.modal-box--scroll-body .modal-footer{flex:none}.modal-box--scroll-body>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.modal-box__body{flex:auto;min-height:0;overflow-y:auto}.confetti-layer{pointer-events:none;z-index:1200;position:fixed;inset:0;overflow:hidden}.confetti-piece{top:-20px;left:var(--confetti-left);width:var(--confetti-size);height:calc(var(--confetti-size) * 1.6);background:var(--confetti-color);opacity:0;animation:confetti-fall var(--confetti-duration) var(--confetti-delay) ease-in forwards;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:1}to{transform:translate(var(--confetti-drift), 70vh) rotate(540deg);opacity:0}}.celebration-card{text-align:center;max-width:340px;padding:36px 32px}.celebration-card .celebration-emoji{margin-bottom:12px;font-size:56px;line-height:1}.celebration-card h3{color:var(--text);margin:0;font-size:20px;font-weight:700}.celebration-card p{color:var(--text-3);margin:6px 0 0;font-size:14px}.celebration-card button{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;margin-top:20px;padding:10px 28px;font-size:14px;font-weight:600}.celebration-card button:hover{background:var(--primary-dark)}.req-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px;transition:all .12s}.req-card:hover{box-shadow:var(--shadow-sm);border-color:#0d94884d}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:12px;padding:18px;transition:all .12s}.feed-card:hover{box-shadow:var(--shadow-sm)}.feed-author{align-items:center;gap:10px;margin-bottom:12px;display:flex}.feed-author-name{color:var(--text);font-size:13px;font-weight:600}.feed-author-time{color:var(--text-4);font-size:11px}.feed-body{color:var(--text-2);font-size:14px;line-height:1.65}.feed-actions{border-top:1px solid var(--border);gap:16px;margin-top:12px;padding-top:12px;display:flex}.feed-action-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;transition:color .12s;display:inline-flex}.feed-action-btn:hover{color:var(--primary)}.feed-action-btn.liked{color:var(--danger)}.kudos-card{background:linear-gradient(135deg, var(--primary-bg), #f0fdf9);border-radius:var(--radius-lg);border:1px solid #0d948833;margin-bottom:12px;padding:16px 18px}.kudos-emoji{margin-bottom:8px;font-size:28px}.kudos-message{color:var(--text-2);font-size:14px;font-style:italic;line-height:1.6}.kudos-from{color:var(--text-3);align-items:center;gap:6px;margin-top:10px;font-size:12px;display:flex}.okr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px 20px;transition:all .12s}.okr-card:hover{box-shadow:var(--shadow-sm)}.okr-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.okr-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.4}.okr-owner{color:var(--text-3);margin-top:2px;font-size:12px}.okr-progress-label{color:var(--text-3);justify-content:space-between;margin-top:10px;margin-bottom:3px;font-size:12px;display:flex}.okr-progress-pct{color:var(--text);font-weight:600}.kr-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.kr-item:last-child{border:none}.kr-dot{background:var(--border-2);border-radius:50%;flex-shrink:0;width:8px;height:8px}.kr-dot.done{background:var(--success)}.kr-dot.in-progress{background:var(--primary)}.kr-text{color:var(--text-2);flex:1;font-size:13px}.kr-pct{color:var(--text-3);white-space:nowrap;font-size:12px;font-weight:600}.goal-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-top:4px;margin-bottom:6px;font-size:11px;font-weight:700}.goal-info-note{color:var(--text-4);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;margin-bottom:10px;padding:6px 8px;font-size:11px}.okr-extra-objectives{flex-wrap:wrap;gap:4px;margin:4px 0 0;display:flex}.okr-extra-obj-pill{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:1px 8px;font-size:11px}.okr-obj-group-label{color:var(--text-2);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.okr-obj-index{background:var(--primary-bg);color:var(--primary);letter-spacing:.04em;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.okr-objective-block{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px 14px 10px}.okr-objective-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.okr-objective-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-size:11px;font-weight:700}.okr-objective-required{color:var(--danger);font-weight:700}.okr-objective-optional{text-transform:none;letter-spacing:0;color:var(--text-4);font-weight:400}.okr-kr-list{border-top:1px dashed var(--border);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.okr-kr-row{align-items:center;gap:6px;display:flex}.okr-kr-bullet{color:var(--primary);flex-shrink:0;font-size:16px;font-weight:700;line-height:1}.okr-add-kr-btn{align-self:flex-start;margin-top:2px;padding-left:2px;font-size:11px;color:var(--primary)!important;border-color:#0000!important}.okr-edit-btn{color:var(--text-3);border:1px solid var(--border);background:var(--surface);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .14s;display:inline-flex}.okr-edit-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-bg)}.modal-box--lg{width:min(600px,100vw - 32px);max-width:600px}.app-toast-stack{z-index:3200;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.app-toast{pointer-events:auto;border:1px solid var(--border);background:var(--surface);min-width:260px;max-width:400px;box-shadow:var(--shadow-md);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;animation:.2s modal-slide-up;display:flex}.app-toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.app-toast--success .app-toast__icon{background:var(--success-bg);color:var(--success)}.app-toast--error .app-toast__icon{background:var(--warning-bg);color:var(--rose)}.app-toast--info .app-toast__icon{background:var(--info-bg);color:var(--info)}.app-alert-overlay{z-index:1300}.app-alert-dialog{text-align:center;max-width:420px;padding:28px 24px 24px}.app-alert-dialog__icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.app-alert-dialog--error .app-alert-dialog__icon-wrap{color:var(--rose);background:#ff6b6b1f}.app-alert-dialog--info .app-alert-dialog__icon-wrap{background:var(--info-bg);color:var(--info)}.app-alert-dialog--success .app-alert-dialog__icon-wrap{background:var(--success-bg);color:var(--success)}.app-alert-dialog--danger .app-alert-dialog__icon-wrap{color:var(--rose);background:#ff6b6b1f}.app-alert-dialog--warning .app-alert-dialog__icon-wrap{color:#b45309;background:#f59e0b24}.app-alert-dialog__confirm-field{text-align:left;margin:0 0 18px}.app-alert-dialog__confirm-label{color:var(--text-3);margin-bottom:6px;font-size:12px;display:block}.app-alert-dialog__confirm-label strong{color:var(--text);font-weight:700}.app-alert-dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.app-alert-dialog__title{color:var(--text);margin:0 0 8px;font-size:17px;font-weight:700}.app-alert-dialog__message{color:var(--text-2);margin:0 0 20px;font-size:14px;line-height:1.55}.app-alert-dialog__actions{justify-content:center;display:flex}.app-alert-dialog__actions .btn-primary{min-width:120px}.feedback-banner{border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.feedback-banner__icon{flex-shrink:0;margin-top:1px}.feedback-banner__body{flex:1;min-width:0}.feedback-banner__title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:700}.feedback-banner__message{color:var(--text-2);font-size:13px;line-height:1.5}.feedback-banner__action{margin-top:10px}.feedback-banner--error{background:color-mix(in srgb, var(--rose) 8%, transparent);border-color:color-mix(in srgb, var(--rose) 35%, var(--border))}.feedback-banner--error .feedback-banner__icon{color:var(--rose)}.feedback-banner--success{background:color-mix(in srgb, var(--primary) 8%, transparent);border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.feedback-banner--success .feedback-banner__icon{color:var(--primary)}.feedback-banner--info{background:color-mix(in srgb, var(--info,#3b82f6) 8%, transparent);border-color:color-mix(in srgb, var(--info,#3b82f6) 35%, var(--border))}.feedback-banner--info .feedback-banner__icon{color:var(--info,#3b82f6)}.feedback-banner--warning{background:color-mix(in srgb, var(--amber) 10%, transparent);border-color:color-mix(in srgb, var(--amber) 40%, var(--border))}.feedback-banner--warning .feedback-banner__icon{color:var(--amber)}.kr-checkin-modal{max-width:460px}.kr-checkin-modal__subtitle{color:var(--text-3);margin:4px 0 0;font-size:12px;font-weight:500}.kr-checkin-modal__kr-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:14px 16px}.kr-checkin-modal__kr-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-4);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.kr-checkin-modal__meta{color:var(--text-3);flex-wrap:wrap;gap:12px 20px;margin-top:10px;font-size:12px;display:flex}.kr-checkin-modal__preview{background:var(--primary-bg);border:1px solid var(--border);border-radius:10px;margin-top:4px;padding:12px 14px}.kr-checkin-modal__preview-head{color:var(--text-2);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.kr-checkin-modal__preview-head strong{color:var(--primary-dark);margin-left:auto;font-size:14px}.kr-checkin-modal__actions{justify-content:flex-end;gap:10px;margin-top:18px;padding-top:4px;display:flex}.expense-form-modal{max-width:520px}.expense-upload-section{margin-top:8px}.expense-upload-section__head{color:var(--text);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.expense-upload-section__hint{color:var(--text-4);margin-left:auto;font-size:11px;font-weight:500}.expense-upload-dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-3);background:var(--surface-2);border-radius:12px;padding:24px 16px;transition:border-color .15s,background .15s}.expense-upload-dropzone p{margin:8px 0 0;font-size:13px}.expense-upload-dropzone--active,.expense-upload-dropzone:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary-dark)}.expense-upload-dropzone--disabled,.expense-upload-dropzone--disabled:hover{opacity:.45;cursor:not-allowed;border-color:var(--border);color:var(--text-dim);background:0 0}.expense-attachment-list{flex-direction:column;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.expense-attachment-item{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.expense-attachment-item__name{text-align:left;min-width:0;color:var(--primary-dark);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:0;font-size:12px;font-weight:600;overflow:hidden}.file-upload-field{margin-top:4px}.file-upload-field__head{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.file-upload-field__hint{color:var(--text-4);font-size:11px;font-weight:500}.file-upload-field__count{color:var(--primary);background:var(--primary-bg);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.file-upload-field__dropzone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface) 100%);border-radius:14px;padding:28px 20px;transition:border-color .15s,background .15s,box-shadow .15s}.file-upload-field__dropzone--active,.file-upload-field__dropzone:hover{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px rgba(var(--primary-rgb,219, 39, 119), .12)}.file-upload-field__dropzone-icon{background:var(--surface);border:1px solid var(--border);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.file-upload-field__dropzone-title{color:var(--text);margin:0;font-size:14px;font-weight:600}.file-upload-field__dropzone-sub{color:var(--text-3);margin:6px 0 0;font-size:12px}.file-upload-field__list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.file-upload-field__item{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.file-upload-field__item--pending{border-color:var(--warning);background:var(--warning-bg)}.file-upload-field__item--saved{border-color:var(--border)}.file-upload-field__item-icon{flex-shrink:0;font-size:16px}.file-upload-field__item-body{flex:1;min-width:0}.file-upload-field__item-name{color:var(--text);cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:100%;padding:0;font-size:13px;font-weight:600;display:block;overflow:hidden}button.file-upload-field__item-name:hover{color:var(--primary)}.file-upload-field__item-meta{color:var(--text-3);margin-top:2px;font-size:11px;display:block}.file-upload-field__item-remove{color:var(--rose);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px}.file-upload-field__item-remove:hover{background:var(--danger-bg)}.employee-performance-card{margin-bottom:24px;padding:24px}.employee-performance-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-performance-card__grid{grid-template-columns:minmax(140px,200px) 1fr;gap:24px;margin-top:20px;display:grid}@media (width<=640px){.employee-performance-card__grid{grid-template-columns:1fr}}.employee-performance-card__score{text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:20px}.employee-performance-card__metrics{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.employee-performance-card__metric{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;font-size:12px;display:flex}.employee-performance-card__metric strong{color:var(--text);font-size:16px}.expense-attachment-item__meta{color:var(--text-4);flex-shrink:0;font-size:11px}.expense-attachment-badge{color:var(--info);background:var(--info-bg);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.expense-row-attachments{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.expense-attachment-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--primary-dark);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:99px;max-width:160px;padding:4px 10px;font-size:11px;overflow:hidden}.expense-attachment-chip:hover{background:var(--primary-bg);border-color:var(--primary)}.expense-rejection-note{color:var(--rose);margin-top:4px;font-size:11px}.expense-reject-modal__subtitle{color:var(--text-2);margin:0 0 14px;font-size:13px;line-height:1.5}.expense-delete-modal__actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.expense-preview-overlay{z-index:1400}.expense-preview-modal{width:100%;max-width:min(920px,100vw - 32px)}.expense-preview-modal__subtitle{color:var(--text-3);margin:4px 0 0;font-size:12px;font-weight:500}.expense-preview-modal__body{min-height:360px;padding:0 20px 20px}.expense-preview-modal__pdf{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:100%;height:min(70vh,640px)}.expense-preview-modal__image{border:1px solid var(--border);border-radius:10px;max-width:100%;max-height:min(70vh,640px);margin:0 auto;display:block}.expense-preview-modal__status{min-height:280px;color:var(--text-3);justify-content:center;align-items:center;font-size:14px;display:flex}.expense-preview-modal__status--error{color:var(--rose)}.survey-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px}.survey-question{color:var(--text);margin-bottom:16px;font-size:15px;font-weight:600;line-height:1.5}.survey-options{flex-direction:column;gap:8px;display:flex}.survey-option{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;color:var(--text-2);background:var(--surface-2);align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:all .12s;display:flex}.survey-option:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.survey-option.selected{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);font-weight:600}.emoji-rating{gap:8px;display:flex}.emoji-btn{border:2px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:all .12s;display:flex}.emoji-btn:hover{border-color:var(--primary);background:var(--primary-bg);transform:scale(1.1)}.emoji-btn.selected{border-color:var(--primary);background:var(--primary-bg);transform:scale(1.15)}.ticket-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);align-items:flex-start;gap:14px;margin-bottom:8px;padding:16px 18px;transition:all .12s;display:flex}.ticket-card:hover{box-shadow:var(--shadow-sm)}.ticket-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ticket-title{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:600}.ticket-comments{flex-direction:column;gap:10px;max-height:220px;display:flex;overflow-y:auto}.ticket-comment{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px}.ticket-comment-meta{color:var(--text-3);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.ticket-comment p{color:var(--text);white-space:pre-wrap;margin:0}.activity-history-list{flex-direction:column;gap:8px;display:flex}.activity-history-line{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-2);word-break:break-word;padding:10px 12px;font-size:12px;line-height:1.5}.activity-history-time{color:var(--text);margin-right:8px;font-weight:700}.activity-history-entity{color:var(--primary);margin-right:6px;font-weight:600}.activity-history-action{text-transform:capitalize;color:var(--text);margin-right:4px;font-weight:600}.activity-history-actor{color:var(--text-3);margin-right:4px}.activity-history-summary{color:var(--text)}.activity-history-details{color:var(--text-3);font-style:italic}.ticket-meta{color:var(--text-3);align-items:center;gap:10px;font-size:11px;display:flex}.ticket-id{color:var(--text-4);font-family:JetBrains Mono,monospace;font-size:11px}.expense-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.expense-row:last-child{border:none}.expense-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.expense-amount{color:var(--text);white-space:nowrap;margin-left:auto;font-size:14px;font-weight:700}.expense-name{color:var(--text);font-size:13px;font-weight:500}.expense-date{color:var(--text-3);margin-top:1px;font-size:11px}.profile-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:20px;padding:28px 28px 20px;position:relative;overflow:hidden}.profile-hero:after{content:"";background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-40px}.profile-avatar-lg{color:#fff;z-index:1;background:#fff3;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:14px;font-size:24px;font-weight:700;display:flex;position:relative}.profile-name{z-index:1;margin-bottom:4px;font-size:20px;font-weight:700;position:relative}.profile-title{opacity:.8;z-index:1;font-size:13px;position:relative}.streak-badge{background:linear-gradient(135deg, var(--warning-bg), #fef3c7);color:#92400e;border:1px solid #f59e0b4d;border-radius:99px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.streak-flame{font-size:18px}.checkin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center;padding:24px}.checkin-time{color:var(--text);letter-spacing:-2px;font-family:JetBrains Mono,monospace;font-size:40px;font-weight:700}.checkin-date{color:var(--text-3);margin-top:2px;margin-bottom:20px;font-size:13px}.checkin-btn{cursor:pointer;border:none;border-radius:99px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.checkin-btn.in{background:var(--primary);color:#fff;box-shadow:0 4px 20px #0d94884d}.checkin-btn.in:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 24px #0d948866}.checkin-btn.out{background:var(--danger-bg);color:var(--danger);border:2px solid var(--danger)}.checkin-btn.out:hover{background:#ef44441f}.leave-calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:18px}.cal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cal-title{color:var(--text);font-size:14px;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-day-label{text-align:center;color:var(--text-4);text-transform:uppercase;letter-spacing:.05em;padding:4px 0;font-size:10px;font-weight:600}.cal-day{aspect-ratio:1;color:var(--text-2);cursor:default;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .1s;display:flex}.cal-day:hover{background:var(--surface-2)}.cal-day.today{background:var(--primary);color:#fff;font-weight:700}.cal-day.leave{color:#1d4ed8;background:#3b82f61f;font-weight:600}.cal-day.approved{color:#065f46;background:#10b9811f;font-weight:600}.cal-day.other-month{color:var(--text-4)}.task-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.task-item:last-child{border:none}.task-check{border:2px solid var(--border-2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:all .15s;display:flex}.task-check.done{background:var(--success);border-color:var(--success);color:#fff}.task-check:not(.done):hover{border-color:var(--primary);background:var(--primary-bg)}.task-title{color:var(--text);font-size:13px;font-weight:500}.task-title.done{color:var(--text-4);text-decoration:line-through}.task-desc{color:var(--text-3);margin-top:2px;font-size:12px;line-height:1.5}.system-error-view{text-align:center}.system-error-view--full{background:linear-gradient(165deg,#f0fdfa 0%,#f8fafc 45%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.system-error-view--inline.card-box{background:linear-gradient(165deg, #f0fdfa 0%, var(--surface,#fff) 55%);border-color:#0d948833;padding:0}.system-error-view__card{text-align:center;width:100%;max-width:440px;margin:0 auto;padding:32px 24px 28px}.system-error-view--full .system-error-view__card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:20px;padding:36px 28px 32px;box-shadow:0 12px 40px #0d948814}.system-error-view__title{color:var(--text);letter-spacing:-.02em;margin:16px 0 8px;font-size:20px;font-weight:700}.system-error-view--full .system-error-view__title{margin:20px 0 10px;font-size:22px}.system-error-view__message{color:var(--text-3);margin:0 0 12px;font-size:14px;line-height:1.6}.system-error-view__context{color:var(--text-2);margin:0 0 12px;font-size:13px;font-weight:500;line-height:1.5}.system-error-view__details{color:var(--danger);background:var(--danger-bg,#ef444414);word-break:break-word;text-align:left;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.system-error-view__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.system-error-art{justify-content:center;align-items:center;margin:0 auto;display:flex}.system-error-art--emoji{background:linear-gradient(145deg,#ccfbf1 0%,#f0fdfa 55%,#fff 100%);border:2px solid #0d948826;border-radius:50%;width:140px;height:140px;box-shadow:0 8px 24px #0d94881a}.system-error-view--full .system-error-art--emoji{width:160px;height:160px}.system-error-art__emoji{-webkit-user-select:none;user-select:none;font-size:72px;line-height:1}.system-error-view--full .system-error-art__emoji{font-size:84px}.system-error-view--inline .system-error-art--emoji{width:120px;height:120px}.system-error-view--inline .system-error-art__emoji{font-size:56px}.system-error-art--doodle svg{margin:0 auto;display:block}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-icon{opacity:.5;margin-bottom:14px;font-size:40px}.empty-title{color:var(--text-2);margin-bottom:6px;font-size:15px;font-weight:600}.empty-desc{color:var(--text-3);max-width:320px;font-size:13px;line-height:1.6}.app-subnav,.tabs,.payroll-subnav{border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:transparent transparent;align-items:flex-end;gap:12px;min-width:0;max-width:100%;margin:0 0 20px;padding:0;display:flex;overflow:auto hidden}.app-subnav{flex-wrap:wrap}.app-subnav:hover,.tabs:hover,.payroll-subnav:hover{scrollbar-color:var(--border) transparent}.app-subnav__hub,.payroll-subnav-label{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--text);border-radius:6px;flex-shrink:0;align-self:center;margin-bottom:10px;padding:5px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:800}.app-subnav__tabs,.payroll-subnav-tabs{flex:1;align-items:flex-end;gap:2px;min-width:0;display:flex}.app-subnav__tab,.tab-item,.payroll-subnav-tab,.payroll-tab{appearance:none;color:var(--text-3);box-shadow:none;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;margin:0 0 -1px;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.25;transition:color .15s,border-color .15s,background .15s}.app-subnav__tab:hover,.tab-item:hover,.payroll-subnav-tab:hover,.payroll-tab:hover{color:var(--text);background:var(--surface-2)}.app-subnav__tab.is-active,.tab-item.active,.payroll-subnav-tab.active,.payroll-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:0 0;font-weight:600}.app-subnav__icon{opacity:.85;align-items:center;margin-right:4px;display:inline-flex}.app-subnav__badge{background:var(--surface-3);color:var(--text-3);border-radius:99px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.app-subnav__tab.is-active .app-subnav__badge{background:var(--primary);color:#fff}.app-subnav--tight{margin-bottom:16px}.app-subnav--spaced{margin-bottom:28px}.app-subnav--inline{border-bottom:none;flex:1;min-width:0;margin-bottom:0}.app-subnav--inline .app-subnav__tabs{border-bottom:none}.avatar-group{display:flex}.avatar-group .user-avatar-sm{border:2px solid var(--surface);margin-left:-8px}.avatar-group .user-avatar-sm:first-child{margin-left:0}.divider{background:var(--border);height:1px;margin:16px 0}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.hint-text{color:var(--text-4);font-size:11px;font-style:italic}.demo-accounts-section{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.demo-section-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.demo-section-line{background:var(--border);flex:1;height:1px}.demo-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.demo-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--demo-bg,var(--surface-2));cursor:pointer;text-align:left;align-items:center;gap:9px;padding:9px 12px;font-family:inherit;transition:all .12s;display:flex}.demo-btn:hover{border-color:var(--demo-color,var(--primary));box-shadow:0 0 0 2px color-mix(in srgb, var(--demo-color,var(--primary)) 15%, transparent);transform:translateY(-1px)}.demo-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-role-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-btn-label{color:var(--text);font-size:13px;font-weight:600}.demo-btn-email{color:var(--text-4);text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:1px;font-size:10px;overflow:hidden}.org-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)!important}.org-tree-canvas{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--surface-2);background-image:radial-gradient(circle, var(--border-2) 1px, transparent 1px);background-size:22px 22px;padding:32px 28px;position:relative;overflow:auto}.dept-org-graph{margin-bottom:20px;padding:24px 20px 20px;overflow:hidden}.dept-org-graph__scroll{padding-bottom:8px;overflow-x:auto}.dept-org-graph__tree{flex-direction:column;align-items:center;min-width:min(100%,320px);display:flex}.dept-org-graph__level{justify-content:center;display:flex}.dept-org-graph__connector-v{background:var(--border-2);flex-shrink:0;width:2px;height:28px}.dept-org-graph__connector-v--short{height:20px}.dept-org-graph__connector-h-wrap{box-sizing:border-box;justify-content:center;width:100%;max-width:100%;padding:0 24px;display:flex}.dept-org-graph__connector-h{background:var(--border-2);width:calc(100% - 48px);min-width:120px;height:2px}.dept-org-graph__depts{flex-wrap:wrap;justify-content:center;gap:8px 0;width:100%;display:flex}.dept-org-graph__dept-col{flex-direction:column;flex:140px;align-items:center;max-width:200px;padding:0 12px;display:flex}.dept-org-node{border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;align-items:center;gap:10px;min-width:160px;max-width:200px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.dept-org-node:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dept-org-node--active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.dept-org-node__icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dept-org-node__icon--company{background:linear-gradient(135deg, var(--primary), var(--teal))}.dept-org-node__icon--org{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.dept-org-node__icon--dept{background:linear-gradient(135deg, var(--teal), #0098a0)}.dept-org-node__body{flex:1;min-width:0}.dept-org-node__title{color:var(--text);word-break:break-word;font-size:13px;font-weight:700;line-height:1.3}.dept-org-node__meta{color:var(--text-dim);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.dept-org-graph__hint{text-align:center;margin:12px 0 0}.dept-detail-panel{margin-bottom:20px}.dept-detail-panel__members{flex-direction:column;gap:8px;max-height:240px;margin-top:12px;display:flex;overflow-y:auto}.dept-detail-panel__member{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.dept-detail-panel__avatar{background:var(--primary-bg);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.department-management-page{max-width:960px;margin:0 auto}.dept-list-row{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.dept-list-row:hover{border-color:var(--primary-light);background:var(--surface)}.dept-list-row--active{border-color:var(--primary);background:var(--primary-bg)}.inbox-item:hover{background:var(--surface-2)!important}.inbox-page{width:100%;min-width:0;max-width:800px;overflow-x:hidden}.inbox-page .app-subnav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow:auto hidden}.inbox-header-title{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.inbox-unread-pill{background:var(--danger);color:#fff;border-radius:99px;padding:2px 8px;font-size:12px;font-weight:700}.inbox-header-actions{flex-wrap:wrap;justify-content:flex-end}.inbox-filter-wrap{position:relative}.inbox-filter-popover{z-index:40;min-width:260px;max-width:min(320px,100vw - 48px);box-shadow:var(--shadow);padding:14px;position:absolute;top:calc(100% + 6px);right:0}.inbox-filter-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex}.inbox-filter-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.07em;margin:12px 0 8px;font-size:11px;font-weight:600}.inbox-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.inbox-filter-clear{justify-content:center;width:100%;margin-top:12px}.inbox-filter-dot{background:var(--primary);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.inbox-filter-active{box-shadow:0 0 0 1px #0d948859}.tabs-wrap{-webkit-overflow-scrolling:touch;width:100%;min-width:0;margin-bottom:16px;overflow-x:auto}.inbox-tabs.tabs{flex-wrap:nowrap;width:max-content;min-width:min-content;max-width:100%;margin-bottom:0}.inbox-tab-count{background:var(--surface-3);color:var(--text-3);border-radius:99px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:700}.inbox-tab-count.on{background:var(--primary);color:#fff}.inbox-list{padding:0}.inbox-empty{text-align:center;color:var(--text-3);padding:48px 24px;font-size:14px}.inbox-item{cursor:pointer;align-items:flex-start;gap:14px;min-width:0;padding:14px 18px 14px 21px;transition:background .12s,box-shadow .12s;display:flex;position:relative}.inbox-item:not(.read){background:#0d948805}.inbox-item:not(.read):before{content:"";background:var(--primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.inbox-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #0d948859}.inbox-item-actions{flex-shrink:0;align-items:center;gap:6px;margin-top:2px;display:flex}.inbox-item-action{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--text-3);cursor:pointer;opacity:0;border-radius:8px;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s,border-color .12s;display:inline-flex}.inbox-item:hover .inbox-item-action,.inbox-item:focus-within .inbox-item-action{opacity:1}.inbox-item-action:hover{background:var(--primary-bg);color:var(--primary-dark);border-color:#0d948859}.inbox-item-delete:hover{color:var(--rose);background:#ff6b6b1a;border-color:#ff6b6b59}.inbox-item-read-icon{color:var(--text-4);flex-shrink:0}.inbox-item-chevron{color:var(--text-4);opacity:0;transition:opacity .12s,transform .12s;transform:translate(-2px)}.inbox-item:hover .inbox-item-chevron{opacity:1;transform:translate(0)}@media (hover:none){.inbox-item-action{opacity:1}}.inbox-dot-col{flex-shrink:0;padding-top:4px}.inbox-icon-cell{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.inbox-text-col{flex:1;min-width:0}.inbox-row-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.inbox-row-title{color:var(--text);word-break:break-word;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:700;line-height:1.35}.inbox-row-title.read{font-weight:500}.inbox-row-meta{color:var(--text-4);white-space:nowrap;flex-shrink:0;font-size:11px}.inbox-row-body{color:var(--text-3);word-break:break-word;overflow-wrap:anywhere;font-size:12px;line-height:1.5}.inbox-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.inbox-tag-pill{border:1px solid var(--border);border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.inbox-tag-high{background:var(--danger-bg);color:var(--danger);border-color:#ef444440}@media (width<=480px){.inbox-row-head{flex-direction:column;align-items:flex-start;gap:4px}.inbox-row-meta{white-space:normal}.inbox-filter-popover{max-width:calc(100vw - 32px);left:0;right:auto}}.inbox-date-group{flex-direction:column;display:flex}.inbox-date-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.07em;background:var(--surface-2);border-bottom:1px solid var(--border);z-index:2;padding:10px 18px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.plan-section-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:10px;font-weight:700}.plan-toggle-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.plan-toggle{flex-shrink:0;width:38px;height:22px;position:relative}.plan-toggle input{opacity:0;width:0;height:0;position:absolute}.plan-toggle-slider{background:var(--border);border-radius:22px;transition:background .2s;position:absolute;inset:0}.plan-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}.plan-toggle input:checked+.plan-toggle-slider{background:var(--primary,#0d9488)}.plan-toggle input:checked+.plan-toggle-slider:before{transform:translate(16px)}.provision-form-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:12px;margin-top:8px;padding:20px}.provision-form-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;display:flex}.provision-form-title{color:var(--text);font-size:15px;font-weight:700}.provision-form-subtitle{color:var(--text-dim);margin-top:3px;font-size:12px;line-height:1.5}.expanded-sub-row{background:var(--surface-2);border-radius:8px;margin:0 2px 4px;padding:16px 20px}.expanded-sub-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.expanded-sub-module-count{background:var(--primary-bg,#0d94881a);color:var(--primary,#0d9488);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.expanded-sub-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.expanded-sub-detail-row:last-child{border-bottom:none}.expanded-sub-detail-label{color:var(--text-dim);font-size:12px}.bulk-action-bar{z-index:200;background:var(--navy-2,#1a2d42);border:1px solid var(--border);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-lg,0 8px 24px #0000004d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding:10px 18px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.bulk-action-bar__count{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.bulk-action-bar__actions{gap:8px;display:flex}.bulk-action-bar__clear{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;line-height:1}.bulk-action-bar__clear:hover{color:var(--text);background:var(--surface-3)}.gs-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-top:72px;background:#0000008c;justify-content:center;align-items:flex-start;padding-inline:16px;display:flex;position:fixed;inset:0}.gs-box{background:var(--surface,#fff);width:100%;max-width:580px;box-shadow:0 24px 64px #00000059, 0 0 0 1px var(--border);border-radius:16px;flex-direction:column;max-height:calc(100vh - 120px);display:flex;overflow:hidden}.gs-header{align-items:center;gap:10px;padding:14px 16px;display:flex}.gs-header__icon{color:var(--text-dim);flex-shrink:0}.gs-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px;font-weight:500}.gs-input::placeholder{color:var(--text-dim);font-weight:400}.gs-clear-btn{background:var(--surface-3);width:22px;height:22px;color:var(--text-dim);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.gs-clear-btn:hover{background:var(--border);color:var(--text)}.gs-close-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:background .15s;display:flex}.gs-close-btn:hover{background:var(--surface-2);color:var(--text)}.gs-close-label{font-size:11px;font-weight:600}.gs-divider{background:var(--border);flex-shrink:0;height:1px}.gs-results{flex:1;overflow-y:auto}.gs-category{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);align-items:center;gap:6px;padding:10px 16px 4px;font-size:10px;font-weight:700;display:flex}.gs-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:9px 16px;transition:background .1s;display:flex}.gs-item:hover,.gs-item:focus-visible{background:var(--surface-2,#ffffff0a);outline:none}.gs-item__avatar{background:var(--primary-bg,#0d94881f);width:30px;height:30px;color:var(--primary,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.gs-item__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.gs-item__icon--job{color:#3b82f6;background:#3b82f61f}.gs-item__icon--ticket{color:#f59e0b;background:#f59e0b1f}.gs-item__body{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.gs-item__label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.gs-item__sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.gs-item__sub--capitalize{text-transform:capitalize}.gs-item__arrow{color:var(--text-dim);flex-shrink:0;font-size:16px}.gs-link{cursor:pointer;color:var(--primary,#0d9488);font-size:inherit;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.gs-link:hover{opacity:.8}.gs-input:disabled{opacity:.5;cursor:not-allowed}.gs-shimmer-wrap{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.gs-shimmer-row{align-items:center;gap:12px;display:flex}.gs-shimmer-icon{border-radius:8px;flex-shrink:0;width:30px;height:30px}.gs-shimmer-text{border-radius:6px;height:13px}.gs-empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 24px;display:flex}.gs-empty__icon{color:var(--text-dim);opacity:.5}.gs-empty__title{color:var(--text);margin:0;font-size:14px;font-weight:600}.gs-empty__sub{color:var(--text-dim);margin:0;font-size:12px}.gs-footer{border-top:1px solid var(--border);color:var(--text-dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:11px;display:flex}.gs-footer__hint{align-items:center;gap:4px;display:flex}.gs-footer kbd{border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;font-family:inherit;font-size:10px;display:inline-flex}.skeleton-dot{background:var(--surface-3);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-icon{animation:1.4s ease-in-out infinite skeleton-pulse;background:var(--surface-3)!important}.skeleton-line{background:var(--surface-3);border-radius:4px;height:12px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton-line--sm{width:40%}.skeleton-line--md{width:65%}.skeleton-line--full{width:90%}.skeleton-table-row td{border-bottom:1px solid var(--border);padding:12px 10px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.inbox-skeleton{pointer-events:none}.inbox-empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:0;padding:52px 24px;font-size:14px;display:flex}.inbox-empty-icon-wrap{background:#8fa3ba1a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.inbox-empty-title{color:var(--text-2);margin-bottom:6px;font-size:15px;font-weight:600}.inbox-empty-sub{color:var(--text-4);max-width:320px;font-size:13px;line-height:1.5}.inbox-error-state .inbox-empty-title{color:var(--rose)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.private-masked{letter-spacing:.15em;color:var(--text-3);-webkit-user-select:none;user-select:none;filter:blur();font-family:monospace}.privacy-toggle-btn{color:var(--text-3)}.privacy-toggle-btn:hover{color:var(--primary);background:#00c6ae1a;border-color:#00c6ae4d}.landing-top-header{box-sizing:border-box;width:100%;padding:0}.landing-nav-cluster{flex-wrap:nowrap;flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow:visible}.landing-nav-cluster>a:first-of-type{flex-shrink:0}.landing-header-ctas{flex-shrink:0;align-items:center;gap:8px;display:flex}.landing-nav-links-desktop{flex-wrap:nowrap;align-items:center;gap:2px;display:flex}:root{--marketing-eyebrow-font:"JetBrains Mono", ui-monospace, monospace;--marketing-h1-size:clamp(32px, 6vw, 60px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.marketing-eyebrow{font-family:var(--marketing-eyebrow-font);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-dark);align-items:center;gap:10px;margin-bottom:16px;font-size:12px;font-weight:500;display:inline-flex}.marketing-eyebrow--center{justify-content:center}.marketing-eyebrow-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}.marketing-eyebrow-divider{color:var(--text-4);font-weight:400}.landing-trust-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:24px;display:flex}.landing-trust-strip-badge{color:var(--text-3);align-items:baseline;gap:6px;font-size:13px;display:flex}.landing-trust-strip-badge strong{color:var(--text-2);font-weight:700}.landing-why-pullquote{border:1px solid;border-radius:12px;padding:16px 18px}.landing-why-pullquote-val{margin-bottom:4px;font-size:14px;font-weight:700}.landing-why-pullquote-label{color:var(--text-3);font-size:12px}.landing-hero-section{background:linear-gradient(165deg,#f0fdfa 0%,#fff 45%,#f8fafc 100%);padding:72px 40px 56px;overflow:hidden}.landing-hero-inner{align-items:center;gap:60px;width:100%;max-width:1140px;margin:0 auto;display:flex}.landing-hero-inner--stacked{flex-direction:column;align-items:stretch;gap:40px}.landing-hero-copy{flex:auto;min-width:0;max-width:640px;padding-bottom:0}.landing-hero-inner--stacked .landing-hero-copy{text-align:center;max-width:720px;margin-left:auto;margin-right:auto}.landing-hero-inner--stacked .landing-hero-ctas,.landing-hero-inner--stacked .landing-hero-badges{justify-content:center}.landing-hero-badges{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;display:flex}.landing-hero-h1{font-size:var(--marketing-h1-size)}.landing-hero-sub{overflow-wrap:anywhere;max-width:100%}.landing-hero-ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;display:flex}.marketing-hero-showcase,.landing-hero-showcase{width:100%;padding:0 4px 28px;position:relative}.marketing-hero-showcase-frame,.landing-hero-showcase-frame{z-index:1;width:100%;box-shadow:0 4px 6px #0f172a0a, 0 24px 48px color-mix(in srgb, var(--marketing-hero-accent,#0d9488) 18%, transparent);aspect-ratio:16/10;background:#fff;border:1px solid #e5e7eb;border-radius:20px;min-height:280px;max-height:520px;position:relative;overflow:hidden}.landing-hero-showcase .marketing-hero-showcase-frame,.landing-hero-showcase-frame{aspect-ratio:16/9;min-height:min(52vh,520px);max-height:640px}.marketing-hero-showcase-atmosphere{z-index:0;opacity:.35;filter:blur(18px)saturate(1.1);pointer-events:none;border-radius:24px;position:absolute;inset:8% 4% 18%;overflow:hidden;transform:scale(1.05)}.marketing-hero-showcase-atmosphere img{object-fit:cover;width:100%;height:100%;display:block}.marketing-hero-showcase-img,.landing-hero-showcase-img{width:100%;height:100%;min-height:inherit;vertical-align:middle;object-position:center 42%;display:block}.marketing-hero-showcase-img--cover{object-fit:cover}.marketing-hero-showcase-img--contain{object-fit:contain;object-position:center;background:radial-gradient(ellipse at 30% 20%, color-mix(in srgb, var(--marketing-hero-accent,#0d9488) 12%, transparent), transparent 55%), linear-gradient(165deg, #f8fafc 0%, #f0fdfa 45%, #fff 100%);box-sizing:border-box;padding:28px 20px 20px}.marketing-hero-showcase-blob,.landing-hero-showcase-blob{z-index:0;pointer-events:none;opacity:.95;background-image:radial-gradient(circle at center, #ffffff59 1.2px, transparent 1.2px), linear-gradient(145deg, color-mix(in srgb, var(--marketing-hero-accent,#0d9488) 55%, #5eead4) 0%, var(--marketing-hero-accent,#0d9488) 55%, color-mix(in srgb, var(--marketing-hero-accent,#0d9488) 70%, #0f766e) 100%);background-size:10px 10px,100% 100%;position:absolute}.marketing-hero-showcase-blob--bl,.landing-hero-showcase-blob--bl{border-radius:0 80% 0 20px;width:min(200px,28vw);height:min(120px,16vw);bottom:0;left:0;transform:translate(-12%,18%)}.marketing-hero-showcase-blob--br,.landing-hero-showcase-blob--br{opacity:.75;border-radius:80% 0 20px;width:min(160px,22vw);height:min(100px,14vw);bottom:0;right:0;transform:translate(8%,22%)}.marketing-hero-showcase-tilt,.landing-hero-showcase-tilt{z-index:1;perspective:1400px;position:relative}.marketing-hero-showcase-tilt .marketing-hero-showcase-frame,.landing-hero-showcase-tilt .landing-hero-showcase-frame,.landing-hero-showcase-tilt .marketing-hero-showcase-frame{transition:transform .45s;animation:.7s ease-out both marketing-hero-settle;transform:rotateY(-3deg)rotateX(1deg)}@media (width<=900px){.marketing-hero-showcase-tilt .marketing-hero-showcase-frame,.landing-hero-showcase-tilt .landing-hero-showcase-frame,.landing-hero-showcase-tilt .marketing-hero-showcase-frame{animation:none;transform:none}}@keyframes marketing-hero-settle{0%{opacity:.6;transform:rotateY(-6deg)rotateX(2deg)translateY(12px)}to{opacity:1;transform:rotateY(-3deg)rotateX(1deg)translateY(0)}}.marketing-hero-showcase-chrome,.landing-hero-showcase-chrome{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-bottom:1px solid #0f172a0f;align-items:center;gap:6px;height:32px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.marketing-hero-showcase-chrome-dot,.landing-hero-showcase-chrome-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.marketing-hero-showcase-chrome-dot--red,.landing-hero-showcase-chrome-dot--red{background:#f87171}.marketing-hero-showcase-chrome-dot--amber,.landing-hero-showcase-chrome-dot--amber{background:#fbbf24}.marketing-hero-showcase-chrome-dot--green,.landing-hero-showcase-chrome-dot--green{background:#34d399}.marketing-hero-showcase-chrome-url,.landing-hero-showcase-chrome-url{font-family:var(--marketing-eyebrow-font);color:var(--text-3);margin-left:10px;font-size:11px}.marketing-hero-showcase-toast,.landing-hero-showcase-toast{z-index:3;max-width:220px;box-shadow:var(--shadow-lg);color:var(--text-2);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;line-height:1.4;animation:.55s ease-out .25s both marketing-hero-toast-in;display:flex;position:absolute}.marketing-hero-showcase-toast--bottom-left,.landing-hero-showcase-toast{bottom:-14px;left:20px;transform:rotate(-2deg)}.marketing-hero-showcase-toast--top-right{animation-delay:.4s;top:44px;right:16px;transform:rotate(2deg)}.marketing-hero-showcase-toast strong,.landing-hero-showcase-toast strong{color:var(--text);font-size:13px}.marketing-hero-showcase-toast-icon,.landing-hero-showcase-toast-icon{background:color-mix(in srgb, var(--marketing-hero-accent,#0d9488) 14%, white);width:30px;height:30px;color:var(--marketing-hero-accent,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@keyframes marketing-hero-toast-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (width<=600px){.marketing-hero-showcase-toast,.landing-hero-showcase-toast{display:none}}@media (prefers-reduced-motion:reduce){.marketing-hero-showcase-tilt .marketing-hero-showcase-frame,.landing-hero-showcase-tilt .marketing-hero-showcase-frame,.marketing-hero-showcase-toast{animation:none!important}}.landing-showcase-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:440px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 16px 40px #0d948814}.landing-showcase-card--why{padding-bottom:12px}.landing-showcase-card-img{object-fit:contain;z-index:1;width:100%;height:auto;display:block;position:relative}.landing-showcase-card--why .landing-hero-showcase-blob--bl{width:120px;height:72px}.landing-why-aside{flex-direction:column;align-items:stretch;gap:20px;display:flex}.landing-why-image-frame{aspect-ratio:1;background:linear-gradient(#f8fafc 0%,#f0fdfa 100%);border:1px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:440px;margin:0 auto;padding:20px;display:flex;overflow:hidden;box-shadow:0 12px 36px #0000000d}.landing-why-visual{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.landing-why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}@media (width<=900px){.landing-why-grid{grid-template-columns:1fr;gap:40px}.landing-hero-inner--stacked{gap:28px}.landing-hero-copy{max-width:none}.landing-hero-showcase{padding:0 0 16px}.landing-hero-showcase-frame{border-radius:16px}}@media (width<=600px){.landing-hero-cards{grid-template-columns:1fr}.landing-hero-section{padding:48px 16px 32px}.landing-hero-showcase-blob{opacity:.65}}@media (width<=480px){.landing-top-header{padding:8px 12px}}.landing-product-tabs{padding:0 40px}@media (width<=600px){.landing-product-tabs{padding:0 16px}.landing-product-tab{padding:12px 14px!important;font-size:12px!important}}.landing-product-tab:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:4px 4px 0 0}@media print{body *{visibility:hidden}#payslip-print-area,#payslip-print-area *{visibility:visible}#payslip-print-area{width:100%;position:absolute;top:0;left:0}}.landing-pillar-tabpanel{animation:.22s cubic-bezier(.33,1,.68,1) landing-tabpanel-in}@keyframes landing-tabpanel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-pillar-tabpanel{animation:none}}.landing-nav-burger-wrap{flex-shrink:0;align-items:center;display:none}.landing-nav-burger{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .15s,border-color .15s;display:flex}.landing-nav-burger:hover{background:#f9fafb;border-color:#d1d5db}.landing-mobile-backdrop{z-index:400;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0006;border:none;width:100%;height:100%;margin:0;padding:0;display:block;position:fixed;inset:0}.landing-mobile-panel{z-index:410;background:#fff;flex-direction:column;width:min(100%,400px);max-width:100vw;animation:.22s ease-out landing-mobile-panel-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-8px 0 40px #0000001f}@keyframes landing-mobile-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.landing-mobile-panel{animation:none}}.landing-mobile-panel-head{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.landing-mobile-panel-title{color:#111827;font-size:17px;font-weight:800}.landing-mobile-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.landing-mobile-close:hover{color:#111827;background:#f3f4f6}.landing-mobile-panel-ctas{border-bottom:1px solid #f3f4f6;flex-shrink:0;gap:10px;padding:14px 18px;display:flex}.landing-mobile-cta-secondary{text-align:center;color:#374151;border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none}.landing-mobile-cta-primary{text-align:center;color:#fff;background:#0d9488;border-radius:8px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #0d948859}.landing-mobile-nav-list{-webkit-overflow-scrolling:touch;flex:1;padding:12px 0 24px;overflow-y:auto}.landing-mobile-plain-link{color:#111827;border-bottom:1px solid #f3f4f6;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none;display:block}.landing-mobile-plain-link:active{background:#f9fafb}.landing-mobile-group-toggle{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.landing-mobile-chevron{opacity:.55;flex-shrink:0;transition:transform .2s}.landing-mobile-chevron.expanded{transform:rotate(180deg)}.landing-mobile-group-items{background:#fafafa;border-bottom:1px solid #f3f4f6;margin:0;padding:4px 12px 12px}.landing-mobile-sublink{color:inherit;border-radius:10px;align-items:flex-start;gap:12px;padding:10px 8px;text-decoration:none;display:flex}.landing-mobile-sublink:active{background:#0d948814}.landing-mobile-sublink-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing-mobile-sublink-text{flex-direction:column;gap:2px;min-width:0;display:flex}.landing-mobile-sublink-title{color:#111827;font-size:13px;font-weight:600}.landing-mobile-sublink-desc{color:#9ca3af;font-size:11px;line-height:1.45}@media (width<=1140px){.landing-nav-links-desktop,.landing-header-ctas-desktop{display:none}.landing-nav-burger-wrap{display:flex}.landing-nav-cluster{flex:auto;min-width:0;overflow:visible}}.nav-icon-svg{color:inherit;flex-shrink:0}.company-pill{border-radius:var(--radius);background:var(--primary-bg);color:var(--primary);cursor:pointer;border:1px solid #0d948826;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;transition:background .12s;display:flex}.company-pill:hover{background:var(--primary-light)}.sidebar-close-btn{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;display:none}.logout-btn{justify-content:center;align-items:center;gap:6px;display:flex}.sidebar .logout-btn{display:none}.topbar-avatar{width:34px;height:34px;font-size:12px}.notif-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);z-index:1000;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.notif-count-badge{background:var(--danger);color:#fff;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.notif-section-label{color:var(--text-4);text-transform:uppercase;letter-spacing:.08em;background:var(--surface-2);padding:8px 16px;font-size:10px;font-weight:700}.notif-item{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:background .1s;display:flex}.notif-item:hover{background:var(--surface-2);text-decoration:none}.notif-item-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notif-icon-warning{background:var(--warning-bg);color:var(--warning)}.notif-icon-primary{background:var(--primary-bg);color:var(--primary)}.notif-item-title{color:var(--text);font-size:13px;font-weight:600}.notif-item-sub{color:var(--text-3);margin-top:1px;font-size:11px}.notif-empty{text-align:center;color:var(--text-3);padding:28px 16px;font-size:13px}.notif-panel-footer{border-top:1px solid var(--border);text-align:center;background:var(--surface-2);padding:10px 16px}.notif-view-all{color:var(--primary);font-size:12px;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0000008c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-lg);max-height:90vh;overflow:hidden auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:8px;padding:14px 24px;display:flex}.payslip-month-badge{background:var(--primary-bg);color:var(--primary);border:1px solid #0d948833;border-radius:99px;padding:4px 16px;font-size:13px;font-weight:700;display:inline-block}.payslip-emp-card{background:var(--primary-bg);border-radius:var(--radius-lg);border:1px solid #0d948826;margin-bottom:20px;padding:14px 16px}.payslip-emp-grid{grid-template-columns:1fr 1fr;gap:10px 24px;display:grid}.payslip-cols{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px;display:grid}.payslip-col-header{text-transform:uppercase;letter-spacing:.07em;color:var(--text-4);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:700}.payslip-line{color:var(--text-2);border-bottom:1px solid var(--surface-3);justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.payslip-line-total{color:var(--text);border-bottom:none;margin-top:4px;font-weight:700}.payslip-net{background:var(--surface-2);border-radius:var(--radius-lg);border-top:2px solid var(--primary);color:var(--text);justify-content:space-between;align-items:center;margin-top:4px;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.payslip-net-amount{color:var(--primary);font-size:26px;font-weight:800}.app-module-intro,.app-module-intro--compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);border-left:3px solid var(--module-accent,var(--primary));grid-template-columns:150px 1fr;align-items:center;gap:14px;margin-bottom:16px;padding:12px 14px;display:grid;position:relative}.app-module-intro--collapsed{border-left-width:2px;margin-bottom:12px;padding:8px 12px;display:block}.app-module-intro__expand{cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.app-module-intro__dismiss{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.app-module-intro__image-frame{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(145deg,#00000008,#0000000f);justify-content:center;align-items:center;width:100%;height:88px;padding:8px;display:flex}.app-module-intro__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.app-module-intro__eyebrow{letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}.app-module-intro__title{color:var(--text);margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.25}.app-module-intro__subtitle{color:var(--text-3);max-width:52rem;margin:0 0 10px;font-size:12px;line-height:1.45}.app-module-intro__metrics{flex-wrap:wrap;gap:8px 14px;display:flex}.app-module-intro__metric{flex-direction:column;align-items:center;gap:2px;display:flex}.app-module-intro__metric-value{text-align:center;font-size:13px;font-weight:700;line-height:1.1}.app-module-intro__metric-value-skeleton{background:var(--surface-3);border-radius:4px;width:52px;height:14px;animation:1.4s ease-in-out infinite skeleton-pulse;display:inline-block}.app-module-intro__metric-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:10px}.app-module-empty__thumb{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);width:72px;height:52px;margin:0 auto 12px;padding:4px}.app-module-empty__thumb img{object-fit:contain;width:100%;height:100%}.app-module-empty__title{margin:0 0 8px;font-size:14px;font-weight:700}.quick-action-card__thumb{background:#ffffffd9;border:1px solid #0000000f;border-radius:8px;width:100%;height:56px;margin-bottom:8px;overflow:hidden}.quick-action-card__thumb img{object-fit:contain;width:100%;height:100%;padding:4px}.run-payroll-wizard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.wizard-header{border-bottom:1px solid var(--border);background:var(--surface-2);padding:16px 24px}.wizard-steps{align-items:center;gap:0;margin-top:14px;display:flex}.wizard-step-wrap{align-items:center;gap:0;display:flex}.wizard-step{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-3);cursor:pointer;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.wizard-step:hover{background:var(--surface-3)}.wizard-step.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.wizard-step.done{background:var(--success-bg);color:var(--success);border-color:#10b9814d}.wizard-step-num{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.wizard-step-label{font-size:13px}.wizard-step-arrow{color:var(--text-4);flex-shrink:0;margin:0 4px}.wizard-meta{color:var(--text-3);align-items:center;gap:20px;margin-top:12px;font-size:13px;display:flex}.wizard-meta-item{align-items:center;gap:6px;display:flex}.wizard-success{background:var(--success-bg);border-radius:var(--radius);color:var(--success);border:1px solid #10b98140;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.wizard-error{background:var(--danger-bg);border-radius:var(--radius);color:var(--danger);border:1px solid #ef444433;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.wizard-review-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.wizard-review-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:14px}.wizard-review-label{color:var(--text-3);margin-bottom:6px;font-size:11px;font-weight:500}.wizard-review-value{color:var(--text);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.payroll-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.payroll-table-toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.payroll-table-toolbar .page-toolbar__search,.payroll-table-toolbar .search-input-wrap.page-toolbar__search{flex:240px;min-width:0;max-width:min(100%,420px)}.payroll-table-toolbar__actions{flex-shrink:0;margin-left:auto}.payroll-tabs{border-bottom:none;align-items:flex-end;gap:2px;margin-bottom:0;display:flex}.search-input-wrap{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;color:var(--text-3);align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-input-wrap>svg{flex-shrink:0}.search-input-wrap:focus-within{border-color:var(--primary);color:var(--text);box-shadow:0 0 0 3px #0d948814}.search-input-wrap .search-input{width:100%;min-width:0;box-shadow:none;color:var(--text);appearance:none;background:0 0;border:none;border-radius:0;outline:none;flex:1;margin:0;padding:0;font-family:inherit;font-size:13px;line-height:1.35}.search-input-wrap .search-input:focus{box-shadow:none;background:0 0;border:none;width:100%}.search-input-wrap .search-input::placeholder{color:var(--text-4)}.search-input-wrap .search-input::-webkit-search-decoration{appearance:none}.search-input-wrap .search-input::-webkit-search-cancel-button{appearance:none}.payroll-table th,.payroll-table td{white-space:nowrap}.payroll-table th:first-child,.payroll-table td:first-child{text-align:center;width:36px}.payroll-pagination{border-top:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.page-btn--active{background:var(--primary,#0d9488);color:#fff;border-color:var(--primary)}.page-btn--ellipsis{cursor:default;color:var(--text-dim);background:0 0;border:none}.btn-icon{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text-3);cursor:pointer;justify-content:center;align-items:center;transition:all .12s;display:flex}.btn-icon:hover{background:var(--surface-3);color:var(--text)}.quick-action-card{border-radius:var(--radius-lg);cursor:pointer;text-align:center;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-height:88px;padding:16px 10px;transition:all .15s;display:flex}.quick-action-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.sidebar-overlay{z-index:99;background:#0000004d;display:none;position:fixed;inset:0}.mobile-menu-btn{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;display:none}@media (width<=768px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-overlay{display:block}.mobile-menu-btn{display:flex}.topbar-icon-btn{width:40px;height:40px}.main-content{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header>div:last-child{width:100%}.page-header .btn-primary,.page-header .btn-ghost,.page-header .btn-danger{justify-content:center;width:100%}.topbar-right{gap:6px}.topbar-datetime{display:none}.search-input-wrap,.search-input-wrap.page-toolbar__search,.page-toolbar__search{flex:100%;width:100%;max-width:none}.search-input-wrap .search-input{width:100%;min-width:0}.form-grid--cols-2,.form-grid--cols-3,.form-grid--cols-4{grid-template-columns:1fr}.form-field--narrow{max-width:none}.form-panel{padding:14px}.modal-panel{max-width:100%}.modal-header,.modal-footer,.modal-box form,.modal-box .form-panel{padding-left:14px;padding-right:14px}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn-primary,.modal-footer .btn-ghost,.modal-footer .btn-danger{justify-content:center;width:100%}.settings-row{align-items:flex-start;gap:10px}.settings-row>:last-child{flex-shrink:0}.login-brand{display:none}.login-form-wrap{width:100%;padding:40px 24px}.page-content{padding:16px}.stat-cards{grid-template-columns:repeat(2,1fr)}.payroll-subnav{flex-wrap:wrap}.app-module-intro,.app-module-intro--compact{grid-template-columns:1fr}.app-module-intro__image{max-height:100px}.wizard-review-grid{grid-template-columns:repeat(2,1fr)}.payslip-cols{grid-template-columns:1fr;gap:0}.quick-action-card{min-height:72px;padding:12px 8px}}@media (width<=1024px){.page-content{padding:18px}.form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--cols-4:has(.form-field--narrow){grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 18px}}@media (width>=1600px){.page-content{width:100%;max-width:1480px;margin:0 auto}}@media (width<=480px){.stat-cards{grid-template-columns:1fr}.topbar{padding:0 16px}.topbar-left h1{font-size:14px}.wizard-review-grid{grid-template-columns:1fr 1fr}.quick-action-card{padding:10px 6px}.btn-primary,.btn-ghost,.btn-danger{justify-content:center;width:100%}.payroll-table-toolbar{padding:10px}.payroll-pagination{flex-direction:column;align-items:flex-start;gap:8px}}.theme-color-wheel-wrap{width:100%;max-width:320px}.hsv-wheel-picker{flex-direction:row;align-items:stretch;gap:14px;display:flex}.hsv-wheel-picker__value{border:1px solid var(--border);cursor:ns-resize;border-radius:8px;flex:0 0 28px;min-height:220px;overflow:hidden}.marketing-layout{background:#fff;flex-direction:column;min-height:100vh;display:flex}.marketing-layout-main{flex-direction:column;flex:1;display:flex}.marketing-container{box-sizing:border-box;width:100%;max-width:1140px;margin:0 auto;padding-left:24px;padding-right:24px}.marketing-page-shell{color:#111827;background:#fff;min-height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif}.marketing-hero-section{padding:64px 0 48px;overflow:hidden}.marketing-hero-inner{flex-wrap:wrap;align-items:center;gap:clamp(28px,4.5vw,56px);display:flex}.marketing-hero-inner--centered{text-align:center;flex-direction:column;max-width:780px;margin:0 auto}.marketing-hero-inner--centered .marketing-hero-copy{flex-direction:column;align-items:center;display:flex}.marketing-hero-inner--split .marketing-hero-copy{flex:min(380px,100%);min-width:0;max-width:520px}.marketing-hero-inner--split .marketing-hero-visual{flex:1.15 min(360px,100%);justify-content:flex-end;align-items:center;min-width:0;max-width:100%;display:flex}.marketing-hero-title{letter-spacing:-.04em;color:#111827;margin:0 0 20px;font-size:clamp(34px,5.5vw,56px);font-weight:900;line-height:1.12}.marketing-hero-subtitle{color:#4b5563;max-width:560px;margin:0 0 28px;font-size:17px;line-height:1.75}.marketing-hero-inner--centered .marketing-hero-subtitle{margin-left:auto;margin-right:auto}.marketing-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.marketing-hero-inner--centered .marketing-hero-actions{justify-content:center}.marketing-hero-cta-primary{color:#fff;border-radius:99px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 18px #0d94884d}.marketing-hero-cta-secondary{color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:99px;align-items:center;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.marketing-hero-stats{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.marketing-hero-inner--centered .marketing-hero-stats{justify-content:center}.marketing-hero-stat{background:var(--marketing-hero-stat-bg,#0d948814);border:1px solid var(--marketing-hero-stat-border,#0d94882e);border-radius:14px;min-width:118px;padding:14px 18px}.marketing-hero-stat-value{letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1.3}.marketing-hero-stat-label{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-top:4px;font-size:11px;font-weight:600}.marketing-hero-image-frame{aspect-ratio:16/11;width:100%;max-width:520px;box-shadow:none;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;padding:0;display:flex;overflow:visible}.marketing-hero-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.marketing-page-shell [id]{scroll-margin-top:88px}.landing-pillar-spotlight{background:#fff;border:1px solid #e5e7eb;border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-bottom:28px;padding:32px;display:grid}.landing-pillar-spotlight-badge{border-radius:99px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.landing-pillar-spotlight-title{color:#111827;letter-spacing:-.4px;margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.2}.landing-pillar-spotlight-summary{color:#6b7280;margin:0 0 20px;font-size:15px;line-height:1.7}.landing-pillar-spotlight-cta{color:#fff;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-pillar-spotlight-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001f}.landing-pillar-spotlight-visual img{object-fit:contain;width:100%;max-height:280px;display:block}.landing-pillar-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.landing-pillar-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.landing-pillar-card-image-wrap{background:linear-gradient(160deg,#f8fafc 0%,#f0fdfa 100%);justify-content:center;align-items:flex-end;min-height:120px;padding:12px 12px 0;display:flex}.landing-pillar-card-image-wrap img{object-fit:contain;width:100%;max-height:100px;display:block}.landing-pillar-card-body{padding:16px 18px 18px}.landing-pillar-card-label{margin-bottom:6px;font-size:14px;font-weight:700}.landing-pillar-card-desc{color:#6b7280;margin:0 0 10px;font-size:12px;line-height:1.55}.landing-pillar-card-link{align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.landing-pillar-all-modules{text-align:center;margin-top:32px}.landing-role-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=900px){.landing-role-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.landing-role-grid{grid-template-columns:1fr}}.blog-card-cover{object-fit:cover;background:linear-gradient(160deg,#f8fafc,#f0fdfa);border-radius:12px 12px 0 0;width:calc(100% + 56px);height:160px;margin:-28px -28px 16px}.blog-article-cover{object-fit:cover;background:#f9fafb;border-radius:16px;width:100%;max-height:320px;margin-bottom:32px}.success-story-visual{object-fit:contain;background:#fff9;border-radius:12px;width:100%;max-height:180px;margin-bottom:20px;padding:8px}@media (width<=900px){.landing-pillar-spotlight{grid-template-columns:1fr}.landing-pillar-spotlight-visual{order:-1}}.marketing-section{padding:64px 0}.marketing-section--muted{background:#f9fafb}.marketing-section--bordered{border-top:1px solid #e5e7eb}.marketing-section h2.marketing-section-title{color:#111827;letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.2}.marketing-section .marketing-section-lead{color:#6b7280;text-align:center;max-width:560px;margin:0 auto 48px;font-size:16px;line-height:1.65}.marketing-sub-spotlight{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:36px 48px;box-shadow:0 4px 24px #0f172a0f}.marketing-sub-spotlight__intro{max-width:640px;margin-bottom:28px;padding-left:4px;padding-right:4px}.marketing-sub-spotlight__title{color:#111827;letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.2}.marketing-sub-spotlight__subtitle{color:#6b7280;margin:0;font-size:15px;line-height:1.65}.marketing-sub-spotlight__sample-tag{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:99px;margin-top:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.marketing-sub-spotlight__body{flex-direction:column;gap:24px;display:flex}.marketing-sub-spotlight__metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;display:grid}.marketing-sub-spotlight__metric{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;padding:16px 18px;position:relative}.marketing-sub-spotlight__metric-label{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin-bottom:6px;font-size:11px;font-weight:700}.marketing-sub-spotlight__metric-value{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.marketing-sub-spotlight__metric-hint{color:#6b7280;margin-top:4px;font-size:12px}.marketing-sub-spotlight__checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.marketing-sub-spotlight__check-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.marketing-sub-spotlight__check-icon{color:#fff;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.marketing-sub-spotlight__check-icon--done{border-width:0}.marketing-sub-spotlight__check-label{color:#111827;font-size:14px;font-weight:700}.marketing-sub-spotlight__check-detail{color:#6b7280;margin-top:2px;font-size:13px}.marketing-sub-spotlight__table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.marketing-sub-spotlight__table{border-collapse:collapse;width:100%;font-size:13px}.marketing-sub-spotlight__table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;padding:12px 16px;font-size:11px;font-weight:700}.marketing-sub-spotlight__table td{color:#374151;border-top:1px solid #f3f4f6;padding:12px 16px}.marketing-sub-spotlight__pipeline{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.marketing-sub-spotlight__pipeline-col{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.marketing-sub-spotlight__pipeline-head{color:#111827;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.marketing-sub-spotlight__pipeline-count{font-size:18px;font-weight:800}.marketing-sub-spotlight__pipeline-samples{color:#6b7280;flex-direction:column;gap:4px;font-size:12px;display:flex}.marketing-sub-spotlight__timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.marketing-sub-spotlight__timeline-step{border-left:2px solid #e5e7eb;gap:14px;margin-left:10px;padding:14px 0 14px 22px;display:flex;position:relative}.marketing-sub-spotlight__timeline-dot{background:#fff;border:2px solid #d1d5db;border-radius:50%;width:12px;height:12px;position:absolute;top:18px;left:-7px}.marketing-sub-spotlight__timeline-step--done .marketing-sub-spotlight__timeline-dot{color:#fff;font-size:8px}.marketing-sub-spotlight__timeline-title{color:#111827;font-size:14px;font-weight:700}.marketing-sub-spotlight__timeline-meta{color:#6b7280;margin-top:2px;font-size:13px}.marketing-sub-spotlight__cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.marketing-sub-spotlight__card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.marketing-sub-spotlight__card-tag{text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.marketing-sub-spotlight__card-title{color:#111827;margin:8px 0 6px;font-size:15px;font-weight:700}.marketing-sub-spotlight__card-body{color:#6b7280;margin:0;font-size:13px;line-height:1.55}.marketing-sub-spotlight__footnote{color:#9ca3af;border-top:1px solid #f3f4f6;margin:20px 0 0;padding-top:16px;font-size:13px;font-style:italic}@media (width<=640px){.marketing-sub-spotlight{padding:24px}}@media (width<=900px){.marketing-hero-inner--split{text-align:center;flex-direction:column;align-items:stretch}.marketing-hero-inner--split .marketing-hero-copy{max-width:none}.marketing-hero-inner--split .marketing-hero-visual,.marketing-hero-inner--split .marketing-hero-actions{justify-content:center}.marketing-hero-image-frame{max-width:400px;margin:0 auto}}.marketing-header-row{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.legal-page{color:var(--text);background:#fff;flex:1;font-family:Inter,Segoe UI,system-ui,sans-serif}.legal-subnav{z-index:150;background:#fff;border-bottom:1px solid #e8eaed;position:sticky;top:64px}.legal-subnav-inner{align-items:center;gap:32px;max-width:1140px;min-height:52px;margin:0 auto;padding:0 40px;display:flex}.legal-subnav-hub{letter-spacing:.12em;text-transform:uppercase;color:#111827;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:800}.legal-subnav-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.legal-subnav-tabs::-webkit-scrollbar{display:none}.legal-subnav-tab{color:#6b7280;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:14px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.legal-subnav-tab:hover{color:#111827}.legal-subnav-tab--active{color:#0d9488;border-bottom-color:#0d9488;font-weight:600}.legal-main{max-width:920px;margin:0 auto;padding:48px 40px 64px}.legal-hero{align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.legal-hero-icon{color:#6b7280;background:#fafafa;border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.legal-hero-updated{color:#374151;margin-bottom:8px;font-size:15px}.legal-hero-updated strong{color:#111827;font-weight:700}.legal-hero-title{letter-spacing:.04em;text-transform:uppercase;color:#9ca3af;font-size:28px;font-weight:700;line-height:1.25}.legal-hero-subtitle{color:#6b7280;text-transform:none;letter-spacing:normal;margin-top:10px;font-size:15px;font-weight:400;line-height:1.5}.legal-intro{text-transform:uppercase;color:#4b5563;border-bottom:1px solid #f3f4f6;margin-bottom:28px;padding-bottom:28px;font-size:13px;font-style:italic;line-height:1.75}.legal-summary{background:#f0fdfa;border:1px solid #99f6e4;border-left:4px solid #0d9488;border-radius:10px;flex-direction:column;gap:4px;margin-bottom:32px;padding:14px 18px;display:flex}.legal-summary-label{letter-spacing:.08em;text-transform:uppercase;color:#0d9488;font-size:11px;font-weight:800}.legal-summary-body{color:#115e59;margin:0;font-size:14px;line-height:1.6}.legal-article{color:#374151;font-size:15px;line-height:1.8}.legal-section{margin-bottom:36px}.legal-section-title{color:#111827;margin-bottom:14px;font-size:17px;font-weight:700}.legal-p{margin:0 0 14px}.legal-ul{margin:0 0 14px;padding-left:22px}.legal-ul li{margin-bottom:8px}.legal-contact{color:#6b7280;border-top:1px solid #e5e7eb;margin-top:48px;padding-top:24px;font-size:14px}.legal-inline-link{color:#0d9488;font-weight:600;text-decoration:none}.legal-inline-link:hover{text-decoration:underline}.marketing-footer{color:#e5e7eb;background:#0f172a;margin-top:0}.marketing-footer-inner{grid-template-columns:1fr 1.2fr;gap:40px 56px;max-width:1140px;margin:0 auto;padding:48px 40px 32px;display:grid}.marketing-footer-brand{grid-column:1}.marketing-footer-logo{align-items:center;gap:10px;margin-bottom:16px;text-decoration:none;display:inline-flex}.marketing-footer-logo-mark{background:linear-gradient(135deg,#0d9488,#0f766e);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.marketing-footer-logo-text{color:#fff;font-size:20px;font-weight:800}.marketing-footer-tagline{color:#94a3b8;max-width:320px;margin-bottom:20px;font-size:14px;line-height:1.65}.marketing-footer-social{gap:10px;display:flex}.marketing-footer-social-link{color:#cbd5e1;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.marketing-footer-social-link:hover{color:#fff;background:#ffffff14}.marketing-footer-columns{flex-wrap:wrap;gap:48px;display:flex}.marketing-footer-col-heading{text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:14px;font-size:11px;font-weight:700}.marketing-footer-link{color:#94a3b8;margin-bottom:10px;font-size:13px;text-decoration:none;display:block}.marketing-footer-link:hover{color:#fff}.marketing-footer-badges{border-top:1px solid #ffffff14;flex-wrap:wrap;grid-column:1/-1;gap:16px;padding-top:24px;display:flex}.marketing-footer-badge{text-align:center;border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;padding:8px;display:flex}.marketing-footer-badge-title{color:#fff;font-size:11px;font-weight:800;line-height:1.2}.marketing-footer-badge-sub{color:#94a3b8;margin-top:2px;font-size:9px;line-height:1.2}.marketing-footer-bottom{color:#64748b;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1140px;margin:0 auto;padding:16px 40px 24px;font-size:12px;display:flex}.marketing-footer-bottom-links{gap:20px;display:flex}.marketing-footer-bottom-links a{color:#94a3b8;text-decoration:none}.marketing-footer-bottom-links a:hover{color:#fff}.week-pager{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:stretch;height:32px;display:flex;overflow:hidden}.week-pager__btn{border:none;border-right:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.week-pager__btn:last-child{border-right:none}.week-pager__btn:hover:not(:disabled){color:var(--teal);background:#00c6ae14}.week-pager__btn:disabled{cursor:default}.week-pager__btn--current{color:var(--teal);background:#00c6ae0f}.week-jump{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex;position:relative}.week-jump:hover{color:var(--teal);border-color:#00c6ae66}.week-jump input[type=date]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.timesheet-page-lead{color:var(--text-3);max-width:52rem;margin:8px 0 16px;font-size:13px}.timesheet-employee-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.timesheet-employee-card{flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.timesheet-employee-card__head{align-items:flex-start;gap:12px;display:flex}.timesheet-employee-card__avatar{background:var(--primary-bg);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timesheet-employee-card__meta{flex:1;min-width:0}.timesheet-employee-card__name{margin:0;font-size:15px;font-weight:700}.timesheet-employee-card__sub{color:var(--text-3);margin:2px 0 0;font-size:12px}.timesheet-employee-card__stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.timesheet-employee-card__hours{align-items:center;gap:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700;display:inline-flex}.timesheet-employee-card__empty-tag{text-transform:uppercase;color:var(--text-4);font-size:10px;font-weight:600}.timesheet-employee-card__hint{color:var(--text-3);margin:0;font-size:12px}.timesheet-entry-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.timesheet-entry-chip{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);padding:10px 12px}.timesheet-entry-chip__top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.timesheet-entry-chip__date{color:var(--text-3);text-transform:uppercase;font-size:11px;font-weight:600}.timesheet-entry-chip__hours{color:var(--primary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.timesheet-entry-chip__task{margin:0 0 6px;font-size:13px;line-height:1.4}.timesheet-entry-chip__meta{color:var(--text-4);flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.timesheet-entry-chip__delete{cursor:pointer;width:18px;height:18px;color:var(--text-4);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex}.timesheet-entry-chip__delete:hover:not(:disabled){color:var(--rose);background:#ff6b6b1a}.timesheet-entry-chip__delete:disabled{cursor:not-allowed;opacity:.5}.timesheet-entry-chip__source{background:var(--surface-3);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;margin-left:auto;padding:1px 6px;font-weight:600}.timesheet-employee-card__form{border-top:1px solid var(--border);padding-top:8px}.timesheet-employee-card__foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:4px;display:flex}@media (width<=900px){.legal-subnav-inner{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 20px 0}.legal-subnav{top:64px}.legal-main{padding:32px 20px 48px}.legal-hero{flex-direction:column;gap:16px}.legal-hero-title{font-size:22px}.marketing-footer-inner{grid-template-columns:1fr;padding:32px 20px 24px}.marketing-footer-columns{gap:28px}.marketing-footer-bottom{flex-direction:column;align-items:flex-start;padding:16px 20px 24px}}@media (width<=480px){.legal-main{padding:24px 16px 40px}.legal-hero-icon{width:56px;height:56px}.legal-hero-title{font-size:19px}.legal-hero-subtitle{font-size:14px}.legal-intro{font-size:12px}.legal-summary{padding:12px 14px}.legal-section-title{font-size:16px}}.route-fallback{min-height:40vh;color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.route-fallback__spinner{border:3px solid #00c6ae2e;border-top-color:var(--teal,#00c6ae);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite route-fallback-spin}@keyframes route-fallback-spin{to{transform:rotate(360deg)}}button,[role=button],a,select,summary{min-width:44px;min-height:44px}input[type=checkbox],input[type=radio]{min-height:unset;min-width:unset;width:15px;height:15px;accent-color:var(--primary,#0d9488);cursor:pointer;vertical-align:middle;flex-shrink:0}p a,li a,.breadcrumb a,.marketing-footer a,.legal-content a,.carousel-dot{min-height:unset;min-width:unset}img{max-width:100%;height:auto}.skip-to-main{z-index:9999;background:var(--teal,#00c6ae);color:#000;border-radius:4px;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .1s;position:absolute;top:-100%;left:8px}.skip-to-main:focus{top:8px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:48px 24px;display:flex}.empty-state--compact{padding:24px 16px}.empty-state__title{color:var(--text);margin-top:12px;font-size:1.1rem;font-weight:700}.empty-state__desc{max-width:420px;color:var(--text-3);line-height:1.55}.empty-state__action{margin-top:14px}:where(a,button,input,select,textarea,[role=tab],[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius)}