:root{
  --dk-navy:#162238;--dk-navy-2:#202e48;--dk-navy-3:#2b3a55;--dk-green:#18a76b;--dk-green-dark:#118555;
  --dk-blue:#2878e3;--dk-canvas:#f4f6f8;--dk-card:#fff;--dk-ink:#202938;--dk-muted:#6f7b8c;
  --dk-line:#dfe4ea;--dk-soft:#f7f8fa;--dk-danger:#dc4c4c;--dk-radius:7px;--dk-shadow:0 1px 3px rgba(19,33,55,.08)
}
*{scrollbar-color:#b7c0cb transparent;scrollbar-width:thin}
body{background:var(--dk-canvas)!important;color:var(--dk-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
button,input,select,textarea{font-family:inherit}

/* Application shell */
#app.app{grid-template-columns:236px minmax(0,1fr)!important;background:var(--dk-canvas)!important}
#app>aside{width:236px!important;padding:0 12px 14px!important;background:var(--dk-navy)!important;border:0!important;box-shadow:3px 0 10px rgba(11,20,36,.12)!important;color:#fff!important}
#app>aside .brand{height:66px;margin:0 -12px 12px!important;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.09);gap:10px!important}
#app>aside .brand .mark{width:34px!important;height:34px!important;border-radius:8px!important;background:var(--dk-green)!important;box-shadow:none!important}
#app>aside .brand b{color:#fff!important;font-size:13px!important;letter-spacing:0!important}
#app>aside .brand span{color:#93a2b8!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.1em}
.nav-section-label{margin:18px 11px 7px!important;color:#71819a!important;font-size:8px!important;font-weight:800!important;letter-spacing:.18em!important}
#app>aside nav{display:block!important;overflow-y:auto!important}
#app>aside .nav{display:flex!important;align-items:center!important;gap:10px!important;min-height:40px!important;margin:2px 0!important;padding:7px 10px!important;border:0!important;border-radius:6px!important;color:#aeb9ca!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;font-weight:650!important;transition:background .14s,color .14s!important}
#app>aside .nav:hover{color:#fff!important;background:rgba(255,255,255,.07)!important;transform:none!important}
#app>aside .nav.active{color:#fff!important;background:var(--dk-navy-3)!important;box-shadow:inset 3px 0 var(--dk-green)!important}
#app>aside .nav-icon{width:25px!important;height:25px!important;min-width:25px!important;border-radius:5px!important;color:#aeb9ca!important;background:transparent!important;box-shadow:none!important}
#app>aside .nav.active .nav-icon{color:#55d49e!important}
#app>aside .nav-icon svg{width:17px!important;height:17px!important}
.billing-subnav{margin:2px 0 8px 32px!important;padding:2px 0 2px 10px!important;border-left:1px solid #3a4963!important}
.billing-subnav button{padding:6px 8px!important;color:#8f9db1!important;background:transparent!important;font-size:9px!important;border-radius:4px!important}
.billing-subnav button:hover,.billing-subnav button.active{color:#fff!important;background:rgba(255,255,255,.06)!important}
.aside-bottom{margin-top:auto!important;padding:12px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:7px!important;background:rgba(255,255,255,.035)!important}
.aside-bottom p,.aside-bottom span{color:#7788a2!important;font-size:8px!important}.aside-bottom b{color:#dfe6ef!important;font-size:9px!important}.aside-bottom .link{color:#8bdab9!important}
.font-controls button{border-color:#43516a!important;background:#23314a!important;color:#cbd4e1!important;border-radius:4px!important}
@media(min-width:1181px){#app>aside{display:flex!important;position:fixed!important;flex-direction:column!important;height:100dvh!important;overflow:hidden!important}#app>aside>nav{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-bottom:154px!important}body:not(.sidebar-collapsed) #app>aside>.aside-bottom{display:block!important;visibility:visible!important;position:absolute!important;z-index:5!important;right:12px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;left:12px!important;width:auto!important;margin:0!important;padding:12px!important;background:#1d2b43!important;border-color:#34445f!important;box-shadow:0 -8px 18px rgba(10,20,36,.18)!important}#app>aside>.aside-bottom .font-controls{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-bottom:11px!important}#app>aside>.aside-bottom .font-controls button{width:100%!important}#app>aside>.aside-bottom p{margin:0 0 4px!important}#app>aside>.aside-bottom b{display:block!important;margin-bottom:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#app>aside>.aside-bottom .link{display:inline-flex!important;margin-right:10px!important}}
.sidebar-collapse-toggle{top:75px!important;right:-12px!important;width:25px!important;height:25px!important;border:1px solid #dce2e8!important;border-radius:50%!important;color:#596579!important;background:#fff!important;box-shadow:0 2px 6px rgba(16,31,52,.14)!important}

/* Top product bar */
#app main{grid-column:2!important;width:100%!important;max-width:none!important;margin:0!important;padding:78px 22px 54px!important;overflow:hidden!important}
#app main>header{position:fixed!important;z-index:40!important;top:0!important;left:236px!important;right:0!important;height:62px!important;min-height:62px!important;margin:0!important;padding:0 22px!important;border:0!important;border-bottom:1px solid var(--dk-line)!important;border-radius:0!important;background:#fff!important;box-shadow:0 1px 2px rgba(26,39,59,.04)!important;backdrop-filter:none!important}
#app main>header>div:first-child{min-width:170px}.eyebrow{color:#8a95a5!important;font-size:8px!important;letter-spacing:.16em!important}
#pageTitle{margin-top:2px!important;color:var(--dk-ink)!important;font-size:17px!important;font-weight:700!important;letter-spacing:-.01em!important}
.enterprise-header-tools{gap:8px!important}.global-search{width:min(330px,32vw)!important}.global-search input{height:36px!important;padding:8px 12px 8px 36px!important;border:1px solid #dce2e8!important;border-radius:5px!important;background:#f7f8fa!important;font-size:10px!important}
.global-search svg{left:11px!important;width:15px!important;stroke:#7c899a!important}
.quick-create>button{min-height:36px!important;padding:8px 12px!important;border-radius:5px!important;background:var(--dk-green)!important;box-shadow:none!important;font-size:10px!important}
.quick-create>button:hover{background:var(--dk-green-dark)!important;transform:none!important}
.quick-create-menu{top:43px!important;width:250px!important;padding:6px!important;border:1px solid var(--dk-line)!important;border-radius:7px!important;box-shadow:0 10px 28px rgba(20,32,51,.16)!important}
.quick-create-menu button{border-radius:5px!important}.quick-create-menu button:hover{background:#f3f6f8!important}.qc-icon{border-radius:6px!important}
.header-icon-button{width:36px!important;height:36px!important;border-radius:5px!important;border-color:#dce2e8!important;background:#fff!important;color:#59677a!important}
.header-profile{min-height:38px!important;padding:3px 5px!important}.header-profile>span:first-child{width:30px!important;height:30px!important;border-radius:50%!important;background:#4d6485!important;font-size:10px!important}.header-profile b{font-size:9px!important}.header-profile small{font-size:7px!important}
.header-profile>i{color:#7a8798;font-style:normal}.header-profile-menu{position:absolute;z-index:1400;top:58px;right:14px;width:270px;padding:12px;border:1px solid #dbe3eb;border-radius:10px;background:#fff;box-shadow:0 18px 45px rgba(21,36,58,.2)}.profile-menu-user{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;border-bottom:1px solid #e8edf2}.profile-menu-user>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:#49617f;font-size:12px;font-weight:850}.profile-menu-user>div{display:grid;min-width:0}.profile-menu-user b{font-size:11px}.profile-menu-user small{overflow:hidden;color:#76869a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.profile-font-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px 4px}.profile-font-row>span{color:#536579;font-size:9px;font-weight:750}.profile-font-row .font-controls{display:flex;gap:5px}.profile-font-row .font-controls button{min-width:34px!important;min-height:32px!important;padding:5px 7px!important;border:1px solid #d7e0e8!important;border-radius:6px!important;background:#f8fafc!important;color:#40536a!important;font-size:9px!important}.profile-font-row .font-controls button.active{border-color:#18ad78!important;background:#18ad78!important;color:#fff!important}.profile-menu-action{display:flex!important;width:100%!important;min-height:38px!important;align-items:center!important;gap:9px!important;margin:3px 0!important;padding:9px 10px!important;border:0!important;border-radius:7px!important;background:#f5f8fa!important;color:#30475e!important;box-shadow:none!important;text-align:left!important}.profile-menu-action:hover{background:#edf4f7!important;transform:none!important}.profile-menu-action.danger-action{color:#b4453d!important}.header-profile-menu.hidden{display:none!important}
.mobile-font-cycle,.mobile-install-header{display:none!important}

/* Dashboard */
.dashboard-welcome{min-height:104px!important;margin-bottom:14px!important;padding:20px 22px!important;border:1px solid var(--dk-line)!important;border-radius:var(--dk-radius)!important;background:#fff!important;box-shadow:var(--dk-shadow)!important}
.dashboard-welcome::before{content:"";width:4px;align-self:stretch;border-radius:3px;background:var(--dk-green)}
.dashboard-welcome>div{margin-right:auto}.dashboard-welcome h2{font-size:20px!important;font-weight:700!important}.dashboard-welcome p:last-child{font-size:10px!important;color:var(--dk-muted)!important}
.dashboard-welcome button{padding:9px 13px!important;border-radius:5px!important;background:var(--dk-green)!important;box-shadow:none!important;font-size:10px!important}
.enterprise-quick-actions{margin-bottom:14px!important;padding:16px!important;border:1px solid var(--dk-line)!important;border-radius:var(--dk-radius)!important;background:#fff!important;box-shadow:var(--dk-shadow)!important}
.section-heading h3{font-size:12px!important}.section-heading p{font-size:9px!important}.quick-action-grid{gap:8px!important;margin-top:12px!important}
.quick-action-grid button{min-height:62px!important;padding:10px!important;border:1px solid var(--dk-line)!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important}
.quick-action-grid button:hover{border-color:#9fcfbc!important;background:#f5fbf8!important;transform:none!important}.qa-icon{width:34px!important;height:34px!important;border-radius:6px!important}.quick-action-grid b{font-size:9px!important}.quick-action-grid small{font-size:7px!important}
.dashboard-stats{gap:10px!important;margin:0 0 14px!important}.dashboard-stats article{min-height:88px!important;padding:14px!important;border:1px solid var(--dk-line)!important;border-radius:var(--dk-radius)!important;background:#fff!important;box-shadow:var(--dk-shadow)!important}
.dashboard-stats article strong{font-size:18px!important}.dashboard-stats article span{font-size:9px!important}.dashboard-stats article small{font-size:7px!important}.stat-icon{width:34px!important;height:34px!important;border-radius:6px!important}

/* Shared business surfaces */
.panel,.billing-business,.quote-workflow,.ads-promo{border:1px solid var(--dk-line)!important;border-radius:var(--dk-radius)!important;background:#fff!important;box-shadow:var(--dk-shadow)!important}
.panel{padding:18px!important}.grid{gap:14px!important}.section-title{margin-bottom:15px!important;padding-bottom:12px!important;border-bottom:1px solid #e9edf1!important}.section-title>span{width:28px!important;height:28px!important;border-radius:5px!important;color:var(--dk-green-dark)!important;background:#e6f6ef!important;font-size:9px!important}
.section-title h3,.list-head h3{color:var(--dk-ink)!important;font-size:12px!important;font-weight:700!important}.section-title p,.list-head p{color:var(--dk-muted)!important;font-size:8px!important}
label{color:#4f5c6d!important;font-size:9px!important;font-weight:650!important}.form-grid{gap:12px!important}
input,select,textarea{min-height:38px!important;margin-top:5px!important;padding:9px 11px!important;border:1px solid #d7dde5!important;border-radius:5px!important;color:var(--dk-ink)!important;background:#fff!important;font-size:10px!important;box-shadow:none!important}
textarea{line-height:1.5!important}input:hover,select:hover,textarea:hover{border-color:#b9c2ce!important}input:focus,select:focus,textarea:focus{border-color:#55af88!important;box-shadow:0 0 0 2px rgba(24,167,107,.11)!important;outline:0!important}
button{border-radius:5px!important;box-shadow:none!important}button:hover{transform:none!important}
button:not(.nav):not(.link):not(.forgot-link):not(.action-menu-toggle):not(.sidebar-collapse-toggle):not(.menu-toggle):not(.header-icon-button):not(.header-profile):not(.profile-menu-action):not([data-font]){font-size:10px!important}
button:not(.secondary):not(.danger):not(.link):not(.nav):not(.forgot-link):not(.action-menu-toggle):not(.header-icon-button):not(.header-profile):not(.profile-menu-action):not([data-font]):not(.sidebar-collapse-toggle):not(.menu-toggle){background:var(--dk-green)!important;color:#fff!important}
#quotes .quick-action-grid button{background:#fff!important;color:var(--dk-ink)!important}
#quotes .quick-action-grid button:hover{background:#f5fbf8!important;color:var(--dk-ink)!important}
button.secondary,.action-menu-toggle{border:1px solid #d5dce4!important;color:#536174!important;background:#fff!important}.danger{color:var(--dk-danger)!important;background:#fff5f5!important}

/* Compact account popover */
.header-profile{min-width:116px!important;max-width:150px!important;gap:7px!important;padding:3px 7px 3px 4px!important}.header-profile>span:nth-child(2){min-width:0!important}.header-profile>span:nth-child(2) b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.header-profile>span:nth-child(2) small{display:none!important}.header-profile>i{margin-left:auto!important;font-size:9px!important}.header-profile-menu{top:54px!important;right:10px!important;width:244px!important;padding:10px!important;border-radius:8px!important;border-color:#d8e0e8!important;box-shadow:0 14px 36px rgba(21,36,58,.16)!important}.profile-menu-user{gap:9px!important;padding:3px 3px 10px!important}.profile-menu-user>span{width:32px!important;height:32px!important;font-size:10px!important}.profile-menu-user b{font-size:10px!important}.profile-menu-user small{font-size:7px!important}.profile-font-row{grid-template-columns:1fr!important;gap:7px!important;padding:10px 3px!important}.profile-font-row>span{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}.profile-font-row .font-controls{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}.profile-font-row .font-controls button{min-width:0!important;min-height:28px!important;padding:4px!important;border:1px solid #dce4eb!important;border-radius:6px!important;background:#f6f8fa!important;color:#596b7f!important;font-size:8px!important}.profile-font-row .font-controls button.active{border-color:#18ad78!important;background:#18ad78!important;color:#fff!important;box-shadow:0 2px 6px rgba(24,173,120,.18)!important}.profile-menu-action{min-height:34px!important;margin:3px 0!important;padding:7px 9px!important;border:1px solid #e1e7ec!important;border-radius:6px!important;background:#fff!important;color:#40546a!important;font-size:9px!important}.profile-menu-action:hover{border-color:#bcd9cc!important;background:#f5fbf8!important}.profile-menu-action.danger-action{border-color:#f0dedc!important;background:#fff!important;color:#b4453d!important}.profile-menu-action.danger-action:hover{background:#fff7f6!important}
.list-head{margin-bottom:13px!important}.quote-filters,.invoice-filters{gap:10px!important;padding:12px!important;border:1px solid #e1e6ec!important;border-radius:6px!important;background:#f7f8fa!important}
.quote-card,.invoice-card,.customer-card,.support-ticket{margin-top:0!important;border:0!important;border-top:1px solid #e7ebef!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.quote-card:hover,.invoice-card:hover,.customer-card:hover{background:#f8faf9!important;box-shadow:none!important}.quote-card:first-child,.invoice-card:first-child,.customer-card:first-child{border-top:0!important}
#quoteList,#invoiceList,#customerList{border:1px solid var(--dk-line);border-radius:6px;overflow:visible;background:#fff}
.badge,.ticket-status{padding:4px 7px!important;border-radius:12px!important;font-size:8px!important}.badge.draft{color:#906816!important;background:#fff4cc!important}.badge.sent,.ticket-status.resolved{color:#087549!important;background:#dcf5e9!important}
.action-menu-toggle{padding:7px 9px!important}.action-menu-items{border:1px solid var(--dk-line)!important;border-radius:6px!important;box-shadow:0 10px 25px rgba(20,32,51,.14)!important}.action-menu-items button{border-radius:4px!important}
.table-head{padding:9px 10px!important;border-radius:5px!important;color:#596679!important;background:#eef1f4!important;font-size:8px!important}.item-row{border-color:#e3e7ec!important}.pricing>div{border-radius:5px!important;background:var(--dk-navy)!important}.add{color:var(--dk-green-dark)!important;background:transparent!important}
.quote-workflow{bottom:8px!important;padding:15px 18px!important}.quote-workflow h3{font-size:13px!important}.quote-workflow p{font-size:9px!important}.quote-workflow-actions{gap:7px!important}.billing-actions{bottom:8px!important;padding:10px!important;border:1px solid var(--dk-line)!important;border-radius:6px!important;background:#fff!important;box-shadow:0 6px 18px rgba(20,32,51,.1)!important}
.billing-business{padding:11px 14px!important;color:#536174!important;background:#fff!important}.document-language{border-radius:6px!important;background:#f7f9fa!important}.field-preset{border-radius:6px!important;background:#f6f8f9!important}
.settings-toolbar{gap:8px!important}.settings-toolbar button,.form-actions button{border-radius:5px!important}.logo-preview{border-radius:6px!important;background:#f7f8fa!important}
.support-grid{gap:14px!important}.support-ticket h3{font-size:12px!important}.support-ticket p{font-size:10px!important}.support-response{border-radius:5px!important;background:#edf8f3!important;border-left-color:var(--dk-green)!important}
.muted{color:var(--dk-muted)!important}

/* Authentication uses the same product language */
#auth.login{padding:0!important;background:#eef1f5!important}
#auth .auth-shell{width:100%!important;max-width:none!important;min-height:100vh!important;grid-template-columns:minmax(420px,.86fr) minmax(480px,1.14fr)!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important}
#auth .auth-showcase{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:clamp(45px,6vw,94px)!important;background:var(--dk-navy)!important}
#auth .auth-showcase::before{width:420px!important;height:420px!important;right:-220px!important;top:-180px!important;background:radial-gradient(circle,rgba(24,167,107,.2),transparent 67%)!important}
#auth .auth-showcase::after{display:none!important}.auth-brand{position:absolute!important;top:34px!important;left:clamp(45px,6vw,94px)!important}.auth-logo{border-radius:8px!important;background:var(--dk-green)!important;box-shadow:none!important}
.ai-orbit{display:none!important}.auth-kicker{margin:0 0 12px!important;color:#60d3a3!important;font-size:9px!important}.auth-showcase h1{max-width:520px!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.08!important}.auth-showcase h1 em{color:#60d3a3!important}.auth-intro{max-width:500px!important;color:#bcc7d5!important;font-size:13px!important}.auth-benefits{grid-template-columns:1fr 1fr!important;gap:9px!important}.auth-benefits>div{padding:11px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:6px!important;background:rgba(255,255,255,.035)!important;backdrop-filter:none!important}.auth-benefits i{width:29px!important;height:29px!important;border-radius:5px!important;color:#fff!important;background:var(--dk-green)!important}.auth-benefits b{font-size:11px!important}.auth-benefits small{color:#91a0b5!important;font-size:8px!important}.auth-trust{color:#8291a7!important;font-size:8px!important}
#auth .auth-panel{padding:clamp(32px,7vw,104px)!important;background:#fff!important}.auth-card{max-width:430px!important}.auth-card>.eyebrow{color:var(--dk-green)!important;font-size:9px!important}.auth-card h2{color:var(--dk-ink)!important;font-size:30px!important}.auth-panel-copy{color:var(--dk-muted)!important;font-size:11px!important}.auth-tabs{padding:3px!important;border:1px solid var(--dk-line)!important;border-radius:6px!important;background:#f3f5f7!important}.auth-tabs button{padding:9px!important;border-radius:4px!important;color:#6d798a!important;font-size:10px!important}.auth-tabs button.active{color:var(--dk-green-dark)!important;background:#fff!important;box-shadow:0 1px 3px rgba(20,32,51,.1)!important}
.auth-form{gap:13px!important}.auth-form label{font-size:9px!important}.auth-form input{min-height:41px!important;border-radius:5px!important}.auth-form>button[type=submit]{min-height:42px!important;border-radius:5px!important;background:var(--dk-green)!important;box-shadow:none!important}.auth-form>button[type=submit]:hover{background:var(--dk-green-dark)!important;transform:none!important;box-shadow:none!important}.forgot-link{color:var(--dk-green-dark)!important}.signup-welcome{border-color:#cce9dc!important;border-radius:6px!important;background:#f0faf5!important}.consent-group{border-color:var(--dk-line)!important;border-radius:6px!important;background:#f8f9fa!important}.consent-item{border-radius:4px!important}.consent-item:hover{background:#eef6f2!important}
#auth .auth-tabs button{background:transparent!important;color:#6d798a!important}
#auth .auth-tabs button.active{background:#fff!important;color:var(--dk-green-dark)!important}

/* Responsive application */
@media(min-width:1181px){body.sidebar-collapsed #app.app{grid-template-columns:72px minmax(0,1fr)!important}body.sidebar-collapsed #app>aside{width:72px!important;padding-inline:9px!important}body.sidebar-collapsed #app>aside .brand{justify-content:center!important;padding-inline:9px!important}body.sidebar-collapsed #app main>header{left:72px!important}}
@media(max-width:1180px) and (min-width:901px){#app.app{grid-template-columns:72px minmax(0,1fr)!important}#app>aside{width:72px!important;padding-inline:9px!important}#app>aside .brand{justify-content:center!important;padding-inline:9px!important}#app>aside .brand>div:last-child,.nav-label,.nav-section-label,.aside-bottom{display:none!important}#app>aside .nav{justify-content:center!important}.billing-subnav{display:none!important}#app main>header{left:72px!important}}
@media(max-width:900px){#app.app{display:block!important}#app>#menuToggle{display:grid!important;position:fixed!important;z-index:1200!important;top:10px!important;left:10px!important;width:38px!important;height:38px!important;padding:0!important;place-content:center!important;gap:4px!important;border:1px solid #31415d!important;border-radius:6px!important;background:var(--dk-navy)!important;box-shadow:0 3px 9px rgba(14,26,45,.22)!important}#app>#menuToggle span{display:block!important;width:17px!important;height:2px!important;background:#fff!important}#app>aside{position:fixed!important;z-index:1150!important;top:0!important;bottom:0!important;left:0!important;width:min(300px,88vw)!important;height:100dvh!important;padding:0!important;overflow:hidden!important;background:var(--dk-navy)!important;transform:translateX(-105%)!important;transition:transform .2s ease!important}body.mobile-menu-open #app>aside{transform:translateX(0)!important}#app>aside>.brand{display:none!important}#app>aside>nav{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:18px 14px max(18px,env(safe-area-inset-bottom))!important;flex-direction:column!important;gap:4px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-color:#4b5c76 transparent!important;border-radius:0!important;background:var(--dk-navy)!important;transform:none!important;box-shadow:none!important}#app>aside .brand>div:last-child,.nav-label,.nav-section-label,.aside-bottom{display:block!important}#app>aside .nav{justify-content:flex-start!important}.billing-subnav{display:block!important}.mobile-menu-head{display:grid!important;flex:0 0 auto!important;border-bottom-color:#34425a!important}.mobile-menu-head b{color:#fff!important}.mobile-menu-head span{color:#92a0b4!important}.mobile-menu-head button{color:#fff!important;background:#263650!important}.mobile-menu-footer{display:flex!important;flex:0 0 auto!important;min-height:max-content!important;border-top-color:#34425a!important;color:#92a0b4!important}.mobile-menu-footer b{color:#fff!important}.mobile-menu-footer .font-controls{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-bottom:8px!important}.mobile-menu-footer .font-controls button{display:block!important;width:100%!important;padding:8px!important;border:1px solid #46556e!important;background:#263650!important;color:#dce4ef!important}.mobile-menu-footer .font-controls button.active{border-color:#50d09a!important;background:var(--dk-green)!important;color:#fff!important}#menuOverlay.menu-overlay{display:block!important;z-index:1100!important}#app main{padding:73px 12px 84px!important}#app main>header{left:0!important;height:58px!important;min-height:58px!important;padding:0 10px 0 58px!important}.sidebar-collapse-toggle{display:none!important}.global-search{display:none!important}.enterprise-header-tools{gap:6px!important}.mobile-font-cycle,#mobileFontCycle{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid #cfd7e2!important;border-radius:8px!important;background:#fff!important;color:var(--dk-green-dark)!important;box-shadow:0 2px 6px rgba(20,32,51,.08)!important;font-weight:850!important}.mobile-install-header,#mobileInstallHeader{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid #cce9dc!important;border-radius:8px!important;background:#effaf5!important;color:var(--dk-green-dark)!important;box-shadow:none!important}.mobile-install-header svg{width:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}.quick-create{display:none!important}.header-profile{display:none!important}.dashboard-stats{grid-template-columns:repeat(2,1fr)!important}.quick-action-grid{grid-template-columns:repeat(2,1fr)!important}.quote-action-menu{grid-column:1/-1!important;width:100%!important;justify-content:stretch!important}.quote-action-menu .action-menu-toggle{width:100%!important;min-height:42px!important}.action-menu-items{max-height:min(70dvh,520px)!important;overflow-y:auto!important}}
@media(max-width:900px){body.mobile-menu-open #app>#menuToggle{visibility:hidden!important}}
@media(max-width:700px){html,body,#auth.login{width:100%!important;max-width:100%!important;overflow-x:hidden!important}#app.app.hidden{display:none!important}#auth .auth-shell{display:block!important;width:100%!important;max-width:100%!important}#auth .auth-showcase{display:none!important}#auth .auth-panel{width:100%!important;min-width:0!important;min-height:100vh!important;padding:27px 20px!important}#auth .auth-card{width:100%!important;max-width:100%!important;min-width:0!important}#auth .auth-form,#auth .auth-form label,#auth .auth-form input,#auth .auth-form button{max-width:100%!important}.auth-mobile-brand{display:flex!important}.dashboard-welcome{align-items:flex-start!important;padding:16px!important}.dashboard-welcome::before{display:none}.dashboard-welcome h2{font-size:17px!important}.dashboard-welcome button{font-size:9px!important}.panel{padding:14px!important}}
@media(max-width:520px){#app.app:not(.hidden),#app main,#app main>header{width:100%!important;max-width:100%!important}#app.app:not(.hidden),#app main{overflow-x:hidden!important}#app main>header>div:first-child{min-width:0!important;flex:1!important}.enterprise-header-tools{flex:0 0 auto!important}.header-icon-button{display:none!important}#app main{padding-inline:8px!important}.dashboard-welcome{display:grid!important}.dashboard-welcome button{width:100%!important;justify-content:center!important}.dashboard-stats,.quick-action-grid{grid-template-columns:1fr!important}.dashboard-stats article{min-height:78px!important}.enterprise-quick-actions{padding:13px!important}.quote-workflow{position:static!important}.billing-actions{grid-template-columns:1fr 1fr!important}.billing-actions button:first-child{grid-column:1/-1!important}.quote-card,.invoice-card,.customer-card{padding:12px!important}.global-donate{right:10px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;height:42px!important;min-height:42px!important;padding:0 14px!important;gap:7px!important;justify-content:center!important;border:1px solid #bce6d4!important;border-radius:24px!important;background:var(--dk-green)!important;box-shadow:0 8px 20px rgba(17,133,85,.24)!important}.global-donate>span:last-child{display:inline!important;font-size:10px!important}.global-donate>span:first-child{width:auto!important;height:auto!important;background:transparent!important}}
@media(max-width:900px){#invoiceList{display:block!important;width:100%!important;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-color:#91a0b4 #eef1f4!important}#invoiceList .invoice-card{display:grid!important;width:680px!important;min-width:680px!important;grid-template-columns:220px 170px 110px 80px!important;align-items:center!important;gap:16px!important;padding:13px 12px!important}#invoiceList .invoice-card>div:nth-child(2){text-align:left!important}#invoiceList .invoice-card .badge{display:inline-block!important}#invoiceList .invoice-actions{position:sticky!important;right:8px!important;z-index:3!important;grid-column:4!important;width:auto!important;justify-self:end!important;justify-content:flex-end!important}#invoiceList .invoice-actions .action-menu-toggle{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;justify-content:center!important;border-radius:8px!important;background:#fff!important;box-shadow:0 2px 8px rgba(20,32,51,.12)!important}#invoiceList .invoice-actions .action-label{display:none!important}#invoiceList .invoice-actions .action-dots{font-size:22px!important;line-height:1!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
