:root{--color-ink:#16211f;--color-ink-soft:#52615d;--color-paper:#f6f1e8;--color-paper-2:#fffaf0;--color-paper-3:#e9dfce;--color-highlight:#fbf0db;--color-panel:#fffdf8;--color-line:#ddd0bd;--color-accent:#7a1f2d;--color-accent-2:#0e6b5f;--color-gold:#b99353;--color-danger:#a33c32;--color-success:#27725f;--color-focus:#1e7c70;--shadow-soft:0 24px 80px #3a2a1924;--shadow-small:0 12px 32px #3a2a191a;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}*{box-sizing:border-box}html,body{background:var(--color-paper);min-height:100%;color:var(--color-ink);font-family:var(--font-body);margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);overflow-wrap:anywhere;font-weight:500}.eyebrow{color:var(--color-accent-2);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.login-screen{background:linear-gradient(90deg, #7a1f2d14, transparent 42%), radial-gradient(circle at 80% 22%, #0e6b5f24, transparent 28%), var(--color-paper);grid-template-columns:minmax(0,520px) minmax(0,1fr);min-height:100vh;display:grid}.login-panel{margin:var(--space-6);padding:var(--space-7);background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);align-self:center;gap:var(--space-5);display:grid}.brand-mark,.rail-brand{background:var(--color-ink);width:68px;height:68px;color:var(--color-paper-2);font-family:var(--font-display);border-radius:50%;place-items:center;display:grid}.login-panel h1{margin-top:var(--space-2);font-size:2.8rem}.login-form,.staff-editor,.security-panel{gap:var(--space-4);display:grid}label{gap:var(--space-2);color:var(--color-ink-soft);font-size:.88rem;display:grid}.login-form label{position:relative}.login-form label svg{left:var(--space-4);color:var(--color-accent-2);position:absolute;bottom:15px}input,select,textarea{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);width:100%;min-width:0;color:var(--color-ink);padding:0 var(--space-4);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}input,select{height:48px}textarea{resize:vertical;min-height:96px;padding:var(--space-3) var(--space-4)}select{appearance:none}.login-form input{padding-left:44px}input:focus,select:focus,textarea:focus{border-color:var(--color-focus);background:var(--color-panel);box-shadow:0 0 0 4px #1e7c701f}.primary-action,.ghost-action,.icon-button,.rail-link{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:0;min-height:44px;transition:transform .16s,background .16s,box-shadow .16s,color .16s;display:inline-flex}.primary-action{background:var(--color-accent);color:var(--color-paper-2);padding:0 var(--space-5);box-shadow:var(--shadow-small)}.primary-action:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.primary-action:disabled,.ghost-action:disabled{cursor:not-allowed;opacity:.58;transform:none}.primary-action.compact,.ghost-action{min-height:40px;padding:0 var(--space-4)}.ghost-action{background:var(--color-paper-2);color:var(--color-ink);border:1px solid var(--color-line)}.ghost-action:hover,.rail-link:hover{background:var(--color-paper-3)}.login-aside{padding:var(--space-7);color:var(--color-ink);font-family:var(--font-display);align-content:end;font-size:2rem;line-height:1.18;display:grid}.motion-line{width:min(420px,100%);height:2px;margin-bottom:var(--space-5);background:linear-gradient(90deg, var(--color-accent), var(--color-gold), var(--color-accent-2));transform-origin:0;animation:.9s both reveal-line}.form-error,.form-success,.mini-status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm)}.form-error{color:var(--color-danger);background:#a33c321a}.form-success,.mini-status{color:var(--color-success);background:#27725f1a}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.side-rail{height:100vh;padding:var(--space-5);gap:var(--space-6);background:var(--color-ink);color:var(--color-paper-2);grid-template-rows:auto 1fr auto;display:grid;position:sticky;top:0}.rail-brand{background:var(--color-paper-2);color:var(--color-ink)}.side-rail nav{align-content:start;gap:var(--space-2);display:grid}.rail-link{width:100%;padding:0 var(--space-4);color:#fffaf0c7;background:0 0;justify-content:flex-start}.rail-link.is-active{color:var(--color-paper-2);background:#fffaf01f}.rail-button{color:#fffaf0c7}.workspace{padding:var(--space-6);align-content:start;gap:var(--space-5);display:grid}.topbar,.settings-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.topbar h1,.settings-head h1{margin-top:var(--space-1);font-size:2.5rem}.user-pill,.status-chip{min-height:40px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);background:var(--color-panel);border:1px solid var(--color-line);color:var(--color-ink-soft);border-radius:999px;display:inline-flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.shift-pill{min-height:40px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);color:var(--color-gold);background:#b993531a;border:1px solid #b9935357;border-radius:999px;font-size:.9rem;display:inline-flex}.shift-pill.is-active{color:var(--color-success);background:#27725f1a;border-color:#27725f52}.control-strip{align-items:end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8b8;flex-wrap:wrap;display:flex}.control-strip label{grid-template-columns:auto auto minmax(0,1fr);align-items:center;min-width:190px}.control-strip input{height:40px}.payroll-command{align-items:end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-small);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8c7;flex-wrap:wrap;display:flex}.payroll-command label{gap:var(--space-2);flex:150px;min-width:0}.payroll-command label:first-of-type{grid-template-columns:auto auto minmax(0,1fr);align-items:center}.payroll-command label.search-field.payroll-search{grid-template-columns:minmax(0,1fr);align-items:stretch}.payroll-command label.search-field.payroll-search svg{pointer-events:none;bottom:13px}.payroll-command label.search-field.payroll-search input{grid-column:1;width:100%}.payroll-command input,.payroll-command select{height:42px}.payroll-command .primary-action,.payroll-command .ghost-action{min-height:42px}.payroll-pdf-action{background:linear-gradient(135deg, #b9935324, var(--color-paper-2));color:var(--color-accent);white-space:nowrap;border-color:#b993536b;font-weight:700}.payroll-pdf-action:hover{background:linear-gradient(135deg, #b9935338, var(--color-paper-3))}.payroll-notice{width:fit-content;margin:calc(var(--space-3) * -1) 0 0}.live-sync{min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-accent);white-space:nowrap;background:#1e7c7014;border:1px solid #1e7c7033;align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.live-sync small{color:var(--color-ink-soft)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.payroll-search input,.staff-search input{padding-left:42px}.period-presets{align-items:center;gap:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);flex:1.2 240px;min-height:42px;padding:4px;display:inline-flex}.payroll-search{flex:1.4 220px}.period-presets button{min-height:32px;color:var(--color-ink-soft);background:0 0;border:0;border-radius:6px;padding:0 10px}.period-presets button:hover{background:var(--color-paper-3);color:var(--color-ink)}.finance-command{align-items:end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-small);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8c7;grid-template-columns:minmax(260px,1.15fr) minmax(260px,1fr) 150px 150px minmax(150px,.75fr) auto;display:grid}.month-switcher{gap:var(--space-2);grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;display:grid}.month-switcher .icon-button{width:42px;min-height:42px}.month-display{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:42px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper-2);font-family:var(--font-display);white-space:nowrap;font-size:1.02rem;display:inline-flex}.month-display:hover{background:var(--color-accent);transform:translateY(-1px)}.finance-command input,.finance-command select{height:42px}.finance-search input{padding-left:42px}.kpi-grid{gap:var(--space-3);grid-template-columns:1.4fr repeat(3,minmax(0,1fr));display:grid}.kpi-tile{min-height:118px;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-small);align-content:space-between;animation:.42s both lift-in;display:grid}.kpi-tile span{color:var(--color-ink-soft)}.kpi-tile strong{font-family:var(--font-display);font-size:2rem;font-weight:500}.kpi-tile.wide{background:var(--color-ink);color:var(--color-paper-2)}.kpi-tile.wide span{color:#fffaf0bd}.salary-layout{gap:var(--space-5);grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;display:grid}.people-column,.detail-panel,.security-panel{border:1px solid var(--color-line);background:var(--color-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-small)}.people-column{padding:var(--space-4);gap:var(--space-4);display:grid}.panel-head,.detail-hero,.admin-block header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.icon-button{background:var(--color-paper-2);width:38px;min-height:38px;color:var(--color-ink);border:1px solid var(--color-line)}.icon-button.micro{border-radius:6px;width:28px;min-height:28px}.icon-button:hover{background:var(--color-paper-3);transform:translateY(-1px)}.icon-button.danger,.danger-text{color:var(--color-danger)}.person-list{gap:var(--space-2);display:grid}.person-row{border-radius:var(--radius-sm);background:var(--color-paper-2);width:100%;min-height:74px;padding:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);text-align:left;border:1px solid #0000;display:flex}.person-row:hover,.person-row.is-active{border-color:var(--color-gold);background:var(--color-highlight)}.person-row span,.staff-table span,.passkey-list span{gap:3px;min-width:0;display:grid}.person-row small,.staff-table small,.passkey-list small,.line-row small{color:var(--color-ink-soft);font-size:.78rem}.staff-editor{padding:var(--space-4);background:var(--color-paper);border-radius:var(--radius-sm);border:1px solid var(--color-line)}.staff-editor h3{font-size:1rem}.staff-search{position:relative}.staff-management{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-line);display:grid}.staff-management summary{min-height:42px;color:var(--color-ink-soft);cursor:pointer;align-items:center;display:flex}.staff-management[open] summary{color:var(--color-ink)}.staff-management>.staff-editor,.staff-management>.staff-table{margin-top:var(--space-3)}.staff-table,.passkey-list{gap:var(--space-2);display:grid}.staff-table>div,.passkey-list>div{align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2);border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.is-muted{opacity:.55}.detail-column{gap:var(--space-5);min-width:0;display:grid}.detail-panel,.service-settings-panel{padding:var(--space-5);gap:var(--space-5);animation:.36s both lift-in;display:grid}.detail-hero{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line)}.detail-hero h2{margin-top:var(--space-1);font-size:2.1rem}.detail-hero strong{font-family:var(--font-display);font-size:2rem;font-weight:500}.detail-metrics{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detail-metrics>div{min-height:92px;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);align-content:space-between;display:grid}.detail-metrics small{color:var(--color-ink-soft)}.detail-metrics strong{font-family:var(--font-display);font-size:1.55rem;font-weight:500}.formula-bar{gap:var(--space-2);flex-wrap:wrap;display:flex}.formula-bar span,.status-chip{background:var(--color-paper);border:1px solid var(--color-line);min-height:32px;color:var(--color-ink-soft);border-radius:999px;padding:6px 10px;font-size:.84rem}.rule-breakdown{gap:var(--space-2);flex-wrap:wrap;display:flex}.rule-breakdown span,.empty-mini{min-height:32px;color:var(--color-accent-2);background:#0e6b5f17;border-radius:999px;align-items:center;padding:6px 10px;font-size:.84rem;display:inline-flex}.empty-mini{border:1px dashed var(--color-line);background:var(--color-paper);color:var(--color-ink-soft);justify-content:center}.status-chip.is-on{color:var(--color-success);border-color:#27725f52}.line-table{gap:var(--space-2);display:grid}.certificate-table{gap:var(--space-3);display:grid}.certificate-loading{place-items:center;gap:var(--space-2);min-height:160px;padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-paper-2), var(--color-highlight));color:var(--color-accent-2);box-shadow:var(--shadow-small);display:grid}.certificate-row{align-items:center;gap:var(--space-4);min-height:116px;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:linear-gradient(90deg, #b993531f, transparent 38%), var(--color-panel);box-shadow:var(--shadow-small);grid-template-columns:minmax(0,1.22fr) 128px minmax(300px,1fr) minmax(246px,auto);animation:.28s both lift-in;display:grid;position:relative;overflow:clip}.certificate-row:before{content:"";background:var(--color-gold);width:4px;position:absolute;inset:0 auto 0 0}.certificate-row.is-pending{border-color:#b9935394}.certificate-row.is-ready:before{background:var(--color-success)}.certificate-main{align-items:center;gap:var(--space-3);grid-template-columns:46px minmax(0,1fr);min-width:0;display:grid}.certificate-seal{background:var(--color-highlight);width:46px;height:46px;color:var(--color-gold);border:1px solid #b9935361;border-radius:50%;place-items:center;display:grid}.certificate-main>div:last-child,.certificate-amount{gap:5px;min-width:0;display:grid}.certificate-row b,.certificate-row span{overflow-wrap:anywhere}.certificate-row b{font-size:1.02rem}.certificate-row small{color:var(--color-ink-soft);font-size:.78rem}.certificate-origin{color:var(--color-accent-2)}.certificate-amount strong{font-family:var(--font-display);font-size:1.28rem;font-weight:500}.certificate-flow{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);min-width:0;display:grid;position:relative}.certificate-step{align-items:center;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fffaf0b8;grid-template-columns:34px minmax(0,1fr);min-height:58px;padding:8px 10px;display:grid}.certificate-step-icon{background:var(--color-paper);width:34px;height:34px;color:var(--color-ink-soft);border-radius:50%;place-items:center;display:grid}.certificate-step b{font-size:.9rem;display:block}.certificate-step small{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.certificate-step.is-done{border-color:#27725f52}.certificate-step.is-done .certificate-step-icon{color:var(--color-success);background:#27725f1f}.certificate-step.is-loading{border-color:#b993535c}.certificate-step.is-loading .certificate-step-icon{color:var(--color-gold);background:#b9935324}.certificate-step.is-error{border-color:#a33c3247}.certificate-step.is-error .certificate-step-icon{color:var(--color-danger);background:#a33c321a}.certificate-flow-line{background:var(--color-line);height:1px}.certificate-flow-line.is-on{background:var(--color-success)}.certificate-flow>small{color:var(--color-danger);grid-column:1/-1}.certificate-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.certificate-copy-link,.certificate-pay-link,.certificate-download{white-space:nowrap}.certificate-copy-link.is-copied{color:var(--color-success);background:#27725f1a;border-color:#27725f52}.certificate-download{box-shadow:none}.certificate-download-wait{min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink-soft);align-items:center;gap:8px;font-size:.86rem;display:inline-flex}.line-row{align-items:center;gap:var(--space-3);min-height:68px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:minmax(0,1.5fr) minmax(156px,.6fr) 118px 120px auto;display:grid}.line-row b{margin-top:var(--space-2);overflow-wrap:anywhere;display:block}.line-row b+small{margin-top:4px;display:block}.price-cell{align-items:center;gap:6px;min-width:0;display:flex}.price-readout{min-width:0;color:var(--color-ink);text-align:left;background:0 0;border:0;gap:2px;padding:0;display:grid}.price-readout span{font-weight:700}.price-readout small{color:var(--color-ink-soft);font-size:.72rem}.price-cell.is-overridden .price-readout span{color:var(--color-accent)}.price-editor{grid-template-columns:minmax(72px,1fr) auto auto;align-items:center;gap:6px;min-width:0;display:grid}.price-editor input{height:32px;padding:0 8px}.price-editor small{color:var(--color-danger);grid-column:1/-1}.line-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.line-badge{border:1px solid var(--color-line);background:var(--color-paper);min-height:24px;color:var(--color-ink-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:.74rem;font-weight:600;line-height:1;display:inline-flex}.line-badge.is-time{color:var(--color-accent);white-space:normal;background:#7a1f2d14;border-color:#7a1f2d38}.line-badge.is-id{background:0 0;border-style:dashed}.line-row em{color:var(--color-accent-2);background:#0e6b5f17;border-radius:999px;justify-self:start;padding:6px 10px;font-style:normal}.line-badges{flex-wrap:wrap;justify-self:start;align-items:center;gap:6px;display:flex}.line-badges em{justify-self:auto}.line-row em.is-abonement{color:#7a4d08;background:#d69c2a29;border:1px solid #d69c2a47}.admin-grid{gap:var(--space-4);display:grid}.admin-block{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);gap:var(--space-4);display:grid}.service-settings-panel{border:1px solid var(--color-line);background:var(--color-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-small)}.service-settings-head,.service-settings-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.service-settings-head h2{margin-top:var(--space-1);font-size:1.8rem}.service-settings-toolbar label{flex:240px}.search-field{position:relative}.search-field svg{left:var(--space-4);color:var(--color-accent-2);position:absolute;bottom:16px}.search-field input{padding-left:42px}.service-list{gap:var(--space-2);max-height:min(420px,58vh);padding-right:var(--space-1);display:grid;overflow:auto}.service-row{align-items:center;gap:var(--space-3);min-height:78px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:minmax(0,1.35fr) 74px 116px 74px auto;display:grid}.service-meta{gap:3px;min-width:0;display:grid}.service-meta b{overflow-wrap:anywhere}.service-meta small,.service-meta span,.service-default small,.service-percent span,.service-result small{color:var(--color-ink-soft);font-size:.78rem}.service-default,.service-result{gap:2px;display:grid}.service-percent{gap:4px}.service-percent input{height:40px}.service-actions{gap:var(--space-2);display:flex}.services-layout{gap:var(--space-5);grid-template-columns:minmax(340px,480px) minmax(0,1fr);align-items:start;display:grid}.catalog-command{align-items:end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-small);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8c7;grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(132px,.7fr)) auto auto;display:grid}.catalog-command label{gap:var(--space-2)}.catalog-command input,.catalog-command select{height:42px}.catalog-search input{padding-left:42px}.catalog-panel,.service-detail-panel,.commission-panel{border:1px solid var(--color-line);background:var(--color-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-small)}.catalog-panel,.service-detail-panel{padding:var(--space-5);gap:var(--space-4);display:grid}.inline-create{gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.service-create{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper);display:grid}.compact-form-grid,.service-form-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.catalog-list{gap:var(--space-2);max-height:min(720px,72vh);padding-right:var(--space-1);display:grid;overflow:auto}.catalog-card{align-items:center;gap:var(--space-2);width:100%;min-height:96px;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink);text-align:left;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;display:grid}.catalog-card:hover,.catalog-card.is-active{border-color:var(--color-gold);background:var(--color-highlight)}.catalog-card span,.commission-row span{gap:3px;min-width:0;display:grid}.catalog-card small,.catalog-card em,.commission-row small{color:var(--color-ink-soft);font-size:.78rem;font-style:normal}.catalog-card b{overflow-wrap:anywhere}.catalog-card em{color:var(--color-accent-2)}.catalog-card>div{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.catalog-card>div em{background:#0e6b5f17;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;display:inline-flex}.service-detail-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-line);display:flex}.service-detail-head h2{margin-top:var(--space-1);font-size:2rem}.toggle-row{align-self:end;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink);grid-template-columns:auto minmax(0,1fr)}.toggle-row input{width:18px;height:18px;accent-color:var(--color-accent-2)}.commission-panel{padding:var(--space-4);gap:var(--space-3);background:var(--color-paper-2);display:grid}.commission-list{gap:var(--space-2);display:grid}.commission-row{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-panel);grid-template-columns:minmax(0,1fr) 120px 80px;display:grid}.commission-row input{height:40px}.modal-backdrop{z-index:40;padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#16211f6b;place-items:center;animation:.16s both fade-in;display:grid;position:fixed;inset:0}.modal-panel{width:min(560px,100%);max-height:calc(100dvh - var(--space-5) * 2);gap:var(--space-5);min-height:0;padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-soft);grid-template-rows:auto minmax(0,1fr);animation:.22s both lift-in;display:grid;overflow:hidden}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line);display:flex}.modal-head h2{margin-top:var(--space-1);font-size:1.8rem}.modal-form{gap:var(--space-4);overscroll-behavior:contain;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.modal-form>.primary-action:last-child{z-index:2;position:sticky;bottom:0;box-shadow:0 -10px 24px #fffdf8eb}.compact-lines .line-row{grid-template-columns:minmax(0,1.5fr) 90px 120px 110px}.empty-state{border:1px dashed var(--color-line);border-radius:var(--radius-md);min-height:180px;color:var(--color-ink-soft);background:#fffdf89e;place-items:center;display:grid}.settings-screen{min-height:100vh;padding:var(--space-6);align-content:start;gap:var(--space-5);display:grid}.security-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.security-panel{padding:var(--space-5);align-content:start}.security-panel h2{font-size:1.6rem}.pin-screen{place-items:center}.pin-screen .settings-head,.pin-panel{width:min(460px,100%)}.pin-panel{padding:var(--space-6);animation:.26s both lift-in}.user-management-panel{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel);box-shadow:var(--shadow-small);display:grid}.user-management-form{align-items:end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:minmax(160px,1fr) minmax(220px,1.2fr) minmax(160px,.8fr) minmax(220px,1fr) auto;display:grid}.user-management-form input,.user-management-form select{height:42px}.employee-client-form,.employee-client-search{align-items:end;gap:var(--space-3);display:grid}.employee-client-form{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto}.employee-client-search{grid-template-columns:minmax(240px,1fr) auto}.employee-client-form input,.employee-client-form select,.employee-client-search input{height:42px}.employee-client-candidates{gap:var(--space-2);flex-wrap:wrap;display:flex}.employee-client-candidates button{align-items:center;gap:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);min-height:38px;color:var(--color-ink);cursor:pointer;padding:8px 10px;display:flex}.employee-client-candidates small,.employee-client-candidates span{color:var(--color-ink-soft)}.employee-client-row{grid-template-columns:minmax(0,1.3fr) 120px minmax(160px,1fr) auto}.user-form-actions{gap:var(--space-2);display:flex}.user-management-list{gap:var(--space-2);display:grid}.managed-user-row{align-items:center;gap:var(--space-3);min-height:70px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fffaf0a3;grid-template-columns:minmax(0,1.3fr) 150px minmax(140px,.8fr) auto;display:grid}.managed-user-row>div:first-child{gap:4px;min-width:0;display:grid}.managed-user-row b,.managed-user-row small{overflow-wrap:anywhere}.managed-user-row small,.user-security-badges{color:var(--color-ink-soft)}.user-security-badges,.managed-user-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.user-security-badges small{border:1px solid var(--color-line);background:var(--color-paper);border-radius:999px;padding:4px 8px;font-size:.76rem}.managed-user-actions{justify-content:flex-end}.finance-layout{gap:var(--space-5);grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;display:grid}.finance-sidebar,.finance-table-panel,.payroll-approval,.recurring-panel{border:1px solid var(--color-line);background:var(--color-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-small);padding:var(--space-5);gap:var(--space-4);display:grid}.finance-main{gap:var(--space-5);min-width:0;display:grid}.finance-segment{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.finance-segment button{min-height:34px;color:var(--color-ink-soft);background:0 0;border:0;border-radius:6px}.finance-segment button.is-active{background:var(--color-panel);color:var(--color-ink);box-shadow:0 4px 12px #3a2a1914}.finance-actions{gap:var(--space-2);display:grid}.finance-summary-strip{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.finance-summary-strip>div{min-height:78px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);align-content:space-between;display:grid}.finance-summary-strip span{color:var(--color-ink-soft);font-size:.84rem}.finance-summary-strip strong{font-family:var(--font-display);font-size:1.45rem;font-weight:500}.sidebar-section-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-line);display:flex}.finance-panel-actions,.operation-toolbar{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.operation-toolbar{padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:#fffdf8b8;justify-content:space-between}.operation-toolbar .finance-segment{width:min(340px,100%)}.operation-toolbar .finance-search{flex:260px}.finance-breakdown,.finance-entry-list,.payroll-draft-list,.recurring-list{gap:var(--space-2);display:grid}.finance-breakdown>div,.recurring-list>div{align-items:center;gap:var(--space-2);min-height:54px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:12px minmax(0,1fr) auto;display:grid}.finance-breakdown>div>span{border-radius:999px;width:12px;height:32px}.recurring-list>div{grid-template-columns:minmax(0,1fr) auto}.recurring-list.compact>div{min-height:50px;padding:var(--space-2) var(--space-3)}.recurring-list.compact b{font-size:.92rem}.recurring-list span{gap:3px;display:grid}.recurring-list small,.finance-entry small,.soft-note{color:var(--color-ink-soft)}.finance-entry{align-items:center;gap:var(--space-3);min-height:88px;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:minmax(0,1fr) 132px auto;display:grid}.finance-entry.income{border-color:#27725f47}.finance-entry b{margin-top:var(--space-2);display:block}.finance-entry strong{font-family:var(--font-display);font-size:1.2rem;font-weight:500}.finance-entry strong.positive{color:var(--color-success)}.entry-items-preview{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.entry-items-preview span{gap:2px var(--space-2);min-width:180px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:#fffdf8bd;border:1px solid #0e6b5f29;flex:0 230px;grid-template-columns:minmax(0,1fr) auto;display:grid}.entry-items-preview span b{margin:0;font-size:.84rem}.entry-items-preview span small{grid-column:1/2;font-size:.76rem}.entry-items-preview span strong{font-family:var(--font-sans);grid-area:1/2/span 2;align-self:center;font-size:.86rem;font-weight:700}.entry-items-preview em{color:var(--color-ink-soft);align-self:center;font-size:.82rem;font-style:normal}.attachment-list{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.attachment-list span{border:1px solid var(--color-line);background:var(--color-panel);min-height:30px;color:var(--color-ink-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:.78rem;display:inline-flex}.attachment-list button{color:var(--color-danger);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.payroll-approval{border-color:#7a1f2d38}.payroll-draft-row{align-items:center;gap:var(--space-3);min-height:70px;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:minmax(0,1fr) 130px minmax(180px,.8fr);display:grid}.payroll-draft-row span{gap:3px;display:grid}.payroll-draft-row input{height:38px}.finance-modal{width:min(860px,100%)}.supplier-field{gap:var(--space-2);color:var(--color-ink-soft);font-size:.88rem;display:grid;position:relative}.supplier-control{gap:var(--space-2);grid-template-columns:minmax(0,1fr) 48px;display:grid}.supplier-control .icon-button{width:48px;height:48px}.supplier-suggestions{z-index:5;max-height:220px;padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-panel);box-shadow:var(--shadow-small);gap:4px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:56px;overflow-y:auto}.supplier-suggestions button{min-height:48px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-ink);text-align:left;background:0 0;border:0;gap:2px;display:grid}.supplier-suggestions button:hover{background:var(--color-highlight)}.supplier-suggestions b{font-size:.9rem}.supplier-suggestions small{color:var(--color-ink-soft);font-size:.76rem}.line-items-editor{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:#fffdf8b3;border:1px solid #0e6b5f2e;display:grid}.line-items-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.line-items-head>div{gap:2px;display:grid}.line-items-head span{color:var(--color-ink-soft);text-transform:uppercase;font-size:.78rem;font-weight:700}.line-items-head strong{font-family:var(--font-display);font-size:1.22rem;font-weight:500}.line-items-list{gap:var(--space-2);overscroll-behavior:contain;max-height:min(360px,42vh);padding-right:2px;display:grid;overflow-y:auto}.line-item-row{align-items:end;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-paper-2);grid-template-columns:minmax(180px,1.5fr) 84px 110px 116px 40px;display:grid}.line-item-row label span{font-size:.73rem}.line-item-row input{height:38px}.line-item-row .icon-button{width:38px;height:38px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.qr{border-radius:var(--radius-sm);border:1px solid var(--color-line);width:220px;max-width:100%}@keyframes lift-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes reveal-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1120px){.app-shell,.salary-layout,.services-layout,.finance-layout,.security-grid,.login-screen{grid-template-columns:minmax(0,1fr)}.side-rail{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;height:auto;position:static}.side-rail nav{display:flex;overflow-x:auto}.rail-link{white-space:nowrap;width:auto}.login-aside{display:none}.catalog-command,.finance-command,.payroll-command,.user-management-form,.employee-client-form,.employee-client-search{grid-template-columns:repeat(2,minmax(0,1fr))}.period-presets,.month-switcher,.payroll-search,.finance-search,.catalog-search{grid-column:1/-1}}@media (max-width:780px){.workspace,.settings-screen,.login-panel{padding:var(--space-4);margin:0}.topbar,.settings-head,.topbar-actions,.detail-hero,.panel-head,.service-settings-head,.service-settings-toolbar,.service-detail-head{flex-direction:column;align-items:flex-start}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-tile.wide{grid-column:1/-1}.line-row,.compact-lines .line-row,.line-item-row,.service-row,.service-form-grid,.compact-form-grid,.commission-row,.payroll-command,.finance-command,.finance-entry,.payroll-draft-row,.certificate-row,.managed-user-row,.employee-client-row,.employee-client-form,.employee-client-search,.user-management-form,.detail-metrics,.catalog-command{grid-template-columns:minmax(0,1fr)}.period-presets,.month-switcher,.payroll-search,.finance-search,.catalog-search{grid-column:auto}.service-actions,.managed-user-actions,.user-form-actions{justify-content:stretch}.managed-user-actions .icon-button,.user-form-actions .ghost-action,.user-form-actions .primary-action{flex:1 1 0}.certificate-actions{justify-content:stretch}.topbar-actions,.shift-pill,.user-pill{width:100%}.certificate-actions .icon-button,.certificate-actions .ghost-action,.certificate-actions .primary-action,.certificate-actions .certificate-download-wait,.service-actions .icon-button{flex:1 1 0}.line-row svg{display:none}.control-strip{align-items:stretch}.payroll-command{flex-direction:column;align-items:stretch}.control-strip label,.control-strip .primary-action,.payroll-command .primary-action,.payroll-command .ghost-action,.payroll-command .live-sync,.finance-command .primary-action,.period-presets,.catalog-command .primary-action,.catalog-command .ghost-action{width:100%}.finance-panel-actions,.operation-toolbar,.line-items-head,.sidebar-section-head{flex-direction:column;align-items:stretch}.operation-toolbar .finance-segment,.operation-toolbar .finance-search,.finance-panel-actions .primary-action,.finance-panel-actions .ghost-action,.line-items-head .ghost-action,.sidebar-section-head .ghost-action{width:100%}.period-presets{justify-content:stretch}.period-presets button{flex:1 1 0}.side-rail{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.side-rail nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.rail-link,.rail-button{justify-content:center;width:100%}}@media (max-width:430px){.kpi-grid{grid-template-columns:minmax(0,1fr)}.topbar h1,.settings-head h1,.login-panel h1{font-size:2rem}.side-rail{padding:var(--space-3)}.rail-brand{width:52px;height:52px}.modal-backdrop{padding:var(--space-3);align-items:end}.modal-panel{width:100%;max-height:calc(100dvh - var(--space-3) * 2);padding:var(--space-4)}.modal-form{padding-right:0}.line-items-list{max-height:34vh}}