:root{color-scheme:light;--bg:#f4f6f8;--surface:#ffffff;--surface-muted:#f8fafc;--line:#d8dee7;--text:#1f2937;--muted:#667085;--brand:#1f7a68;--brand-dark:#14594d;--blue:#2563eb;--danger:#b42318;--warning:#b54708;--shadow:0 18px 45px rgba(17,24,39,0.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}button span{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{place-items:center;padding:24px;background:linear-gradient(135deg,rgba(31,122,104,.12),rgba(37,99,235,.09)),var(--bg)}.login-panel{width:min(420px,100%);display:grid;grid-gap:18px;gap:18px;padding:32px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.login-heading h1,.screen-header h1{margin:4px 0 0;font-size:clamp(1.7rem,2.4vw,2.35rem);line-height:1.12}.eyebrow{display:inline-flex;color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.form-alert,.status-message{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:6px;background:#fff7ed;color:var(--warning);border:1px solid #fed7aa}.status-message-text{flex:1 1;white-space:pre-wrap;line-height:1.5}.status-message-close{flex-shrink:0;background:none;border:none;padding:2px;cursor:pointer;color:inherit;opacity:.6;line-height:1}.status-message-close:hover{opacity:1}.app-shell{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:20px 16px;background:#111827;color:#f9fafb;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px}.brand span{display:grid;grid-gap:2px;gap:2px}.brand small{color:#b8c0cc;font-size:.78rem}.navigation{display:grid;grid-gap:14px;gap:14px}.nav-section{display:grid;grid-gap:8px;gap:8px}.nav-group,.nav-section-title{width:100%;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 8px;border:0;background:transparent;color:#cdd5df;font-size:.78rem;font-weight:800;text-align:left;text-transform:uppercase}.nav-group span,.nav-section-title span{flex:1 1}.nav-group:hover,.nav-section-title.active,.nav-section-title:hover{color:#ffffff}.nav-items .nav-group{padding-left:24px}.nav-children,.nav-items{display:grid;grid-gap:4px;gap:4px}.nav-children{margin-left:14px}.nav-link{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 8px;border-radius:6px;color:#e5e7eb;font-size:.9rem}.nav-link.active,.nav-link:hover{background:rgba(255,255,255,.11);color:#ffffff}.main-frame{min-width:0;display:grid;grid-template-rows:auto 1fr}.topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-button{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.content{min-width:0;width:min(1320px,100%);margin:0 auto;padding:28px}.screen{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:22px;gap:22px}.form-grid,.panel-heading,.screen-header,.screen>*,.summary-grid,.table-filters,.table-scroll,.table-toolbar,.table-toolbar-actions,.table-toolbar-right,.workspace-panel{min-width:0}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.screen-header p{margin:8px 0 0;color:var(--muted)}.header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.workspace-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:0 12px 30px rgba(17,24,39,.05)}.collapsible-header{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.collapsible-header h3{margin:0;font-size:.95rem}.collapsible-header-left{display:flex;align-items:center;gap:10px;min-width:0}.header-icon-error{color:var(--danger);flex-shrink:0}.header-icon-warning{color:var(--warning);flex-shrink:0}.validation-panel .collapsible-header h3{color:var(--danger)}.workspace-panel.validation-panel{margin-bottom:16px}.warning-panel .collapsible-header h3{color:var(--warning)}.workspace-panel.warning-panel{margin-bottom:16px}.collapse-chevron{transition:transform .2s;flex-shrink:0;color:var(--muted)}.collapse-chevron.open{transform:rotate(180deg)}.form-actions,.panel-heading,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading{margin-bottom:16px}.dashboard-section h2,.panel-heading h2{margin:0;font-size:1.05rem}.panel-subtitle{margin:4px 0 0;color:var(--muted);font-size:.88rem}.tabs-header{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:20px}.tab{all:unset;padding:10px 18px;font-size:.88rem;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.sectioned-form-layout{display:grid;grid-gap:16px;gap:16px}.form-section{display:grid;grid-gap:14px;gap:14px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.form-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--line)}.form-section-heading h3{margin:0;color:#344054;font-size:.92rem;font-weight:900;text-transform:uppercase}.form-section-heading p{max-width:520px;margin:0;color:var(--muted);font-size:.84rem;font-weight:700;text-align:right}.form-section .form-grid{gap:12px}.field{display:grid;grid-gap:7px;gap:7px}.field.full{grid-column:1/-1}.field>span{color:#344054;font-size:.86rem;font-weight:700}.field input,.field select,.field textarea,.search-box input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:#ffffff;color:var(--text);outline:none}.field textarea{resize:vertical}.file-note{color:var(--muted);font-size:.78rem;font-weight:700}.file-note--error{color:var(--danger)}.field input:focus,.field select:focus,.field textarea:focus,.search-box input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(31,122,104,.14)}.form-actions{justify-content:flex-end;margin-top:16px}.icon-button,.icon-text-button,.icon-text-link,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;border:1px solid transparent;font-weight:800;white-space:nowrap}.primary-button{padding:0 14px;background:var(--brand);color:#ffffff}.primary-button:hover{background:var(--brand-dark)}.icon-text-button,.icon-text-link,.secondary-button{padding:0 12px;background:var(--surface-muted);border-color:var(--line);color:var(--text)}.icon-text-button.ghost{background:transparent}.icon-button{width:36px;height:36px;background:var(--surface-muted);border-color:var(--line)}.icon-button.danger{color:var(--danger)}.table-toolbar{align-items:flex-end;flex-wrap:nowrap;margin-bottom:14px}.table-toolbar>.search-box:first-child{margin-right:auto}.table-toolbar-right{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:flex-end;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0}.table-toolbar-title{display:flex;align-items:center;gap:8px}.table-filters{display:flex;flex:0 0 auto;gap:10px;align-items:flex-end}.table-filters .compact-field{width:150px;min-width:130px}.search-box{flex:1 1 280px;min-width:220px;max-width:420px;display:flex;align-items:center;gap:8px}.disabled-link{pointer-events:none;opacity:.55}.print-only{display:none}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}td.name-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis}.employee-name-cell{display:inline-flex;align-items:center;gap:8px;max-width:100%}.employee-name-cell strong{overflow:hidden;text-overflow:ellipsis;max-width:180px;flex-shrink:1}.employee-name-badges{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}th{background:var(--surface-muted);color:#344054;font-size:.78rem;text-transform:uppercase}.select-column{width:40px;text-align:center}.select-column input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.selected-row{background:rgba(31,122,104,.06)}.actions-column{width:188px}.row-actions{display:flex;gap:8px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.pagination-actions span,.pagination-info{color:var(--muted);font-size:.86rem;font-weight:800}.pagination-actions{display:flex;align-items:center;gap:10px}.table-avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(31,122,104,.24);border-radius:999px;background:#ecfdf3;color:var(--brand);font-size:.82rem;font-weight:900}.table-avatar img{width:100%;height:100%;display:block;object-fit:cover}.employee-name-cell,.stacked-cell{display:grid;grid-gap:6px;gap:6px;min-width:0}.employee-name-cell strong,.stacked-cell strong{color:var(--text);font-weight:900}.inline-period-cell{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.employee-name-badges{display:flex;flex-wrap:wrap;gap:5px}.modal-overlay{z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto}.modal-panel{background:var(--surface);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.2);padding:24px;width:100%;max-height:calc(100vh - 80px);overflow-y:auto}.modal-size-default{max-width:620px}.modal-size-large{max-width:860px}.modal-size-full{max-width:1100px}.status-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;border:1px solid var(--line);background:#f8fafc;color:#344054;font-size:.78rem;font-weight:900}.status-badge.success{border-color:#abefc6;background:#ecfdf3;color:#067647}.status-badge.info{border-color:#b2ddff;background:#eff8ff;color:#175cd3}.status-badge.warning{border-color:#fedf89;background:#fffaeb;color:#b54708}.status-badge.danger{border-color:#fecdca;background:#fef3f2;color:#b42318}.status-badge.muted{border-color:var(--line);background:var(--surface-muted);color:var(--muted)}.skeleton-card,.skeleton-line{overflow:hidden;position:relative;border-radius:var(--radius-sm);background:#eef2f6}.skeleton-line{width:min(420px,100%);height:16px}.skeleton-line.wide{width:min(620px,100%);height:28px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.skeleton-card{min-height:120px}.skeleton-card:after,.skeleton-line:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255/.72),transparent);animation:skeleton-shimmer 1.35s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.detail-view{display:grid;grid-gap:4px;gap:4px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0}.detail-item{min-width:0;display:grid;align-content:start;grid-gap:6px;gap:6px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.detail-item.wide{grid-column:1/-1}.detail-item-audit{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;padding:8px 12px;border:none;background:none;opacity:.6;font-size:.82rem}.detail-item-audit dt{color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0}.detail-item-audit dd{color:var(--muted);font-weight:400;margin:0;overflow-wrap:anywhere}.detail-item dt{color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.detail-item dd{min-width:0;margin:0;color:var(--text);font-weight:700;overflow-wrap:anywhere}.profile-detail{display:grid;grid-gap:18px;gap:18px}.profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:16px;gap:16px;padding:18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(31,122,104,.08),rgba(37,99,235,.06)),var(--surface-muted)}.profile-avatar,.profile-hero{align-items:center;border-radius:8px}.profile-avatar{width:78px;height:78px;display:inline-flex;justify-content:center;border:1px solid rgba(31,122,104,.2);background:#ffffff;color:var(--brand);font-size:1.35rem;font-weight:900}.employee-avatar{background:#ecfdf3}.company-avatar{background:#eff8ff;color:var(--blue)}.photo-avatar{padding:0;overflow:hidden;background:#ffffff}.photo-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-title{min-width:0;display:grid;grid-gap:7px;gap:7px}.profile-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-title h2{margin:0;font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.15;overflow-wrap:anywhere}.profile-title p{margin:0;color:var(--muted);font-weight:700}.profile-tags{display:flex;gap:8px;flex-wrap:wrap}.profile-tags span{min-height:26px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px 9px;background:rgba(255,255,255,.82);color:#344054;font-size:.78rem;font-weight:900}.profile-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.profile-section{min-width:0;display:grid;grid-gap:12px;gap:12px;align-content:start;padding-top:2px}.profile-section.wide{grid-column:1/-1}.profile-section h3{margin:0;color:#344054;font-size:.9rem;font-weight:900;text-transform:uppercase}.profile-actions{display:flex;justify-content:flex-end;padding:16px 0 0;border-top:1px solid var(--line);margin-top:20px}.profile-info-grid,.profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.profile-info-grid.three{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-info-grid.narrative{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-info-item{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.profile-info-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff;color:var(--brand);border:1px solid var(--line)}.profile-info-item dt{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.profile-info-item dd{margin:4px 0 0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.dashboard-screen{gap:20px}.dashboard-hero{display:flex;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(31,122,104,.1),rgba(37,99,235,.08)),var(--surface);box-shadow:var(--shadow)}.dashboard-hero h1{margin:4px 0 0;font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.08}.dashboard-hero p{max-width:680px;margin:10px 0 0;color:var(--muted)}.dashboard-date{min-width:180px;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.75);box-shadow:var(--shadow)}.dashboard-date-body{flex:1 1}.dashboard-date-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.dashboard-date-body strong{display:block;margin-top:2px;font-size:clamp(.8rem,1.3vw,.92rem);font-weight:700;color:var(--text);line-height:1.35;letter-spacing:-.01em}.clock{--clock-size:38px;width:var(--clock-size);height:var(--clock-size);border-radius:50%;border:1.5px solid var(--line);position:relative;flex-shrink:0;background:var(--surface-muted)}.clock .clock-hour{left:calc(var(--clock-size) / 2 - 1.5px);width:3px;height:9px;background:var(--text)}.clock .clock-hour,.clock .clock-minute{position:absolute;bottom:calc(var(--clock-size) / 2);border-radius:2px;transform-origin:bottom center}.clock .clock-minute{left:calc(var(--clock-size) / 2 - 1px);width:2px;height:14px;background:var(--brand)}.clock .clock-center{position:absolute;top:calc(var(--clock-size) / 2 - 2.5px);left:calc(var(--clock-size) / 2 - 2.5px);width:5px;height:5px;border-radius:50%;background:var(--brand)}.dashboard-side-stack{min-width:220px;display:flex;gap:10px}.dashboard-date span{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.dashboard-subscription{display:grid;grid-gap:5px;gap:5px;padding:14px;border:1px solid #b7e4d8;border-radius:8px;background:#e7f6f2}.dashboard-subscription span{display:inline-flex;align-items:center;gap:7px;color:var(--brand-dark);font-size:.82rem;font-weight:900;text-transform:uppercase}.dashboard-subscription strong{font-size:1.05rem}.dashboard-subscription small{color:#475467;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.summary-card{min-height:124px;display:grid;align-content:space-between;grid-gap:10px;gap:10px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 10px 26px rgba(17,24,39,.05)}.action-tile:hover,.module-links a:hover,.summary-card:hover{border-color:rgba(31,122,104,.45);box-shadow:0 14px 34px rgba(17,24,39,.08)}.summary-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e7f6f2;color:var(--brand)}.summary-card>span:not(.summary-icon){color:var(--muted);font-size:.86rem;font-weight:800}.summary-card strong{font-size:1.2rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:18px;gap:18px}.action-panel,.chart-panel,.vacation-panel{align-self:start}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.action-tile{min-height:96px;display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;padding:14px;border:1px solid var(--line);background:var(--surface-muted)}.action-tile,.action-tile span{align-items:center;border-radius:8px}.action-tile span{width:38px;height:38px;display:inline-flex;justify-content:center}.action-tile.green span{background:#e7f6f2;color:var(--brand)}.action-tile.blue span{background:#eaf1ff;color:var(--blue)}.action-tile.amber span{background:#fff3df;color:#b54708}.action-tile.neutral span{background:#eef2f7;color:#475467}.module-list{display:grid;grid-gap:12px;gap:12px}.module-row{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr);grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.module-row>div:first-child{display:grid;grid-gap:4px;gap:4px}.module-row span{color:var(--muted);font-size:.84rem}.module-links{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.module-links a{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:#ffffff;color:#243b53;font-size:.86rem;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.metric-grid.payroll-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metric{display:grid;grid-gap:6px;gap:6px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.metric span{color:var(--muted);font-size:.84rem}.metric strong{font-size:1.25rem}.validation-list{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.exclusion-panel{display:grid;grid-gap:12px;gap:12px;margin-bottom:16px;padding:12px;border:1px solid #fed7aa;border-radius:6px;background:#fffbeb}.exclusion-actions,.exclusion-header{display:flex;gap:10px;flex-wrap:wrap}.exclusion-header{align-items:flex-start;justify-content:space-between}.exclusion-header h3{margin:0;font-size:1rem}.exclusion-actions{align-items:center;justify-content:flex-end}.exclusion-checkbox{width:18px;height:18px;accent-color:var(--brand)}.success-message{display:flex;align-items:center;min-height:42px;margin-bottom:16px;padding:10px 12px;border:1px solid #b7e4d8;border-radius:6px;background:#e7f6f2;color:var(--brand-dark);font-weight:800}.payroll-exclusion-summary{justify-content:space-between;flex-wrap:wrap}.numeric-cell{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.perfil-password-inline{margin-top:12px}.perfil-action-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.perfil-action-row+.perfil-action-row{margin-top:6px}.perfil-action-label{flex:1 1;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:.88rem}.perfil-action-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand)}.perfil-options-details{margin-top:16px;border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:var(--surface-muted)}.perfil-options-details summary{cursor:pointer;font-weight:700;font-size:.85rem;color:var(--muted)}.perfil-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.perfil-option-item{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;padding:4px 0}.perfil-option-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.perfil-actions-footer{margin-top:18px}.perfil-actions-list{min-height:60px}.icon-text-button.ghost{background:none;border:none;cursor:pointer;padding:4px;color:var(--muted);border-radius:4px;display:inline-flex;align-items:center}.icon-text-button.ghost:hover{background:var(--surface-muted);color:var(--text)}.icon-text-button.ghost:disabled{opacity:.3;cursor:default}.totals-row{background:var(--surface-muted);font-weight:900}.vacation-calendar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.vacation-month{min-height:260px;align-self:stretch}.vacation-month-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.vacation-month-header h2{margin:4px 0 0;font-size:1.05rem}.vacation-month-list{display:grid;grid-gap:9px;gap:9px}.vacation-month-list.scrollable{max-height:258px;overflow-y:auto;padding-right:6px}.vacation-chip{display:grid;grid-gap:6px;gap:6px;min-height:74px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.vacation-chip strong{font-size:.93rem}.vacation-chip span{color:var(--muted);font-size:.84rem;font-weight:700}.vacation-chip-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-empty,.vacation-chip-footer small{color:var(--muted);font-size:.82rem;font-weight:700}.compact-field{max-width:340px}.receipt-controls{display:grid;grid-template-columns:minmax(220px,340px) 1fr auto;align-items:end;grid-gap:16px;gap:16px}.receipt-control-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;font-weight:800}.receipt-control-summary span{min-height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px}.receipt-control-summary span,.view-toggle{display:inline-flex;align-items:center;background:var(--surface-muted)}.view-toggle{gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px}.view-toggle button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-weight:900}.view-toggle button.active{background:#ffffff;color:var(--brand);box-shadow:0 1px 4px rgba(17,24,39,.08)}.receipt-table{min-width:900px}.receipt-table-person{display:grid;grid-gap:3px;gap:3px}.receipt-table-person span{color:var(--muted);font-size:.78rem;font-weight:800}.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.receipt-grid.print-only-receipts{display:none}.receipt{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:18px}.receipt header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.receipt dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 18px;gap:10px 18px;margin:14px 0 0}.receipt div{display:grid;grid-gap:3px;gap:3px}.receipt dt{color:var(--muted);font-size:.78rem}.receipt dd{margin:0;font-weight:700}.receipt-net{grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}.receipt-net dd{color:var(--brand);font-size:1.1rem}.receipt-actions{display:flex!important;justify-content:flex-end;margin-top:16px}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(320px,calc(100vw - 44px));transform:translateX(-100%);transition:transform .18s ease}.sidebar.open{transform:translateX(0)}.mobile-menu-button{display:inline-flex}.navigation{grid-template-columns:1fr}.vacation-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.content,.topbar{padding:18px}.form-actions,.form-section-heading,.header-actions,.pagination-actions,.pagination-bar,.panel-heading,.screen-header,.table-filters,.table-toolbar,.table-toolbar-actions,.table-toolbar-right,.topbar{align-items:stretch;flex-direction:column}.table-toolbar-right,.table-toolbar>.search-box:first-child{margin-left:0;margin-right:0}.header-actions,.search-box,.table-toolbar-actions,.table-toolbar-right{width:100%;max-width:none}.search-box,.table-toolbar-right{flex:0 1 auto}.header-actions .icon-text-button,.header-actions .primary-button,.header-actions .secondary-button,.table-toolbar-actions .icon-text-button,.table-toolbar-actions .primary-button,.table-toolbar-actions .secondary-button{width:100%;white-space:normal}.table-filters .compact-field{width:100%;max-width:none}.form-section-heading p{max-width:none;text-align:left}.action-grid,.dashboard-layout,.detail-grid,.form-grid,.form-grid.compact,.metric-grid,.metric-grid.payroll-metrics,.module-row,.navigation,.receipt-controls,.receipt-grid,.summary-grid,.vacation-calendar-grid{grid-template-columns:1fr}.receipt-controls{align-items:stretch}.view-toggle{width:100%}.view-toggle button{flex:1 1}.dashboard-hero,.dashboard-side-stack{flex-direction:column}}@media print{.header-actions,.no-print,.sidebar,.topbar{display:none!important}.app-shell{display:block}.content{width:100%;padding:0}.receipt-screen>.screen-header{display:none!important}.print-only{display:block!important}.absence-print-report{box-shadow:none;border:0}.receipt-grid{grid-template-columns:1fr}.receipt-grid.print-only-receipts{display:grid}.receipt{page-break-inside:avoid;break-inside:avoid;box-shadow:none}.printing-single-receipt .receipt-grid{display:block}.printing-single-receipt .receipt:not(.receipt-print-target){display:none!important}.printing-single-receipt .receipt-print-target{width:min(760px,100%);margin:0 auto}}@media (max-width:1220px){.metric-grid.payroll-metrics,.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-info-grid.three,.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}}@media (max-width:920px){.detail-grid,.metric-grid.payroll-metrics,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:1fr}}@media (max-width:760px){.detail-grid,.profile-hero,.profile-info-grid,.profile-info-grid.three,.profile-metrics{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(440px,100%);display:grid;grid-gap:16px;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 60px rgba(17,24,39,.18)}.modal-header{display:flex;align-items:center;gap:10px;color:#344054;font-weight:900}.modal-header .close{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted)}.modal-header .close:hover{background:var(--surface-muted);color:var(--text)}.modal .panel-subtitle{margin:0;color:var(--muted);font-size:.88rem}.modal .field{display:grid;grid-gap:7px;gap:7px}.modal .field>span{color:#344054;font-size:.86rem;font-weight:700}.modal .field input,.modal .field select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:#ffffff;color:var(--text);outline:none}.modal .field input:focus,.modal .field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(31,122,104,.14)}.modal .primary-button{justify-self:end}.topbar-user-container{position:relative;margin-left:auto}.admin-shell .topbar-user-container{position:static}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.topbar-user{min-width:0;max-width:min(560px,62vw);display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 8px 22px rgba(17,24,39,.06);color:#344054;font-size:.88rem;cursor:pointer}.topbar-user:before{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--brand);content:"";box-shadow:0 0 0 4px rgba(31,122,104,.12)}.admin-shell .topbar-user:before{content:none}.topbar-user:hover{border-color:var(--brand)}.topbar-company,.topbar-user strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user strong{color:var(--text);font-weight:900}.topbar-company{color:var(--muted);font-weight:800}.topbar-separator{flex:0 0 auto;color:var(--line-strong);font-weight:900}.chart-panel .panel-heading,.vacation-panel .panel-heading{align-items:flex-start}.chart-panel .panel-heading p,.vacation-panel .panel-heading p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.trend-badge{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-muted);font-size:.84rem}.trend-badge.increase{color:var(--danger);background:#fff1f0;border-color:#fecdca}.trend-badge.decrease{color:var(--brand-dark);background:#e7f6f2;border-color:#b7e4d8}.trend-badge span{color:inherit;opacity:.78}.topbar-chevron{transition:transform .2s;color:var(--muted)}.topbar-chevron.open{transform:rotate(180deg)}.topbar-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(17,24,39,.12);padding:6px;z-index:999}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:none;color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none;box-sizing:border-box}.topbar-dropdown-item:hover{background:var(--surface-muted)}.topbar-dropdown-item:disabled{opacity:.5;cursor:default}.topbar-dropdown-divider{height:1px;background:var(--line);margin:4px 0}.absence-chart{min-height:224px;grid-auto-flow:column;grid-auto-columns:minmax(24px,1fr);grid-gap:7px;gap:7px;padding:18px 4px 8px;overflow-x:auto}.absence-chart,.chart-day{display:grid;align-items:end}.chart-day{min-width:24px;justify-items:center;grid-gap:6px;gap:6px}.chart-value{min-height:16px;color:var(--muted);font-size:.72rem;font-weight:800}.chart-bar{width:100%;max-width:28px;min-height:8px;display:block;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--brand),#58b6a3)}.chart-label{color:var(--muted);font-size:.72rem}.chart-footer{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;font-weight:700}.vacation-list{display:grid;grid-gap:12px;gap:12px}.vacation-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.vacation-card:hover{border-color:rgba(31,122,104,.45);box-shadow:0 12px 28px rgba(17,24,39,.08)}.avatar{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e7f6f2;color:var(--brand-dark);font-weight:900}.vacation-card div{display:grid;grid-gap:3px;gap:3px}.vacation-card div span,.vacation-card time{color:var(--muted);font-size:.82rem}.vacation-card time{text-align:right;font-weight:800}.empty-state{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:var(--surface-muted)}@media (max-width:760px){.chart-footer,.vacation-card{grid-template-columns:1fr}.chart-footer{flex-direction:column}.vacation-card time{text-align:left}}.table-toolbar-actions{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:10px}.admin-shell .sidebar{background:#172033}.admin-content{width:min(1440px,100%)}.admin-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.admin-alert-panel{border-color:#fedf89}.admin-form-grid{align-items:start}.admin-list-toolbar{align-items:flex-end}.admin-list-toolbar .search-box{flex:1 1 320px}.admin-create-panel{display:grid;grid-gap:14px;gap:14px;margin-bottom:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.admin-create-panel .panel-heading{margin-bottom:0}.admin-create-panel .panel-subtitle{margin:0}.admin-create-details{display:block}.admin-create-details summary{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:6px;background:var(--brand);color:#ffffff;cursor:pointer;font-weight:800;list-style:none}.admin-create-details summary::-webkit-details-marker{display:none}.admin-create-details summary:hover{background:var(--brand-dark)}.admin-create-details[open] summary{margin-bottom:14px}.admin-create-details .panel-subtitle{margin:0 0 16px}.admin-table-actions{min-width:260px;display:grid;grid-gap:8px;gap:8px;justify-items:end}.admin-table-actions form{margin:0}.admin-row-actions{min-width:112px;align-items:flex-start;justify-content:flex-end}.admin-row-actions form{margin:0}.admin-row-actions .inline-edit-details{width:auto}.admin-row-actions .inline-edit-details[open]{width:min(520px,78vw)}.inline-edit-details{width:min(520px,100%)}.inline-edit-details summary{cursor:pointer;color:var(--brand);font-weight:900;text-align:right}.inline-edit-details summary.icon-button{width:36px;height:36px;min-height:36px;padding:0;color:var(--text);text-align:center;list-style:none}.inline-edit-details summary.icon-button::-webkit-details-marker{display:none}.inline-edit-details[open] summary.icon-button{margin-left:auto}.admin-inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);text-align:left}.admin-inline-form .primary-button{grid-column:1/-1;justify-self:end}.admin-list{display:grid;grid-gap:10px;gap:10px}.admin-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.admin-list-row>div{min-width:0;display:grid;grid-gap:4px;gap:4px}.admin-list-row>div:last-child{justify-items:end;text-align:right}.admin-list-row span,.muted-line{color:var(--muted);font-size:.82rem;font-weight:700}@media (max-width:920px){.admin-dashboard-grid,.admin-list-row,.admin-summary-grid{grid-template-columns:1fr}.admin-table-actions{justify-items:start}.inline-edit-details{width:100%}.inline-edit-details summary{text-align:left}.admin-inline-form{grid-template-columns:1fr}.admin-list-row>div:last-child{justify-items:start;text-align:left}}.login-page{position:relative;isolation:isolate;width:min(1180px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,430px);grid-gap:clamp(2rem,5vw,5rem);gap:clamp(2rem,5vw,5rem);align-items:center;place-items:initial;padding:clamp(2rem,5vh,4rem) 0;background:transparent}.login-page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 10%,rgba(31,122,104,.16),transparent 30rem),radial-gradient(circle at 86% 18%,rgba(228,109,95,.13),transparent 28rem),linear-gradient(135deg,#f7f9fc,#edf4f7 48%,#f8f1eb)}.login-page:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(31,122,104,.055) 1px,transparent 0),linear-gradient(180deg,rgba(31,122,104,.055) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,#000000,transparent 82%);mask-image:linear-gradient(180deg,#000000,transparent 82%)}.login-hero{min-width:0}.login-brand-lockup{gap:12px;margin-bottom:clamp(2rem,5vh,3.5rem);color:#1b3158}.login-brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;color:#ffffff;background:linear-gradient(135deg,var(--brand),#1b3158);box-shadow:0 14px 30px rgba(31,122,104,.22);font-size:.86rem;font-weight:900}.login-brand-lockup small,.login-brand-lockup strong{display:block}.login-brand-lockup strong{font-size:.98rem}.login-brand-lockup small{margin-top:2px;color:var(--muted);font-size:.78rem;font-weight:800}.login-hero-copy h1{max-width:680px;margin:10px 0 0;color:#13213a;font-size:clamp(1.4rem,3.05vw,2.85rem);line-height:1;letter-spacing:0}.login-hero-copy h1 span{color:var(--brand)}.login-hero-copy p{max-width:610px;margin:1.55rem 0 0;color:#4d5b70;font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.7}.login-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9rem;gap:.9rem;max-width:650px;margin:2rem 0 2.2rem}.login-metrics div{min-height:104px;padding:1rem;border:1px solid rgba(216,222,231,.9);border-radius:8px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-metrics strong{display:block;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1}.login-metrics span{display:block;margin-top:.55rem;color:var(--muted);font-size:.86rem;line-height:1.35}.login-product-preview{position:relative;max-width:690px;min-height:240px;margin-top:1.2rem}.login-dashboard-window{position:relative;overflow:hidden;width:min(630px,100%);min-height:258px;padding:18px;border:1px solid rgba(23,32,51,.08);border-radius:8px;background:rgba(255,255,255,.84);box-shadow:0 24px 70px rgba(31,49,88,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-dashboard-grid,.login-window-topbar{position:relative;z-index:1}.login-window-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:16px}.login-window-dots{display:flex;gap:7px}.login-window-dots i{width:10px;height:10px;border-radius:50%;background:#e46d5f}.login-window-dots i:nth-child(2){background:#f2a341}.login-window-dots i:nth-child(3){background:#22a06b}.login-sync-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .7rem;border-radius:999px;color:#0f5f4a;background:rgba(34,160,107,.12);font-size:.78rem;font-weight:900}.login-sync-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#22a06b;box-shadow:0 0 0 7px rgba(34,160,107,.12);animation:login-pulse 1.6s ease-in-out infinite}.login-dashboard-grid{display:grid;grid-template-columns:1fr .72fr;grid-gap:14px;gap:14px}.login-chart-panel,.login-payroll-panel{min-height:166px;padding:14px;border:1px solid rgba(216,222,231,.9);border-radius:8px;background:#ffffff}.login-panel-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#506078;font-size:.78rem;font-weight:900;text-transform:uppercase}.login-bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;grid-gap:9px;gap:9px;height:100px;margin-top:18px}.login-bars i{display:block;min-height:24px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--brand),#58b6a3);animation:login-rise 4s ease-in-out infinite}.login-bars i:first-child{height:46%}.login-bars i:nth-child(2){height:64%;animation-delay:.12s}.login-bars i:nth-child(3){height:37%;animation-delay:.24s}.login-bars i:nth-child(4){height:80%;animation-delay:.36s}.login-bars i:nth-child(5){height:58%;animation-delay:.48s}.login-bars i:nth-child(6){height:92%;background:linear-gradient(180deg,#f2a341,#ffd08a);animation-delay:.6s}.login-bars i:nth-child(7){height:70%;animation-delay:.72s}.login-payroll-total{margin-top:18px}.login-payroll-total strong{display:block;color:#172033;font-size:2rem;line-height:1}.login-payroll-total span{display:block;margin-top:.45rem;color:var(--muted);font-size:.85rem}.login-team-list{display:grid;grid-gap:10px;gap:10px;margin-top:18px}.login-team-list div{display:grid;grid-template-columns:32px 1fr auto;grid-gap:10px;gap:10px;align-items:center}.login-team-list div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#ffffff;background:#1b3158;font-size:.76rem;font-weight:900}.login-team-list div:nth-child(2)>span{background:var(--brand)}.login-team-list p{display:grid;grid-gap:2px;gap:2px;margin:0}.login-team-list strong{font-size:.84rem}.login-team-list small{color:var(--muted)}.login-team-list b{padding:.35rem .48rem;border-radius:999px;color:#0f5f4a;background:rgba(34,160,107,.12);font-size:.72rem}.login-floating-note{position:absolute;right:1rem;bottom:-1rem;display:flex;align-items:center;gap:.7rem;width:min(310px,calc(100% - 2rem));padding:.9rem 1rem;border:1px solid rgba(216,222,231,.95);border-radius:8px;background:#ffffff;box-shadow:0 18px 50px rgba(31,49,88,.18);animation:login-float 5s ease-in-out infinite}.login-floating-note>span{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:8px;color:#ffffff;background:#22a06b;font-weight:900}.login-floating-note p{margin:0}.login-floating-note small,.login-floating-note strong{display:block}.login-floating-note strong{font-size:.9rem}.login-floating-note small{margin-top:.2rem;color:var(--muted);font-size:.8rem;line-height:1.35}.login-panel{justify-self:end;width:min(430px,100%);min-height:clamp(540px,66vh,630px);display:flex;flex-direction:column;justify-content:space-around;gap:clamp(1.25rem,2.4vw,1.75rem);padding:clamp(1.5rem,2.6vw,1.875rem);border:1px solid rgba(255,255,255,.78);border-radius:8px;background:rgba(255,255,255,.93);box-shadow:0 24px 70px rgba(31,49,88,.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-form-body{display:grid;grid-gap:32px;gap:32px}.login-heading{display:grid;grid-gap:6px;gap:6px}.login-heading h2{margin:0;font-size:clamp(1.65rem,3vw,2.15rem);line-height:1.1;letter-spacing:0}.login-heading p{margin:0;color:var(--muted);line-height:1.45}.login-field{display:grid;grid-gap:6px;gap:6px}.login-field>span{color:#344054;font-size:.88rem;font-weight:800}.login-input-wrap{display:flex;align-items:center;gap:10px;height:44px;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#ffffff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.login-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(31,122,104,.13);transform:translateY(-1px)}.login-input-wrap svg{flex:0 0 auto;color:var(--brand)}.login-input-wrap input{height:100%;min-width:0;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.login-options{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.88rem}.login-options label{display:inline-flex;align-items:center;gap:.55rem}.login-options input{width:17px;height:17px;accent-color:var(--brand)}.login-options a{color:var(--brand);font-weight:800}.login-turnstile{display:grid;grid-gap:8px;gap:8px;min-height:70px}.login-turnstile-frame{min-height:65px;overflow:hidden}.login-turnstile-note{color:var(--danger);font-size:.78rem;font-weight:700;line-height:1.35}.login-submit.primary-button{width:100%;height:44px;min-height:44px;padding:0 16px;justify-content:center;border-radius:8px;background:linear-gradient(135deg,var(--brand),#1b3158);box-shadow:0 16px 32px rgba(31,122,104,.24);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-submit.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 20px 42px rgba(31,122,104,.3)}.login-security-strip{display:flex;flex-wrap:wrap;gap:8px 12px;padding-top:12px;border-top:1px solid var(--line);color:#475467;font-size:.82rem;font-weight:800}.login-security-strip span{display:inline-flex;align-items:center;gap:8px}.login-security-strip svg{color:var(--brand)}@keyframes login-pulse{0%,to{transform:scale(1)}50%{transform:scale(.78)}}@keyframes login-rise{0%,to{transform:scaleY(1)}50%{transform:scaleY(.86)}}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:940px){.login-page{grid-template-columns:1fr;min-height:auto}.login-panel{justify-self:start}.login-hero-copy h1,.login-hero-copy p{max-width:100%}}@media (max-width:680px){.login-page{width:min(100% - 28px,520px);padding:1.6rem 0 2.2rem}.login-brand-lockup{margin-bottom:2rem}.login-dashboard-grid,.login-metrics{grid-template-columns:1fr}.login-product-preview{min-height:0;padding-bottom:4.1rem}.login-floating-note{right:auto;left:1rem;bottom:0}.login-options{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :after,.login-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.commercial-site{--commercial-ink:#122033;--commercial-muted:#4d5a68;--commercial-brand:#1f7a68;--commercial-brand-dark:#155848;--commercial-teal:#34b8a1;--commercial-line:#dfe7ec;--commercial-paper:#f7faf9;--commercial-white:#ffffff;--text-xs:0.72rem;--text-sm:0.82rem;--text-base:0.92rem;--text-lg:1.15rem;min-height:100vh;background:var(--commercial-paper);color:var(--commercial-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.commercial-hero{position:relative;min-height:69vh;isolation:isolate;display:grid;align-items:center;padding:1.15rem clamp(1rem,4vw,4rem) 3rem;overflow:hidden;color:#ffffff}.commercial-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url(/commercial/grh-saas-hero-concept.png) 50%/cover no-repeat}.commercial-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,20,35,.88),rgba(10,20,35,.66) 42%,rgba(10,20,35,.1)),linear-gradient(0deg,rgba(10,20,35,.62),transparent 42%)}.commercial-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);background:var(--commercial-brand);box-shadow:0 1px 0 rgba(0,0,0,.08)}.commercial-brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:900;color:#ffffff}.commercial-brand small{display:block;margin-top:.1rem;color:rgba(255,255,255,.7);font-size:.75rem;font-weight:800}.commercial-brand-mark{width:54px;height:54px;display:inline-grid;place-items:center;border-radius:8px}.commercial-brand-mark img{width:100%;height:100%;display:block}.commercial-nav-actions{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.5rem)}.commercial-nav-links{display:flex;align-items:center;gap:clamp(.75rem,2vw,1.6rem);color:#ffffff;font-size:.92rem;font-weight:800}.commercial-nav-links a:hover{color:rgba(255,255,255,.7)}.commercial-login-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:0 .95rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff;color:var(--commercial-brand);font-size:.9rem;font-weight:900;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.commercial-login-button:hover{transform:translateY(-1px);border-color:#ffffff;background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(0,0,0,.12)}.commercial-hero-content{width:min(720px,100%);padding-top:.5rem}.commercial-eyebrow{display:inline-flex;align-items:center;gap:.5rem;min-height:32px;padding:0 .8rem;border:1px solid rgba(31,122,104,.24);border-radius:999px;color:#1f7a68;background:rgba(255,255,255,.8);font-size:.72rem;font-weight:950;text-transform:uppercase}.commercial-eyebrow:before{content:"";width:7px;height:7px;border-radius:2px;background:#34b8a1;box-shadow:0 0 0 6px rgba(52,184,161,.14)}.commercial-hero .commercial-eyebrow{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:rgba(255,255,255,.82);font-size:.78rem;font-weight:900}.commercial-hero .commercial-eyebrow:before{box-shadow:0 0 0 6px rgba(52,184,161,.28)}.commercial-hero h1{margin:1.15rem 0 0;font-size:clamp(3.2rem,7vw,5.5rem);line-height:.94;letter-spacing:-.02em}.commercial-slogan{max-width:580px;margin:1rem 0 0;color:rgba(255,255,255,.82);font-size:clamp(.98rem,1.6vw,1.18rem);line-height:1.55;font-weight:550}.commercial-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.2rem}.hero-extra{color:rgba(255,255,255,.55);font-size:.78rem;font-weight:600}.commercial-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:0 1.35rem;border:1px solid transparent;border-radius:8px;font-weight:900;font-size:.92rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.commercial-button:hover{transform:translateY(-1px)}.commercial-primary{background:var(--commercial-teal);color:#07261f;box-shadow:0 12px 28px rgba(52,184,161,.3)}.commercial-primary:hover{box-shadow:0 16px 36px rgba(52,184,161,.4)}.commercial-hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;width:min(680px,100%);margin-top:2.3rem}.commercial-proof-item{min-height:86px;padding:.9rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.09);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.commercial-proof-item strong{display:block;font-size:1.45rem}.commercial-proof-item span{display:block;margin-top:.25rem;color:rgba(255,255,255,.76);font-size:.82rem;font-weight:750}.commercial-section{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,4rem)}.commercial-section-inner{width:min(1180px,100%);margin:0 auto}.commercial-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.4rem}.commercial-section h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:0}.commercial-section-copy,.commercial-section-heading p{max-width:460px;margin:0;color:var(--commercial-muted);line-height:1.6;font-weight:650}.commercial-section-copy{max-width:610px;margin-top:1.25rem;font-size:1.15rem}#precos .commercial-section-heading{gap:2.75rem;margin-bottom:2.4rem}#precos .commercial-section-heading>div{display:grid;grid-gap:.7rem;gap:.7rem}.commercial-module-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.commercial-module{--commercial-module-accent:var(--commercial-brand);--commercial-module-tint:#e3f6f1;--commercial-module-image-position:center;position:relative;isolation:isolate;overflow:hidden;min-height:292px;display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:1.15rem;border:1px solid var(--commercial-line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(247,251,250,.96) 100%),var(--commercial-module-tint);box-shadow:0 16px 38px rgba(18,32,51,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.commercial-module:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--commercial-module-accent);z-index:2}.commercial-module:after{content:"";position:absolute;inset:5px 0 auto auto;z-index:0;width:74%;height:132px;background:linear-gradient(90deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.54) 42%,rgba(31,122,104,.08) 100%),url(/commercial/grh-hero-concept-v2.png) var(--commercial-module-image-position) /230% auto no-repeat;opacity:.5;filter:saturate(.78) hue-rotate(8deg);-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000);mask-image:linear-gradient(90deg,transparent,#000 26%,#000)}.commercial-module:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--commercial-module-accent) 36%,var(--commercial-line));box-shadow:0 24px 54px rgba(18,32,51,.12)}.commercial-module>*{position:relative;z-index:1}.commercial-module[data-tone=people]{--commercial-module-accent:#1f7a68;--commercial-module-tint:#e3f6f1;--commercial-module-image-position:56% 42%}.commercial-module[data-tone=attendance]{--commercial-module-accent:#23856f;--commercial-module-tint:#e7f6f2;--commercial-module-image-position:68% 38%}.commercial-module[data-tone=payroll]{--commercial-module-accent:#0f766e;--commercial-module-tint:#e0f3ef;--commercial-module-image-position:80% 44%}.commercial-module[data-tone=admin]{--commercial-module-accent:#163f36;--commercial-module-tint:#eef6f3;--commercial-module-image-position:92% 40%}.commercial-module-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.commercial-module-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:var(--commercial-module-tint);color:var(--commercial-module-accent);font-size:.82rem;font-weight:950}.commercial-module-kicker{min-height:28px;display:inline-flex;align-items:center;padding:0 .65rem;border:1px solid color-mix(in srgb,var(--commercial-module-accent) 20%,var(--commercial-line));border-radius:999px;color:var(--commercial-module-accent);background:rgba(255,255,255,.8);font-size:.74rem;font-weight:900;text-transform:uppercase}.commercial-module h3{margin:0 0 .5rem;font-size:1.28rem}.commercial-module p{margin:0;color:var(--commercial-muted);line-height:1.55;font-weight:600}.commercial-module-list{display:grid;grid-gap:.5rem;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.commercial-module-list li{display:flex;align-items:center;gap:.55rem;color:#344054;font-size:.88rem;font-weight:760}.commercial-module-list li:before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:2px;background:var(--commercial-module-accent)}.commercial-module-foot{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-top:.95rem;border-top:1px solid var(--commercial-line);color:var(--commercial-module-accent);font-size:.82rem;font-weight:900}.commercial-module-foot span:last-child{color:var(--commercial-muted);font-size:.78rem}.commercial-band{background:#ffffff;border-top:1px solid var(--commercial-line);border-bottom:1px solid var(--commercial-line)}.commercial-workflow{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:clamp(1.5rem,4vw,4rem);gap:clamp(1.5rem,4vw,4rem);align-items:center}.commercial-steps{display:grid;grid-gap:.75rem;gap:.75rem}.commercial-step{display:grid;grid-template-columns:42px 1fr;grid-gap:1rem;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px solid var(--commercial-line)}.commercial-step-number{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:var(--commercial-brand);color:#ffffff;font-weight:900}.commercial-step h3{margin:0}.commercial-step p{margin:.35rem 0 0;color:var(--commercial-muted);line-height:1.55;font-weight:600}.commercial-dashboard-panel{min-height:380px;padding:1rem;border:1px solid var(--commercial-line);border-radius:8px;background:#f1f6f5}.commercial-window-bar{display:flex;gap:.35rem;margin-bottom:1rem}.commercial-dot{width:10px;height:10px;border-radius:999px;background:var(--commercial-brand)}.commercial-dot:nth-child(2){background:#79d3c4}.commercial-dot:nth-child(3){background:var(--commercial-teal)}.commercial-mock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.commercial-mock-tile,.commercial-mock-wide{border:1px solid var(--commercial-line);border-radius:8px;background:#ffffff;padding:1rem}.commercial-mock-tile strong{display:block;font-size:1.5rem}.commercial-mock-tile span,.commercial-mock-wide span{color:var(--commercial-muted);font-size:.82rem;font-weight:800}.commercial-mock-wide{grid-column:1/-1;min-height:190px}.commercial-bars{height:110px;display:grid;grid-template-columns:repeat(10,1fr);grid-gap:.5rem;gap:.5rem;align-items:end;margin-top:1.2rem}.commercial-bars i{display:block;border-radius:6px 6px 0 0;background:var(--commercial-brand)}.commercial-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(2rem,5vw,3rem);border-radius:8px;background:var(--commercial-ink);color:#ffffff}.commercial-cta h2{max-width:720px}.commercial-cta p{max-width:520px;color:rgba(255,255,255,.74);line-height:1.6;font-weight:650}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem;align-items:start}.plan-card{position:relative;isolation:isolate;display:grid;grid-gap:1.35rem;gap:1.35rem;padding:1.75rem 1.5rem 1.5rem;border:1px solid var(--commercial-line);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.86)),radial-gradient(circle at 80% 8%,rgba(31,122,104,.06),transparent 40%),linear-gradient(180deg,rgba(31,122,104,.04),rgba(255,255,255,.92));box-shadow:0 16px 38px rgba(18,32,51,.07);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.plan-card:hover{transform:translateY(-4px);border-color:#bcd0c9;box-shadow:0 26px 60px rgba(18,32,51,.12)}.plan-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--commercial-brand);border-radius:8px 8px 0 0}.plan-card.featured{border-color:var(--commercial-brand);box-shadow:0 16px 38px rgba(31,122,104,.14),0 0 0 1px var(--commercial-brand);transform:scale(1.03);background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.88)),radial-gradient(circle at 80% 8%,rgba(31,122,104,.1),transparent 40%),linear-gradient(180deg,rgba(31,122,104,.06),rgba(255,255,255,.94))}.plan-card.featured:hover{box-shadow:0 26px 60px rgba(31,122,104,.22),0 0 0 1px var(--commercial-brand)}.plan-card.featured:before{background:linear-gradient(90deg,var(--commercial-brand),var(--commercial-teal))}.plan-badge{position:absolute;top:-.65rem;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;background:linear-gradient(180deg,var(--commercial-brand),var(--commercial-brand-dark));color:#ffffff;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 8px 20px rgba(31,122,104,.3)}.plan-header{display:grid;grid-gap:.25rem;gap:.25rem}.plan-header .plan-name{font-size:1.35rem;font-weight:950;letter-spacing:0;color:var(--commercial-ink)}.plan-header .plan-code{font-size:.78rem;font-weight:900;color:var(--commercial-muted)}.plan-price{display:flex;align-items:baseline;gap:.35rem}.plan-price .amount{font-size:2.6rem;font-weight:950;line-height:1;letter-spacing:-.03em;color:var(--commercial-ink)}.plan-price .amount.text-price{font-size:1.9rem;letter-spacing:0}.plan-price .currency{font-size:1rem;font-weight:900;color:var(--commercial-muted)}.plan-price .period{font-size:.82rem;font-weight:800;color:var(--commercial-muted);margin-left:.2rem}.plan-features{display:grid;grid-gap:.62rem;gap:.62rem;padding:0;list-style:none}.plan-features li{display:flex;align-items:center;gap:.6rem;color:#344054;font-size:.88rem;font-weight:750;line-height:1.45}.plan-features li .check{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:#e3f6f1;color:var(--commercial-brand);font-size:.7rem;font-weight:950}.plan-features li .muted-text{color:var(--commercial-muted);font-weight:650}.plan-cta{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:0 1.05rem;border:1px solid transparent;border-radius:6px;font-weight:900;text-decoration:none;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.plan-cta.primary{background:var(--commercial-teal);color:#07261f}.plan-cta.primary:hover{background:#48d6c1;transform:translateY(-1px);box-shadow:0 12px 28px rgba(52,184,161,.28)}.plan-cta.outline{border-color:var(--commercial-brand);color:var(--commercial-brand)}.plan-cta.outline:hover{background:rgba(31,122,104,.06)}.plan-divider{height:1px;background:var(--commercial-line)}.commercial-footer{padding:clamp(3rem,6vw,4.5rem) clamp(1rem,4vw,4rem) 1.5rem;background:var(--commercial-ink);color:#ffffff}.commercial-footer-inner{width:min(1180px,100%);margin:0 auto}.commercial-footer-main{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,.65fr) minmax(220px,.9fr);grid-gap:clamp(2rem,6vw,5rem);gap:clamp(2rem,6vw,5rem);padding-bottom:2.75rem}.commercial-footer-brand{display:grid;justify-items:start;grid-gap:1rem;gap:1rem}.commercial-footer-logo{display:inline-flex;align-items:center}.commercial-footer-logo img{width:auto;height:62px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.commercial-footer-bottom p,.commercial-footer-brand p,.commercial-footer-company p{margin:0}.commercial-footer-brand p{max-width:430px;color:rgba(255,255,255,.68);line-height:1.65;font-weight:600}.commercial-footer-owner{display:inline-flex;align-items:center;min-height:30px;padding:0 .7rem;border:1px solid rgba(52,184,161,.34);border-radius:999px;color:#79d3c4;background:rgba(52,184,161,.08);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.commercial-footer-company,.commercial-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.commercial-footer-company>span,.commercial-footer-links>span{margin-bottom:.25rem;color:#79d3c4;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.commercial-footer-company a,.commercial-footer-links a{color:rgba(255,255,255,.78);font-size:.88rem;font-weight:750;text-decoration:none;transition:color .18s ease}.commercial-footer-company a:hover,.commercial-footer-links a:hover{color:#79d3c4}.commercial-footer-company strong{font-size:1.1rem}.commercial-footer-company p{max-width:290px;color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.55;font-weight:600}.commercial-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.35rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:.76rem;font-weight:650}@media (max-width:1100px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.plans-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-4px)}}@media print{.mobile-menu-button,.screen-header,.sidebar,.table-toolbar,.topbar{display:none!important}.app-shell{grid-template-columns:1fr}.main-frame{grid-template-rows:auto}.content{width:100%;padding:0}.detail-view{position:fixed;inset:0;overflow:visible;border:none;box-shadow:none}.detail-view .icon-button,.detail-view .primary-button{display:none}.profile-metrics{grid-template-columns:repeat(2,1fr)}@page{margin:15mm}}@media (max-width:900px){.commercial-hero{min-height:88vh}.commercial-nav-links{display:none}.commercial-hero-proof,.commercial-mock-grid,.commercial-module-grid,.commercial-workflow{grid-template-columns:1fr}.commercial-section-heading{align-items:start;flex-direction:column}.commercial-footer-main{grid-template-columns:1.4fr .6fr}.commercial-footer-company{grid-column:1/-1}}@media (max-width:560px){.commercial-footer-main{grid-template-columns:1fr;gap:2.25rem}.commercial-footer-company{grid-column:auto}.commercial-footer-bottom{align-items:flex-start;flex-direction:column}}.opt-b{margin-bottom:2rem}.opt-b .section-eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.72rem;font-weight:900;text-transform:uppercase;color:#1f7a68}.opt-b .section-eyebrow:before{content:"";width:6px;height:6px;border-radius:2px;background:#34b8a1;box-shadow:0 0 0 5px rgba(52,184,161,.14)}.opt-b h2{font-size:2.2rem;font-weight:900;line-height:1.05;letter-spacing:-.02em;margin-bottom:.5rem}.opt-b .sub{color:#4d5a68;font-size:1rem;font-weight:500;line-height:1.55;max-width:560px;margin-bottom:2.2rem}.opt-b .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.opt-b .card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;padding:1.25rem;border:1px solid #dfe7ec;border-radius:8px;background:#ffffff;box-shadow:0 8px 22px rgba(18,32,51,.05);transition:box-shadow .2s,transform .2s}.opt-b .card:hover{box-shadow:0 14px 38px rgba(18,32,51,.09);transform:translateY(-2px)}.opt-b .card:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:8px 8px 0 0;background:var(--a,#1f7a68)}.opt-b .card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;font-size:.9rem;font-weight:900;background:var(--a-tint,#e3f6f1);color:var(--a,#1f7a68);flex-shrink:0}.opt-b .card-body{display:grid;grid-gap:.3rem;gap:.3rem;align-content:start}.opt-b .card h3{font-size:1.1rem;font-weight:800;letter-spacing:0}.opt-b .card p{font-size:.84rem;line-height:1.5;color:#4d5a68;font-weight:500}.opt-b .feature-list{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:.35rem;padding:0;list-style:none}.opt-b .feature-list li{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:#344054;font-weight:600}.opt-b .feature-list li:before{content:"";width:5px;height:5px;border-radius:1px;background:var(--a,#1f7a68);flex-shrink:0}@media (max-width:920px){.opt-b .grid{grid-template-columns:1fr}}@media (max-width:520px){.opt-b .card{grid-template-columns:1fr;text-align:center}.opt-b .card-icon{margin-inline:auto}.opt-b .feature-list li{justify-content:center}}@media (prefers-reduced-motion:reduce){.opt-b .card{transition-duration:1ms!important}}.login-brand-lockup{display:inline-flex;align-items:center;gap:.85rem;text-decoration:none}.login-brand-text{display:flex;flex-direction:column;line-height:1.3}.login-brand-text strong{font-size:1.1rem;color:#122033}.login-brand-text small{color:var(--brand);font-size:1rem}.commercial-brand-mark img{width:68px;height:68px;object-fit:contain}