@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#173735;font-synthesis:none;--ink:#143331;--muted:#6e7e79;--line:#dde5df;--surface:#fff;--navy:#0b3535;--navy-2:#144843;--lime:#def08f;--green:#1e8a61;--green-soft:#e5f6ed;--coral:#c9654e;--coral-soft:#fff0eb;--amber:#a76b18;--amber-soft:#fff5dd;--shadow:0 14px 45px #0e343114;background:#f5f7f4;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#f5f7f4;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,system-ui,sans-serif}.login-page{background:var(--surface);grid-template-columns:minmax(420px,.95fr) 1.05fr;min-height:100vh;display:grid}.login-story{color:#f8fffb;background:linear-gradient(145deg,#082a2c 0%,#124943 58%,#0c3938 100%);flex-direction:column;min-height:100vh;padding:54px clamp(38px,6vw,90px);display:flex;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #def08f2e;border-radius:50%;width:510px;height:510px;position:absolute;bottom:-150px;right:-120px;box-shadow:0 0 0 80px #def08f09,0 0 0 160px #def08f06}.login-story__glow{filter:blur(70px);background:#def08f17;border-radius:50%;width:350px;height:350px;position:absolute;top:24%;left:10%}.brand-lockup{z-index:1;color:var(--ink);align-items:center;gap:13px;font:700 16px Manrope,sans-serif;display:flex;position:relative}.brand-lockup strong{color:inherit}.brand-lockup--light{color:#fff}.brand-mark{width:47px;height:47px;color:var(--navy);background:var(--lime);letter-spacing:-.04em;border-radius:14px;flex:0 0 47px;place-items:center;font:800 14px Manrope,sans-serif;display:grid;box-shadow:0 10px 28px #00000024}.login-story__copy{z-index:1;max-width:610px;margin:auto 0;position:relative}.eyebrow-light,.eyebrow{letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.eyebrow-light{color:var(--lime)}.login-story h1{letter-spacing:-.055em;max-width:630px;margin-bottom:24px;font-size:clamp(38px,5vw,66px);line-height:1.04}.login-story__copy p{color:#c4d8d2;max-width:560px;font-size:17px;line-height:1.7}.login-story__footer{z-index:1;color:#c8dad4;align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.login-panel{place-items:center;padding:42px;display:grid}.login-card{width:min(440px,100%)}.login-mobile-brand{margin-bottom:54px;display:none}.login-card h2{color:var(--ink);letter-spacing:-.04em;margin-bottom:12px;font-size:37px}.login-intro{color:var(--muted);margin-bottom:30px;line-height:1.65}.field{color:#334c49;gap:8px;font-size:13px;font-weight:700;display:grid}.login-card .field{margin-bottom:17px}.input-wrap{color:#8b9994;background:#fbfcfb;border:1px solid #d8e2dc;border-radius:12px;align-items:center;gap:11px;min-height:52px;padding:0 14px;transition:all .2s;display:flex}.input-wrap:focus-within{border-color:#639e8c;box-shadow:0 0 0 4px #3383691a}.input-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.icon-button{color:#62726d;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover{color:var(--ink);background:#eef2ef}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.button--full{width:100%;min-height:51px;margin-top:7px}.button--primary:hover{background:var(--navy-2);transform:translateY(-1px)}.button--danger-soft{color:#ad523f;background:#fff5f2;border-color:#f0d4cd;min-height:37px}.text-button{color:#28745f;background:0 0;border:0;width:100%;margin-top:15px;font-size:13px;font-weight:700}.preview-link{color:#81908b;font-size:11px}.form-message{color:#9e4837;background:var(--coral-soft);border-radius:9px;margin:0 0 12px;padding:10px 12px;font-size:12px}.configuration-ribbon{color:#60410e;background:var(--amber-soft);max-width:380px;box-shadow:var(--shadow);border-radius:11px;padding:12px 16px;font-size:12px;position:fixed;bottom:18px;right:18px}.app-shell{grid-template-columns:270px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s;display:grid}.app-shell--collapsed{grid-template-columns:82px minmax(0,1fr)}.sidebar{z-index:20;color:#dce9e4;background:linear-gradient(#0a3031 0%,#092b2c 100%);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__brand{white-space:nowrap;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:86px;padding:18px 21px;display:flex}.sidebar__brand img{object-fit:contain;background:#fff;border-radius:13px;width:47px;height:47px}.sidebar__brand>div{gap:3px;display:grid}.sidebar__brand strong{color:#fff;font-size:15px}.sidebar__brand small{color:#93ada5;font-size:10px}.sidebar__close{display:none}.workspace-controls{padding:17px 16px 8px}.workspace-controls label{gap:6px;margin-bottom:11px;display:grid}.workspace-controls label>span{color:#78958c;letter-spacing:.11em;text-transform:uppercase;padding-left:4px;font-size:9px;font-weight:800}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#dce9e4;background:#ffffff0e;border:1px solid #ffffff1c;border-radius:9px;outline:0;width:100%;height:38px;padding:0 34px 0 11px;font-size:11px;font-weight:700}.select-wrap svg{pointer-events:none;position:absolute;top:11px;right:10px}.select-wrap option{color:var(--ink)}.sidebar__nav{gap:4px;padding:6px 12px 20px;display:grid;overflow-y:auto}.sidebar__nav button,.logout-link{color:#a9beb7;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:41px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.sidebar__nav button:hover,.sidebar__nav button.active{color:#fff;background:#ffffff16}.sidebar__nav button.active{box-shadow:inset 3px 0 0 var(--lime)}.sidebar__footer{border-top:1px solid #ffffff14;margin-top:auto;padding:15px 16px}.user-compact{white-space:nowrap;align-items:center;gap:10px;margin-bottom:9px;display:flex}.user-compact>span,.avatar{color:var(--navy);background:var(--lime);border-radius:10px;place-items:center;font:800 10px Manrope,sans-serif;display:grid}.user-compact>span{flex:0 0 35px;width:35px;height:35px}.user-compact div{gap:2px;min-width:0;display:grid}.user-compact strong{color:#fff;text-overflow:ellipsis;font-size:10px;overflow:hidden}.user-compact small{color:#7f9c93;text-overflow:ellipsis;max-width:180px;font-size:9px;overflow:hidden}.app-shell--collapsed .sidebar__brand>div,.app-shell--collapsed .workspace-controls,.app-shell--collapsed .sidebar__nav span,.app-shell--collapsed .user-compact div,.app-shell--collapsed .logout-link span{display:none}.app-shell--collapsed .sidebar__brand{padding-inline:17px}.app-shell--collapsed .sidebar__nav,.app-shell--collapsed .sidebar__footer{padding-inline:14px}.app-shell--collapsed .sidebar__nav button,.app-shell--collapsed .logout-link{justify-content:center;padding:0}.app-main{min-width:0}.topbar{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom:1px solid #e5ebe7;align-items:center;gap:13px;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.collapse-button,.mobile-menu{color:#62736e;background:#fff;border:1px solid #dde4df;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.mobile-menu{display:none}.topbar__title{gap:2px;display:grid}.topbar__title span{color:#8a9893;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700}.topbar__title strong{color:var(--ink);font-size:13px}.topbar__actions{align-items:center;gap:11px;margin-left:auto;display:flex}.avatar{width:34px;height:34px}.content{width:min(1500px,100%);margin:0 auto;padding:34px 30px 55px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.page-heading h1{color:var(--ink);letter-spacing:-.045em;margin-bottom:7px;font-size:clamp(27px,3vw,39px)}.page-heading p{max-width:720px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.period-button{color:#39514d;white-space:nowrap;background:#fff;border:1px solid #d9e2dc;border-radius:10px;align-items:center;gap:8px;height:41px;padding:0 14px;font-size:12px;font-weight:700;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.kpi{background:#fff;border:1px solid #e1e8e3;border-radius:15px;align-items:flex-start;gap:14px;min-height:130px;padding:21px;display:flex;box-shadow:0 8px 26px #0e34310b}.kpi__icon{border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.kpi>div:last-child{gap:5px;min-width:0;display:grid}.kpi span,.module-stats span{color:#7a8984;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.kpi strong{color:var(--ink);letter-spacing:-.035em;font-size:clamp(18px,2vw,25px)}.kpi small{color:#8b9994;font-size:10px}.panel{background:#fff;border:1px solid #e0e7e2;border-radius:15px;box-shadow:0 10px 34px #0e34310d}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.activity-panel,.breakdown-panel{min-height:390px;padding:21px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.panel-heading--padded{padding:20px 20px 0}.panel-heading span{color:#84928d;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.panel-heading h2{color:var(--ink);margin:4px 0 0;font-size:17px}.panel-heading svg{color:#4a746b}.activity-list{display:grid}.activity-row{border-top:1px solid #edf1ee;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:55px;display:grid}.record-dot{background:#d27a66;border-radius:50%;width:7px;height:7px}.record-dot--income{background:#39a778}.activity-row>div{gap:3px;display:grid}.activity-row strong{color:#314945;font-size:11px}.activity-row small{color:#8a9893;font-size:9px}.activity-row>b{color:#b95844;font-size:11px}.activity-row>b.positive{color:#23875e}.bars-list{gap:19px;display:grid}.bar-row>div:first-child{color:#61716c;justify-content:space-between;gap:15px;margin-bottom:7px;font-size:10px;display:flex}.bar-track{background:#edf1ee;border-radius:8px;height:7px;overflow:hidden}.bar-track span{border-radius:inherit;background:linear-gradient(90deg,#327c6a,#91b994);height:100%;display:block}.empty-inline,.table-empty{color:#8a9893;text-align:center;align-content:center;place-items:center;gap:8px;min-height:250px;display:grid}.empty-inline span{font-size:30px}.empty-inline p{max-width:280px;font-size:12px}.conversion-note{background:#eff7f2;border:1px solid #dbe6df;border-radius:14px;justify-content:space-between;align-items:center;gap:30px;margin-top:18px;padding:19px 22px;display:flex}.conversion-note strong{color:#214c43;font-size:13px}.conversion-note p{color:#687d76;max-width:900px;margin:4px 0 0;font-size:11px;line-height:1.6}.conversion-note>span{color:#285f51;white-space:nowrap;background:#fff;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:800}.module-stats{background:#fff;border:1px solid #e0e7e2;border-radius:14px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.module-stats>div{border-right:1px solid #e7ece9;align-content:center;gap:8px;min-height:94px;padding:17px 20px;display:grid}.module-stats>div:last-child{border-right:0}.module-stats strong{color:var(--ink);font-size:21px}.table-panel{overflow:hidden}.table-toolbar{background:#fbfcfb;border-bottom:1px solid #e5ebe7;justify-content:space-between;padding:15px 17px;display:flex}.search-box{color:#83918c;background:#fff;border:1px solid #dae3dd;border-radius:9px;align-items:center;gap:9px;width:min(390px,100%);min-height:40px;padding:0 12px;display:flex}.search-box input,.plain-search{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#83918c;letter-spacing:.07em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fafbf9;padding:12px 15px;font-size:9px;font-weight:800}td{color:#667671;vertical-align:middle;border-top:1px solid #e8ede9;padding:14px 15px;font-size:11px}td strong{color:#314a46;font-size:11px}.status{color:#6d7c77;white-space:nowrap;background:#edf1ee;border:0;border-radius:7px;align-items:center;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.file-chip{color:#2f7161;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:190px;display:inline-flex;overflow:hidden}.file-chip--button{background:0 0;border:0;padding:0}.muted{color:#9aa6a2}.row-actions{gap:5px;display:flex}.row-actions button{color:#60726c;background:#fff;border:1px solid #dde5df;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.row-actions .danger-icon{color:#b45642}.table-empty{min-height:220px}.table-empty strong{color:#405853;font-size:13px}.table-empty span{color:#8a9893;font-size:11px}.inline-message,.global-error{color:#24634f;background:#e7f5ee;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;padding:11px 14px;font-size:11px;display:flex}.inline-message button,.global-error button{color:inherit;background:0 0;border:0}.inline-message--error{color:#9f4937;background:var(--coral-soft)}.global-error{z-index:50;color:#9f4937;background:var(--coral-soft);box-shadow:var(--shadow);margin:0;position:fixed;bottom:18px;right:18px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#041b1b9e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(690px,100%);max-height:calc(100vh - 44px);overflow-y:auto;box-shadow:0 30px 90px #04191847}.modal>header{border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.modal h2{color:var(--ink);margin:0;font-size:22px}.modal form{padding:22px 24px 0}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.field--wide{grid-column:1/-1}.field input,.field select,.field textarea,.settings-select{width:100%;min-height:43px;color:var(--ink);background:#fbfcfb;border:1px solid #d9e2dc;border-radius:9px;outline:0;padding:9px 11px;font-size:12px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5d9987;box-shadow:0 0 0 3px #36836a1a}.file-input{color:#527068;background:#f7faf8;border:1px dashed #a9bdb4;border-radius:9px;align-items:center;gap:10px;min-height:46px;padding:0 12px;font-size:11px;display:flex;position:relative;overflow:hidden}.file-input input,.upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.modal footer{background:#fafbf9;border-top:1px solid #e5ebe7;justify-content:flex-end;gap:9px;margin-top:22px;padding:17px 24px;display:flex}.upload-button{position:relative;overflow:hidden}.integration-banner{background:#eff7f3;border:1px solid #dce7e1;border-radius:14px;align-items:center;gap:15px;margin-bottom:18px;padding:18px;display:flex}.integration-icon{color:#fff;background:#635bff;border-radius:12px;place-items:center;width:42px;height:42px;font:800 18px Manrope,sans-serif;display:grid}.integration-banner>div:nth-child(2){flex:1}.integration-banner strong{color:#284a43;font-size:12px}.integration-banner p{color:#71817b;margin:4px 0 0;font-size:11px}.integration-banner>span{color:#8b5d17;background:var(--amber-soft);border-radius:7px;padding:6px 9px;font-size:9px;font-weight:800}.notice-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px;display:grid}.feature-card,.agreement-card{gap:14px;min-height:120px;padding:20px;display:flex}.feature-card>svg,.agreement-card>svg{color:#318068;flex:none}.feature-card strong{color:var(--ink);font-size:13px}.feature-card p,.agreement-card p{color:var(--muted);margin:6px 0 0;font-size:11px;line-height:1.55}.folder-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;display:grid}.folder-card{background:#fff;border:1px solid #e0e7e2;border-radius:12px;align-items:center;gap:12px;min-height:90px;padding:15px;display:flex}.folder-card div{gap:4px;display:grid}.folder-card strong{color:#334c48;font-size:11px}.folder-card span{color:#8b9994;font-size:9px}.file-list{display:grid}.file-row{border-top:1px solid #e8ede9;grid-template-columns:30px minmax(0,1fr) auto 38px;align-items:center;gap:11px;min-height:64px;padding:10px 18px;display:grid}.file-row>svg{color:#b85c48}.file-row>div{gap:3px;display:grid}.file-row strong{color:#354e49;font-size:11px}.file-row span{color:#899690;font-size:9px}.cascade-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px;display:grid}.cascade-grid article{background:#fff;border:1px solid #dfe7e1;border-radius:13px;min-height:130px;padding:20px;position:relative}.cascade-grid article>span{color:#4a8b78;margin-bottom:12px;font:800 10px Manrope,sans-serif;display:block}.cascade-grid strong{color:var(--ink);font-size:14px}.cascade-grid p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.55}.large-empty{min-height:300px}.modal--invoice{width:min(1050px,100%)}.invoice-editor{background:#f5f7f4;grid-template-columns:320px 1fr;gap:24px;padding:24px;display:grid}.invoice-fields{align-content:start;gap:14px;display:grid}.invoice-preview{color:#203b37;background:#fff;min-height:520px;padding:38px;box-shadow:0 14px 40px #0f312e1c}.invoice-logo{width:48px;height:48px;color:var(--navy);background:var(--lime);border-radius:11px;place-items:center;margin-bottom:45px;font-weight:800;display:grid}.invoice-preview>span{color:#6c7d77;letter-spacing:.18em;font-size:10px;font-weight:800}.invoice-preview h3{margin:8px 0 35px;font-size:26px}.invoice-preview dl{grid-template-columns:1fr 1fr;gap:20px;display:grid}.invoice-preview dl div{gap:5px;display:grid}.invoice-preview dt{color:#8c9995;text-transform:uppercase;font-size:9px}.invoice-preview dd{margin:0;font-size:12px;font-weight:700}.invoice-total{border-top:2px solid #193d38;justify-content:space-between;margin-top:45px;padding-top:20px;display:flex}.invoice-total span{font-size:11px}.invoice-total strong{font-size:22px}.closure-card{background:#fff;border:1px solid #dfe7e1;border-radius:14px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:22px;display:grid}.closure-card>div>span{color:#44806f;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.closure-card h2{color:var(--ink);margin:5px 0;font-size:17px}.closure-card p{color:var(--muted);margin:0;font-size:10px}.agreement-card{min-height:210px}.agreement-card span{color:#46806f;text-transform:uppercase;font-size:9px;font-weight:800}.agreement-card h2{color:var(--ink);margin:6px 0;font-size:17px}.agreement-card>div>div{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.settings-panel{align-items:flex-start;gap:16px;margin-bottom:14px;padding:21px;display:flex}.settings-icon{color:#246a57;background:#e5f3ed;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:11px;font-weight:800;display:grid}.settings-panel h2{color:var(--ink);margin-bottom:5px;font-size:15px}.settings-panel p{color:var(--muted);font-size:11px}.settings-select{width:230px}.full-loader{color:#59706a;background:#f5f7f4;align-content:center;place-items:center;gap:14px;min-height:100vh;font-size:12px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media print{body *{visibility:hidden!important}.invoice-preview,.invoice-preview *{visibility:visible!important}.invoice-preview{width:100%;min-height:100vh;box-shadow:none;position:fixed;inset:0}}@media (width<=1120px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.folder-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh;padding:28px}.login-mobile-brand{display:flex}.app-shell,.app-shell--collapsed{display:block}.sidebar{width:min(290px,88vw);transition:transform .22s;position:fixed;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__close{color:#b6cac3;background:#ffffff0f;border:0;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:grid}.sidebar-backdrop{z-index:15;background:#051a1975;border:0;position:fixed;inset:0}.app-shell--collapsed .sidebar__brand>div,.app-shell--collapsed .workspace-controls,.app-shell--collapsed .sidebar__nav span,.app-shell--collapsed .user-compact div,.app-shell--collapsed .logout-link span{display:initial}.app-shell--collapsed .sidebar__nav button,.app-shell--collapsed .logout-link{justify-content:flex-start;padding:0 12px}.mobile-menu{display:grid}.collapse-button{display:none}.topbar{height:66px;padding:0 17px}.topbar__actions .button{display:none}.content{padding:26px 18px 42px}.page-heading{flex-direction:column;align-items:flex-start}.module-stats{grid-template-columns:repeat(2,1fr)}.module-stats>div:nth-child(2){border-right:0}.module-stats>div:nth-child(-n+2){border-bottom:1px solid #e7ece9}.notice-grid,.cascade-grid,.invoice-editor{grid-template-columns:1fr}.invoice-preview{min-height:440px}}@media (width<=560px){.login-panel{padding:24px 20px}.login-card h2{font-size:31px}.kpi-grid,.folder-grid{grid-template-columns:1fr}.page-heading .button{width:100%}.module-stats{grid-template-columns:1fr 1fr}.module-stats strong{font-size:17px}.conversion-note,.integration-banner{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:17px 17px 0 0;max-height:94vh}.modal footer{flex-wrap:wrap}.modal footer .button{flex:1}.closure-card{grid-template-columns:1fr;gap:13px}.file-row{grid-template-columns:28px minmax(0,1fr) 36px}.file-row>span{display:none}}:root{color:#171717;--ink:#171717;--muted:#6f6f68;--line:#e5e5df;--surface:#fff;--navy:#111;--navy-2:#242424;--lime:#fef632;--green:#111;--green-soft:#fffde1;--amber:#8b7500;--amber-soft:#fffbd0;--shadow:0 18px 45px #00000012;background:#f5f5f2}html,body,.full-loader{color:var(--ink);background:#f5f5f2}.login-page{background:#fff}.login-story{color:#111;background:linear-gradient(145deg,#fff93f 0%,#fef632 55%,#f5e900 100%)}.login-story__glow{background:#ffffff57}.brand-lockup--light,.login-story h1,.login-story__footer,.eyebrow-light{color:#111}.login-story__copy p{color:#111111b3}.brand-mark{color:#fef632;background:#111;box-shadow:0 10px 28px #00000029}.login-card h2,.field,.input-wrap input{color:#171717}.eyebrow{color:#756c00}.input-wrap,.field input,.field select,.field textarea,.settings-select{background:#fbfbf8;border-color:#deded7}.app-shell{background:#f5f5f2}.sidebar{color:#e9e9e4;background:linear-gradient(#111 0%,#090909 100%);box-shadow:12px 0 35px #00000014}.sidebar__brand{border-bottom-color:#ffffff17}.sidebar__nav button.active{color:#111;box-shadow:none;background:#fef632}.sidebar__footer{border-top-color:#ffffff17}.collapse-button,.mobile-menu{color:#55554f;border-color:#e0e0da}.page-heading h1,.panel-heading h2,.kpi strong,.module-stats strong,.table-empty strong,.feature-card strong,.folder-card strong,.cascade-grid strong,.closure-card h2,.agreement-card h2,.settings-panel h2{color:#1a1a1a}.page-heading p,.kpi small,.feature-card p,.agreement-card p,.cascade-grid p,.closure-card p,.settings-panel p{color:#73736c}.panel,.kpi,.module-stats,.folder-card,.cascade-grid article,.closure-card{border-color:#e5e5df;box-shadow:0 10px 32px #0000000b}.kpi--green .kpi__icon,.kpi--coral .kpi__icon,.kpi--navy .kpi__icon,.kpi--amber .kpi__icon{color:#111;background:#fffbd0}.conversion-note strong,.integration-banner strong{color:#292600}.conversion-note>span{color:#3c3700}td strong,.activity-row strong,.file-row strong{color:#2b2b28}.file-chip{color:#6d6500}@media (width<=820px){.sidebar-backdrop{background:#0000007a}}.settings-grow{flex:1;min-width:0}.settings-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.settings-logo-preview{object-fit:contain;background:#fff;border:1px solid #e2e2dc;border-radius:13px;width:58px;height:58px;padding:6px}.profile-settings-card,.password-settings-card{align-items:flex-start}.profile-settings-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.profile-role-badge{color:#6c5f00;letter-spacing:.06em;text-transform:uppercase;background:#fff7a8;border-radius:999px;flex:none;padding:7px 10px;font-size:9px;font-weight:900}.profile-editor{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:24px;display:grid}.profile-photo-column{justify-items:center;gap:10px;display:grid}.profile-photo-preview{color:#252820;background:linear-gradient(145deg,#fff7a4,#efe15f);border:4px solid #fff;border-radius:30px;place-items:center;width:112px;height:112px;font:800 28px Manrope,system-ui,sans-serif;display:grid;overflow:hidden;box-shadow:0 15px 34px #20252b24}.profile-photo-preview img{object-fit:cover;width:100%;height:100%}.profile-remove-photo{color:#9b5147}.profile-form,.password-form{min-width:0}.profile-form .button--primary,.password-form .button--primary{margin-top:14px}.settings-helper{color:#8a9098;margin:12px 0 0;font-size:10px;line-height:1.55}.settings-language-note{opacity:.88}.user-avatar-photo,.avatar--photo{object-fit:cover;border-radius:10px;display:block}.user-avatar-photo--sidebar{border:2px solid #fff;flex:0 0 35px;width:35px;height:35px;box-shadow:0 4px 12px #1f242b1f}.avatar--photo{border:2px solid #fff;width:34px;height:34px;box-shadow:0 4px 12px #1f242b1f}.branch-management-card{background:linear-gradient(#fff 0%,#fffef2 100%);border:1px solid #e4e7ec;align-items:flex-start}.branch-management-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.branch-management-head h2{margin:0 0 5px}.branch-management-head p{color:#737983;margin:0;font-size:10px;line-height:1.55}.branch-management-list{gap:8px;margin-top:16px;display:grid}.branch-management-row{background:#fff;border:1px solid #e8e9e3;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.branch-management-row>span{color:#635c00;background:#fff9aa;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.branch-management-row>div{gap:2px;display:grid}.branch-management-row strong{font-size:11px}.branch-management-row small{color:#7a8088;font-size:9px}.branch-management-row code{color:#6b7280;font-size:9px}.branch-management-row b{color:#267a45;text-transform:uppercase;background:#edf9f1;border-radius:999px;padding:5px 8px;font-size:8.5px}.branch-management-empty{color:#7a8088;background:#fff;border:1px dashed #d9dbd3;border-radius:12px;padding:14px;font-size:10px;line-height:1.5}.admin-maintenance-card{background:linear-gradient(#fff 0%,snow 100%);border:1px solid #f0c8c1;align-items:flex-start}.settings-icon--danger{color:#9b2f24;background:#fff0ed}.admin-maintenance-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.admin-maintenance-badge{color:#9b2f24;letter-spacing:.05em;text-transform:uppercase;background:#fff0ed;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:900;display:inline-flex}.admin-maintenance-warning{color:#7f3028;background:#fff7f5;border:1px solid #f1d2cc;border-radius:12px;align-items:flex-start;gap:10px;margin:16px 0;padding:12px 14px;display:flex}.admin-maintenance-warning>div{gap:3px;display:grid}.admin-maintenance-warning strong{font-size:11px}.admin-maintenance-warning span{font-size:10px;line-height:1.5}.admin-maintenance-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-maintenance-option{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:13px;display:flex}.admin-maintenance-option.is-sensitive{border-color:#f1d2cc}.admin-maintenance-option input{accent-color:#b42318;margin-top:2px}.admin-maintenance-option>span{gap:4px;min-width:0;display:grid}.admin-maintenance-option strong{color:#20252b;font-size:11px}.admin-maintenance-option small{color:#717982;font-size:9.5px;line-height:1.5}.admin-maintenance-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.admin-maintenance-actions>span{color:#757b84;font-size:10px}.admin-maintenance-confirm{max-width:420px;margin-top:16px;display:grid}.admin-maintenance-confirm>span strong{color:#a13428}.admin-maintenance-delete{color:#fff;background:#b42318;border:1px solid #9f2f24;margin-top:14px}.admin-maintenance-delete:hover:not(:disabled){background:#912018}.admin-maintenance-delete:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){.profile-editor{grid-template-columns:1fr}.profile-photo-column{justify-items:start}.profile-settings-head,.branch-management-head,.admin-maintenance-head{flex-direction:column}.admin-maintenance-options{grid-template-columns:1fr}.branch-management-row{grid-template-columns:34px minmax(0,1fr) auto}.branch-management-row code{display:none}}@media (width<=560px){.settings-panel{flex-direction:column}.settings-actions{align-items:stretch}.settings-actions .button{width:100%}.profile-photo-column{justify-items:stretch}.profile-photo-preview{justify-self:center}.branch-management-head .button{width:100%}.branch-management-row{grid-template-columns:34px minmax(0,1fr)}.branch-management-row b{grid-column:2;justify-self:start}.admin-maintenance-actions{align-items:stretch}.admin-maintenance-actions .button,.admin-maintenance-delete{width:100%}}.settings-home-heading{align-items:center}.settings-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-nav-card{color:#20252b;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 22px;align-items:start;gap:14px;min-height:154px;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 8px 24px #1f242b0d}.settings-nav-card:hover{border-color:#d8cf35;transform:translateY(-2px);box-shadow:0 14px 30px #1f242b17}.settings-nav-card__icon{color:#292b20;background:#fef632;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.settings-nav-card>div{min-width:0}.settings-nav-card strong{margin:3px 0 7px;font-size:14px;display:block}.settings-nav-card p{color:#737983;margin:0;font-size:10px;line-height:1.55}.settings-nav-card>svg{color:#a1a6ad;align-self:center}.settings-language-field{max-width:360px;margin:18px 0 14px}.branch-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.branch-management-tile{background:#fff;border:1px solid #e6e8e4;border-radius:17px;gap:14px;padding:17px;display:grid;box-shadow:0 8px 20px #1f242b0a}.branch-management-tile.is-inactive{opacity:.7;background:#f8f8f6}.branch-management-tile__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.branch-management-tile__icon{color:#5e5900;background:#fff9a8;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.branch-state{color:#267a45;text-transform:uppercase;background:#edf9f1;border-radius:999px;padding:6px 9px;font-size:8.5px;font-weight:900}.branch-state.is-inactive{color:#777d84;background:#f1f2f3}.branch-management-tile__body h3{margin:4px 0;font-size:17px}.branch-management-tile__body p{color:#666d75;margin:0 0 5px;font-size:10.5px}.branch-management-tile__body small{color:#92979d;font-size:8.5px}.branch-manager-summary{background:#fafbf9;border:1px solid #eceee9;border-radius:12px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.branch-manager-summary>svg{color:#7b7200;flex:none;margin-top:2px}.branch-manager-summary>div{gap:2px;min-width:0;display:grid}.branch-manager-summary span,.branch-manager-summary small{color:#858b92;font-size:8.5px}.branch-manager-summary strong{overflow-wrap:anywhere;font-size:10.5px}.branch-management-tile__actions{flex-wrap:wrap;gap:8px;display:flex}.branch-management-tile__actions .button{min-height:34px;padding:8px 10px;font-size:9px}@media (width<=980px){.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.branch-management-grid{grid-template-columns:1fr}}@media (width<=560px){.settings-card-grid{grid-template-columns:1fr}.settings-nav-card{min-height:126px}.branch-management-tile__actions{grid-template-columns:1fr;display:grid}.branch-management-tile__actions .button{width:100%}}:root{--soft-page:#f5f6f8;--soft-panel:#eef0f3;--soft-accent:#fffbe0;--finance-green:#287451;--finance-green-soft:#eaf5ee;--finance-red:#a65546;--finance-red-soft:#faeeeb;--finance-blue:#445f73;--finance-blue-soft:#edf2f5;--finance-amber:#866c28;--finance-amber-soft:#f7f2df}.login-story{color:#181818;background:linear-gradient(145deg,#f2f3f0 0%,#e9ebe7 58%,#e3e5e1 100%);border-right:1px solid #dedfd9}.login-story:after{border-color:#1111110f;box-shadow:0 0 0 80px #11111105,0 0 0 160px #11111103}.login-story__glow{filter:blur(85px);background:#fef6321c;width:300px;height:300px}.login-logo-frame{background:#fff;border:1px solid #00000014;border-radius:22px;flex:0 0 76px;justify-content:center;align-items:center;width:76px;height:76px;display:inline-flex;overflow:hidden;box-shadow:0 12px 28px #0000001a}.login-logo{object-fit:cover;width:100%;height:100%;display:block}.brand-lockup--light,.login-story h1,.login-story__footer,.eyebrow-light{color:#181818}.login-story__footer{color:#66665f}.eyebrow-light,.eyebrow{color:#6b6550}.text-button{color:#33332f}.input-wrap:focus-within,.field input:focus,.field select:focus,.field textarea:focus{border-color:#aaa683;box-shadow:0 0 0 4px #d6d08538}.button--primary{color:#fff;background:#1d1d1b;box-shadow:0 9px 22px #0000001f}.button--primary:hover{color:#fff;background:#2a2a27}.app-shell,.app-main{background:var(--soft-page)}.sidebar{color:#4f5560;background:#fff;border-right:1px solid #e5e8ec;box-shadow:8px 0 28px #191e2606}.sidebar__brand{background:#fff;border-bottom:1px solid #eef0f3}.sidebar__brand strong{color:#1f232b}.sidebar__brand small,.workspace-controls label>span,.user-compact small{color:#969ca5}.sidebar__brand img{background:0 0;border-radius:13px}.sidebar__brand .sidebar-app-icon{object-fit:cover;border:1px solid #e2e5e9;border-radius:14px;flex:0 0 48px;width:48px;height:48px;box-shadow:0 8px 18px #1c1f2514}.workspace-controls{background:#fff}.select-wrap select{color:#303640;background:#f8f9fb;border-color:#e1e4e8}.select-wrap svg{color:#8e949d}.sidebar__nav button,.logout-link{color:#626873}.sidebar__nav button:hover{color:#20242b;background:#f5f6f8}.sidebar__nav button.active{color:#1f2329;background:#fffce8;box-shadow:inset 3px 0 #e2ca00}.sidebar__nav button.active svg{color:#8f8000}.sidebar__footer{background:#fff;border-top:1px solid #eef0f3}.user-compact>span,.avatar{color:#24251f;background:#f6ef8a}.user-compact strong{color:#242832}.logout-link{color:#a8584d}.logout-link:hover{color:#8d443a;background:#fff7f5}.sidebar__close{color:#5f6670;background:#f3f5f7}.topbar{background:#fffffff5;border-bottom-color:#e5e8ec;box-shadow:0 4px 18px #1c202606}.collapse-button,.mobile-menu{color:#626975;background:#fff;border-color:#e0e3e7}.collapse-button:hover,.mobile-menu:hover{color:#1f2329;background:#f4f6f8}.topbar__title span{color:#969ca5}.topbar__title strong{color:#232832}.content{background:0 0}.dashboard-heading{padding-bottom:2px}.dashboard-heading .eyebrow{color:#7c828b}.page-heading h1{color:#1e232b}.page-heading p{color:#747b85}.period-selector{color:#515862;background:#fff;border:1px solid #dde1e6;border-radius:12px;align-items:center;gap:8px;min-width:184px;height:43px;padding:0 12px;display:flex;box-shadow:0 6px 18px #1c20260a}.period-selector svg{color:#727982}.period-selector select{color:#343a43;cursor:pointer;background:0 0;border:0;outline:0;width:100%;font-size:12px;font-weight:800}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kpi{background:#fff;border-color:#e2e5e9;border-radius:18px;min-height:138px;position:relative;overflow:hidden;box-shadow:0 10px 28px #1c20260b}.kpi:after{content:"";background:#181c2205;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-48px;right:-30px}.kpi:hover{border-color:#d7dbe0;box-shadow:0 14px 34px #1c202611}.kpi strong{color:#20252d}.kpi span{color:#7c838d}.kpi small{color:#979da6}.kpi__badge{z-index:2;border-radius:999px;padding:5px 8px;font-weight:900;position:absolute;top:14px;right:14px;letter-spacing:.02em!important;text-transform:none!important;font-size:9px!important}.kpi__badge--positive{background:#e8f4ed;color:#236343!important}.kpi__badge--negative{background:#fbecea;color:#97483d!important}.kpi--green .kpi__icon{color:var(--finance-green)!important;background:var(--finance-green-soft)!important}.kpi--coral .kpi__icon{color:var(--finance-red)!important;background:var(--finance-red-soft)!important}.kpi--navy .kpi__icon{color:var(--finance-blue)!important;background:var(--finance-blue-soft)!important}.kpi--amber .kpi__icon{color:var(--finance-amber)!important;background:var(--finance-amber-soft)!important}.dashboard-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px;display:grid}.dashboard-status-item{background:#ffffffd6;border:1px solid #e4e7eb;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:15px 16px;display:flex}.dashboard-status-icon{color:#626873;background:#f0f2f4;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.dashboard-status-item>div{gap:2px;min-width:0;display:grid}.dashboard-status-item span:not(.dashboard-status-icon){color:#888e97;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.dashboard-status-item strong{color:#252a32;font-size:17px}.dashboard-status-item small{color:#9a9fa7;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.panel,.module-stats,.folder-card,.cascade-grid article,.closure-card{background:#fff;border-color:#e2e5e9;box-shadow:0 10px 30px #1c20260a}.panel-heading span{color:#959ba3}.panel-heading h2{color:#262b33}.panel-heading svg,.feature-card>svg,.agreement-card>svg,.cascade-grid article>span,.closure-card>div>span,.agreement-card span{color:#6e7580}.activity-row{border-color:#edf0f2}.activity-row:hover{background:#fafbfc}.activity-row strong,.file-row strong,td strong{color:#2a2f37}.activity-row small{color:#939aa3}.activity-row b{color:#9b5c51}.activity-row b.positive{color:#327457}.record-dot{background:#c66e5e;box-shadow:0 0 0 4px #f9eeeb}.record-dot--income{background:#3b8462;box-shadow:0 0 0 4px #eaf5ee}.bar-track{background:#edf0f2}.bar-track span{background:linear-gradient(90deg,#414852,#7f8791)}.bar-row span{color:#767d87}.bar-row b{color:#333941}.conversion-note,.integration-banner{background:#fafbfc;border-color:#e1e4e8}.conversion-note strong,.integration-banner strong,.conversion-note>span{color:#373d46}.conversion-note p,.integration-banner p{color:#7b828c}.tax-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.tax-toolbar label{color:#8c929b;letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:9px;font-weight:900;display:grid}.tax-toolbar select{color:#303640;background:#fff;border:1px solid #dfe3e7;border-radius:10px;outline:0;min-width:120px;height:40px;padding:0 12px;font-weight:800}.tax-classification-note{color:#6d642c;background:#fffdf0;border:1px solid #ece4a8;border-radius:11px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;display:flex}.tax-stats{margin-bottom:18px}.text-action{color:#485463;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:800;display:inline-flex}.text-action:hover{color:#181d24}.button--secondary{color:#383e47;background:#fff;border-color:#dfe2e6}.button--secondary:hover{background:#f6f7f9}.button--danger-soft{color:#a04f42;background:#fff8f6;border-color:#ead4cf}.row-actions button,.period-button{color:#4d545d;border-color:#dfe2e6}.table-toolbar,th,.modal footer{background:#fafbfc}th{color:#7b828b}td,.activity-row{border-color:#edf0f2}.kpi__icon,.settings-icon{color:#5b626c;background:#f0f2f4}.folder-card svg{color:#7d838c;fill:#f1f2ee}.invoice-logo{color:#fef632;background:#171817}.invoice-total{border-top-color:#20252c}.modal-backdrop{background:#14181ea3}.modal,.invoice-preview{box-shadow:0 30px 90px #0003}.invoice-editor{background:#f4f5f7}.status--pagado,.status--aprobado{color:#276747;background:#e9f5ee}.status--pendiente{color:#80681f;background:#f8f2dc}.status--rechazado{color:#984b40;background:#faece9}@media (width<=1120px){.dashboard-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.login-logo-frame{border-radius:19px;flex-basis:66px;width:66px;height:66px}.sidebar-backdrop{background:#1c202657}.tax-toolbar{flex-direction:column;align-items:stretch}.tax-classification-note{width:100%}}@media (width<=560px){.dashboard-status-grid{grid-template-columns:1fr}.period-selector{width:100%}}.period-picker{z-index:8;min-width:242px;position:relative}.period-picker__caption{color:#8a9099;letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px 2px;font-size:9px;font-weight:900;display:block}.period-picker__button{color:#272c34;text-align:left;background:linear-gradient(#fff 0%,#f7f8fa 100%);border:1px solid #d8dde3;border-radius:15px;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 11px;display:grid;box-shadow:0 12px 28px #1f252d14}.period-picker__button:hover{border-color:#cbd1d8;box-shadow:0 15px 34px #1f252d1c}.period-picker__icon{color:#5f5300;background:#f4e85c;border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #685b0014}.period-picker__value{gap:2px;min-width:0;display:grid}.period-picker__value strong{color:#242a32;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.period-picker__value small{color:#8c929b;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.period-picker__chevron{color:#8c929b;transition:transform .18s}.period-picker--open .period-picker__chevron{transform:rotate(180deg)}.period-picker__menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffc;border:1px solid #d9dee4;border-radius:16px;width:min(330px,88vw);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 24px 60px #1a1f262e}.period-picker__menu-head{background:#f8f9fb;border-bottom:1px solid #edf0f3;gap:3px;padding:14px 15px 11px;display:grid}.period-picker__menu-head strong{color:#272c34;font-size:12px}.period-picker__menu-head span{color:#999fa7;font-size:9px}.period-picker__options{max-height:330px;padding:6px;overflow-y:auto}.period-picker__options button{color:#333942;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 11px;display:flex}.period-picker__options button:hover{background:#f3f5f7}.period-picker__options button.selected{color:#1f2329;background:#fff8b6}.period-picker__options button.selected>svg{color:#736700}.period-picker__options button>span{gap:2px;display:grid}.period-picker__options strong{color:#2a3038;font-size:11px}.period-picker__options small{color:#9a9fa7;letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:900}.premium-kpi-grid .kpi{isolation:isolate;border:0;min-height:162px;padding:23px;transition:transform .18s,box-shadow .18s;overflow:hidden;box-shadow:0 18px 38px #181f2726}.premium-kpi-grid .kpi:hover{transform:translateY(-2px);box-shadow:0 22px 45px #181f2733}.premium-kpi-grid .kpi:before{content:"";z-index:-2;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.premium-kpi-grid .kpi:after{content:"";z-index:-1;background:#ffffff17;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-58px;right:-38px}.premium-kpi-grid .kpi>div{z-index:1;position:relative}.premium-kpi-grid .kpi>div:last-child{align-content:start;min-width:0}.premium-kpi-grid .kpi:has(.kpi__badge)>div:last-child{padding-right:82px}.premium-kpi-grid .kpi__icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;flex:0 0 46px;width:46px;height:46px;box-shadow:inset 0 0 0 1px #ffffff29,0 8px 18px #00000014;color:#fff!important;background:#ffffff29!important}.premium-kpi-grid .kpi span:not(.kpi__badge),.premium-kpi-grid .kpi small{color:#ffffffc2!important}.premium-kpi-grid .kpi span:not(.kpi__badge){white-space:normal;text-overflow:clip;max-width:100%;font-size:9px;font-weight:900;line-height:1.28;overflow:visible}.premium-kpi-grid .kpi strong{text-shadow:0 1px 2px #00000014;margin-top:5px;font-size:clamp(22px,2vw,29px);line-height:1.08;color:#fff!important}.premium-kpi-grid .kpi small{line-height:1.35}.premium-kpi-grid .kpi--green{background:linear-gradient(135deg,#19704a 0%,#11583a 100%)}.premium-kpi-grid .kpi--coral{background:linear-gradient(135deg,#a14d3f 0%,#80382f 100%)}.premium-kpi-grid .kpi--amber{background:linear-gradient(135deg,#a67b1f 0%,#806018 100%)}.premium-kpi-grid .kpi--navy{background:linear-gradient(135deg,#31536d 0%,#213c52 100%)}.premium-kpi-grid .kpi__badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;white-space:normal;border:1px solid #ffffff3d;max-width:76px;padding:6px 9px;top:15px;right:15px;box-shadow:0 5px 14px #00000014;color:#fff!important;background:#ffffff26!important}.premium-kpi-grid .kpi__badge--negative{background:#5b121247!important}.dashboard-status-item:first-child{background:linear-gradient(145deg,#fff,#f1f5f8);border-color:#dde5ec}.dashboard-status-item:nth-child(2){background:linear-gradient(145deg,#fff,#eef7f2);border-color:#d7e7de}.dashboard-status-item:nth-child(3){background:linear-gradient(145deg,#fff,#faf4e4);border-color:#eadfbd}.dashboard-status-item:nth-child(4){background:linear-gradient(145deg,#fff,#f2f3f8);border-color:#dddfea}@media (width<=1120px){.premium-kpi-grid .kpi:has(.kpi__badge)>div:last-child{padding-right:72px}}@media (width<=820px){.dashboard-heading{align-items:stretch}.period-picker{width:100%;min-width:0}.period-picker__menu{width:min(100%,360px);left:0;right:auto}}@media (width<=560px){.premium-kpi-grid .kpi{min-height:150px}.premium-kpi-grid .kpi:has(.kpi__badge)>div:last-child{padding-right:68px}.period-picker__button{min-height:56px}}.stripe-heading{align-items:flex-end;gap:24px}.stripe-mode-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:330px;padding:14px;box-shadow:0 10px 28px #0f172a0f}.stripe-mode-card__label{color:#6b7280;letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:900;display:block}.stripe-mode-switch{background:#f3f4f6;border-radius:13px;grid-template-columns:1fr 1fr;gap:7px;padding:5px;display:grid}.stripe-mode-switch button{color:#6b7280;min-height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:850;transition:all .16s;display:flex}.stripe-mode-switch button small{background:#11182712;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:9px;font-weight:900;display:inline-grid}.stripe-mode-switch button.active{color:#111827;background:#fff;border-color:#d1d5db;box-shadow:0 5px 14px #0f172a14}.stripe-mode-switch__test.active{color:#8b5a00!important;background:#fff8e8!important;border-color:#f5c97a!important}.stripe-mode-switch__live.active{color:#126236!important;background:#effaf4!important;border-color:#9bd7b6!important}.stripe-environment-banner{border:1px solid;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 14px;padding:16px 18px;display:grid}.stripe-environment-banner--test{background:#fffaf0;border-color:#f2d293}.stripe-environment-banner--live{background:#f1fbf5;border-color:#a6dabe}.stripe-environment-banner__icon{background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 14px #0f172a0f}.stripe-environment-banner--test .stripe-environment-banner__icon,.stripe-environment-banner--test strong{color:#8b5a00}.stripe-environment-banner--live .stripe-environment-banner__icon,.stripe-environment-banner--live strong{color:#126236}.stripe-environment-banner strong{margin-bottom:3px;font-size:13px;display:block}.stripe-environment-banner p{color:#5b6472;margin:0;font-size:12px;line-height:1.45}.stripe-environment-banner__status{color:#374151;white-space:nowrap;background:#ffffffb8;border:1px solid #11182714;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.stripe-credentials{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:0 0 14px;overflow:hidden;box-shadow:0 8px 22px #0f172a0a}.stripe-credentials--test{border-top:3px solid #e5a93b}.stripe-credentials--live{border-top:3px solid #2f9660}.stripe-credentials__summary{justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.stripe-credentials__title,.stripe-credentials__actions,.stripe-credentials__footer,.stripe-secret-note,.stripe-config-status,.stripe-config-button,.stripe-save-button{align-items:center;display:flex}.stripe-credentials__title{gap:11px}.stripe-credentials__title>div>span{color:#7c8491;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:850;display:block}.stripe-credentials__title strong{color:#18212f;font-size:13px}.stripe-credentials__icon{color:#344054;background:#f5f7f9;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.stripe-credentials__actions{gap:9px}.stripe-config-status{color:#667085;background:#f3f4f6;border-radius:999px;gap:6px;padding:7px 9px;font-size:10px;font-weight:850}.stripe-config-status--ready{color:#1a6e3f;background:#eaf8f0}.stripe-config-button,.stripe-save-button{min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:10px;justify-content:center;gap:7px;font-size:11px;font-weight:850}.stripe-config-button{color:#fff;background:#111827;padding:0 13px}.stripe-credentials__form{border-top:1px solid #eef0f3;padding:0 18px 18px}.stripe-secret-note{color:#475467;background:#f8fafc;border-radius:11px;gap:9px;margin:14px 0;padding:11px 12px}.stripe-secret-note svg{color:#156d40;flex:none}.stripe-secret-note p{margin:0;font-size:11px;line-height:1.45}.stripe-credentials__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stripe-credentials__grid label{gap:6px;display:grid}.stripe-credentials__grid label>span{color:#344054;font-size:11px;font-weight:800}.stripe-credentials__grid input{color:#111827;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #d8dde5;border-radius:10px;outline:none;padding:0 11px;font-size:12px}.stripe-credentials__grid input:focus{border-color:#9ca8b8;box-shadow:0 0 0 3px #1118270d}.stripe-credentials__grid small{color:#8a93a1;font-size:9px;line-height:1.35}.stripe-settings-message{border-radius:10px;margin-top:12px;padding:10px 12px;font-size:11px;font-weight:750}.stripe-settings-message--error{color:#9a3030;background:#fff1f1}.stripe-settings-message--success{color:#17653b;background:#edf9f2}.stripe-credentials__footer{justify-content:space-between;gap:14px;margin-top:14px}.stripe-credentials__footer>span{color:#7c8491;font-size:10px}.stripe-save-button{color:#fff;background:#1f2937;padding:0 15px}.stripe-save-button:disabled{opacity:.55;cursor:wait}.stripe-table-mode{letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:950;display:inline-flex}.stripe-table-mode--test{color:#845500;background:#fff3cf}.stripe-table-mode--live{color:#126236;background:#e7f7ee}@media (width<=980px){.stripe-credentials__grid{grid-template-columns:1fr}}@media (width<=880px){.stripe-heading{align-items:stretch}.stripe-mode-card{width:100%;min-width:0}.stripe-environment-banner{grid-template-columns:auto 1fr}.stripe-environment-banner__status{grid-column:1/-1;width:fit-content}.stripe-credentials__summary,.stripe-credentials__footer{flex-direction:column;align-items:flex-start}}@media (width<=560px){.stripe-mode-switch{grid-template-columns:1fr}.stripe-environment-banner{padding:14px}.stripe-credentials__actions{flex-direction:column;align-items:stretch;width:100%}.stripe-config-button{width:100%}}.stripe-integration-banner{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 14px;padding:16px 18px;display:grid;box-shadow:0 8px 22px #0f172a0a}.stripe-integration-banner__icon{color:#6557d8;background:#f4f1ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.stripe-integration-banner strong{color:#18212f;margin-bottom:3px;font-size:13px;display:block}.stripe-integration-banner p{color:#667085;margin:0;font-size:11px;line-height:1.45}.stripe-integration-banner>span{color:#8b5a00;white-space:nowrap;background:#fff8e8;border:1px solid #f0ddb2;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex}.stripe-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 14px;display:grid}.stripe-kpis .kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;min-width:0;padding:16px 17px;box-shadow:0 7px 18px #0f172a09}.stripe-kpis .kpi-card>span{color:#7c8491;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:900;display:block}.stripe-kpis .kpi-card>strong{color:#17202d;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,2vw,27px);font-weight:850;line-height:1.08;display:block;overflow:hidden}.stripe-kpis .kpi-card>small{color:#98a0ad;margin-top:7px;font-size:9px;line-height:1.35;display:block}.data-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:22px;overflow:hidden;box-shadow:0 8px 22px #0f172a0a}.data-panel__header{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;display:flex}.data-panel__header .eyebrow{color:#8a93a1;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900;display:block}.data-panel__header h2{color:#18212f;margin:0;font-size:16px;line-height:1.2}.stripe-table-tools{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.stripe-transaction-search{color:#7b8491;background:#fff;border:1px solid #dfe3e8;border-radius:11px;align-items:center;gap:8px;min-width:min(420px,38vw);padding:0 10px;transition:border-color .18s,box-shadow .18s;display:flex}.stripe-transaction-search:focus-within{border-color:#d9b434;box-shadow:0 0 0 3px #d9b4341f}.stripe-transaction-search input{color:#273142;width:100%;min-width:0;height:36px;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.stripe-transaction-search input::placeholder{color:#9aa2af}.stripe-transaction-search button{color:#98a0ad;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:25px;height:25px;padding:0;display:grid}.stripe-transaction-search button:hover{color:#475467;background:#f4f5f7}.stripe-search-count{color:#7b8491;white-space:nowrap;font-size:10px;font-weight:750}.table-wrap{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;table-layout:auto;width:100%}.stripe-data-table{min-width:1560px}.data-table th,.data-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f0f2f5;padding:12px 14px}.data-table th{color:#7b8491;letter-spacing:.05em;text-transform:uppercase;background:#fafbfc;font-size:9px;font-weight:900}.data-table td{color:#344054;font-size:11px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fcfcfd}.stripe-id-cell,.stripe-reference-cell code{color:#344054;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px}.stripe-reference-cell{flex-direction:column;gap:3px;display:flex}.stripe-reference-cell small{color:#98a0ad;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:9px}.empty-row{color:#8a93a1!important;text-align:center!important;white-space:normal!important;padding:34px 18px!important}.status-pill{border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:9px;font-weight:850;display:inline-flex}.status-pill--paid{color:#17653b;background:#eaf8f0}.stripe-fee-pending{color:#8b5a00;background:#fff6df;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.stripe-exchange-rate{color:#475467;font-variant-numeric:tabular-nums;font-size:10px}@media (width<=1100px){.data-panel__header{align-items:flex-start}.stripe-table-tools{flex-wrap:wrap}.stripe-transaction-search{min-width:min(360px,48vw)}}@media (width<=880px){.stripe-integration-banner{grid-template-columns:auto minmax(0,1fr)}.stripe-integration-banner>span{grid-column:1/-1;width:fit-content}.data-panel__header{flex-direction:column}.stripe-table-tools{justify-content:flex-start;width:100%}.stripe-transaction-search{flex:320px;min-width:240px}}@media (width<=560px){.stripe-integration-banner{padding:14px}.stripe-kpis{grid-template-columns:1fr 1fr}.stripe-kpis .kpi-card{padding:14px}.stripe-table-tools{align-items:stretch}.stripe-transaction-search{flex-basis:100%;width:100%;min-width:0}}@media (width<=420px){.stripe-kpis{grid-template-columns:1fr}}.payroll-heading{align-items:flex-end}.payroll-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.payroll-kpis article{background:#fff;border:1px solid #e6e8ec;border-radius:16px;align-items:center;gap:12px;min-width:0;padding:16px;display:flex;box-shadow:0 8px 22px #0f172a0a}.payroll-kpi-icon{color:#36320c;background:#fff9c9;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.payroll-kpis article>div{min-width:0}.payroll-kpis small,.payroll-kpis p{color:#8a93a1;margin:0;font-size:9px;font-weight:800;display:block}.payroll-kpis small{letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.payroll-kpis strong{color:#18212f;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:850;display:block;overflow:hidden}.payroll-kpis p{margin-top:5px;font-weight:600}.payroll-accounting-note{color:#23573a;background:#f7fbf8;border:1px solid #dfe9e3;border-radius:14px;align-items:flex-start;gap:11px;margin-bottom:14px;padding:14px 16px;display:flex}.payroll-accounting-note svg{flex:none;margin-top:1px}.payroll-accounting-note strong{margin-bottom:3px;font-size:12px;display:block}.payroll-accounting-note p{color:#5e7467;margin:0;font-size:10px;line-height:1.5}.payroll-panel{overflow:hidden}.payroll-toolbar{border-bottom:1px solid #eef0f3;grid-template-columns:minmax(180px,1fr) minmax(300px,460px) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.payroll-toolbar h2{color:#18212f;margin:0;font-size:16px}.payroll-search{color:#8a93a1;background:#fafbfc;border:1px solid #dfe3e8;border-radius:11px;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.payroll-search:focus-within{background:#fff;border-color:#cbc55b;box-shadow:0 0 0 3px #fafa3a2e}.payroll-search input{color:#253041;background:0 0;border:0;outline:0;width:100%;min-width:0;height:38px;font-size:11px}.payroll-result-count{color:#8b94a1;white-space:nowrap;font-size:10px;font-weight:800}.payroll-table{min-width:1500px}.payroll-employee{align-items:center;gap:9px;display:flex}.payroll-employee>span{color:#667085;background:#f4f5f7;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.payroll-employee strong,.payroll-employee small{display:block}.payroll-employee strong{color:#253041;font-size:11px}.payroll-employee small{color:#98a0ad;text-overflow:ellipsis;max-width:190px;margin-top:2px;font-size:9px;overflow:hidden}.payroll-document,.payroll-pay-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:28px;font-size:9px;font-weight:850;display:inline-flex}.payroll-document{color:#475467;background:#fff;border:1px solid #e0e4e8;padding:0 9px}.payroll-pay-button{color:#33611f;background:#f5faf2;border:1px solid #d7dece;padding:0 10px}.payroll-status--pending{color:#8a5b00;background:#fff5d9}.payroll-modal{width:min(900px,100vw - 30px);max-height:calc(100vh - 30px);overflow:auto}.payroll-form-section{border-bottom:1px solid #eef0f3;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:18px 20px;display:grid}.payroll-form-section>div:first-child strong,.payroll-form-section>div:first-child span{display:block}.payroll-form-section>div:first-child strong{color:#253041;margin-bottom:4px;font-size:12px}.payroll-form-section>div:first-child span{color:#98a0ad;font-size:9px;line-height:1.45}.payroll-form-section .form-grid{margin:0}.payroll-form-section .field--wide{grid-column:1/-1}.payroll-form-section textarea{resize:vertical}.payroll-upload{color:#667085;cursor:pointer;background:#fafbfc;border:1px dashed #cfd5dc;border-radius:11px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:10px;font-weight:800;display:flex}.payroll-upload input{display:none}@media (width<=1050px){.payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-toolbar{grid-template-columns:1fr auto}.payroll-search{grid-area:2/1/auto/-1}}@media (width<=700px){.payroll-heading{align-items:stretch}.payroll-heading .button{width:100%}.payroll-form-section{grid-template-columns:1fr}}@media (width<=520px){.payroll-kpis,.payroll-toolbar{grid-template-columns:1fr}.payroll-result-count{grid-row:3}}.personnel-heading{align-items:flex-end}.personnel-policy-card{color:#344054;background:#fff;border:1px solid #e6e8ec;border-radius:15px;align-items:flex-start;gap:12px;margin:0 0 14px;padding:15px 17px;display:flex}.personnel-policy-card>svg{color:#756800;flex:none;margin-top:1px}.personnel-policy-card strong{color:#18212f;margin-bottom:3px;font-size:12px;display:block}.personnel-policy-card p{color:#667085;margin:0;font-size:10px;line-height:1.55}.personnel-tabs{background:#fff;border:1px solid #e6e8ec;border-radius:14px;align-items:center;gap:7px;margin:0 0 14px;padding:5px;display:flex;overflow-x:auto}.personnel-tabs button{color:#667085;min-height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:800;display:inline-flex}.personnel-tabs button:hover{color:#344054;background:#f7f8fa}.personnel-tabs button.active{color:#302c00;background:#fffbd5;box-shadow:inset 0 0 0 1px #ece285}.personnel-tabs button span{color:#667085;background:#eef0f3;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;display:grid}.personnel-tabs button.active span{color:#fff;background:#302c00}.signature-link-card{background:#f7fcf9;border:1px solid #cfe7db;border-radius:15px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin:0 0 14px;padding:14px 16px;display:grid}.signature-link-card>div{align-items:flex-start;gap:10px;min-width:0;display:flex}.signature-link-card>div>span{color:#17653b;background:#e5f6ec;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.signature-link-card strong{color:#173126;font-size:11px;display:block}.signature-link-card p{color:#547064;margin:3px 0 7px;font-size:9px;line-height:1.45}.signature-link-card input{color:#475467;background:#fff;border:1px solid #d9e8df;border-radius:8px;width:100%;min-width:0;padding:8px 9px;font-size:9px}.personnel-type-pill,.personnel-status,.personnel-doc-status,.personnel-benefit,.personnel-signed-mark{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.personnel-type-pill{color:#475467;background:#f2f4f7}.personnel-benefit{color:#667085;background:#f4f5f7}.personnel-benefit.yes{color:#17653b;background:#edf8f1}.personnel-status--approved{color:#17653b;background:#eaf8f0}.personnel-status--pending{color:#8b5a00;background:#fff6df}.personnel-status--rejected{color:#a33a2b;background:#fff0ed}.personnel-note{color:#8a93a1;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin-top:5px;font-size:8px;display:block;overflow:hidden}.personnel-doc--signed{color:#17653b;background:#eaf8f0}.personnel-doc--pending{color:#8b5a00;background:#fff6df}.personnel-doc--ready{color:#315ea8;background:#eef4ff}.personnel-doc--missing{color:#a33a2b;background:#fff0ed}.personnel-doc--na{color:#7c8491;background:#f3f4f6}.approval-list,.personnel-document-list{gap:10px;padding:14px;display:grid}.approval-card{background:#fff;border:1px solid #e8eaee;border-radius:14px;grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr) auto;align-items:center;gap:16px;padding:15px;display:grid}.approval-card__person{align-items:flex-start;gap:10px;display:flex}.approval-card__person>span{color:#756800;background:#fff7cc;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.approval-card__person strong,.personnel-document-person strong{color:#18212f;font-size:11px;display:block}.approval-card__person p,.personnel-document-person p{color:#667085;margin:3px 0;font-size:9px}.approval-card__person small,.personnel-document-person small{color:#98a0ad;font-size:8px}.approval-card__details{color:#667085;gap:6px;font-size:9px;display:grid}.approval-card__details strong{color:#344054}.approval-card__actions{gap:7px;display:flex}.personnel-reject{color:#a33a2b!important}.personnel-empty{color:#98a0ad;text-align:center;align-content:center;place-items:center;gap:7px;min-height:190px;padding:24px;display:grid}.personnel-empty strong{color:#475467;font-size:12px}.personnel-empty span{max-width:420px;font-size:9px;line-height:1.5}.personnel-document-row{background:#fff;border:1px solid #e8eaee;border-radius:14px;grid-template-columns:minmax(230px,1fr) minmax(270px,1.25fr) minmax(270px,1.25fr);align-items:stretch;gap:12px;padding:12px;display:grid}.personnel-document-person{align-items:flex-start;gap:10px;padding:9px;display:flex}.personnel-document-person>span{color:#475467;background:#f3f4f6;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.personnel-document-control,.personnel-document-na,.personnel-document-locked{background:#fafbfc;border:1px solid #eceef1;border-radius:11px;min-width:0;padding:11px}.personnel-document-control__head,.personnel-document-na,.personnel-document-locked{align-items:flex-start;gap:8px;display:flex}.personnel-document-control__head>svg,.personnel-document-na>svg,.personnel-document-locked>svg{color:#667085;flex:none;margin-top:2px}.personnel-document-control__head strong,.personnel-document-na strong,.personnel-document-locked strong{color:#344054;margin-bottom:5px;font-size:10px;display:block}.personnel-document-na span,.personnel-document-locked span{color:#8a93a1;font-size:8px;line-height:1.4}.personnel-document-locked{background:#fffaf0;grid-column:span 2;align-items:center}.personnel-document-name{color:#667085;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 7px;font-size:8px;display:block;overflow:hidden}.personnel-document-actions{flex-wrap:wrap;gap:6px;display:flex}.personnel-mini-button,.personnel-signed-mark{color:#475467;min-height:27px;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:8px;font-size:8px;font-weight:800}button.personnel-mini-button{cursor:pointer;padding:0 9px}.personnel-mini-upload{cursor:pointer;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.personnel-mini-upload input{display:none}.personnel-mini-sign{align-items:center;gap:5px;display:inline-flex;color:#315ea8!important}.personnel-signed-mark{color:#17653b;background:#eaf8f0;border-color:#cfe7db;padding:0 9px}.personnel-modal{max-width:820px}.personnel-benefits-toggle{cursor:pointer;background:#fafbfc;border:1px solid #dfe3e8;border-radius:10px;align-items:center;gap:9px;min-height:61px;padding:10px 12px;display:flex}.personnel-benefits-toggle input{width:16px;height:16px}.personnel-benefits-toggle strong,.personnel-benefits-toggle small{display:block}.personnel-benefits-toggle strong{color:#344054;font-size:10px}.personnel-benefits-toggle small{color:#8a93a1;margin-top:2px;font-size:8px}.personnel-workflow-preview,.payment-person-summary{background:#fffdeb;border:1px solid #eee6a0;border-radius:11px;align-items:flex-start;gap:10px;margin:0 18px 16px;padding:12px 13px;display:flex}.personnel-workflow-preview>svg,.payment-person-summary>svg{color:#756800;flex:none}.personnel-workflow-preview strong,.payment-person-summary strong{color:#3f3a05;font-size:10px;display:block}.personnel-workflow-preview p,.payment-person-summary span{color:#746d32;margin:3px 0 0;font-size:8px;line-height:1.45;display:block}.payment-person-summary{background:#fafbfc;border-color:#e4e7ec;grid-column:1/-1;margin:0}.signature-shell{color:#18212f;background:#f5f6f8;min-height:100vh}.signature-topbar{background:#fff;border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:0 24px;display:flex}.signature-topbar>div,.signature-topbar>span{align-items:center;gap:10px;display:flex}.signature-logo{color:#111;background:#fef632;border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:950;display:grid}.signature-topbar strong,.signature-topbar small{display:block}.signature-topbar strong{font-size:12px}.signature-topbar small{color:#8a93a1;margin-top:2px;font-size:9px}.signature-topbar>span{color:#17653b;font-size:9px;font-weight:800}.signature-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:18px;max-width:1500px;margin:0 auto;padding:18px;display:grid}.signature-document-card,.signature-panel{background:#fff;border:1px solid #e4e7ec;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}.signature-document-head{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px 15px;display:flex}.signature-document-head span,.signature-document-head strong,.signature-document-head small{display:block}.signature-document-head span{color:#8a93a1;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900}.signature-document-head strong{margin-top:3px;font-size:11px}.signature-document-head small{color:#667085;font-size:8px}.signature-document-card iframe{background:#eef0f3;border:0;width:100%;height:calc(100vh - 134px);min-height:620px}.signature-panel{align-self:start;padding:20px}.signature-panel h1{letter-spacing:-.035em;margin:5px 0 7px;font-size:24px}.signature-panel>div:first-child>p{color:#667085;margin:0 0 18px;font-size:10px;line-height:1.55}.signature-pad-wrap{margin-top:14px}.signature-pad-wrap>div{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.signature-pad-wrap>div>span{color:#344054;font-size:9px;font-weight:800}.signature-pad-wrap button{color:#667085;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:8px;display:inline-flex}.signature-pad-wrap canvas{touch-action:none;cursor:crosshair;background:#fff;border:1px dashed #b8c0ca;border-radius:11px;width:100%;height:160px;display:block}.signature-pad-wrap small{color:#98a0ad;margin-top:5px;font-size:8px;display:block}.signature-consent{color:#475467;cursor:pointer;background:#f7f8fa;border-radius:10px;align-items:flex-start;gap:8px;margin:16px 0;padding:11px;font-size:9px;line-height:1.45;display:flex}.signature-consent input{margin-top:2px}.signature-error{color:#a33a2b;background:#fff0ed;border-radius:8px;margin-bottom:10px;padding:9px 10px;font-size:9px}.signature-submit{justify-content:center;width:100%}.signature-state{text-align:center;align-content:center;place-items:center;gap:10px;min-height:100vh;padding:28px;display:grid}.signature-state strong{font-size:16px}.signature-state p{color:#667085;max-width:440px;margin:0;font-size:10px;line-height:1.5}.signature-state--success>svg{color:#17653b}.signature-state--error>svg{color:#a33a2b}@media (width<=1050px){.approval-card{grid-template-columns:1fr}.approval-card__actions{justify-content:flex-end}.personnel-document-row{grid-template-columns:1fr 1fr}.personnel-document-person,.personnel-document-locked{grid-column:1/-1}.signature-grid{grid-template-columns:1fr}.signature-panel{order:-1}.signature-document-card iframe{height:720px}}@media (width<=720px){.signature-link-card{grid-template-columns:1fr auto}.signature-link-card>.button{grid-column:1/-1;justify-content:center}.personnel-document-row{grid-template-columns:1fr}.personnel-document-person,.personnel-document-locked{grid-column:auto}.approval-card__actions{grid-template-columns:1fr 1fr;display:grid}.signature-topbar{padding:0 14px}.signature-topbar>span{display:none}.signature-grid{padding:10px}.signature-document-card iframe{height:65vh;min-height:540px}}.personnel-heading,.personnel-policy-card,.personnel-tabs,.personnel-panel,.personnel-modal,.signature-link-card{min-width:0;max-width:100%}.personnel-heading h1{font-size:clamp(30px,2.2vw,40px);line-height:1.05}.personnel-heading p{max-width:900px;font-size:13px;line-height:1.55}.personnel-policy-card strong{font-size:14px}.personnel-policy-card p{font-size:12px;line-height:1.55}.personnel-tabs button{min-height:40px;padding-inline:15px;font-size:12px}.personnel-tabs button span{min-width:22px;height:22px;font-size:10px}.personnel-panel .payroll-toolbar h2{font-size:17px}.personnel-panel .eyebrow,.personnel-panel .payroll-result-count{font-size:10px}.personnel-panel .payroll-search{min-width:min(100%,350px)}.personnel-panel .payroll-search input{min-width:0;font-size:12px}.personnel-panel .table-wrap{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.personnel-table{min-width:1080px}.personnel-table th{font-size:10px;line-height:1.35}.personnel-table td{vertical-align:top;font-size:11.5px;line-height:1.45}.personnel-table .payroll-employee{align-items:flex-start;min-width:190px;max-width:290px}.personnel-table .payroll-employee>div,.personnel-document-person>div,.approval-card__person>div,.payment-person-summary>div{min-width:0}.personnel-table .payroll-employee strong,.personnel-table .payroll-employee small,.personnel-document-person strong,.personnel-document-person p,.personnel-document-person small,.approval-card__person strong,.approval-card__person p,.approval-card__person small,.payment-person-summary strong,.payment-person-summary span{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:normal;max-width:100%;overflow:visible}.personnel-table .payroll-employee strong{font-size:12.5px;line-height:1.35}.personnel-table .payroll-employee small{margin-top:3px;font-size:10.5px;line-height:1.4}.personnel-type-pill,.personnel-status,.personnel-doc-status,.personnel-benefit,.personnel-signed-mark{min-height:27px;padding-inline:9px;font-size:10px}.personnel-note{white-space:normal;overflow-wrap:anywhere;max-width:260px;font-size:10px;line-height:1.4}.approval-card__person strong,.personnel-document-person strong{font-size:13px;line-height:1.35}.approval-card__person p,.personnel-document-person p,.approval-card__details,.personnel-document-control__head strong,.personnel-document-na strong,.personnel-document-locked strong,.personnel-workflow-preview strong,.payment-person-summary strong{font-size:11px}.approval-card__person small,.personnel-document-person small,.personnel-document-na span,.personnel-document-locked span,.personnel-document-name,.personnel-workflow-preview p,.payment-person-summary span{font-size:10px}.personnel-mini-button,.personnel-signed-mark{min-height:30px;font-size:9.5px}.personnel-modal{width:min(900px,100vw - 32px);max-width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.personnel-modal header{z-index:3;background:#fff;position:sticky;top:0}.personnel-modal h2{font-size:22px;line-height:1.2}.personnel-modal .payroll-form-section>div:first-child>strong{font-size:13px}.personnel-modal .payroll-form-section>div:first-child>span,.personnel-modal .field>span{font-size:11px;line-height:1.35}.personnel-modal .field input,.personnel-modal .field select,.personnel-modal .field textarea{width:100%;min-width:0;font-size:13px;line-height:1.35}.personnel-modal .field input,.personnel-modal .field select{min-height:42px}.personnel-modal .field textarea{resize:vertical;min-height:86px}.personnel-modal .form-grid,.personnel-modal .payroll-form-section,.personnel-modal form{min-width:0;max-width:100%}.personnel-benefits-toggle strong{font-size:12px}.personnel-benefits-toggle small{font-size:10px;line-height:1.35}.personnel-phone-field{grid-template-columns:minmax(150px,.85fr) minmax(0,1.15fr);align-content:start;gap:7px;display:grid!important}.personnel-phone-field>span{grid-column:1/-1}.personnel-phone-field select[data-personnel-country-code]{color:#344054;width:100%;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:0 10px;font-size:12px;line-height:1.2}.personnel-phone-field input[name=phone]{width:100%;min-width:0}.signature-link-card strong{font-size:12px}.signature-link-card p,.signature-link-card input{font-size:10.5px}@media (width<=980px){.personnel-heading{align-items:flex-start}.personnel-heading .button{flex:none}.personnel-modal{width:min(860px,100vw - 24px);max-width:calc(100vw - 24px)}}@media (width<=760px){.personnel-heading{gap:14px;display:grid}.personnel-heading .button{justify-content:center;width:100%}.personnel-policy-card p{font-size:11.5px}.personnel-tabs{scrollbar-width:thin}.personnel-modal{border-radius:14px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.personnel-modal .form-grid{grid-template-columns:1fr!important}.personnel-modal .field--wide,.personnel-benefits-toggle,.payment-person-summary{grid-column:1!important}.personnel-phone-field{grid-template-columns:minmax(132px,.9fr) minmax(0,1.1fr)!important}.personnel-modal footer{z-index:3;background:#fff;position:sticky;bottom:0}}@media (width<=460px){.personnel-heading h1{font-size:29px}.personnel-phone-field{grid-template-columns:1fr!important}.personnel-phone-field>span{grid-column:1}.personnel-modal .button{min-width:0}}.personnel-phone-field{position:relative;display:block!important}.personnel-phone-field>span{margin-bottom:6px;display:block}.personnel-phone-combo{background:#fff;border:1px solid #dfe3e8;border-radius:10px;grid-template-columns:118px minmax(0,1fr);min-width:0;min-height:42px;display:grid;position:relative;box-shadow:0 1px 2px #10182805}.personnel-phone-combo:focus-within{border-color:#cfc45c;box-shadow:0 0 0 3px #fef63229}.personnel-phone-combo input[name=phone]{color:#1d2939;width:100%!important;min-width:0!important;min-height:40px!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0 9px 9px 0!important;outline:0!important;padding:0 12px!important;font-size:13px!important}.personnel-country-picker{border-right:1px solid #e4e7ec;min-width:0;position:relative}.personnel-country-trigger{color:#344054;width:100%;min-height:40px;font:inherit;cursor:pointer;background:#fafbfc;border:0;border-radius:9px 0 0 9px;grid-template-columns:26px 1fr 14px;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:750;transition:background .15s;display:grid}.personnel-country-trigger:hover,.personnel-country-picker.is-open .personnel-country-trigger{background:#f3f4f6}.personnel-country-flag,.personnel-country-option-flag{object-fit:cover;border-radius:3px;width:24px;height:18px;display:block;box-shadow:0 0 0 1px #10182814}.personnel-country-arrow{color:#98a2b3;font-size:15px;line-height:1;transition:transform .15s;transform:translateY(-1px)}.personnel-country-picker.is-open .personnel-country-arrow{transform:rotate(180deg)translateY(1px)}.personnel-country-menu{z-index:80;background:#fff;border:1px solid #e4e7ec;border-radius:13px;width:min(340px,100vw - 56px);max-height:340px;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 18px 42px #10182829,0 2px 6px #1018280f}.personnel-country-picker.is-open .personnel-country-menu{display:block}.personnel-country-search{z-index:1;background:#fff;border-bottom:1px solid #eef0f3;padding:10px;position:sticky;top:0}.personnel-country-search input{color:#344054;width:100%;min-height:38px;font:inherit;background:#fafbfc;border:1px solid #dfe3e8;border-radius:9px;outline:none;padding:0 11px;font-size:12px}.personnel-country-search input:focus{background:#fff;border-color:#cfc45c;box-shadow:0 0 0 3px #fef63224}.personnel-country-list{overscroll-behavior:contain;max-height:278px;padding:5px;overflow-y:auto}.personnel-country-option{color:#344054;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 9px;display:grid}.personnel-country-option:hover,.personnel-country-option:focus-visible{background:#fffbdc;outline:none}.personnel-country-option-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.personnel-country-option strong{color:#667085;font-size:11px;font-weight:800}.personnel-country-option[hidden]{display:none}@media (width<=760px){.personnel-phone-combo{grid-template-columns:110px minmax(0,1fr)}.personnel-country-menu{width:min(330px,100vw - 40px)}}@media (width<=460px){.personnel-phone-combo{grid-template-columns:108px minmax(0,1fr)}.personnel-country-trigger{padding-inline:8px}.personnel-country-menu{width:calc(100vw - 32px)}}.personnel-row-actions-cell{min-width:142px}.personnel-row-actions{flex-wrap:wrap;gap:6px;display:flex}.personnel-row-action{color:#344054;min-height:30px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:0 10px;font-size:10px;font-weight:800}.personnel-row-action:hover{background:#f7f8fa}.personnel-row-action--danger{color:#a33a2b;background:#fff8f7;border-color:#f2c8c2}.personnel-row-action--danger:hover{background:#fff0ed}.personnel-edit-modal{width:min(900px,100vw - 32px)}.personnel-edit-modal header .icon-button{font-size:24px;line-height:1}.personnel-admin-toast{z-index:250;color:#17653b;background:#f7fcf9;border:1px solid #cfe7db;border-radius:12px;max-width:min(430px,100vw - 32px);padding:13px 16px;font-size:12px;font-weight:750;line-height:1.45;position:fixed;bottom:22px;right:22px;box-shadow:0 16px 38px #10182829}.personnel-admin-toast.is-error{color:#a33a2b;background:#fff5f3;border-color:#f0c8c1}@media (width<=760px){.personnel-row-actions-cell{min-width:128px}.personnel-row-actions{display:grid}.personnel-edit-modal{width:calc(100vw - 16px)}.personnel-admin-toast{max-width:calc(100vw - 16px);bottom:8px;right:8px}}.personnel-row--inactive,.personnel-document-row--inactive{background:#f8f9fb!important}.personnel-row--inactive>td{color:#667085}.personnel-row--inactive .payroll-employee>span,.personnel-document-row--inactive .personnel-document-person>span{opacity:.62}.personnel-inactive-badge{color:#475467;letter-spacing:.02em;background:#f2f4f7;border:1px solid #d0d5dd;border-radius:999px;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;font-size:9px;font-weight:850;line-height:1.2;display:inline-flex}.personnel-history-label{color:#667085;white-space:nowrap;background:#f9fafb;border:1px solid #e4e7ec;border-radius:8px;align-items:center;min-height:30px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.personnel-row-action--inactive{color:#8a5b12;background:#fffaf0;border-color:#f0d792}.personnel-row-action--inactive:hover{background:#fff5d9;border-color:#e7c45e}.personnel-document-row--inactive{border-color:#e4e7ec!important}.personnel-document-row--inactive .personnel-document-control,.personnel-document-row--inactive .personnel-document-na{opacity:.86}.personnel-document-row--inactive .personnel-document-actions:after{content:"Solo historial";color:#667085;background:#f2f4f7;border-radius:999px;align-items:center;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}@media (width<=760px){.personnel-history-label{justify-content:center}}.signature-prep-backdrop{z-index:140;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.signature-prep-modal{background:#fff;border:1px solid #e4e7ec;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(1460px,98vw);height:min(920px,96vh);display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a3d}.signature-prep-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 20px;display:flex}.signature-prep-header>div{gap:4px;display:grid}.signature-prep-header span{color:#667085;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.signature-prep-header strong{color:#101828;font-size:18px;line-height:1.25}.signature-prep-header small{color:#667085;font-size:13px}.signature-prep-close{color:#475467;cursor:pointer;background:#f2f4f7;border:0;border-radius:9px;place-items:center;width:34px;height:34px;font-size:23px;display:grid}.signature-prep-body{grid-template-columns:250px minmax(0,1fr);min-height:0;display:grid}.signature-prep-sidebar{background:#fafafa;border-right:1px solid #eaecf0;flex-direction:column;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.signature-prep-sidebar-title,.signature-prep-note{gap:4px;display:grid}.signature-prep-sidebar-title strong,.signature-prep-note strong{color:#101828;font-size:14px}.signature-prep-sidebar-title span,.signature-prep-note span{color:#667085;font-size:12px;line-height:1.45}.signature-prep-tools{gap:8px;display:grid}.signature-prep-tool{color:#344054;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e7ec;border-radius:10px;gap:2px;width:100%;padding:11px 12px;display:grid}.signature-prep-tool strong{font-size:13px}.signature-prep-tool span{color:#667085;font-size:11px}.signature-prep-tool:hover,.signature-prep-tool.is-active{background:#fffde5;border-color:#d3c82c;box-shadow:0 0 0 2px #fef63224}.signature-prep-note{background:#fff;border:1px solid #e8ebef;border-radius:10px;margin-top:auto;padding:12px}.signature-prep-pages{background:#eef1f4;min-width:0;padding:28px;overflow:auto}.signature-prep-page{background:#fff;margin:0 auto 28px;position:relative;box-shadow:0 8px 28px #0f172a21}.signature-prep-page canvas{max-width:none;display:block}.signature-prep-page-label{z-index:3;color:#667085;font-size:11px;font-weight:750;position:absolute;top:-22px;left:0}.signature-prep-overlay{z-index:2;cursor:crosshair;position:absolute;inset:0 auto auto 0}.signature-prep-field{color:#292400;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#fef632ad;border:2px solid #9f8f00;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;min-width:70px;min-height:24px;padding:4px 7px 6px 8px;display:flex;position:absolute;box-shadow:0 2px 8px #0f172a1f}.signature-prep-field.is-dragging{cursor:grabbing;opacity:.88}.signature-prep-field.is-resizing{cursor:nwse-resize;outline:3px solid #175cd333}.signature-prep-field--signature{color:#42307d;background:#e9dfffd1;border-color:#6941c6}.signature-prep-field--name{color:#1849a9;background:#d1e9ffdb;border-color:#175cd3}.signature-prep-field--date{color:#05603a;background:#d1fadfdb;border-color:#027a48}.signature-prep-field-label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:11px;font-weight:800;overflow:hidden}.signature-prep-field-remove{width:20px;height:20px;color:inherit;cursor:pointer;background:#ffffffd1;border:0;border-radius:5px;flex:none;place-items:center;font-size:15px;display:grid}.signature-prep-field-resize{cursor:nwse-resize;touch-action:none;background:#175cd3;border:2px solid #fff;border-radius:4px;width:16px;height:16px;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 7px #0f172a47}.signature-prep-field--signature .signature-prep-field-resize{background:#6941c6}.signature-prep-field-resize:before{content:"";border-bottom:2px solid #ffffffe6;border-right:2px solid #ffffffe6;position:absolute;inset:3px}.signature-prep-loading,.signature-prep-error{color:#667085;place-items:center;min-height:260px;font-size:14px;display:grid}.signature-prep-error{color:#b42318}.signature-prep-footer{background:#fff;border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.signature-prep-footer>div:last-child{gap:8px;display:flex}.signature-prep-status{color:#667085;font-size:12px}.signature-prep-status.is-error{color:#b42318;font-weight:700}.signature-prep-status.is-success{color:#027a48;font-weight:700}.signature-prep-result{background:#f9fafb;border-top:1px solid #eaecf0;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 18px;display:grid}.signature-prep-result input{color:#344054;background:#fff;border:1px solid #d0d5dd;border-radius:9px;min-width:0;height:40px;padding:0 11px}.prepared-sign-page{background:#fff;margin:0 auto 24px;position:relative;box-shadow:0 8px 28px #0f172a21}.prepared-sign-page canvas{max-width:none;display:block}.prepared-sign-overlay{z-index:4;pointer-events:none;position:absolute;inset:0}.prepared-sign-field{z-index:5;color:#42307d;pointer-events:auto;background:#f4ebfff0;border:2px solid #6941c6;border-radius:6px;align-items:center;min-width:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0f172a2e,0 0 0 2px #ffffffbf}.prepared-sign-field--signature{background:#e9dffff5;border:3px solid #6941c6;box-shadow:0 3px 12px #6941c647,0 0 0 2px #fff}.prepared-sign-field--text,.prepared-sign-field--name,.prepared-sign-field--date{color:#1849a9;background:#eff8fff5;border-color:#175cd3}.prepared-sign-field input{color:#101828;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:2px 6px;font-size:11px}.prepared-sign-field>span{letter-spacing:.03em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;padding:3px 6px;font-size:11px;font-weight:900;display:flex}@media (width<=900px){.signature-prep-backdrop{padding:0}.signature-prep-modal{border-radius:0;width:100vw;height:100dvh}.signature-prep-body{grid-template-columns:1fr}.signature-prep-sidebar{border-bottom:1px solid #eaecf0;border-right:0;max-height:220px}.signature-prep-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-prep-note{display:none}.signature-prep-pages{padding:24px 12px}.signature-prep-footer{flex-direction:column;align-items:stretch}.signature-prep-result{grid-template-columns:1fr}.signature-prep-field-resize{width:20px;height:20px;bottom:-8px;right:-8px}}.prepared-sign-shell{background:#f4f6f8;min-height:100vh}.prepared-sign-topbar{z-index:100;position:sticky;top:0}.prepared-sign-grid{grid-template-columns:minmax(700px,900px) 360px!important;justify-content:center!important;align-items:start!important;gap:18px!important;width:min(1300px,100vw - 32px)!important;margin:18px auto 36px!important;display:grid!important}.prepared-sign-document-card{background:#fff;border-radius:16px;width:100%;min-width:0;overflow:hidden}.prepared-sign-document-head{min-height:62px}.prepared-sign-pages{scroll-behavior:smooth;scrollbar-gutter:stable;background:#e9edf1;flex-direction:column;align-items:center;width:100%;height:calc(100vh - 166px);min-height:640px;padding:42px 28px 56px;display:flex;position:relative;overflow:auto}.prepared-sign-panel{width:100%;min-width:0;max-height:calc(100vh - 110px);top:92px;overflow-y:auto;position:sticky!important}.prepared-sign-page{background:#fff;flex:none;display:block;box-shadow:0 10px 30px #0f172a24;margin:0 auto 42px!important;position:relative!important;overflow:visible!important}.prepared-sign-page-number{z-index:95;color:#667085;pointer-events:none;font-size:11px;font-weight:800;position:absolute;top:-26px;left:0}.prepared-sign-page canvas{z-index:1;display:block;position:relative;max-width:none!important;max-height:none!important;margin:0!important}.prepared-sign-field{cursor:pointer}.prepared-sign-field input{color:#101828;width:100%;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:3px 7px;font-size:11px;font-weight:750}.prepared-sign-field--signature:after{content:"↓";color:#6941c6;pointer-events:none;font-size:25px;font-weight:900;line-height:1;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.prepared-sign-field-tag{color:#fff;letter-spacing:.04em;background:#6941c6;border-radius:6px;width:max-content;padding:4px 7px;font-size:10px;font-weight:900;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 2px 7px #0f172a3d}.prepared-sign-field-label{color:#292400;letter-spacing:.06em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;padding:3px 6px;font-size:11px;font-weight:950;display:flex}.prepared-sign-field.is-focused{animation:.55s ease-in-out 3 prepared-sign-pulse}@keyframes prepared-sign-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 0 9px #fef63285,0 8px 24px #6941c675!important}}.prepared-sign-field-list,.prepared-sign-mobile-fields{background:#f9fafb;border:1px solid #e4e7ec;border-radius:12px;gap:8px;padding:12px;display:grid}.prepared-sign-field-list>strong,.prepared-sign-mobile-fields>strong{color:#344054;font-size:12px}.prepared-sign-field-list>button{color:#344054;text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:9px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:8px 9px;display:grid}.prepared-sign-field-list>button:hover{background:#fffde8;border-color:#d3c82c}.prepared-sign-field-list>button>span{color:#292400;background:#fef632;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.prepared-sign-field-list>button>div{gap:2px;min-width:0;display:grid}.prepared-sign-field-list b{color:#101828;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.prepared-sign-field-list small,.prepared-sign-page-summary{color:#667085;font-size:10px}.prepared-sign-mobile-fields .field{gap:5px}.prepared-sign-mobile-fields input,.prepared-typed-signature{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:0;width:100%;min-height:44px;padding:0 12px;font-size:14px}.prepared-sign-mobile-fields input:focus,.prepared-typed-signature:focus{border-color:#7f6bd6;box-shadow:0 0 0 3px #6941c61f}.prepared-signature-method{gap:9px;display:grid}.prepared-signature-tabs{background:#f2f4f7;border-radius:10px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.prepared-signature-tabs button{color:#667085;background:0 0;border:0;border-radius:8px;min-height:36px;font-size:11px;font-weight:800}.prepared-signature-tabs button.is-active{color:#101828;background:#fff;box-shadow:0 1px 5px #0f172a1f}.prepared-typed-signature{min-height:48px;font-size:16px}.prepared-typed-signature-preview{color:#111827;text-align:center;overflow-wrap:anywhere;background:#fff;border:1px dashed #c6cbd3;border-radius:10px;place-items:center;min-height:96px;padding:16px;font-family:Segoe Script,Brush Script MT,cursive;font-size:clamp(24px,3vw,34px);font-style:italic;display:grid}.prepared-sign-save-status{color:#087443;background:#edfdf3;border:1px solid #b7e4c7;border-radius:9px;padding:9px 10px;font-size:11px;font-weight:700}.prepared-sign-actions{gap:8px;display:grid}.prepared-sign-actions .button{width:100%;min-height:45px}.prepared-sign-page-summary{text-align:center;margin-top:2px;display:block}.signature-prep-field--number{color:#93370d;background:#ffead5f0;border-color:#b54708}@media (width<=1180px){.prepared-sign-grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:12px!important;width:min(100%,100vw - 20px)!important}}@media (width<=900px){.prepared-sign-topbar{position:relative}.prepared-sign-grid{grid-template-columns:1fr!important;width:min(100%,100vw - 12px)!important;margin-top:8px!important}.prepared-sign-document-card{border-radius:12px}.prepared-sign-panel{order:1;max-height:none;overflow:visible;position:static!important}.prepared-sign-pages{height:58vh;min-height:420px;padding:38px 8px 46px}.prepared-sign-document-head{min-height:54px;padding-inline:12px}.prepared-sign-field-list{display:none}.prepared-sign-mobile-fields{background:#fff}.prepared-sign-panel input{font-size:16px}.signature-pad-wrap canvas{touch-action:none;min-height:150px}.prepared-sign-actions{z-index:20;padding-top:8px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:linear-gradient(#fff0,#fff 18%);position:sticky;bottom:0}}@media (width<=560px){.prepared-sign-pages{height:52vh;min-height:360px}.prepared-sign-panel{border-radius:12px;padding:16px 14px}.prepared-signature-tabs{grid-template-columns:1fr}.prepared-sign-field input{padding:2px 4px;font-size:10px}.prepared-sign-field-tag{font-size:9px}}
