:root{--navy:#102746;--ink:#18324f;--blue:#6289a8;--muted:#788b9e;--line:#e1e9f0;--canvas:#f3f7fa;font-family:Inter,'Segoe UI',system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8cb5d3;outline-offset:3px}
.settings-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:25px;min-height:78px;padding:16px clamp(20px,4vw,60px);background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.settings-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:19px;font-weight:750;letter-spacing:-.7px}.settings-brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--navy);color:white;font-size:17px}.settings-brand em{font-style:normal;font-weight:450;color:var(--blue);margin-left:-4px}
.settings-header nav{display:flex;align-items:center;gap:6px;margin-left:auto}.settings-header nav a{white-space:nowrap;padding:10px 12px;border-radius:8px;color:#708398;font-size:12px;font-weight:600}.settings-header nav a:hover{background:#edf3f7;color:var(--navy)}.settings-header nav a[aria-current=page]{background:var(--navy);color:#fff}.settings-logout{display:flex;align-items:center;gap:8px;padding:10px;border:0;background:none;color:#73879b;font-size:12px}
.settings-shell{width:min(1240px,calc(100% - 80px));margin:28px auto 35px}.settings-back{display:inline-block;margin-bottom:18px;font-size:12px;font-weight:600;color:var(--blue)}.settings-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;padding:30px 35px;border-radius:20px;color:#fff;background:linear-gradient(110deg,#102746,#244e70);box-shadow:0 14px 35px #10274618;margin-bottom:22px}.settings-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:750;line-height:1.6;margin:0 0 8px;color:#8ca0b4}.settings-hero .settings-eyebrow{color:#9fbad0}.settings-hero h1{font-size:36px;letter-spacing:-1.5px;margin:0 0 8px;font-weight:700}.settings-hero>div>p:last-child{font-size:13px;color:#c5d8e7;margin:0;line-height:1.7}.settings-company-badge{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #ffffff28;background:#ffffff0b;border-radius:10px;max-width:320px;font-size:12px;overflow-wrap:anywhere}.settings-company-badge i{color:#b8d5e9}
fieldset{min-width:0;margin:0;padding:0;border:0}.settings-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:24px;align-items:start}.settings-index{position:sticky;top:102px;display:grid;gap:5px;padding:14px 9px;background:#ffffff77;border:1px solid var(--line);border-radius:13px}.settings-index>span{font-size:8px;color:#93a3b3;font-weight:750;letter-spacing:.13em;padding:8px 11px 13px}.settings-index a{display:flex;align-items:center;gap:11px;padding:12px 11px;border-radius:8px;font-size:12px;font-weight:600;color:#74889c}.settings-index a i{width:15px;color:#8aa5bb}.settings-index a:hover{background:#eaf1f6;color:var(--navy)}.settings-sections{display:grid;gap:18px;min-width:0}
.settings-card{min-width:0;padding:27px 29px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 7px 25px #10274604}.settings-card:target{border-color:#9cb8ce}.settings-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.settings-card-icon{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:12px;background:#edf3f7;color:#688daa;font-size:17px}.settings-card h2{font-size:21px;font-weight:650;letter-spacing:-.5px;margin:0}.settings-card-heading .settings-eyebrow{margin-bottom:4px;font-size:8px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.settings-grid label,.settings-export label{display:grid;gap:8px;color:#637b91;font-size:12px;font-weight:600;line-height:1.5;min-width:0}.settings-full{grid-column:1/-1}.settings-grid input,.settings-grid select,.settings-export select{width:100%;min-width:0;padding:11px 12px;color:var(--ink);background:#fbfcfe;border:1px solid #dce6ee;border-radius:8px;font-weight:400;font-size:14px;line-height:1.5}.settings-grid input:focus,.settings-grid select:focus{border-color:#94b4ce}.settings-grid input::placeholder{color:#a0aebb}.settings-hint{margin:18px 0 0;color:#8b9bab;font-size:11px;line-height:1.8}.settings-fixed-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.settings-fixed-options>span{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#f1f5f8;border-radius:7px;color:#7f94a7;font-size:10px}
.settings-tax-mode{display:grid;gap:8px;padding:20px 22px;background:#f0f6f9;border:1px solid #e0eaf1;border-radius:11px}.settings-tax-mode>span{font-size:11px;color:#7d94a8}.settings-tax-mode>strong{font-size:19px;font-weight:650}.settings-tax-mode>small{font-size:12px;color:#6f90aa}.settings-link{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:650;color:#628bab;margin-top:18px}.settings-link:hover{color:var(--navy)}.settings-integration{display:flex;align-items:center;gap:15px;padding:17px 0}.settings-integration+.settings-integration{border-top:1px solid #edf1f5}.settings-integration-logo,.settings-integration-icon{width:50px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eff4f8;color:#6286a4;font-size:17px;font-weight:750;letter-spacing:-.7px}.settings-integration>div{min-width:0}.settings-integration strong{font-size:13px;font-weight:650}.settings-integration p{font-size:11px;color:#8a9bad;line-height:1.7;margin:6px 0 0}.settings-integration .settings-link{margin:0 0 0 auto;white-space:nowrap}.settings-soon{flex:0 0 auto;margin-left:auto;padding:6px 9px;background:#f1f4f8;border-radius:999px;color:#8196a9;font-size:9px}
.settings-data-stats{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border:1px solid #dfebe4;border-radius:10px;background:#f2f8f4}.settings-data-stats span{font-size:12px;color:#698a78}.settings-data-stats strong{color:#2f6c4e;font-size:28px;letter-spacing:-1px}.settings-export{display:flex;align-items:end;gap:15px;margin-top:22px}.settings-export label{flex:1}.settings-export button{min-height:44px;white-space:nowrap}.settings-account{display:grid;gap:7px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.settings-account>span{color:#8a9bab;font-size:11px}.settings-account>strong{font-size:14px}.settings-account>small{color:#7f94a7;font-size:12px;overflow-wrap:anywhere}
.settings-save-bar{position:sticky;z-index:20;bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 0;padding:15px 20px;background:#ffffffed;border:1px solid #d7e3ec;border-radius:13px;box-shadow:0 10px 35px #10274616;backdrop-filter:blur(15px)}.settings-save-bar>div{display:flex;gap:10px}.settings-save-bar p{font-size:12px;color:#718a9e;margin:0;line-height:1.6}.settings-primary,.settings-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border:1px solid #dce6ee;border-radius:8px;font-size:12px;font-weight:600;background:#f5f8fa;color:#567690}.settings-primary{color:white;background:var(--navy);border-color:var(--navy)}.settings-primary:hover:not(:disabled){background:#214b6d}.settings-secondary:hover:not(:disabled){background:#eaf1f6}.settings-message{font-size:12px;color:#6489a4;line-height:1.8;padding:12px 16px;border:1px solid #dae5ed;background:#fff;border-radius:9px}.settings-message:empty{display:none}.error{color:#ac5555!important}
@media(max-width:1000px){.settings-header{flex-wrap:wrap;gap:12px;padding:15px 24px}.settings-header nav{order:3;width:100%;margin:0;overflow:auto;padding-bottom:2px}.settings-logout{margin-left:auto}.settings-index{top:152px}.settings-shell{width:calc(100% - 44px)}.settings-layout{grid-template-columns:175px minmax(0,1fr);gap:17px}.settings-card{padding:23px}.settings-integration{flex-wrap:wrap}.settings-integration .settings-link,.settings-soon{margin-left:65px}.settings-save-bar{gap:12px}.settings-save-bar>div{flex-shrink:0}html{scroll-padding-top:158px}}
@media(max-width:760px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-index{position:static;display:flex;overflow:auto;padding:9px;gap:4px}.settings-index>span{display:none}.settings-index a{flex:0 0 auto;padding:9px 10px;font-size:11px}.settings-hero{padding:24px;align-items:start;flex-direction:column;gap:18px}.settings-hero h1{font-size:31px}.settings-company-badge{padding:9px 12px}.settings-save-bar{flex-direction:column;align-items:stretch;bottom:8px;padding:13px}.settings-save-bar>div{justify-content:flex-end}.settings-save-bar p{font-size:11px}.settings-card-heading{margin-bottom:21px}}
@media(max-width:480px){.settings-shell{width:calc(100% - 28px);margin-top:20px}.settings-header{padding:13px 14px}.settings-brand{font-size:18px}.settings-header nav a{padding:9px 10px;font-size:11px}.settings-card{padding:22px 18px}.settings-card h2{font-size:19px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:17px}.settings-grid input,.settings-grid select,.settings-export select{font-size:16px}.settings-integration p{font-size:11px}.settings-export{align-items:stretch;flex-direction:column}.settings-save-bar>div{gap:7px;flex-wrap:wrap}.settings-save-bar .settings-primary{flex:1}.settings-primary,.settings-secondary{font-size:11px;padding:11px 12px}.settings-tax-mode>strong{font-size:17px}.settings-logout>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.company-overview{margin:24px 0}.company-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.company-overview-heading h2{margin:6px 0;font-size:21px;color:#102746}.company-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.company-stat{display:flex;flex-direction:column;gap:12px;padding:22px;background:#fff;border:1px solid #dce7ef;border-radius:15px;min-width:0;box-shadow:0 8px 20px #10274604;transition:transform .15s,border-color .15s}.company-stat:hover{transform:translateY(-2px);border-color:#8faec5}.company-stat>span{font-size:13px;color:#658198}.company-stat strong{font-size:32px;line-height:1.25;color:#102746;overflow-wrap:anywhere}.company-stat small{font-size:12px;line-height:1.6;color:#698297}.company-stat em{margin-top:auto;font-size:11px;font-style:normal;color:#3e7596}.company-connection strong{font-size:21px}.company-connection strong.is-connected{color:#178264}.company-access{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:18px 0 0;padding:18px 22px;border:1px solid #dce7ef;border-radius:12px;background:#edf4f8}.company-access span{display:block;font-size:12px;color:#6a8296;margin-bottom:7px}.company-access strong{font-size:14px;font-weight:600;color:#183b56;overflow-wrap:anywhere}.settings-company-view #company-contacts,.settings-company-view #company-bank,.settings-company-view #tax{scroll-margin-top:110px}.settings-company-view .settings-save-bar{position:sticky;bottom:12px;z-index:12}.settings-company-view #settingsForm .settings-card{border-color:#dce7ef}@media(max-width:1050px){.company-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.company-overview-heading{align-items:flex-start}.company-overview-heading h2{font-size:18px}.company-stat-grid{gap:10px}.company-stat{padding:16px;gap:9px}.company-stat strong{font-size:27px}.company-connection strong{font-size:18px}.company-access{grid-template-columns:1fr;gap:16px}.company-overview-heading button{padding:9px 12px;white-space:nowrap}}