:root{--navy:#0a0f1a;--teal:#14d8b1;--text:#1f2937;--muted:#64748b;--border:#e7edf3}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#f5f8fa;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.6px;font-size:36px;color:var(--navy)}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:18px}.muted{color:var(--muted);line-height:1.7}.teal{color:var(--teal)}.eyebrow{display:block;font-size:10px;letter-spacing:1.9px;font-weight:700;color:#64748b;margin-bottom:16px}.brand{display:flex;align-items:center;gap:18px}.logo{display:inline-block;width:64px;height:64px;border:13px solid white;border-radius:50%;position:relative;flex-shrink:0}.logo:after{content:'';position:absolute;width:17px;height:17px;background:var(--teal);border-radius:50%;right:-30px;bottom:-14px}.logo.small{width:32px;height:32px;border-width:7px}.logo.small:after{width:9px;height:9px;right:-16px;bottom:-7px}.brand-caption{font-size:9px;letter-spacing:1.5px;color:#64748b;margin-left:12px}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-story{padding:58px 10%;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:720px}.auth-story h1{font-size:clamp(40px,4.3vw,68px);color:white;line-height:1.12;letter-spacing:-2.8px;margin:24px 0}.auth-story p{line-height:1.9;color:#718096}.auth-story .eyebrow{color:var(--teal)}.auth-story footer{color:#718096;font-size:12px}.pills{display:flex;gap:8px;margin-top:32px;flex-wrap:wrap}.pills span{padding:8px 13px;border:1px solid #0a0f1a;border-radius:30px;color:#b8c5d6;font-size:11px}.auth-form{display:flex;align-items:center;justify-content:center;padding:48px 30px;background:white}.form-wrap{width:380px;max-width:100%}.form-wrap h2{font-size:29px;margin-bottom:12px}.form-wrap form{margin-top:32px}label{display:block;font-weight:600;font-size:12px;margin-bottom:22px}input,select{display:block;width:100%;margin-top:9px;border:1px solid #dce4ec;border-radius:8px;padding:13px 14px;background:white;color:var(--text);min-height:45px;outline:none}input:focus,select:focus{border-color:#64748b;box-shadow:0 0 0 3px #71809625}input::placeholder{color:#718096}.primary,.button{border:0;border-radius:8px;padding:13px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary{background:#0a0f1a;color:#ffffff}.primary:hover{background:#718096}.wide{width:100%;justify-content:space-between}.auth-link{text-align:center;margin-top:26px;color:var(--muted);font-size:13px}.auth-link a{font-weight:700;color:var(--navy);margin-left:5px}.footnote{font-size:11px;color:#718096;text-align:center;margin-top:55px}.sidebar{width:244px;background:var(--navy);color:#718096;position:fixed;inset:0 auto 0 0;padding:34px 22px;display:flex;flex-direction:column}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#64748b;margin-top:52px;margin-bottom:12px}.sidebar select{background:#0a0f1a;color:white;border-color:#0a0f1a;font-size:12px;margin:0}.add-business{font-size:11px;color:#718096;margin:16px 4px 30px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px;border-radius:7px;font-size:12px}.sidebar nav span{display:inline-block;width:25px;font-size:17px}.sidebar nav a.active{background:#71809619;color:var(--teal)}.sidebar-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;border-top:1px solid #0a0f1a;padding-top:24px}.avatar{display:grid;place-items:center;background:#0a0f1a;color:#e7edf3;width:34px;height:34px;border-radius:50%;font-weight:700}.sidebar-bottom strong{font-size:11px;color:#e7edf3;display:block;max-width:110px;overflow-wrap:anywhere}.sidebar-bottom small{display:block;font-size:10px;margin-top:5px}.sidebar-bottom form{margin-left:auto}.logout{border:0;color:#b8c5d6;background:none;font-size:20px}.app{margin-left:244px}header{height:76px;border-bottom:1px solid var(--border);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:11px}header .muted{margin-left:12px}.header-mark{font-weight:700}.header-mark .muted{font-weight:400}.content{padding:40px 44px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{margin-top:10px}.secondary{border:1px solid #dce4ec;background:white;font-size:11px;white-space:nowrap}.welcome-banner{background:var(--navy);color:white;border-radius:14px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:180px}.badge{font-size:9px;letter-spacing:1.4px;color:var(--teal);display:block;margin-bottom:15px}.welcome-banner h2{font-size:30px;overflow-wrap:anywhere}.welcome-banner p{font-size:12px;color:#718096;margin-top:12px;line-height:1.7}.welcome-banner p span{margin:0 8px}.banner-art{padding:20px 50px;opacity:.8}.banner-art .logo{width:95px;height:95px;border-width:20px}.banner-art .logo:after{width:26px;height:26px;right:-44px;bottom:-20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 38px}.panel{background:white;border:1px solid var(--border);border-radius:11px}.stats article{padding:22px}.stats article>span{font-size:11px;color:var(--muted)}.stats strong{display:block;font-size:27px;color:var(--navy);margin:16px 0 9px;letter-spacing:-.7px}.stats small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.stats p,.stats a{font-size:11px;color:var(--muted)}.stats a{text-decoration:underline;text-underline-offset:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.section-heading h2{font-size:21px}.section-heading p{font-size:12px;margin-top:8px}.subtle-label{font-size:9px;letter-spacing:1.3px;color:#718096;white-space:nowrap}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{padding:23px}.module-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.module-icon{height:38px;width:38px;border-radius:9px;background:#f5f8fa;display:grid;place-items:center;font-size:23px;color:#1f2937}.coming{font-size:9px;color:#64748b;background:#f5f8fa;padding:5px 8px;border-radius:20px}.module strong{display:block;font-size:11px;font-weight:500;margin-top:9px}.module p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:9px}.dashboard-footer{display:flex;justify-content:space-between;color:#64748b;font-size:10px;margin-top:35px;padding:22px 0;border-top:1px solid var(--border);gap:15px}.profile-panel{max-width:820px;padding:32px}.section-title{display:flex;gap:16px;align-items:center;margin-bottom:32px}.number{display:grid;place-items:center;width:40px;height:40px;background:#f5f8fa;color:#1f2937;border-radius:10px;font-size:12px;font-weight:700}.section-title p{font-size:12px;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.required{color:#1f2937}.form-footer{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px}.below-note{color:var(--muted);font-size:11px;margin-top:20px}.alert{padding:14px 18px;border-radius:8px;margin-bottom:24px;font-size:12px;line-height:1.6}.error{background:#fff0ee;color:#a22e27}.success{background:#e6f8f1;color:#146647}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:3px solid #64748b;outline-offset:4px}@media(min-width:1600px){.auth-story{padding:70px 15%}}@media(max-width:1100px){.content{padding:30px 25px}header{padding:0 25px}.sidebar{width:215px;padding:30px 16px}.app{margin-left:215px}.brand-caption{font-size:8px}.module-grid{grid-template-columns:repeat(2,1fr)}.banner-art{padding:20px}.section-heading h2{font-size:19px}}@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-story{min-height:auto;padding:30px;gap:40px}.auth-story .logo{width:40px;height:40px;border-width:8px}.auth-story .logo:after{height:11px;width:11px;right:-20px;bottom:-9px}.auth-story h1{font-size:40px}.auth-story footer,.pills{display:none}.auth-form{padding:40px 25px}.sidebar{position:relative;width:100%;padding:20px;display:block}.sidebar .brand{margin-bottom:25px}.workspace-label,.sidebar-bottom{display:none}.sidebar select{max-width:100%}.add-business{display:block;margin:12px 0}.sidebar nav{display:flex;gap:10px}.sidebar nav a{padding:10px 15px}.app{margin:0}header{height:56px;padding:0 20px}.header-mark{display:none}.content{padding:28px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.page-heading .eyebrow{font-size:8px}.page-heading .secondary{font-size:10px;padding:10px}.welcome-banner{padding:25px}.welcome-banner h2{font-size:25px}.banner-art{display:none}.stats{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.stats article{padding:18px}.stats strong{margin:9px 0}.module-grid{grid-template-columns:1fr}.subtle-label{display:none}.dashboard-footer{flex-direction:column}.profile-panel{padding:22px}.form-grid{grid-template-columns:1fr;gap:0}.form-footer{align-items:stretch;flex-direction:column}.section-title{align-items:flex-start}.section-title h3{font-size:16px}.sidebar-bottom{display:flex;padding-top:14px;margin-top:10px}.sidebar-bottom strong{max-width:none}}

/* Keep every module and the account controls reachable on shorter screens. */
.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}
