:root{--canvas:#faf8f5;--line:#ebe7e1;--line-strong:#ded9d1;--ink:#1f1d1b;--ink-soft:#4a4641;--muted:#7d776f;--primary:#faa30e;--primary-dark:#eb9705;--primary-ink:#9a5200;--cream:#fff6e3;--charcoal:#1f1d1b;--on-primary:#3a2200;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--shadow-card:0 1px 2px #1f1d1b0a, 0 10px 28px #1f1d1b0b;--shadow-float:0 24px 60px #1f1d1b2e}body{background:var(--canvas);letter-spacing:-.005em;font-feature-settings:"ss01" on, "cv11" on}h1,h2,h3{letter-spacing:-.02em}.brand{color:var(--ink);letter-spacing:-.04em;font-weight:800}.brand-wordmark>span{color:var(--primary)}.brand-mark path{stroke:currentColor}.brand-mark circle{fill:#faa30e29}.brand-mark-tick,.brand-mark-accent{stroke:var(--primary)!important}.brand-mark-fingers{fill:var(--cream)!important}.registration-brand{color:var(--ink);letter-spacing:-.04em}.registration-brand span{color:var(--primary)}.login-mobile-brand .brand{color:var(--ink)}.app-shell{background:var(--canvas);grid-template-columns:284px minmax(0,1fr)}.sidebar{width:auto;height:calc(100vh - 28px);color:var(--on-primary);background:linear-gradient(#ffb021 0%,#faa30e 45%,#f39400 100%);border:0;border-radius:26px;margin:14px 0 14px 14px;top:14px;overflow:hidden;box-shadow:0 18px 40px #f3940047}.sidebar:before{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:70px;right:-90px}.sidebar>*{position:relative}.sidebar-brand-row{border-bottom:1px solid #3a22001a;height:78px;padding:0 22px}.sidebar .brand{color:var(--charcoal);font-size:23px}.sidebar .brand-wordmark>span{color:#fff}.sidebar .brand-mark circle{fill:#ffffff73}.sidebar .brand-mark-tick,.sidebar .brand-mark-accent{stroke:#fff!important}.sidebar .brand-mark-fingers{fill:#fff!important}.sidebar .icon-button{color:var(--on-primary);background:#ffffff4d;border-color:#0000}.nav-scroll{scrollbar-color:#3a220033 transparent;padding:18px 14px 22px}.nav-list{gap:4px}.nav-item,.nav-group summary{min-height:44px;color:var(--on-primary);border-radius:14px;padding:0 14px;font-size:13.5px;font-weight:600}.nav-item svg,.nav-group summary svg{color:var(--on-primary);opacity:.78}.nav-item:hover,.nav-group summary:hover{color:var(--charcoal);background:#ffffff42}.nav-item.active{color:var(--charcoal);background:#fff;font-weight:750;box-shadow:0 10px 22px #a05a0033}.nav-item.active svg{color:var(--primary-dark);opacity:1}.nav-group[open]>summary,.nav-group.active>summary{color:var(--charcoal);background:#ffffff38}.nav-group.active>summary svg{opacity:1}.nav-children{margin:6px 0 8px 22px;padding-left:18px}.nav-children:before{background:#3a22002e}.nav-child{color:var(--on-primary);opacity:.9;border-radius:10px;font-size:12.5px;font-weight:550}.nav-child:before{background:#3a220059}.nav-child:hover{color:var(--charcoal);opacity:1;background:#ffffff38}.nav-child.active{color:var(--charcoal);opacity:1;background:#fff;font-weight:700}.nav-child.active:before{background:#fff;box-shadow:0 0 0 3px #fff6}.nav-section-label{color:var(--on-primary);opacity:.7}.sidebar-help{color:var(--on-primary);background:#ffffff4d;border:0;border-radius:18px;margin:0 14px 14px;padding:14px}.sidebar-help strong{color:var(--charcoal);font-size:12.5px}.sidebar-help small{color:var(--on-primary);font-size:11px}.sidebar-help .help-icon{color:var(--primary-dark);background:#fff;border-radius:12px}.topbar{z-index:15;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;border-bottom:1px solid var(--line);height:86px;box-shadow:none;background:#faf8f5f7;padding:0 32px;position:sticky;top:0}.topbar-company small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:550}.topbar-company strong{color:var(--ink);letter-spacing:-.03em;font-size:19px;font-weight:800}.topbar-actions{gap:10px}.support-link{height:40px;color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 15px;font-size:12px;font-weight:600}.support-link:hover{color:var(--ink);border-color:var(--primary)}.topbar .icon-button{width:40px;height:40px;color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:999px}.role-pill{min-height:30px;color:var(--primary-ink);background:var(--cream);border:0;border-radius:999px;padding:0 12px;font-size:11.5px;font-weight:700}.topbar-user{border:1px solid var(--line);border-left:1px solid var(--line);background:#fff;border-radius:999px;margin-left:2px;padding:4px 14px 4px 4px}.topbar-user .avatar{width:34px;height:34px;color:var(--charcoal);background:var(--primary);font-size:11px;font-weight:800}.topbar-user strong{font-size:12.5px}.topbar-user small{font-size:11px}.content{max-width:1640px;padding:6px 32px 56px}.product-page-header,.page-heading,.master-page-head{margin-bottom:26px}.product-page-header .breadcrumb{color:var(--primary-ink);background:var(--cream);letter-spacing:.02em;text-transform:none;border-radius:999px;margin-bottom:10px;padding:5px 11px;font-size:11px;font-weight:700}.product-page-header h1,.page-heading h1,.master-page-head h1{color:var(--ink);letter-spacing:-.035em;font-size:30px;font-weight:800}.product-page-header p,.page-heading p{color:var(--muted);font-size:14px}.eyebrow{color:var(--primary-ink);letter-spacing:.08em;font-size:11px;font-weight:750}.card,.stat-card,.module-card,.section-card,.master-reference-card,.employee-list-card,.employee-create-card,.employee-detail-profile,.employee-detail-tabs-card,.registration-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.module-card{overflow:hidden}.module-card>.card-heading-row,.card-heading-row{border-bottom:1px dashed var(--line-strong);padding:22px 26px 18px}.card-heading-row h2,.card-title{color:var(--ink);font-size:16px;font-weight:750}.card-subtitle{font-size:12.5px}.stats-grid{gap:18px}.stat-card{padding:22px 22px 20px;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--primary);opacity:.9;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:22px;right:22px}.stat-icon{border-radius:15px;width:46px;height:46px}.stat-icon.blue{color:var(--primary-ink);background:var(--cream)}.stat-label{color:var(--muted);font-size:13px;font-weight:600}.stat-value{color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800}.table-scroll,.data-table-wrap{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.data-table th{height:46px;color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;background:#faf8f4;padding:0 22px;font-size:11px;font-weight:700}.data-table td{height:62px;color:var(--ink-soft);border-bottom:1px solid #f1ede7;padding:10px 22px;font-size:13px}.data-table tbody tr:nth-child(odd){background:0 0}.data-table tbody tr:hover{background:#fffaf0}.btn{letter-spacing:-.01em;border-radius:999px;font-weight:700}.btn-compact,.btn-filter{border-radius:999px;font-size:12.5px}.btn-xs{border-radius:999px;font-size:11.5px}.btn-primary{color:var(--charcoal);background:var(--primary);box-shadow:0 8px 20px #faa30e3d}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-outline{color:var(--ink);border:1px solid var(--line-strong);background:#fff}.btn-outline:hover:not(:disabled){border-color:var(--ink);background:#fff}.btn-filter{color:var(--ink-soft);border:1px solid var(--line-strong);background:#fff}.input,select.input,textarea.input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;font-size:14px}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #faa30e29}.field label,.field-label{color:var(--ink-soft);font-size:12.5px;font-weight:650}.status-pill,.badge{border-radius:999px;font-size:11px;font-weight:700}.status-pill.blue,.badge.blue{color:var(--primary-ink);background:var(--cream)}.empty-state{color:var(--muted)}.master-reference-card,.visit-card,.visit-report-card,.monitor-side-card,.monitor-report-card,.location-list-card,.leave-reference-card,.work-hours-card,.monthly-attendance-card,.announcement-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.visit-page-head h1,.monitor-page-head h1,.monthly-attendance-header h1{letter-spacing:-.035em;font-size:30px;font-weight:800}.master-reference-table th,.visit-table th,.monthly-table th,.daily-table th,.leave-table th,.work-hours-table th,.announcement-table th{color:var(--muted);border-bottom:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;background:#faf8f4;font-weight:700}.master-reference-table td,.visit-table td,.monthly-table td,.daily-table td,.leave-table td,.work-hours-table td,.announcement-table td{border-bottom:1px solid #f1ede7}.master-reference-table tbody tr:hover td,.visit-table tbody tr:hover td,.daily-table tbody tr:hover td,.leave-table tbody tr:hover td{background:#fffaf0}.visit-modal-card,.monthly-modal-card,.standard-modal-card{box-shadow:var(--shadow-float);border:0;border-radius:26px}.standard-modal-header{border-bottom:0;padding:24px 28px 14px}.standard-modal-header h2{letter-spacing:-.03em;font-size:20px;font-weight:800}.standard-modal-body{padding:10px 28px 24px}.standard-modal-footer{border-top:1px dashed var(--line-strong);background:#fff;padding:16px 28px 22px}.login-portal-page{background:var(--canvas)}.login-portal-page:before{opacity:.55;background:#ffe7b8}.login-portal-page:after{opacity:.35;background:#ffe7b8}.login-portal-shell{box-shadow:var(--shadow-float);border:0;border-radius:32px;grid-template-columns:minmax(390px,.85fr) minmax(0,1.15fr)}.login-portal-form{order:1}.login-portal-story{min-height:0;color:var(--on-primary);background:linear-gradient(150deg,#ffb424 0%,#faa30e 48%,#f08c00 100%);border-radius:24px;order:2;margin:12px}.login-portal-story:before{border-color:#ffffff73;box-shadow:0 0 0 52px #ffffff1f}.login-portal-story:after{opacity:.16;filter:blur();background:#fff}.login-story-brand .brand{color:var(--charcoal)}.login-story-brand .brand-wordmark>span{color:#fff}.login-story-brand .brand-mark circle{fill:#ffffff73}.login-story-brand .brand-mark-tick,.login-story-brand .brand-mark-accent{stroke:#fff!important}.login-story-brand .brand-mark-fingers{fill:#fff!important}.login-story-brand>span{color:var(--on-primary);background:#ffffff59;border-color:#0000;font-size:10px}.login-story-kicker{color:var(--on-primary);font-size:11px}.login-story-kicker i{background:#fff;box-shadow:0 0 0 5px #ffffff4d}.login-story-copy h2{color:var(--charcoal);letter-spacing:-.045em}.login-story-copy h2 em{color:#fff}.login-story-copy p{color:var(--on-primary);font-size:15px}.login-product-preview{border-radius:20px;box-shadow:14px 16px #fff6}.login-story-foot{color:var(--on-primary);font-size:11.5px}.login-story-foot svg{color:var(--charcoal)}.login-form-kicker{color:var(--primary-ink);background:var(--cream);border-radius:999px;font-size:11px}.login-portal-form .auth-main h1{letter-spacing:-.045em;font-size:34px;font-weight:800;line-height:1.12}.login-form-lead{font-size:14px}.login-portal-form .field label{font-size:12.5px}.login-field-wrap .input{border-color:var(--line-strong);background:#fff;border-radius:14px;height:52px;font-size:14px}.login-portal-form .btn{border-radius:999px;min-height:52px;font-size:14px}.login-portal-form .btn-primary{color:var(--charcoal);background:var(--primary)}.login-portal-form .text-link{color:var(--primary-ink)}.registration-page{background:var(--canvas)}.registration-header{border-bottom:3px solid var(--primary);background:#fff}.registration-step>span{border:1px solid var(--line-strong);color:var(--muted);background:#fff}.registration-step.is-active>span{color:var(--charcoal);background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 5px #faa30e2e}.registration-step.is-active small{color:var(--ink);font-weight:700}.registration-step:not(:last-child):after{background:var(--line-strong)}.registration-step.is-active:not(:last-child):after{background:var(--primary)}.registration-card{overflow:hidden}.registration-card>h1{background:linear-gradient(90deg, var(--cream), #fff 70%);border-bottom:1px solid var(--line);padding:20px 26px 20px 42px;font-size:19px;position:relative}.registration-card>h1:before{content:"";background:var(--primary);border-radius:6px;width:6px;height:22px;margin-top:-11px;position:absolute;top:50%;left:26px}.registration-card-body>p{margin-top:0}.registration-footer{color:var(--on-primary);background:var(--primary);font-weight:600}.registration-plan-area>h1{letter-spacing:-.035em;font-size:28px;font-weight:800}.registration-plan-card{border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:22px;transition:transform .18s,box-shadow .18s;position:relative}.registration-plan-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #f3940024}.registration-plan-name{min-height:62px;color:var(--ink);background:linear-gradient(135deg, var(--cream), #fff);border-bottom:1px dashed var(--line-strong);flex-wrap:wrap;align-items:center;gap:8px;padding:16px 18px;font-size:14px;display:flex}.registration-plan-icon{width:28px;height:28px;color:var(--primary-dark);background:#fff;border-radius:9px;flex:none;place-items:center;display:inline-grid;box-shadow:0 2px 6px #f394002e}.registration-plan-name em{color:var(--charcoal);border:1px solid var(--primary);letter-spacing:.04em;background:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.registration-plan-price{color:var(--ink);letter-spacing:-.03em;font-size:26px;font-weight:800}.registration-plan-price small{color:var(--muted)}.registration-plan-content>p{color:var(--muted);letter-spacing:.08em;font-size:11px;font-weight:700}.registration-plan-content li{color:var(--ink-soft);font-size:13px}.registration-plan-content li svg{color:#fff;background:var(--primary);border-radius:50%;padding:2px}.registration-plan-content .btn-outline{color:var(--primary-ink);border-color:var(--primary);background:#fff}.registration-plan-content .btn-outline:hover:not(:disabled){color:var(--charcoal);background:var(--primary);border-color:var(--primary)}.registration-plan-card.is-recommended{border-color:var(--primary)}.registration-plan-card.is-recommended .registration-plan-name{background:linear-gradient(135deg,#ffb424,#faa30e);border-bottom-color:#3a220026}.registration-plan-card.selected{border-color:var(--primary);box-shadow:0 0 0 4px #faa30e38, var(--shadow-card)}.registration-all-plans{color:var(--primary-ink);background:var(--cream);border-radius:14px}.registration-price-row.total strong{color:var(--primary-ink);font-size:18px}.account-card{width:min(100%,680px)}.account-card .registration-card-body{flex-direction:column;gap:18px;padding:26px;display:flex}.account-card .registration-card-body>p{color:var(--muted);margin:0;font-size:14px}.registration-divider{color:var(--muted);align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.registration-divider:before,.registration-divider:after{content:"";background:var(--line);flex:1;height:1px}.registration-account-grid{gap:4px 18px}.registration-account-grid .field{margin-bottom:12px}.registration-selected-plan{color:var(--on-primary);background:var(--cream);border:1px solid #ffe2a8;border-radius:16px;align-items:center;gap:12px;margin:0;padding:14px 16px;font-size:12px;display:flex}.registration-selected-plan>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.registration-selected-plan strong{color:var(--ink);font-size:14px}.registration-selected-plan .registration-text-button{color:var(--primary-ink);margin:0;font-weight:700}.account-card .registration-actions{border-top:1px dashed var(--line-strong);align-items:center;margin:0;padding-top:18px}.superadmin-sidebar{background:linear-gradient(#ffb021 0%,#faa30e 45%,#f39400 100%)}.superadmin-sidebar .nav-item{color:var(--on-primary)}.superadmin-sidebar .nav-item:hover{color:var(--charcoal);background:#ffffff42}.superadmin-sidebar .nav-item.active{color:var(--charcoal);background:#fff}.superadmin-sidebar .nav-item.active:before{background:#fff}.auth-visual{background:linear-gradient(140deg,#ffbe3d 10%,#faa30e 55%,#f08c00 100%)}.auth-visual:before{background:#ffffff47}.shape-a{background:#ffffff2e}.subscription-hero{color:var(--charcoal);border-radius:var(--radius-lg);background:linear-gradient(125deg,#ffb424 0%,#faa30e 55%,#f08c00 100%)}.subscription-hero p,.subscription-meta small,.usage-panel>span,.usage-panel>strong small{color:var(--on-primary)}.plan-label{color:var(--on-primary);background:#ffffff59;border-color:#0000}.usage-panel{background:#ffffff4d;border-color:#fff6;border-radius:16px}.usage-panel .meter{background:#3a220026}.usage-panel .meter i{background:var(--charcoal)}.subscription-upgrade-card{color:var(--charcoal);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffb424,#f39400)}.subscription-upgrade-card>p{color:var(--on-primary)}.subscription-upgrade-card a,.subscription-upgrade-card button{border-radius:999px}.subscription-upgrade-card button{color:#fff;background:var(--charcoal)}.dashboard-monitor{border-top:1px dashed var(--line-strong);margin-top:34px;padding-top:28px;scroll-margin-top:100px}.dashboard-monitor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.dashboard-monitor-head span{color:var(--primary-ink);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:750}.dashboard-monitor-head h2{color:var(--ink);letter-spacing:-.03em;margin:4px 0 0;font-size:24px;font-weight:800}.dashboard-monitor-head .monitor-global-filter{margin:0}.tenant-hero{background:linear-gradient(120deg, var(--cream) 0%, #fff 60%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:22px 24px;display:flex}.tenant-hero-main{align-items:center;gap:18px;min-width:0;display:flex}.tenant-avatar{width:64px;height:64px;color:var(--charcoal);background:var(--primary);border-radius:20px;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 22px #faa30e47}.tenant-hero .breadcrumb{color:var(--primary-ink);margin-bottom:6px;font-size:11px;font-weight:700;display:inline-block}.tenant-hero h1{color:var(--ink);letter-spacing:-.035em;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:800}.tenant-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tenant-chips .status-pill{min-height:28px}.tenant-chip{min-height:28px;color:var(--ink-soft);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.tenant-chip svg{color:var(--primary-dark)}.tenant-hero-actions{align-items:center;gap:10px;display:flex}.tenant-empty{justify-items:center;gap:4px;padding:36px 16px;display:grid}.tenant-empty svg{color:var(--primary)}.tenant-plan-card .company-plan-form{gap:10px;display:grid}.tenant-plan-card .company-plan-form .field{margin:0}.tenant-link{color:var(--primary-ink);background:var(--cream);border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.tenant-link svg:last-child{margin-left:auto}.tenant-link:hover{background:#ffefcc}.tenant-admin-list{gap:4px;margin:0;padding:8px 12px 12px;list-style:none;display:grid}.tenant-admin-list li{border-radius:14px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;display:grid}.tenant-admin-list li:hover{background:#fffaf0}.tenant-admin-list .avatar{width:36px;height:36px;color:var(--charcoal);background:var(--primary);font-size:11px;font-weight:800}.tenant-admin-list strong,.tenant-admin-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tenant-admin-list strong{color:var(--ink);font-size:13px}.tenant-admin-list small{color:var(--muted);margin-top:2px;font-size:11.5px}.tenant-admin-list em{color:var(--primary-ink);background:var(--cream);border-radius:999px;padding:4px 10px;font-size:11px;font-style:normal;font-weight:700}.detail-side{top:100px}.detail-section{padding:22px 24px}.detail-section-head>div{color:var(--primary-dark)}.detail-section-head h2{color:var(--ink);font-size:16px;font-weight:750}.detail-grid{border-color:var(--line);background:var(--line);border-radius:16px}.detail-field small{color:var(--muted);font-size:11px;font-weight:600}.detail-field strong{color:var(--ink);font-size:14px;font-weight:650}.detail-action-card{padding:22px}.detail-action-card .eyebrow{color:var(--primary-ink)}.detail-action-card h2{color:var(--ink);letter-spacing:-.03em;margin:6px 0;font-size:20px;font-weight:800}.detail-action-card p{color:var(--muted);margin-bottom:16px;font-size:13px}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{width:270px;height:calc(100vh - 20px);margin:0;position:fixed;top:10px;left:-300px}.sidebar.open{left:10px}.topbar{height:72px;padding:0 18px}.topbar-company strong{font-size:16px}.content{padding:6px 18px 44px}}@media (max-width:900px){.login-portal-shell{box-shadow:none;border-radius:0}.product-page-header h1,.page-heading h1,.master-page-head h1{font-size:25px}}.input-wrap .input-icon,.login-portal-form .input-icon{border-radius:999px;width:36px;height:36px;padding:0;top:50%;right:8px;transform:translateY(-50%)}.input-wrap .input-icon:hover{color:var(--primary-dark);background:var(--cream)}.salary-component-entry select,.salary-component-entry input,.salary-batch-field select,.salary-batch-money input,.salary-batch-components select,.salary-batch-components input{border-color:var(--line-strong);border-radius:var(--radius-sm);height:44px}.salary-component-entry input:focus,.salary-batch-components input:focus,.salary-component-entry select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #faa30e29}.salary-component-entry>button,.salary-batch-components>div>button{height:44px;color:var(--charcoal);background:var(--primary);border-radius:999px}.payslip-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.payslip-summary-grid article{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;padding:18px 20px}.payslip-summary-grid span{color:var(--muted);font-size:12.5px;font-weight:600;display:block}.payslip-summary-grid strong{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:21px;font-weight:800;display:block}.payslip-summary-grid .highlight{background:linear-gradient(135deg,#ffb424,#faa30e);border-color:#0000}.payslip-summary-grid .highlight span{color:var(--on-primary)}.payslip-toolbar{border-bottom:1px dashed var(--line-strong);grid-template-columns:minmax(220px,320px) 150px 110px 1fr auto;align-items:center;gap:10px;padding:18px 22px;display:grid}.payslip-toolbar select{height:42px;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;padding:0 12px}.payslip-table td small{color:var(--muted);margin-top:3px;font-size:11.5px;display:block}.payslip-table td small.payslip-warn,.payslip-warn{color:#c4511d;font-weight:700}.payslip-actions{align-items:center;gap:10px;margin-bottom:16px;display:flex}.payslip-actions>span{flex:1}.payslip-doc{border:1px solid var(--line);border-radius:var(--radius-lg);max-width:920px;box-shadow:var(--shadow-card);background:#fff;margin:0 auto;padding:32px 36px}.payslip-doc-head{border-bottom:3px solid var(--primary);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.payslip-doc-kicker{color:var(--primary-ink);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.payslip-doc-head h1{color:var(--ink);letter-spacing:-.03em;margin:4px 0 2px;font-size:26px;font-weight:800}.payslip-doc-head p{color:var(--muted);margin:0;font-size:14px}.payslip-doc-info{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.payslip-doc-info small,.payslip-doc-attendance small{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;display:block}.payslip-doc-info strong{color:var(--ink);margin-top:4px;font-size:13.5px;display:block}.payslip-doc-attendance{background:var(--cream);border-radius:var(--radius-md);grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:22px;padding:14px;display:grid}.payslip-doc-attendance strong{color:var(--ink);margin-top:4px;font-size:15px;font-weight:800;display:block}.payslip-doc-attendance em{color:var(--muted);font-size:11px;font-style:normal;display:block}.payslip-doc-attendance .warn strong{color:#c4511d}.payslip-doc-columns{grid-template-columns:1fr 1fr;gap:22px;display:grid}.payslip-lines h2{color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:800}.payslip-lines ul{margin:0;padding:0;list-style:none}.payslip-lines li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.payslip-lines li strong{color:var(--ink);font-size:13.5px;display:block}.payslip-lines li small{color:var(--muted);font-size:11.5px}.payslip-lines li b{color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13.5px}.payslip-lines p{color:var(--muted);font-size:13px}.payslip-lines-total{background:#faf8f4;border-radius:12px;justify-content:space-between;margin-top:10px;padding:10px 12px;font-size:13.5px;display:flex}.payslip-doc-net{color:var(--charcoal);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffb424,#faa30e);justify-content:space-between;align-items:center;margin-top:22px;padding:18px 22px;display:flex}.payslip-doc-net span{font-size:14px;font-weight:700}.payslip-doc-net strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.payslip-doc-note{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.6}.leave-paid{min-height:26px;font:inherit;white-space:nowrap;border:0;border-radius:999px;align-items:center;padding:0 10px;font-size:11.5px;font-weight:700;display:inline-flex}.leave-paid.paid{color:#11875c;background:#eaf9f3}.leave-paid.unpaid{color:#c4511d;background:#fff1e8}button.leave-paid{cursor:pointer}button.leave-paid:hover{box-shadow:inset 0 0 0 2px}.salary-basis-select{height:38px;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;padding:0 10px}@media (max-width:980px){.payslip-summary-grid,.payslip-toolbar{grid-template-columns:1fr 1fr}.payslip-toolbar .master-search,.payslip-toolbar>button{grid-column:1/-1}.payslip-toolbar>span{display:none}.payslip-doc{padding:20px}.payslip-doc-info,.payslip-doc-attendance{grid-template-columns:1fr 1fr}.payslip-doc-columns{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.no-print,.sidebar-scrim{display:none!important}.app-shell{background:#fff;display:block}.content{padding:0}.payslip-doc{max-width:none;box-shadow:none;border:0;padding:0}.payslip-doc-net,.payslip-doc-attendance{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.complaint-tiles{grid-template-columns:1.3fr repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.complaint-tile{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;padding:16px 18px}.complaint-tile span{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.complaint-tile strong{color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:800;display:block}.complaint-tile small{color:var(--muted);font-size:12px}.complaint-tile.total{background:linear-gradient(135deg,#ffb424,#faa30e);border-color:#0000}.complaint-tile.total span,.complaint-tile.total small{color:var(--on-primary)}.complaint-dot{background:#a8a29a;border-radius:50%;width:8px;height:8px}.complaint-dot.blue{background:#2f7fd6}.complaint-dot.orange{background:#e08600}.complaint-dot.green{background:#11875c}.complaint-dot.red{background:#cf4853}.complaint-chart-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;margin-bottom:18px;display:grid}.complaint-chart{margin:0;padding:22px 24px}.complaint-chart figcaption h2{color:var(--ink);margin:4px 0 18px;font-size:16px;font-weight:750}.complaint-chart-empty{color:var(--muted);text-align:center;margin:30px 0;font-size:13px}.complaint-hbars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.complaint-hbars li{border-radius:8px;outline:none;grid-template-columns:minmax(130px,190px) minmax(0,1fr) 34px;align-items:center;gap:12px;padding:2px 0;display:grid;position:relative}.complaint-hbar-label{color:var(--ink-soft);font-size:12.5px;font-weight:600}.complaint-hbar-track{background:#f3f0eb;border-radius:4px;height:14px;display:block}.complaint-hbar-fill{background:#e08600;border-radius:4px;height:100%;display:block}.complaint-hbar-value{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.complaint-vbars{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;height:230px;display:grid}.complaint-vbar{outline:none;grid-template-rows:1fr auto;justify-items:center;gap:8px;height:100%;display:grid;position:relative}.complaint-vbar-value{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.complaint-vbar-col{border-bottom:1px solid var(--line-strong);flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:100%;max-width:44px;display:flex}.complaint-vbar-fill{background:#e08600;border-radius:4px 4px 0 0;width:100%;display:block}.complaint-vbar-label{color:var(--muted);white-space:nowrap;font-size:11.5px;font-weight:600}.complaint-tooltip{z-index:5;color:#fff;background:var(--charcoal);pointer-events:none;border-radius:10px;min-width:170px;padding:9px 11px;font-size:12px;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 10px 24px #1f1d1b33}.complaint-tooltip strong{font-size:12.5px;display:block}.complaint-hbars li:hover .complaint-tooltip,.complaint-hbars li:focus-visible .complaint-tooltip,.complaint-vbar:hover .complaint-tooltip,.complaint-vbar:focus-visible .complaint-tooltip{display:block}.complaint-hbars li:hover .complaint-hbar-fill,.complaint-hbars li:focus-visible .complaint-hbar-fill,.complaint-vbar:hover .complaint-vbar-fill,.complaint-vbar:focus-visible .complaint-vbar-fill{background:#c46f00}.complaint-hbars li:focus-visible,.complaint-vbar:focus-visible{box-shadow:0 0 0 3px #faa30e59}.complaint-toolbar{grid-template-columns:minmax(220px,1fr) 200px 160px auto;gap:10px;padding:16px 24px;display:grid}.complaint-toolbar select{height:42px;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;padding:0 12px}.complaint-title-cell{max-width:320px;white-space:normal!important}.complaint-anon-tag{color:var(--muted);align-items:center;gap:5px;font-weight:600;display:inline-flex}.complaint-own-list{margin:0;padding:8px 12px 12px;list-style:none}.complaint-own-list a{color:var(--ink);border-radius:14px;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:14px 12px;display:grid}.complaint-own-list a:hover{background:#fffaf0}.complaint-own-list strong,.complaint-own-list small{display:block}.complaint-own-list small{color:var(--muted);margin-top:3px;font-size:12px}.complaint-modal{width:min(680px,100%)}.complaint-form{gap:14px;display:grid}.complaint-form .field{margin:0}.complaint-form textarea.input{resize:vertical;height:auto;padding:12px 14px;line-height:1.55}.complaint-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.complaint-anon{border:1px solid var(--line);border-radius:var(--radius-md);background:#faf8f4;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.complaint-anon.on{background:var(--cream);border-color:#ffe2a8}.complaint-anon>span{width:40px;height:40px;color:var(--primary-dark);background:#fff;border-radius:12px;place-items:center;display:grid}.complaint-anon strong{color:var(--ink);font-size:14px;display:block}.complaint-anon small{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.5;display:block}.complaint-hint{color:var(--primary-ink);margin:0;font-size:12px}.complaint-success{color:#0d6b48;border-radius:var(--radius-md);background:#eaf9f3;border:1px solid #bfe9d6;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.complaint-success strong,.complaint-success span{display:block}.complaint-success span{margin-top:2px;font-size:13px}.complaint-detail header h1{color:var(--ink);letter-spacing:-.03em;margin:6px 0 0;font-size:24px;font-weight:800}.complaint-description{color:var(--ink-soft);white-space:pre-wrap;margin:18px 0;font-size:14.5px;line-height:1.75}.complaint-response{background:var(--cream);border-radius:var(--radius-md);margin-top:20px;padding:16px 18px}.complaint-response h2{color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:800}.complaint-response p{color:var(--ink-soft);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.65}.complaint-response p.muted{color:var(--muted)}.complaint-response small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.complaint-handle{gap:12px;display:grid}.complaint-handle .field{margin:0}.complaint-handle .field-label{align-items:center;gap:5px;display:flex}.complaint-handle textarea.input{resize:vertical;height:auto;padding:10px 12px}.complaint-saved{color:#0d6b48;background:#eaf9f3;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600}@media (max-width:1100px){.complaint-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.complaint-chart-grid{grid-template-columns:1fr}}@media (max-width:700px){.complaint-tiles{grid-template-columns:1fr 1fr}.complaint-toolbar,.complaint-form-row{grid-template-columns:1fr}.complaint-hbars li{grid-template-columns:1fr 34px}.complaint-hbar-label{grid-column:1/-1}}.subscription-plan-reference-grid{row-gap:20px}.custom-plan-reference{border:1.5px dashed var(--primary);background:linear-gradient(180deg, var(--cream), #fff 55%)}.custom-plan-reference header span{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.registration-plan-card.is-custom{border:1.5px dashed var(--primary)}.registration-plan-card.is-custom .registration-plan-name{background:var(--cream)}.registration-plan-card.is-custom .registration-plan-content>p{margin-top:14px}.custom-plan-form{gap:12px;display:grid}.custom-plan-form textarea{resize:vertical;min-height:72px}.custom-plan-estimate{grid-template-columns:1fr 1fr;gap:10px;display:grid}.custom-plan-estimate>span,.custom-plan-proposal>span{color:var(--muted);background:var(--cream);border-radius:var(--radius-md);gap:3px;padding:12px 14px;font-size:12px;display:grid}.custom-plan-estimate strong,.custom-plan-proposal strong{color:var(--charcoal);font-size:16px;font-weight:800}.custom-plan-proposal{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.custom-plan-proposal small{color:var(--muted)}.custom-plan-note{color:var(--charcoal);background:var(--canvas);border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin:0 0 12px;padding:10px 14px;font-size:13px}.custom-plan-history{margin-top:24px}.custom-plan-history>h2,.custom-plan-history .card-title{align-items:center;gap:8px;margin:0 0 14px;font-size:16px;display:flex}.custom-plan-agreed{color:var(--green,#15803d);font-weight:700}@media (max-width:640px){.custom-plan-estimate,.custom-plan-proposal{grid-template-columns:1fr}}.subscription-banner{color:var(--charcoal);background:var(--cream);border:1px solid #f6d08a;border-left:4px solid var(--primary);border-radius:var(--radius-md);align-items:center;gap:12px;margin:0 0 20px;padding:12px 16px;font-size:13.5px;line-height:1.45;display:flex}.subscription-banner>svg{color:var(--primary-dark);flex:none}.subscription-banner>span{flex:1}.subscription-banner .btn{color:var(--on-primary);background:var(--primary);border-color:var(--primary);flex:none}.subscription-banner.urgent,.subscription-banner.expired{background:#fff1f0;border-color:#f5c2bd #f5c2bd #f5c2bd #d93a2b}.subscription-banner.urgent>svg,.subscription-banner.expired>svg{color:#c62f21}.subscription-warning-dialog{max-width:460px}.subscription-warning-dialog .standard-modal-header>div{align-items:center;gap:12px;display:flex}.subscription-warning-icon{width:42px;height:42px;color:var(--on-primary);background:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.subscription-warning-dialog.urgent .subscription-warning-icon{color:#fff;background:#d93a2b}.notification-wrap{position:relative}.notification-panel{z-index:60;border:1px solid var(--line);border-radius:var(--radius-md);width:min(340px,100vw - 32px);box-shadow:var(--shadow-float);background:#fff;padding:14px;position:absolute;top:calc(100% + 8px);right:0}.notification-panel-title{margin-bottom:10px;font-size:14px;display:block}.notification-item{background:var(--cream);border-radius:var(--radius-sm);gap:10px;padding:10px 12px;display:flex}.notification-item>svg{color:var(--primary-dark);flex:none;margin-top:2px}.notification-item.urgent,.notification-item.expired{background:#fff1f0}.notification-item.urgent>svg,.notification-item.expired>svg{color:#c62f21}.notification-item span{gap:4px;font-size:13px;display:grid}.notification-item small{color:var(--muted);font-size:12px;line-height:1.45}.notification-item a{color:var(--primary-dark);font-size:12.5px;font-weight:700}.notification-empty{color:var(--muted);margin:0;font-size:13px}.subscription-locked{background:radial-gradient(circle at 20% 10%, var(--cream), var(--canvas) 60%);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.subscription-locked-card{border:1px solid var(--line);border-top:5px solid var(--primary);border-radius:var(--radius-lg);width:min(100%,520px);box-shadow:var(--shadow-card);background:#fff;justify-items:start;gap:12px;padding:32px;display:grid}.subscription-locked-card h1{margin:0;font-size:24px}.subscription-locked-card p{color:var(--muted);margin:0;line-height:1.6}.subscription-locked-card p strong{color:var(--charcoal)}.subscription-locked-icon{width:54px;height:54px;color:var(--on-primary);background:var(--primary);border-radius:16px;place-items:center;display:grid}@media (max-width:640px){.subscription-banner{flex-wrap:wrap}}.industry-analytics{margin:26px 0}.industry-analytics-head{margin-bottom:14px}.industry-analytics-head h2{color:var(--ink);margin:4px 0 6px;font-size:20px;font-weight:800}.industry-analytics-head p{color:var(--muted);margin:0;font-size:13px}.industry-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.industry-tile-text{font-size:22px!important}.industry-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-hbars li{grid-template-columns:minmax(96px,130px) minmax(0,1fr) 72px}.industry-table{padding:0;overflow:hidden}.industry-table .table-wrap{margin:0}.industry-table th:first-child,.industry-table td:first-child{padding-left:20px}.industry-table tfoot th{background:var(--cream);color:var(--ink);text-align:left;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.industry-tiles,.industry-chart-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.industry-tiles,.industry-chart-grid{grid-template-columns:1fr}.industry-hbars li{grid-template-columns:1fr 72px}}.retention-tabs{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.retention-tabs a{color:var(--ink-soft,#4b4640);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.retention-tabs a b{min-width:22px;color:var(--ink,#1f1d1b);background:var(--canvas);text-align:center;border-radius:999px;padding:1px 7px;font-size:12px}.retention-tabs a.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.retention-tabs a.active b{background:#ffffff8c}.retention-table,.retention-log{margin-bottom:18px}.retention-sub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.retention-days{color:var(--primary-dark);margin-top:2px;font-size:12px;font-weight:800;display:block}.retention-days.urgent,.retention-days.expired{color:#c62f21}.retention-contact{flex-wrap:wrap;gap:4px 12px;margin-top:3px;font-size:12px;display:flex}.retention-contact a{color:var(--primary-dark);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.retention-contact a:hover{text-decoration:underline}.retention-reminders{gap:4px;display:inline-flex}.retention-reminders span{color:var(--muted);background:var(--canvas);border:1px dashed var(--line-strong,#d8d2c8);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.retention-reminders span.sent{color:#14632f;background:#e7f6ec;border:1px solid #b7e0c4}.retention-actions{white-space:nowrap}.retention-actions,.retention-actions form{justify-content:flex-end;align-items:center;gap:6px;display:flex}.retention-run{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.retention-run-result{max-width:420px;color:var(--muted);text-align:right;font-size:12px}.retention-run-result.error{color:#c62f21}.retention-recipients{max-width:260px;color:var(--muted);word-break:break-all;font-size:12px}.retention-hint{color:var(--muted);margin:4px 0 0;font-size:12.5px;line-height:1.5}.retention-success{color:#14632f;align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.report-vbars .complaint-vbar.is-current .complaint-vbar-fill{background:#b25f00}.report-table-head{padding:18px 20px 6px}.report-table-head h2{margin:0 0 4px;font-size:16px}.report-table-head p{color:var(--muted);margin:0;font-size:12.5px}.report-empty{color:var(--muted);margin:0;padding:12px 20px 20px;font-size:13px}.report-verdict{color:var(--charcoal);background:var(--cream);border-left:4px solid var(--primary);border-radius:var(--radius-md);margin:0 0 18px;padding:12px 16px;font-size:13.5px;line-height:1.5}.product-page-header>.btn{flex:none;align-self:center}.industry-table{margin-top:18px}@media (max-width:980px){.retention-tiles{grid-template-columns:1fr 1fr}}@media (max-width:640px){.retention-tiles{grid-template-columns:1fr}.retention-actions,.retention-actions form{justify-content:flex-start}.retention-run{align-items:flex-start}.retention-run-result{text-align:left}}.report-vbars{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.report-vbars .complaint-vbar-value{white-space:nowrap;font-size:11.5px}@media (max-width:720px){.complaint-chart:has(.report-vbars){overflow-x:auto}.report-vbars{min-width:640px}}.retention-log{padding:20px}.retention-log .card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.status-pill.gray{color:#6b655d;background:#f1eee9}.company-dates-card h2{align-items:center;gap:8px;display:flex}.company-dates-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.company-dates-warning,.company-dates-success{border-radius:var(--radius-sm);align-items:flex-start;gap:6px;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.45;display:flex}.company-dates-warning{color:#a3271b;background:#fff1f0}.company-dates-success{color:#14632f;background:#e7f6ec}.company-dates-warning svg,.company-dates-success svg{flex:none;margin-top:2px}.retention-company-link{color:inherit;text-decoration:none}.retention-company-link:hover{color:var(--primary-dark);text-decoration:underline}.retention-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.capacity-meter{background:#f3f0eb;border-radius:999px;width:100%;min-width:120px;height:10px;overflow:hidden}.capacity-meter span{background:#e08600;border-radius:999px;height:100%;display:block}.capacity-meter span.full{background:#c62f21}@media (max-width:1180px){.retention-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.audit-filters{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:12px;padding:18px 20px;display:grid}.audit-summary{color:var(--muted);margin:0 0 12px;font-size:13px}.audit-time{white-space:nowrap;font-variant-numeric:tabular-nums}.audit-detail{max-width:420px;color:var(--ink-soft,#4b4640);font-size:12.5px;line-height:1.5}.audit-pagination{color:var(--muted);justify-content:space-between;align-items:center;margin:14px 0;font-size:13px;display:flex}.coupon-code{letter-spacing:.04em;color:var(--primary-dark);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.coupon-form-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.coupon-plans{border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;grid-column:1/-1;gap:8px 16px;margin:0;padding:12px 14px;display:flex}.coupon-plans legend{padding:0 6px}.coupon-plans label{align-items:center;gap:6px;font-size:13px;display:inline-flex}.coupon-form-error{grid-column:1/-1}.coupon-field{gap:6px;margin-top:12px;display:grid}.coupon-field-label{color:var(--ink-soft,#4b4640);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.coupon-entry{gap:8px;display:flex}.coupon-entry .input{text-transform:uppercase;flex:1}.coupon-applied{color:#14632f;border-radius:var(--radius-md);background:#e7f6ec;border:1px solid #b7e0c4;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.coupon-applied>span{flex:1;gap:2px;display:grid}.coupon-applied small{color:#3b6b4a}.coupon-error{color:#c62f21;font-size:12.5px}.platform-announcements{gap:10px;margin-bottom:16px;display:grid}.platform-announcement{color:var(--charcoal);border-radius:var(--radius-md);background:#eef4ff;border:1px solid #c9dafc;border-left:4px solid #2a78d6;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.platform-announcement>svg{color:#1c5cab;flex:none;margin-top:2px}.platform-announcement>span{flex:1}.platform-announcement a{color:inherit;font-weight:800;text-decoration:underline}.platform-announcement .icon-button{flex:none;width:28px;height:28px}.platform-announcement.feature{background:#e9f7ef;border-color:#bfe5cd #bfe5cd #bfe5cd #15803d}.platform-announcement.feature>svg{color:#15803d}.platform-announcement.maintenance{background:var(--cream);border-color:#f6d08a;border-left-color:var(--primary)}.platform-announcement.maintenance>svg{color:var(--primary-dark)}.platform-announcement.warning{background:#fff1f0;border-color:#f5c2bd #f5c2bd #f5c2bd #d93a2b}.platform-announcement.warning>svg{color:#c62f21}.announcement-form{gap:12px;display:grid}.announcement-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.announcement-preview{background:var(--canvas);border:1px dashed var(--line-strong,#d8d2c8);border-radius:var(--radius-md);gap:6px;padding:12px;display:grid}.announcement-preview .platform-announcements{margin:0}.announcement-target{border:1px solid var(--line);border-radius:var(--radius-md);gap:8px;margin:0;padding:12px 14px;display:grid}.announcement-target>label{align-items:center;gap:8px;font-size:13px;display:inline-flex}.announcement-companies{gap:8px;display:grid}.announcement-company-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;max-height:180px;padding:4px;display:grid;overflow-y:auto}.announcement-company-list label{align-items:center;gap:6px;font-size:13px;display:flex}.announcement-cell{max-width:420px}.announcement-cell .badge{margin-right:6px}.announcement-delete{color:#c62f21}@media (max-width:760px){.audit-filters,.coupon-form-grid,.announcement-row,.announcement-company-list{grid-template-columns:1fr}}.audit-filters .field{margin:0}.audit-filters .input{height:46px}.audit-filters-actions{align-items:center;gap:8px;display:flex}.audit-filters-actions .btn{height:46px;box-shadow:none;padding:0 22px}@media (max-width:760px){.audit-filters-actions .btn{flex:1}}.industry-table .table td.audit-detail,.industry-table .table td.announcement-cell,.retention-table .table td{white-space:normal}.industry-table .table td.audit-detail{min-width:220px;max-width:none}.retention-table .table td.retention-actions,.industry-table .table td.audit-time{white-space:nowrap}.retention-contact a{word-break:break-all}.capacity-meter{min-width:96px}.audit-filters-actions .btn{min-height:46px}.coupon-table .table td{white-space:normal}.coupon-table .table td:nth-child(3){white-space:nowrap}td.retention-actions{text-align:right;vertical-align:middle;display:table-cell}td.retention-actions>*,td.retention-actions>form{vertical-align:middle;margin:3px 0 3px 6px;display:inline-flex}td.retention-actions form{gap:0}.announcement-cell{min-width:260px}@media (max-width:640px){td.retention-actions{text-align:left}td.retention-actions>*{margin:3px 6px 3px 0}}.retention-table .table-wrap{margin:0}.retention-table .table th:first-child,.retention-table .table td:first-child{padding-left:20px}.retention-table .table th:last-child,.retention-table .table td:last-child{padding-right:20px}.announcement-table td.retention-actions{white-space:normal;min-width:210px;max-width:230px}.announcement-table .table td.audit-detail{min-width:140px}.announcement-table .announcement-cell{min-width:220px}.registration-duration{align-items:center;gap:12px}.registration-duration select.input{width:auto;min-width:120px;height:38px;padding:6px 10px}.plan-summary .coupon-field{border-top:1px dashed #e5e3e1;padding:16px 0}.registration-discount strong{color:#1f7a3a}.registration-price-note{font-size:12px;line-height:1.5;color:#8b8985!important;margin:-8px 0 16px!important}.registration-selected-plan>span>strong{display:block}.registration-coupon-note{color:#1f7a3a;margin-top:2px;font-weight:600;display:block}.coupon-plans-cell{min-width:150px}.coupon-plan-chips{flex-wrap:wrap;gap:4px;display:flex}.coupon-plan-all{color:var(--muted,#8b8985);font-size:13px}.coupon-table td.retention-actions{white-space:normal;width:128px;min-width:128px}.coupon-table td.retention-actions>*,.coupon-table td.retention-actions>form{margin:3px 0;display:flex}.coupon-table td.retention-actions .btn{justify-content:center;width:100%}.coupon-table .table td.audit-detail{min-width:150px}.coupon-table td.retention-actions .btn{gap:5px}.coupon-delete{color:#c62f21}.field-hint{color:var(--muted,#8b8985);margin-top:4px;font-size:12px;display:block}.mail-providers{border:1px solid var(--line,#ece7df);background:#fcfbf9;border-radius:12px;margin:4px 0 14px;padding:12px 14px}.mail-providers-title{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.mail-providers-title small{color:#8b8985;font-weight:500}.mail-providers ol{counter-reset:provider;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mail-provider{counter-increment:provider;background:#fff;border:1px solid #ece7df;border-radius:10px;flex:170px;gap:2px;min-width:170px;padding:8px 12px;font-size:12.5px;display:grid}.mail-provider strong:before{content:counter(provider) ". ";color:#8b8985;font-weight:600}.mail-provider span{color:#5f5a54}.mail-provider em{font-size:12px;font-style:normal;font-weight:700}.mail-provider.is-ready em{color:#1f7a3a}.mail-provider.is-full em,.mail-provider.is-paused em{color:#c25e00}.mail-provider.is-full,.mail-provider.is-paused{background:#fff8ef}.resend-verification{text-align:left;gap:10px;max-width:420px;margin:18px auto;display:grid}.resend-verification .btn{justify-content:center}.industry-split{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:minmax(0,340px) minmax(0,1fr);width:min(100%,980px);display:grid;overflow:hidden;box-shadow:0 18px 40px #1f1d1b0f}.industry-intro{color:var(--ink);background:linear-gradient(160deg, var(--cream), #fffdf8 75%);border-right:1px solid var(--line);flex-direction:column;gap:16px;padding:36px 32px;display:flex;position:relative;overflow:hidden}.industry-intro:before{content:"";background:var(--primary);border-radius:0 6px 6px 0;width:5px;height:64px;position:absolute;top:36px;left:0}.industry-intro:after{content:"";pointer-events:none;background:radial-gradient(circle,#faa30e38,#faa30e00 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-70px;right:-70px}.industry-eyebrow{color:var(--primary-dark);letter-spacing:.3px;background:#fff;border:1px solid #faa30e59;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:12px;font-weight:700}.industry-intro h1{letter-spacing:-.4px;margin:0;font-size:27px;line-height:1.25}.industry-intro>p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.industry-perks{color:var(--ink);gap:10px;margin:4px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.industry-perks li{align-items:center;gap:9px;display:flex}.industry-perks svg{color:var(--primary-dark);flex:none}.industry-picked{z-index:1;border:1px dashed var(--line-strong);color:var(--muted);background:#ffffffb3;border-radius:14px;margin-top:auto;padding:14px 16px;font-size:13.5px;position:relative}.industry-picked.has-value{border-style:solid;border-color:var(--primary);color:var(--ink);background:#fff;box-shadow:0 0 0 3px #faa30e1f}.industry-picked strong{color:var(--primary-dark)}.industry-panel{flex-direction:column;gap:24px;padding:30px;display:flex}.industry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.industry-row{border:1px solid var(--line);min-height:84px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.industry-row:hover{border-color:var(--line-strong);background:#fffdf8}.industry-row.is-selected{border-color:var(--primary);background:#fffaf0;box-shadow:0 0 0 3px #faa30e24}.industry-row:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.industry-row-icon{background:var(--cream);width:46px;height:46px;color:var(--primary-dark);border-radius:13px;flex:none;place-items:center;transition:all .2s;display:grid}.industry-row.is-selected .industry-row-icon{background:var(--primary);color:var(--charcoal)}.industry-row-text{flex:1;gap:3px;min-width:0;display:grid}.industry-row-text strong{font-size:15px}.industry-row-text small{color:var(--muted);font-size:12.5px;line-height:1.4}.industry-row-radio{border:2px solid var(--line-strong);width:22px;height:22px;color:var(--charcoal);border-radius:50%;flex:none;place-items:center;display:grid}.industry-row.is-selected .industry-row-radio{border-color:var(--primary);background:var(--primary)}.industry-actions{border-top:1px dashed var(--line-strong);margin-top:auto;padding-top:20px}@media (max-width:860px){.industry-split{grid-template-columns:1fr}.industry-intro{border-right:0;border-bottom:1px solid var(--line);padding:26px 22px}.industry-intro:before{top:26px}.industry-intro h1{font-size:23px}.industry-picked{margin-top:4px}}@media (max-width:600px){.industry-split{border-radius:16px}.industry-panel{gap:18px;padding:18px 14px}.industry-list{grid-template-columns:1fr;gap:10px}.industry-row{min-height:72px;padding:12px 14px}}.deletion-tabs{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.deletion-tab{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.deletion-tab span{min-width:22px;color:var(--muted);text-align:center;background:#f2f1ef;border-radius:999px;padding:1px 7px;font-size:11.5px}.deletion-tab:hover{border-color:var(--line-strong)}.deletion-tab.is-active{border-color:var(--primary);background:#fffaf0}.deletion-tab.is-active span{background:var(--primary);color:var(--charcoal)}.deletion-warning{color:#c83d49;margin-top:4px;font-size:11.5px;font-weight:700;display:block}.deletion-table .table td.retention-actions{flex-direction:column;gap:6px;width:112px;display:flex}.deletion-table .retention-actions .btn{justify-content:center}.deletion-table .table td.audit-time{white-space:normal;min-width:96px}.deletion-table .table td.audit-detail{min-width:150px}.deletion-dialog-error{margin:10px 0 0}.confirm-dialog .field textarea.input{height:auto;min-height:84px;padding:10px 12px}.employee-limit-notice{color:#a8323d;background:#fff3f4;border:1px solid #f3c2c6;border-radius:14px;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;display:flex}.employee-limit-notice svg{flex:none}.employee-limit-notice p{flex:1;margin:0;font-size:13.5px;line-height:1.55}.employee-capacity-hint{color:var(--muted);margin:0 0 14px;font-size:13px}@media (max-width:600px){.employee-limit-notice{flex-wrap:wrap}}.payment-result{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:560px;margin:40px auto;padding:36px 32px;display:flex}.payment-result h1{margin:6px 0 0;font-size:24px}.payment-result>p{color:var(--muted);margin:0;line-height:1.6}.payment-result-icon{border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.payment-result.paid .payment-result-icon{color:#098b59;background:#e8f9f1}.payment-result.waiting .payment-result-icon{background:var(--cream);color:var(--primary-dark)}.payment-result.failed .payment-result-icon{color:#c83d49;background:#ffedef}.payment-result-meta{border:1px solid var(--line);background:#fcfbf9;border-radius:14px;gap:8px;width:100%;margin:8px 0 0;padding:14px 16px;display:grid}.payment-result-meta div{justify-content:space-between;gap:12px;font-size:13.5px;display:flex}.payment-result-meta dt{color:var(--muted)}.payment-result-meta dd{margin:0;font-weight:700}.payment-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.payment-result-actions .btn-outline svg{margin-right:2px}.payment-result-checked{color:var(--muted);text-align:center;flex-basis:100%;margin:4px 0 0;font-size:12.5px}.invoice-payment-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px;line-height:1.5}.subscription-dialog.invoice-modal{border-radius:20px;width:min(480px,100%);padding:0;overflow:hidden}.invoice-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.invoice-modal-head>div{min-width:0}.invoice-modal-head span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.invoice-modal-head h2{color:var(--ink);overflow-wrap:anywhere;margin:2px 0 0;font-size:16px;font-weight:800}.invoice-modal-head button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#f4f2ef;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.invoice-modal-head button:hover{background:var(--cream);color:var(--ink)}.invoice-modal-body{background:#faf8f5;padding:18px 20px 4px}.invoice-paper{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line)!important;padding:0 0 4px!important;box-shadow:0 6px 18px #1f1d1b0f!important}.invoice-paper-top{background:var(--primary);color:var(--charcoal);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.invoice-paper-top>span{align-items:center;gap:7px;font-size:15px;font-weight:800;display:inline-flex}.invoice-paper-top small{text-align:right;font-size:11.5px;font-weight:600}.invoice-paper .invoice-status-band{letter-spacing:.04em;border-radius:10px;margin:14px 16px;padding:9px;font-size:12px}.invoice-paper-meta{border-bottom:1px dashed var(--line-strong);grid-template-columns:1fr 1fr;gap:10px;margin:0 16px;padding-bottom:12px;display:grid}.invoice-paper-meta div:last-child{text-align:right}.invoice-paper-meta dt{color:var(--muted);font-size:11px}.invoice-paper-meta dd{color:var(--ink);overflow-wrap:anywhere;margin:3px 0 0;font-size:13px;font-weight:700}.invoice-paper-lines{gap:9px;margin:12px 16px;display:grid}.invoice-line{color:#5f5b56;justify-content:space-between;gap:14px;font-size:13px;display:flex}.invoice-line>:last-child{color:var(--ink);text-align:right;flex:none}.invoice-line.head{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.invoice-line.head>:last-child{color:var(--muted)}.invoice-line.total{border-top:1px solid var(--line);color:var(--ink);margin-top:4px;padding-top:11px;font-size:14px;font-weight:700}.invoice-line.total strong{font-size:18px}.invoice-paper>footer{color:#8a857e;text-align:center;background:#f6f5f3;border-radius:8px;margin:0 16px 10px;padding:6px;font-size:11px}.invoice-modal-pay{border-top:1px solid var(--line);background:#fff;gap:12px;padding:16px 20px 20px;display:grid}.invoice-method{gap:6px;display:grid}.invoice-method span{color:var(--ink);font-size:12.5px;font-weight:700}.invoice-method select{border:1px solid var(--line-strong);width:100%;height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:11px;padding:0 12px;font-size:13.5px}.invoice-method select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #faa30e26}.invoice-modal-actions{grid-template-columns:auto 1fr;gap:10px;display:grid}.invoice-modal-actions .btn{justify-content:center;height:46px;font-size:14px}.invoice-modal-actions .btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.invoice-modal-pay .invoice-payment-note{text-align:left;margin:0;font-size:12px}.invoice-modal-pay .invoice-action-message{border-radius:10px;margin:0;padding:10px 12px;font-size:12.5px}.invoice-modal-pay .invoice-action-message.success{background:#e8f9f1}.invoice-modal-pay .invoice-action-message.error{background:#ffedef}@media (max-width:640px){.subscription-backdrop:has(.invoice-modal){align-items:end!important;padding:0!important}.subscription-dialog.invoice-modal{border-radius:20px 20px 0 0;width:100%;margin:auto 0 0!important}.invoice-modal-head{padding:14px 16px}.invoice-modal-body{padding:14px 14px 2px}.invoice-modal-pay{padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.invoice-paper-meta{grid-template-columns:1fr!important}.invoice-paper-meta div:last-child{text-align:left}.invoice-modal-actions{grid-template-columns:auto 1fr!important}.invoice-line{font-size:12.5px}}@media (max-width:360px){.invoice-modal-actions{grid-template-columns:1fr!important}.invoice-modal-actions .btn-primary{order:-1}}@media print{.subscription-dialog.invoice-modal,.invoice-modal-body{height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;padding:0!important;position:static!important;overflow:visible!important;transform:none!important}.subscription-backdrop:has(.invoice-modal){height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;padding:0!important;position:static!important;overflow:visible!important;transform:none!important}.invoice-paper{width:460px!important;height:auto!important;box-shadow:none!important;border-color:#ddd6cb!important;margin:0 auto!important;position:absolute!important;inset:0 0 auto!important;overflow:visible!important}.invoice-paper,.invoice-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}body:has(.invoice-modal) :not(:has(.invoice-paper)):not(.invoice-paper):not(.invoice-paper *){display:none!important}body:has(.invoice-modal) :has(.invoice-paper){height:auto!important;min-height:0!important;margin:0!important;padding:0!important}}.table-scroll,.table-wrap{position:relative}@media (max-width:720px){.complaint-chart:has(.report-vbars){direction:rtl}.complaint-chart:has(.report-vbars)>*{direction:ltr}}@media (max-width:640px){.notification-panel{width:auto;max-height:calc(100dvh - 96px);position:fixed;top:76px;left:16px;right:16px;overflow-y:auto}.retention-tiles{grid-template-columns:1fr 1fr}.retention-tiles>:first-child{grid-column:1/-1}.subscription-banner{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.subscription-banner>svg{margin-top:2px}.subscription-banner .btn{grid-column:2;justify-self:start}}
:is(.standard-modal-overlay,.subscription-backdrop,.visit-modal-backdrop,.daily-modal-backdrop,.monthly-modal-backdrop,.salary-modal-backdrop,.reference-modal-backdrop,.location-modal-backdrop,.profile-reset-backdrop,.confirm-backdrop,.camera-backdrop,.announcement-overlay){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;justify-content:center!important;align-items:flex-start!important;padding:clamp(8px,3vh,28px) clamp(8px,2.5vw,28px)!important;display:flex!important;overflow:hidden auto!important}:is(.standard-modal-card,.subscription-dialog,.visit-modal,.daily-confirm-dialog,.monthly-modal-card,.salary-modal,.reference-modal,.location-modal,.profile-reset-modal,.confirm-dialog,.camera-dialog,.announcement-modal){box-sizing:border-box;flex-shrink:0;min-width:0;max-width:100%!important;height:auto!important;max-height:none!important;margin:auto!important}:is(.salary-modal-body,.announcement-modal-body,.standard-modal-body,.visit-modal-content,.subscription-dialog-body){min-width:0;max-height:none!important}:is(.standard-modal-card,.subscription-dialog,.visit-modal,.monthly-modal-card,.salary-modal,.reference-modal,.location-modal,.confirm-dialog,.announcement-modal) :is(p,small,span,strong,label,td){overflow-wrap:anywhere}.standard-modal-header{gap:12px}.standard-modal-header>div{min-width:0}.standard-modal-header .icon-button{flex-shrink:0}:is(.standard-modal-footer,.visit-modal-footer,.monthly-modal-footer,.subscription-dialog footer){flex-wrap:wrap;gap:8px}.master-drawer-overlay{overflow:hidden}.master-drawer{overscroll-behavior:contain;max-width:100%;max-height:100dvh;overflow-y:auto;height:100dvh!important}.modal-backdrop{overflow:hidden!important}.demo-modal{overscroll-behavior:contain;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important}@media (max-width:640px){:is(.standard-modal-card,.subscription-dialog,.visit-modal,.monthly-modal-card,.salary-modal,.reference-modal,.location-modal,.announcement-modal,.demo-modal) :is([class*=-grid],[class*=-row],[class*=-cols],.plan-request-summary,.custom-plan-estimate,.custom-plan-proposal),:is(.standard-modal-card,.subscription-dialog,.visit-modal,.monthly-modal-card,.salary-modal,.reference-modal,.announcement-modal,.demo-modal) [style*=grid-template-columns]{grid-template-columns:1fr!important}:is(.visit-modal-top-row,.visit-modal-body-cols){flex-wrap:wrap}:is(.visit-modal-top-row,.visit-modal-body-cols)>*{flex:100%;min-width:0}.standard-modal-header{padding:18px 18px 10px!important}.standard-modal-body{padding:8px 18px 18px!important}.standard-modal-footer{padding:14px 18px 16px!important}:is(.standard-modal-footer,.visit-modal-footer,.monthly-modal-footer)>:is(button,a){flex:auto}.standard-modal-card,.monthly-modal-card{border-radius:18px!important}}@media (max-height:520px){:is(.standard-modal-overlay,.subscription-backdrop,.visit-modal-backdrop,.daily-modal-backdrop,.monthly-modal-backdrop,.salary-modal-backdrop,.reference-modal-backdrop,.location-modal-backdrop,.profile-reset-backdrop,.confirm-backdrop,.camera-backdrop,.announcement-overlay){padding-top:8px!important;padding-bottom:8px!important}}