body{background:#f7faf5;background-image:radial-gradient(circle,#06271d08 .6px,transparent .8px);background-size:10px 10px}.app-shell{grid-template-columns:250px minmax(0,1fr)}#office-nav{background:#06271d;color:#fff;min-height:calc(100vh - 80px);padding:25px 18px;display:flex;flex-direction:column}#office-nav>p{color:#b6ccb9;margin:0 10px 22px}#office-nav nav{position:static;background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:7px;color:white}#office-nav nav a{color:#e4eee5;border-radius:10px;padding:13px 15px;display:flex;gap:12px;font-size:15px}#office-nav nav a[aria-current]{background:#c2f600;color:#06271d}#office-nav nav .button{margin-top:14px}#business-glance{margin-top:auto;padding:25px 10px 0}#business-glance strong{display:block;font-size:29px;color:#c2f600;letter-spacing:-1px;margin-top:10px}#business-glance small{display:block;color:#bacdbd;margin:8px 0;font-size:12px}#business-glance .eyebrow{font-size:10px;color:#d9e7d8}.milestone{border-top:1px solid #365345;margin:17px 0;padding-top:14px;font-size:12px}main{max-width:1500px;width:100%;padding:35px}.page-head h1{font-size:36px;letter-spacing:-1.3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2,.section-head h3{margin:0}.section-head a{font-weight:700;font-size:14px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.stats>div{background:white}.stats strong{font-size:29px;margin:10px 0}.stats small{font-size:12px;color:#58745e}.onboarding{background:#eaf6d5}.steps{list-style:none;padding:0;margin:22px 0}.steps li{padding:12px 0;border-bottom:1px solid #c4d7ba;font-weight:700;font-size:15px}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.customer-card{border:1px solid #d1dfcc;background:#fbfdf8;padding:24px;border-radius:15px}.customer-card h3{font-size:20px}.customer-card small{color:#55765f}.plan-row{margin:18px 0;padding:15px 0;border-top:1px solid #d5e3d0}.plan-row small{display:block;margin:7px 0}.text-button{background:none;border:0;text-decoration:underline;font:inherit;color:#226239;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;padding:5px 0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form input,.form select,.form textarea{width:100%;box-sizing:border-box}.form fieldset{border:1px solid #d1dfcc;padding:15px;border-radius:10px}.form input[type=checkbox]{width:auto}.auth{max-width:530px;padding:32px}.auth-help{margin-top:15px}.auth .help{margin-top:20px}.pill{color:#25432f!important;background:#e7efdd}.pill.completed{background:#e0f4b8}.pill.in_progress{background:#fff0ad}.pill.blocked,.pill.cancelled{background:#f6e0d5}.job-list li{flex-wrap:wrap}.job-list .button{font-size:13px;padding:10px 12px}.danger{color:#9c3728}.header-actions{display:flex;gap:10px}#mobile-menu{display:none}.skip{position:absolute;left:12px;top:-80px;padding:12px;background:#c2f600;color:#06271d;z-index:100}.skip:focus{top:12px}dialog{width:550px;max-height:calc(100vh - 48px);overflow-y:auto}dialog .help{margin:12px 0}.empty{padding:24px;text-align:left}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #579930;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:210px minmax(0,1fr)}.customer-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:768px){#mobile-menu{display:block}#office-nav{display:none;min-height:0;padding:18px}#office-nav.open{display:block}#office-nav nav{display:grid;grid-template-columns:1fr 1fr;min-height:0}#office-nav nav a{flex-direction:row;font-size:14px}#office-nav nav a span{font-size:18px}#business-glance{display:none}.app-shell{display:block}main{padding:24px 18px 40px}.page-head h1{font-size:30px}.page-head>.actions{width:100%}.page-head>.actions .button{flex:1;padding:12px 9px;font-size:14px}.kpis strong{font-size:26px}.stats span{font-size:11px}.customer-card{padding:19px}.two-fields{grid-template-columns:1fr}.section-head{align-items:flex-start}.section-head h2{font-size:22px}.auth{padding:24px}.brand small{font-size:9px}.job-list li>div{min-width:160px}#toast{bottom:20px}}

.header-icon{width:44px;height:44px;min-height:44px;padding:10px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none}.header-icon svg{display:block;width:22px;height:22px}.header-actions{flex:none}#mobile-nav-dialog{position:fixed;inset:0 auto 0 0;margin:0;border:0;border-radius:0;width:min(360px,calc(100% - 32px));max-width:none;height:100dvh;max-height:100dvh;padding:0;background:#06271d;color:white;overflow-y:auto;overscroll-behavior:contain}#mobile-nav-dialog::backdrop{background:#031b14b3}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;padding-top:max(16px,env(safe-area-inset-top));border-bottom:1px solid #ffffff25;position:sticky;top:0;background:#06271d;z-index:1}.drawer-head h2{margin:0;font-size:20px}.nav-open{overflow:hidden}#mobile-nav-dialog #office-nav{display:flex;min-height:0;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}#mobile-nav-dialog #office-nav nav{display:flex;flex-direction:column;height:auto;min-height:0;position:static;inset:auto}#mobile-nav-dialog #office-nav nav a{flex:none;flex-direction:row;justify-content:flex-start;min-height:48px;font-size:15px}#mobile-nav-dialog #office-nav nav .button{min-height:48px}#mobile-nav-dialog #office-nav>p{margin-bottom:18px}#mobile-nav-dialog #business-glance{display:block;margin-top:20px}
@media(max-width:768px){header{min-height:76px;height:auto;gap:10px;padding:12px 16px}.brand{min-width:0;font-size:16px}.brand img{flex:none}.brand small{letter-spacing:1.6px;line-height:1.35;font-size:8px}.header-actions{gap:8px}#mobile-menu{display:inline-flex}#office-nav.open{display:none}.auth h1{font-size:clamp(26px,7vw,30px)}.form input,.form select,.form textarea{font-size:16px}main{min-width:0}.auth-help{display:flex;flex-wrap:wrap;gap:8px 16px}}
@media(prefers-reduced-motion:no-preference){#refresh[aria-busy=true] svg{animation:office-refresh 1s linear infinite}@keyframes office-refresh{to{transform:rotate(360deg)}}}
#stripe-accounting .job-list li{display:block;overflow-wrap:anywhere}#stripe-accounting .job-list small{display:block}#stripe-accounting .job-list p{font-size:14px;line-height:1.7}#stripe-accounting input{min-width:0;width:100%;box-sizing:border-box}#stripe-accounting .form{margin:24px 0}