/* Hisab-in 4.0 · Shared application and authentication design system. */
:root{--ink:#1c3b31;--dark:#123c32;--green:#2c654e;--mint:#e0ead3;--muted:#637263;--line:#dfe6db;--bg:#f6f8f3;font-family:Manrope,system-ui,sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg)}
body{font-family:Manrope,system-ui,sans-serif}::selection{background:#dfc38d;color:#123c32}h1,h2,h3{font-weight:700}.brand{font-size:25px;letter-spacing:-1.3px;gap:10px}.brand-icon{display:inline-block;flex-shrink:0;width:38px;height:38px;padding:0;background:transparent url('./brand-mark.svg') center/contain no-repeat!important;border-radius:11px}.brand-dot{display:none}.button{font-size:12px;min-height:44px;border-radius:9px;gap:12px;box-shadow:none;font-weight:700}.button:hover{background:#285642}.button.secondary{background:#fff;border-color:#d6dfd0;color:#30523c}.button.secondary:hover{background:#eef3e8}input:not([type=checkbox]),select,textarea{border-color:#d5dfd0;min-height:45px;font-size:13px;border-radius:9px}textarea{line-height:1.75;resize:vertical}label{font-size:12px;line-height:1.7}.muted,.fine{color:#677761}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b59c62;outline-offset:3px}.sidebar{background:#12382c!important;border-right:1px solid #284e3b;width:252px;padding:28px 18px 18px}.sidebar>.brand{color:#edf2e6;padding:0 11px}.sidebar nav{scrollbar-color:#58755b transparent;scrollbar-width:thin;padding-right:3px}.sidebar .workspace-badge{border-color:#3d5b47;border-radius:10px;margin-top:26px;font-size:11px;padding:11px}.workspace-badge>span{background:#31513b;color:#e2e9ce;border-radius:8px}.workspace-badge small{color:#a8b89e;font-size:10px}.side-label{font-size:9px;margin:25px 13px 8px;color:#8fa68b}.sidebar nav .nav-item{font-size:12px;padding:10px 13px;min-height:41px;margin:2px 0;border-radius:8px;gap:12px;color:#b8c9ad;font-weight:550;line-height:1.45}.nav-item .icon{width:18px;height:18px}.sidebar nav .nav-item:hover{background:#294c37;color:#f0f4e6}.sidebar nav .nav-item.active{background:#e0e9d1;color:#183e2b;font-weight:750}.nav-new{display:none}.sidebar-bottom{padding:10px 10px 15px}.sidebar-bottom>a{font-size:10px;color:#acc0a2}.sidebar-connect{font-size:10px;border-color:#416146;background:transparent;color:#cddcbe;min-height:38px;margin:8px 0}.sidebar-connect .icon{width:16px;height:16px}.user-chip{border-color:#3b5b41;padding-top:16px;font-size:12px}.user-chip .avatar{background:#d8e5c8;color:#24472e;border-color:#d8e5c8}.user-chip small{color:#9eb692;font-size:9px}.main{margin-left:252px;width:calc(100% - 252px)}.app-header{height:78px;padding:0 34px;gap:20px;background:#fcfdf9f2!important;border-color:#e1e6da}.breadcrumb{font-size:11px;color:#596f54}.breadcrumb span{margin-inline:10px}.command-button{background:#f2f5ed;border:1px solid #e1e6da;color:#75826a;min-height:36px;font-size:11px}.command-button kbd{font-size:10px;background:#fff;border-color:#d9e1cf;margin-left:20px}.header-right{gap:10px}.saas-header-tier{border-color:#dbe1d0;background:#f1f4eb;color:#657454;font-size:9px;letter-spacing:1px;padding:7px 10px;white-space:nowrap}.saas-header-tier.tier-pro{background:#e8f0de;border-color:#cddbb8;color:#406131}.saas-header-tier.tier-agency{background:#e9e9df;border-color:#cecfb9;color:#62664a}.saas-header-upgrade{background:#e1ead1;border-color:#cbdbb3;color:#21432b;box-shadow:none;font-size:10px;min-height:32px}.sync-button{background:#fff;border-color:#dae3d1;color:#5a7850;font-size:10px;min-height:33px}.header-right .avatar{width:33px;height:33px;background:#eee6d2;border-color:#e3d6ba;color:#7c683b;font-size:11px}.content{max-width:1550px;padding:36px 34px 30px}.page-heading{gap:25px;margin-bottom:27px}.page-heading h1{font-size:31px;letter-spacing:-1.15px;line-height:1.25;margin-bottom:10px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:750;color:#839276;margin-bottom:12px}.page-heading .muted,.main .muted{font-size:13px;line-height:1.8;color:#687961}.main .fine{font-size:11px;line-height:1.85;color:#718169}.main label{font-size:12px}.page-heading .button{font-size:12px;min-height:44px;padding:12px 17px;white-space:nowrap}.period-bar label,.period-bar input,.period-bar .text-button{font-size:11px}.period-bar input{min-height:36px;width:155px;background:#fcfdf8}.period-bar .muted{font-size:11px}.stats{gap:17px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:25px}.stat{background:#fff;border:1px solid #e0e6d8!important;padding:23px 20px 20px;border-radius:15px;box-shadow:0 3px 8px #284c2403!important}.stat:hover{transform:none}.stat>span{font-size:11px;line-height:1.6;color:#738267}.stat>strong{font-size:clamp(23px,2.1vw,32px);letter-spacing:-1.15px;white-space:normal;overflow-wrap:anywhere;margin-top:19px;font-variant-numeric:tabular-nums}.stat>strong small{font-size:10px;color:#859278;letter-spacing:.4px}.stat p{font-size:10px;line-height:1.8;color:#819074}.stat p>strong{font-size:10px;display:inline;white-space:normal;letter-spacing:0;font-weight:650}.stat.profit{background:#163f2e!important;border-color:#163f2e!important;box-shadow:none!important}.stat.profit>span,.stat.profit p{color:#c4d3b7}.stat.profit strong{color:#f2f5e7}.stat.profit strong small{color:#c7d5b8}.metric-icon{background:#ecf3e4;color:#688856;border-radius:7px;font-size:13px;min-width:25px}.metric-icon.orange{background:#f6eddf;color:#ab8054}.metric-icon.gold{background:#f4f0dd;color:#9c8647}.metric-line{display:none}.panel{background:#fff;border:1px solid #dfe6d7!important;border-radius:15px;box-shadow:0 3px 12px #274b1d03!important;padding:25px}.panel-heading h2{font-size:15px;letter-spacing:-.3px}.panel-heading p{font-size:11px}.panel h3{font-size:14px}.panel>p{font-size:12px;line-height:1.85}.panel .fine{font-size:11px}.chart-legend{color:#76886b;font-size:11px}.bar-chart{margin-top:25px;height:196px}.chart-grid{color:#8b997c;font-size:10px}.chart-column>div{height:170px}.chart-column i{background:#3e704a;border-radius:4px 4px 0 0}.chart-column i:nth-child(2){background:#c5d5ac}.chart-column>span:not(.chart-tip){font-size:10px;color:#879779}.chart-footer{font-size:10px;color:#7e9070}.chart-footer .text-button{font-size:10px}.chart-tip{font-size:10px;background:#183f2b}.goal-panel{background:#eef2e5;border-color:#dbe3cf;border-radius:15px;padding:25px}.goal-panel h2{font-size:15px;letter-spacing:-.2px}.goal-ring{background:conic-gradient(#4a7042 0 var(--progress),#dce5ce var(--progress) 360deg)}.goal-ring>div{background:#eef2e5}.goal-ring strong{font-size:34px;letter-spacing:-1px}.goal-values{font-size:11px;color:#82916f}.goal-values strong{font-size:12px;color:#576e45}.goal-panel .button{font-size:10px;background:#fff;border-color:#dbe3ce;min-height:38px}.insight-grid{gap:16px}.insight-card{padding:18px;border-color:#e0e6d6;border-radius:12px}.insight-card small{font-size:8px;letter-spacing:1px;color:#859678}.insight-card h3{font-size:12px;letter-spacing:-.2px;line-height:1.65}.insight-card p{font-size:11px;line-height:1.8;color:#7a8b6d}.insight-icon{background:#eef3e5;color:#71965d}.insight-icon.amber{background:#f5efdf;color:#ae8c4c}.insight-icon.lavender{background:#eeebe3;color:#8d8062}.records .panel-heading{margin-bottom:18px}.table-head{font-size:9px;color:#91a17d;letter-spacing:1.3px;padding-bottom:13px}.transaction{padding:17px 0;border-color:#edf1e7}.transaction-name strong{font-size:12px;font-weight:700;line-height:1.7}.transaction-name small{font-size:10px;line-height:1.7;margin-top:4px;color:#889779}.transaction-icon{width:36px;height:36px;background:#edf4e5;color:#63874f;border-radius:9px}.transaction time{font-size:11px;color:#89977a}.transaction-amount{font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}.transaction-amount small{font-size:9px;color:#8b997b}.transaction .status{font-size:9px;padding:5px 10px}.transaction .row-actions button{min-width:30px;min-height:32px;border-color:#e2e7d8;color:#84936d}.status{font-size:10px;font-weight:650;padding:5px 10px;border-radius:6px;white-space:nowrap}.status.paid,.status.approved{background:#edf4e4;color:#557942}.status.pending{background:#f7f1df;color:#a08449}.search input{font-size:11px;min-height:38px;border-radius:8px;background:#fbfcf8;border-color:#e0e6d6}.setup-strip{background:#edf3e5;border-color:#dce6cf;border-radius:12px;padding:18px 22px}.setup-strip strong{font-size:12px;line-height:1.7}.setup-strip p{font-size:11px;color:#809470}.setup-strip button{font-size:10px;background:#fcfef8;border-color:#d5e0c5;color:#647d4d}.client-grid{gap:22px}.client-card{border-color:#dce4d2;border-radius:15px;padding:25px}.client-card h2{font-size:20px;line-height:1.5}.client-card>p,.client-card>a{font-size:11px}.client-card>a{color:#738867}.client-avatar{background:#e0eacf;color:#66844f;font-size:14px;border-radius:11px}.client-totals{font-size:10px}.client-totals strong{font-size:12px}.client-actions button{font-size:11px;min-height:38px}.business-card h2{font-size:18px;line-height:1.6}.business-card .fine,.business-card .muted{font-size:11px}.business-number{font-size:28px;line-height:1.5}.business-number small{font-size:11px}.business-card .actions{flex-wrap:wrap;gap:8px}.business-card .actions button{min-height:36px;font-size:10px}.business-grid{gap:20px}.business-table th{font-size:10px;letter-spacing:.5px}.business-table td{font-size:12px;line-height:1.8}.section-toolbar{gap:16px;flex-wrap:wrap}.main .section-toolbar{font-size:11px;color:#819270}.section-toolbar input{font-size:12px;min-height:40px}.mini-metrics article{background:#fff;border-color:#dfe6d5;padding:23px;border-radius:13px}.mini-metrics span{font-size:11px;color:#889d74}.mini-metrics strong{font-size:26px;line-height:1.5}.invoice-row{font-size:12px;gap:15px}.invoice-row strong{font-size:12px}.invoice-row small{font-size:10px}.invoice-due span{font-size:10px}.budget-grid h2{font-size:19px}.budget-value{font-size:30px}.budget-value small{font-size:11px}.budget-grid .muted{font-size:12px}.connection-hero{background:#eef2e5;border-color:#dce5ce;border-radius:16px}.connection-hero h2{font-size:29px;letter-spacing:-.9px}.connection-hero p{font-size:12px}.connection-hero .pill{font-size:9px;background:#e5edda;border-color:#d5e2c3}.google-orbit>span{font-size:0;background:transparent url('./brand-mark.svg') center/contain no-repeat}.backup-times{background:#f5f8ef}.backup-times span,.doc-target small{font-size:10px}.backup-times strong,.doc-target strong{font-size:12px}.empty-state{padding:50px 20px}.empty-state h3{font-size:18px;letter-spacing:-.5px}.empty-state p{font-size:12px;line-height:1.85;max-width:400px;margin-inline:auto}.empty-state .icon{width:28px;height:28px;color:#789260}.empty-state>span{font-size:22px}.tag,.pill{font-size:9px;background:#f0f5e7;border-color:#dce6cd;color:#71845d;border-radius:6px}.app-footer{padding:15px 34px 30px;font-size:9px;color:#879977;gap:20px;line-height:1.8}.app-footer a{color:#718960}.mobile-brand{font-weight:800;letter-spacing:-1.2px;color:#244b33}.mobile-brand span{display:none}.mobile-nav{border-top:1px solid #e0e6d6}.mobile-nav .nav-item{font-size:10px}.mobile-nav .nav-item.active{background:#edf3e4;color:#456a35}.notice{background:#f5f1e3;border:1px solid #e5daba;color:#7c6941;font-size:12px;line-height:1.8;border-radius:10px;padding:16px}.notice.good{background:#eef5e6;border-color:#d8e6c7;color:#587b40}.form-error{font-size:12px;color:#a7493d}.loading{background:#f6f8f3}.loading .brand-icon{width:52px;height:52px;margin-bottom:20px}.loading h1{font-size:30px}.loading p{font-size:13px;color:#819373}dialog{border:1px solid #dde6d3;box-shadow:0 30px 100px #133e2c2b;border-radius:17px;padding:30px;max-height:90dvh}dialog::backdrop{background:#0a271e70;backdrop-filter:blur(4px)}.dialog-header h2{font-size:24px;letter-spacing:-.7px;line-height:1.5}.dialog-header .eyebrow{font-size:9px}.dialog-header>button{min-height:36px;min-width:36px;background:#f2f5eb;border:1px solid #e0e6d6;border-radius:8px;color:#7b9069}.dialog-footer{font-size:11px;border-color:#e3e9d9}.dialog-footer>span{color:#849773}.document-text{font-size:13px;line-height:1.9}.invoice-paper{color:#183b2e}.saas-plan-card h3{font-size:24px}.saas-plan-card .premium-price{font-size:38px!important}.saas-plan-card>p{font-size:12px!important;line-height:1.8}.saas-plan-card .included-list li{font-size:11px}.saas-plan-card.featured-plan{background:#173e2c;border-color:#173e2c;transform:none}.saas-usage-track{background:#e9f0df}.saas-usage-track>i{background:#678b50}.hub-banner{display:flex;justify-content:space-between;gap:30px;position:relative;overflow:hidden;background:#143b2d url('./clarity-hero.webp') center right/cover no-repeat;border-radius:17px;color:#eaf1dd;padding:34px 40px;margin-bottom:27px;min-height:210px}.hub-banner:before{position:absolute;inset:0;content:'';background:linear-gradient(90deg,#143b2dfc 0%,#143b2de6 40%,#143b2d28 100%)}.hub-banner>div{position:relative;z-index:1}.hub-banner .pill{font-size:8px;background:#ffffff0a;color:#c9d9bb;border-color:#ffffff25;letter-spacing:1.2px;padding:7px 10px}.hub-banner h2{font-size:28px;letter-spacing:-.8px;line-height:1.25;margin:17px 0 13px}.hub-banner p{font-size:12px;line-height:1.9;max-width:410px;color:#c1d0b4;margin:0}.hub-banner-art{display:flex;align-items:center;margin-right:40px;opacity:.7}.hub-banner-art .icon{width:72px;height:72px;stroke-width:.9;color:#e5d5a7}.hub-tabs{display:flex;border-bottom:1px solid #dce5cf;gap:25px;margin-bottom:25px}.hub-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:14px 0;display:flex;gap:10px;align-items:center;font-size:12px;color:#829474;margin-bottom:-1px}.hub-tabs button[aria-selected=true]{color:#315c37;border-bottom-color:#557e46;font-weight:750}.hub-tabs .icon{width:17px;height:17px}.hub-tabs button>span{font-size:9px;border-radius:4px;padding:3px 6px;background:#e5edda;color:#6f875c}.hub-search{margin:0}.hub-search input{margin:0;min-width:240px;min-height:39px}.hub-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hub-resource{background:#fff;border:1px solid #dfe7d4;border-radius:14px;padding:25px;display:flex;flex-direction:column;min-width:0}.hub-resource-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.hub-type-icon{background:#edf3e4;color:#73975c;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.hub-resource time{font-size:10px;color:#94a180}.hub-resource h2{font-size:18px;line-height:1.5;letter-spacing:-.5px;margin:10px 0 13px;overflow-wrap:anywhere}.hub-text{font-size:12px;line-height:1.9;color:#788d68;white-space:pre-wrap;overflow-wrap:anywhere}.hub-resource footer{margin-top:auto;padding-top:18px;border-top:1px solid #e7eddf}.hub-resource footer small{display:block;color:#899c77;font-size:10px;overflow-wrap:anywhere;margin-bottom:12px}.hub-resource footer .button{min-height:38px;font-size:11px}.hub-pagination{display:flex;align-items:center;justify-content:center;gap:20px;font-size:10px;color:#7f9571;padding:26px 0 6px}.hub-pagination .button{font-size:10px;min-height:34px}.hub-empty{grid-column:1/-1;text-align:center;padding:50px 25px;color:#879c77}.hub-empty>.icon{width:30px;height:30px;margin-bottom:20px}.hub-empty h2,.hub-empty h3{font-size:18px;color:#587846;letter-spacing:-.4px}.hub-empty p{font-size:12px;color:#859a74;line-height:1.9;margin:12px auto 0;max-width:420px}.hub-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.hub-request-grid .panel{margin:0}.hub-ticket{display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;border-bottom:1px solid #e5ebdc;padding:19px 0;text-align:left;width:100%}.hub-ticket:hover strong{color:#73975a}.hub-ticket small{display:block;font-size:9px;color:#94a580}.hub-ticket strong{font-size:12px;line-height:1.7;display:block;margin:7px 0;overflow-wrap:anywhere}.hub-ticket time{font-size:9px;color:#91a17d}.hub-ticket .status{font-size:9px;white-space:normal;text-align:center}.hub-status-open{background:#edf2e5;color:#748f5a}.hub-status-waiting{background:#f5eedf;color:#9c824a}.hub-status-in_progress{background:#e9f0ec;color:#658472}.hub-status-resolved{background:#e4efdc;color:#5f8547}.hub-status-closed{background:#f0f1ea;color:#8b947b}.hub-thread .dialog-header h2{max-width:500px;overflow-wrap:anywhere}.hub-message{padding:20px;background:#f6f8f0;border:1px solid #e5ecda;border-radius:11px;margin:20px 0;font-size:12px}.hub-message.staff{background:#edf3e5;border-color:#d8e5c7}.hub-message strong{font-size:11px;color:#65854e}.hub-message time{display:block;font-size:9px;color:#8fa17a;margin-top:6px}.hub-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#5c7650;line-height:1.9;margin:15px 0 0}.hub-thread form{border-top:1px solid #e1e8d5;margin-top:25px;padding-top:24px}.hub-skeleton{min-height:180px;display:grid;place-items:center;color:#8a9f73;font-size:12px}
.auth-page{background:#f8faf5;display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{background:#123b2d url('./clarity-hero.webp') bottom right/cover no-repeat;position:relative;padding:45px 55px;min-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;color:#e8f0dc}.auth-story:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#123b2de8 10%,#123b2dcf 55%,#123b2d55)}.auth-story>*{position:relative;z-index:1}.auth-story .brand{font-size:26px;color:#edf3e2}.auth-story h1{font-size:clamp(40px,4vw,62px);line-height:1.15;font-weight:600;letter-spacing:-2px}.auth-story h1 em{font-style:normal;color:#d9c18a}.auth-story .eyebrow{color:#bccfac;font-size:9px}.auth-story p{font-size:13px;color:#c0d0b1;line-height:1.9;max-width:360px}.auth-story .story-card{background:#173d2b9c;border:1px solid #d3e5ba33;backdrop-filter:blur(12px);border-radius:12px;padding:24px;margin-top:35px}.story-card span{color:#c5d5b4;font-size:10px}.story-card strong{font-size:20px;color:#eef2df;letter-spacing:-.5px}.story-card small{font-size:9px;color:#adbf99;line-height:1.9}.auth-story>small{font-size:9px;color:#b1c7a0}.auth-form{padding:55px 60px;display:flex;align-items:center;justify-content:center}.auth-inner{max-width:410px;width:100%;margin:0}.auth-inner>.pill{font-size:9px;background:#ecf2e4;border-color:#d8e4c9;color:#708b56;letter-spacing:.3px}.auth-inner h2{font-size:32px;letter-spacing:-1.1px;line-height:1.3;margin-top:24px}.auth-inner>.muted{font-size:12px;color:#82966f;margin-bottom:30px}.auth-inner label{font-size:12px;color:#5a7650}.auth-inner input{font-size:13px}.auth-inner .inline{font-size:11px;line-height:1.9;color:#859b72;align-items:flex-start}.auth-inner .inline input{margin-top:3px}.auth-inner .between{font-size:10px;gap:15px}.auth-inner .between .inline{font-size:10px}.auth-inner .between a{font-size:10px;color:#6a8753}.auth-inner .fine{font-size:10px;color:#899d77;line-height:1.9}.auth-inner>p.center{font-size:11px;color:#81986c}.auth-inner form>a{font-size:10px;color:#68844f}.auth-inner .twofa-toggle summary{color:#789b5a!important;font-size:11px!important}.auth-inner .notice{font-size:11px}.auth-inner .button{font-size:12px;min-height:46px}
@media(max-width:1300px){.command-button>span,.command-button kbd{display:none}.command-button{width:35px;padding:8px;justify-content:center}.app-header{gap:15px;padding-inline:25px}.content{padding-inline:25px}.stats{gap:13px}.stat{padding:22px 18px}.stat>strong{font-size:25px}.hub-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:220px;padding-inline:13px}.main{margin-left:220px;width:calc(100% - 220px)}.sidebar nav .nav-item{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat>strong{font-size:30px}.page-heading h1{font-size:28px}.content{padding-top:30px}.hub-request-grid{grid-template-columns:1fr}.auth-form{padding:45px 35px}.auth-story{padding:35px}}
@media(max-width:800px){.sidebar{display:none}.main{margin:0;width:100%;padding-bottom:90px}.app-header{height:65px;padding:0 20px;gap:12px}.breadcrumb{display:none}.header-right .avatar{display:none}.saas-header-tier{display:none}.saas-header-upgrade{display:none}.mobile-brand{font-size:23px;white-space:nowrap}.mobile-workspace-switch{font-size:10px;padding:7px 9px;min-height:32px;border-color:#d8e2cd;color:#5f7e4c}.command-button{display:flex;width:32px;min-width:32px;height:32px;padding:7px;margin-left:auto}.command-button .icon{width:15px;height:15px}.header-right{gap:0}.sync-button{font-size:9px;padding:7px 9px;min-height:31px;white-space:nowrap}.content{padding:26px 20px}.page-heading h1{font-size:28px}.page-heading .muted{font-size:12px}.page-heading .eyebrow{font-size:9px}.page-heading .button{font-size:10px;padding:10px 13px;min-height:40px}.mobile-nav{padding:7px 10px calc(8px + env(safe-area-inset-bottom));gap:5px;z-index:40}.mobile-nav .nav-item{font-size:9px;padding:9px 4px;min-height:52px;line-height:1.4;gap:6px;justify-content:center}.mobile-nav .nav-item .icon{width:19px;height:19px}.panel{padding:23px}.v2-chart-grid{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}.insight-grid{grid-template-columns:1fr 1fr}.insight-card:last-child{grid-column:1/-1}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat.profit{grid-column:auto;min-height:0}.stat>strong,.stat.profit>strong{font-size:30px}.stat>span{font-size:11px}.stat p{font-size:10px}.business-card h2{font-size:19px}.business-grid{grid-template-columns:1fr 1fr}.app-footer{padding:15px 20px 30px;font-size:9px}.hub-banner{padding:30px;min-height:210px}.hub-banner h2{font-size:26px}.hub-banner-art{margin:0}.hub-banner-art .icon{width:55px;height:55px}.hub-resource-grid{gap:16px}.auth-page{grid-template-columns:1fr}.auth-story{min-height:0;padding:24px 30px}.auth-story>div,.auth-story>small{display:none}.auth-story .brand{font-size:24px}.auth-form{padding:45px 25px}.auth-inner{max-width:450px}.auth-inner h2{font-size:30px}.client-card{padding:23px}.invoice-row{grid-template-columns:28px 1.3fr .85fr 1fr 65px;gap:12px}.invoice-row .invoice-due{display:none}}
@media(max-width:560px){.app-header{padding:0 16px;gap:9px}.mobile-brand{font-size:20px}.mobile-workspace-switch{font-size:9px;padding:6px 8px}.sync-button{font-size:8px;padding:6px 8px}.command-button{width:29px;min-width:29px;height:29px}.content{padding:24px 16px}.page-heading{align-items:flex-start;gap:15px;flex-wrap:wrap}.page-heading h1{font-size:27px;letter-spacing:-1px}.page-heading .muted{font-size:11px;line-height:1.85}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading .button{font-size:10px;min-height:38px}.stats{gap:11px}.stat{padding:19px 16px}.stat.profit{grid-column:1/-1;min-height:140px}.stat.profit>strong{font-size:38px}.stat>strong{font-size:25px;letter-spacing:-.8px}.stat>span{font-size:10px}.stat p{font-size:9px;line-height:1.9}.stat>strong small{font-size:9px}.metric-icon{width:22px;height:22px;min-width:22px;font-size:12px}.period-bar{gap:12px;flex-wrap:wrap}.period-bar label{font-size:10px;gap:8px}.period-bar input{font-size:10px;width:140px}.period-bar .muted{font-size:10px;margin:0}.v2-chart-grid{grid-template-columns:1fr;gap:20px}.panel{padding:22px 18px}.panel-heading{gap:12px;flex-wrap:wrap}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.panel .search{width:100%;margin:0}.search input{width:100%;font-size:11px}.bar-chart{height:190px}.chart-column>div{height:165px}.goal-panel{padding:22px;display:block}.goal-ring{width:140px;height:140px}.goal-values{font-size:11px}.goal-values strong{font-size:12px}.goal-panel .button{margin-top:20px;width:100%}.insight-grid{grid-template-columns:1fr;gap:12px}.insight-card:last-child{grid-column:auto}.insight-card{padding:17px}.insight-card h3{font-size:12px}.insight-card p{font-size:11px}.insight-card small{font-size:8px}.transaction{padding:16px 0}.transaction-name strong{font-size:11px;line-height:1.7}.transaction-name small{font-size:9px}.transaction-name{gap:10px}.transaction-amount{font-size:12px}.transaction-amount small{font-size:9px}.transaction-icon{width:31px;height:31px;min-width:31px;font-size:15px}.transaction .row-actions button{min-width:29px;min-height:30px}.table-head{display:none}.records{overflow:hidden}.client-grid,.business-grid{grid-template-columns:1fr}.client-card{padding:24px}.client-card h2{font-size:20px}.client-card>p,.client-card>a{font-size:11px}.client-totals{font-size:10px}.client-totals strong{font-size:12px}.client-actions button{font-size:11px}.mini-metrics{grid-template-columns:1fr 1fr;gap:12px}.mini-metrics article{padding:18px}.mini-metrics span{font-size:10px}.mini-metrics strong{font-size:22px}.section-toolbar{align-items:stretch}.main .section-toolbar{font-size:11px}.invoice-row{grid-template-columns:25px 1fr auto;gap:10px;position:relative;padding:18px 0 50px}.invoice-row .invoice-due{display:none}.invoice-row .status{font-size:9px;grid-column:3;grid-row:1}.invoice-row .invoice-amount{grid-column:2;text-align:left;grid-row:2}.invoice-row .invoice-actions{position:absolute;right:0;bottom:15px}.invoice-row .row-actions{position:absolute;right:0;bottom:15px}.invoice-row strong{font-size:12px}.invoice-row small{font-size:10px}.budget-grid{grid-template-columns:1fr}.connection-hero{padding:26px 22px;gap:20px}.connection-hero h2{font-size:25px}.connection-hero p{font-size:12px}.connection-hero .google-orbit{display:none}.backup-times{grid-template-columns:1fr;gap:18px}.backup-times strong{font-size:12px}.integration-title h2{font-size:18px}.setup-strip{padding:18px;gap:12px}.setup-strip strong{font-size:11px}.setup-strip p{font-size:10px}.setup-strip .setup-icon{display:none}.setup-strip>div{width:100%;flex:auto!important}.app-footer{padding-inline:16px;flex-direction:column;gap:8px;font-size:8px}.hub-banner{padding:27px 23px;margin-bottom:22px;min-height:220px}.hub-banner h2{font-size:26px}.hub-banner p{font-size:11px;max-width:285px}.hub-banner .pill{font-size:7px}.hub-banner-art{display:none}.hub-tabs{gap:23px}.hub-tabs button{font-size:11px;gap:8px}.hub-tabs .icon{width:16px;height:16px}.hub-resource-grid{grid-template-columns:1fr;gap:16px}.hub-resource{padding:24px}.hub-resource h2{font-size:19px}.hub-text{font-size:12px}.hub-search,.hub-search input{min-width:0;width:100%}.hub-request-grid{gap:20px}.hub-tabs button>span{font-size:8px}.hub-ticket{gap:12px}.hub-ticket strong{font-size:11px}.hub-ticket .status{max-width:90px;font-size:8px}.hub-message{padding:17px}.hub-message p{font-size:12px}.hub-thread .dialog-header h2{font-size:21px}.hub-request-grid .form-grid{grid-template-columns:1fr 1fr}.hub-resource-top .tag{font-size:8px}.hub-empty{padding:40px 18px}.hub-empty h2{font-size:17px}.hub-empty p{font-size:11px}.form-grid{gap:13px}.dialog-header h2{font-size:23px}dialog{padding:24px 18px;width:calc(100% - 24px);max-height:92dvh;border-radius:15px}.dialog-footer{flex-wrap:wrap;gap:15px}.dialog-footer>.button{margin-left:auto}.bank-details{overflow-wrap:anywhere}.saas-plan-card{padding:25px}.saas-plan-card .premium-price{font-size:38px!important}.saas-plan-card.featured-plan{transform:none}.auth-form{padding:35px 25px 50px}.auth-inner h2{font-size:29px}.auth-inner>.pill{font-size:8px}.auth-inner .inline{font-size:10px}.auth-inner .notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hub-tabs,.hub-banner,.hub-request-grid form,.hub-pagination,.app-header,.sidebar,.mobile-nav,.app-footer{display:none!important}.main{width:100%;margin:0}.content{padding:0}.stat.profit{grid-column:auto}.hub-resource-grid{grid-template-columns:1fr 1fr}.stat{break-inside:avoid}.stat strong{font-size:20px}}
/* Readable secondary text on light surfaces. */
.main .muted,.main .fine,.main .eyebrow,.stat>span,.stat p,.stat>strong small,.panel-heading p,.chart-legend,.chart-grid,.chart-column>span:not(.chart-tip),.chart-footer,.goal-values,.transaction-name small,.transaction time,.transaction-amount small,.table-head,.client-card>p,.client-card>a,.client-totals,.mini-metrics span,.hub-resource time,.hub-text,.hub-resource footer small,.hub-ticket small,.hub-ticket time,.hub-message time,.hub-pagination,.hub-empty p,.hub-skeleton{color:#647257}.stat.profit>span,.stat.profit p,.stat.profit>strong small{color:#c5d5b5}.tag,.pill{color:#546d42}.insight-card small,.insight-card p,.setup-strip p,.app-footer,.app-footer a{color:#647257}.hub-message p{color:#536d46}.auth-inner>.muted,.auth-inner .inline,.auth-inner .fine,.auth-inner>p.center{color:#647453}.hub-resource-top .tag{color:#546d42}.hub-banner .pill{color:#d5dfc4}.hub-banner p{color:#c1d0b4}.main .saas-plan-card.featured-plan p,.main .saas-plan-card.featured-plan small{color:#cedcbd}.hub-empty h2,.hub-empty h3{color:#4e703d}