:root {
    --ink:#102826; --ink2:#183d38; --lime:#c9f36b; --paper:#f5f7f3; --white:#fff;
    --muted:#697874; --line:#e1e7e1; --purple:#7f6af2; --amber:#eaa545; --coral:#ef655b;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,.button{cursor:pointer}
.sidebar{position:fixed;inset:0 auto 0 0;width:244px;padding:27px 18px 18px;display:flex;flex-direction:column;background:var(--ink);color:#fff;z-index:10}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.8px}
.brand>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px 4px 10px 4px;background:var(--lime);color:var(--ink);font:700 21px Georgia,serif}
.brand strong{font-weight:800}
.sidebar-label,.eyebrow{margin:0 0 9px;color:#8a9a96;font-size:10px;font-weight:800;letter-spacing:1.5px}
.sidebar-label{margin:44px 12px 10px;color:#617b76}
.sidebar nav{display:grid;gap:6px}
.sidebar nav a{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:10px;color:#aac0bb;font-size:13px;font-weight:700}
.sidebar nav a:hover{background:#173d38;color:#fff}
.sidebar nav a.active{background:var(--lime);color:var(--ink)}
.sidebar nav i{width:18px;font-style:normal;font-size:17px;text-align:center}
.stripe-status{margin-top:auto;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid #2b4b47;border-radius:12px;background:#17332f}
.stripe-status>span{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,243,107,.1)}
.stripe-status strong,.sidebar-user strong{display:block;font-size:11px}
.stripe-status small,.sidebar-user small{display:block;margin-top:4px;color:#77908b;font-size:9px}
.sidebar-user{display:flex;align-items:center;gap:9px;padding:20px 5px 4px}
.sidebar-user>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eee7ff;color:var(--purple);font-size:9px;font-weight:900}
.sidebar-user>div{min-width:0;flex:1}
.sidebar-user form{margin:0}
.sidebar-user button{border:0;background:transparent;color:#69807b;font-size:16px}
.workspace{margin-left:244px;min-width:0}
.topbar{height:88px;position:sticky;top:0;z-index:8;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.topbar p{margin:0 0 7px;color:#8c9a96;font-size:10px;font-weight:800;letter-spacing:1.4px}
.topbar h1{margin:0;font-size:23px;letter-spacing:-.7px}
.content{width:min(1380px,100%);margin:auto;padding:26px 32px 50px}
.button{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;font-size:11px;font-weight:800}
.button.primary{background:var(--ink);color:#fff}
.button.primary:hover{background:var(--ink2)}
.button.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}
.button.full{width:100%}
.alert{margin-bottom:16px;padding:13px 16px;border-radius:10px;font-size:11px;font-weight:700}
.alert.success{border:1px solid #d9eca9;background:#f1f9df;color:#607b24}
.alert.error{border:1px solid #f5c6c1;background:#fff0ee;color:#b13c34}
.hero{min-height:164px;padding:31px 35px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:18px;color:#fff;background:radial-gradient(circle at 78% -20%,rgba(201,243,107,.35),transparent 33%),linear-gradient(116deg,#102826,#173f39);box-shadow:0 18px 40px rgba(16,40,38,.12)}
.hero p{margin:0 0 9px;color:#91a9a4;font-size:10px;font-weight:800;letter-spacing:1.3px}
.hero h2,.client-welcome h2,.onboarding-intro h2{margin:0 0 10px;font:700 29px/1.1 Georgia,serif}
.hero small{color:#b8c8c4;font-size:11px}
.hero-number{min-width:250px;padding-left:30px;border-left:1px solid rgba(255,255,255,.15)}
.hero-number span,.hero-number small{display:block;color:#9eafac;font-size:10px}
.hero-number strong{display:block;margin:7px 0;color:var(--lime);font:700 25px Georgia,serif}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.metrics article{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fff}
.metric-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;font-size:13px;font-weight:900}
.metric-icon.lime{background:#eef9d7;color:#6d8c28}.metric-icon.purple{background:#eee9ff;color:var(--purple)}.metric-icon.amber{background:#fff0d8;color:#b9781f}.metric-icon.coral{background:#ffe7e4;color:#d84e45}
.metrics p{margin:18px 0 7px;color:var(--muted);font-size:11px;font-weight:700}
.metrics strong{display:block;font:700 24px Georgia,serif}
.metrics small{display:block;margin-top:7px;color:#9aa6a2;font-size:9px}
.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}
.panel{border:1px solid var(--line);border-radius:15px;background:#fff}
.dashboard-grid>.panel,.page-panel,.form-panel{padding:21px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.panel-head h3,.form-panel h3,.service-card h3,.onboarding-sidebar h3{margin:0;font:700 18px Georgia,serif}
.panel-head a,.text-link,.text-button{border:0;background:transparent;color:#50756d;font-size:10px;font-weight:800}
.table-scroll{overflow-x:auto}
table{width:100%;margin-top:14px;border-collapse:collapse}
th{padding:10px 8px;border-bottom:1px solid var(--line);color:#96a29e;font-size:9px;letter-spacing:.5px;text-align:left;text-transform:uppercase}
td{padding:13px 8px;border-bottom:1px solid #edf0ed;color:var(--muted);font-size:10px;white-space:nowrap}
td strong{display:block;color:var(--ink);font-size:11px}
td small{display:block;margin-top:4px;color:#97a39f;font-size:9px}
.status{display:inline-flex;padding:5px 8px;border-radius:20px;background:#edf8dc;color:#638422;font-size:8px;font-weight:900;text-transform:capitalize}
.status.onboarding,.status.payment_pending,.status.pending,.status.lead{background:#fff1da;color:#a66d1c}
.status.past_due,.status.failed,.status.suspended{background:#ffe8e5;color:#ca4c43}
.status.inactive,.status.cancelled{background:#eef0ee;color:#727e7a}
.activity-list,.service-list{margin-top:10px}
.activity-list>div,.service-list>div{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}
.activity-list>div>div,.service-list>div>div{min-width:0;flex:1}
.activity-list strong,.service-list strong{display:block;font-size:11px}
.activity-list small,.service-list small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.activity-list aside,.service-list aside{text-align:right}
.activity-list aside a{color:#52736c;font-size:9px;font-weight:800}
.empty{padding:42px 0;color:var(--muted);font-size:11px;text-align:center}
.share-box{margin-bottom:16px;padding:18px 20px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px;border:1px solid #d9eca9;border-radius:14px;background:#f1f9df}
.share-box.payment{border-color:#dad1ff;background:#f1edff}
.share-box h3{margin:0 0 4px;font:700 16px Georgia,serif}
.share-box small{color:var(--muted);font-size:9px}
.share-box input{width:100%;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px}
.search-form{display:flex;gap:7px}
.search-form input{height:37px;padding:0 11px;border:1px solid var(--line);border-radius:8px;outline:0;font-size:10px}
.search-form button{padding:0 12px;border:0;border-radius:8px;background:var(--ink);color:#fff;font-size:10px}
.form-panel{width:min(760px,100%);margin:auto}
.form-panel>.muted{margin-bottom:24px}
.form-stack{display:grid;gap:15px;margin-top:22px}
label{display:grid;gap:7px;color:var(--ink);font-size:10px;font-weight:800}
label small{color:var(--muted);font-weight:400}
input,select,textarea{width:100%;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:0;font-size:11px}
input,select{height:42px}textarea{padding-top:11px;resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{border-color:#93b146;box-shadow:0 0 0 3px rgba(201,243,107,.22)}
.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:7px}
.muted{color:var(--muted);font-size:11px;line-height:1.6}
.secure-note{padding:13px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#f2f8e6}
.secure-note>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-weight:900}
.secure-note strong,.secure-note small{display:block;font-size:10px}.secure-note small{margin-top:3px;color:var(--muted);font-size:9px}
.split-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:16px;align-items:start}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-card{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff}
.service-card>div{display:flex;justify-content:space-between;align-items:center}
.service-card h3{margin-top:20px}
.service-card p{min-height:38px;color:var(--muted);font-size:10px;line-height:1.6}
.service-card>strong{display:block;margin-top:18px;font:700 24px Georgia,serif}
.service-card>strong small{font:400 9px Arial;color:var(--muted)}
.service-card>small{display:block;margin-top:7px;color:var(--muted);font-size:9px}
.sticky-card{position:sticky;top:112px}
.client-welcome,.onboarding-intro{padding:28px 31px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:17px;color:#fff;background:linear-gradient(120deg,var(--ink),#1a473f)}
.client-welcome p:not(.eyebrow),.onboarding-intro p:not(.eyebrow){margin:0;color:#b5c7c2;font-size:11px}
.client-welcome .status{background:var(--lime);color:var(--ink)}
.onboarding-callout{margin-top:16px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #d9eca9;border-radius:14px;background:#f1f9df}
.onboarding-callout>div{display:flex;align-items:center;gap:12px}
.onboarding-callout>div>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font:700 16px Georgia,serif}
.onboarding-callout strong,.onboarding-callout small{display:block;font-size:11px}.onboarding-callout small{margin-top:4px;color:var(--muted);font-size:9px}
.pay-button{margin-top:4px;padding:4px 8px;border:0;border-radius:6px;background:var(--ink);color:#fff;font-size:8px;font-weight:800}
.onboarding-intro>span{padding:9px 12px;border-radius:20px;background:rgba(201,243,107,.14);color:var(--lime);font-size:10px;font-weight:800}
.onboarding-layout{display:grid;grid-template-columns:1.5fr .58fr;gap:16px;margin-top:16px;align-items:start}
.onboarding-forms{display:grid;gap:16px}.onboarding-forms .form-panel{width:100%;margin:0}
.upload-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:16px}
.upload-form input{padding:8px}
.agreement-box{padding:15px;border-left:3px solid var(--lime);background:#f7f9f5;color:var(--muted);font-size:10px;line-height:1.7}
.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px}
.checkbox input{width:18px;height:18px}
.onboarding-sidebar{position:sticky;top:112px;padding:22px}
.check-row{display:grid;grid-template-columns:29px 1fr;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.check-row>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:10px}
.check-row.done>span{border-color:var(--lime);background:var(--lime)}
.check-row strong{font-size:10px}
.onboarding-sidebar hr{margin:20px 0;border:0;border-top:1px solid var(--line)}
.onboarding-sidebar>small{color:var(--muted);font-size:9px;line-height:1.7}
.success-card{width:min(540px,100%);margin:60px auto;padding:45px;text-align:center}
.success-card>span{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--lime);font:700 24px Georgia,serif}
.success-card h2{font:700 28px Georgia,serif}
.success-card p{margin-bottom:25px;color:var(--muted);font-size:11px;line-height:1.7}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-brand{padding:38px 55px;display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 75%,rgba(201,243,107,.22),transparent 28%),linear-gradient(145deg,#0d2422,#173d38)}
.auth-brand .brand{align-self:flex-start}
.auth-brand>div{max-width:580px;margin:auto 0}
.auth-brand>div p{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:1.5px}
.auth-brand>div h1{margin:13px 0 18px;font:700 47px/1.08 Georgia,serif;letter-spacing:-1.5px}
.auth-brand>div small{display:block;max-width:490px;color:#b7c8c4;font-size:13px;line-height:1.8}
.auth-brand footer{color:#77908b;font-size:9px}
.auth-panel{padding:35px;display:grid;place-items:center;background:#fff}
.auth-card{width:min(430px,100%)}
.auth-card h2{margin:0 0 9px;font:700 30px Georgia,serif}
.auth-card>.muted{margin-bottom:25px}
.form-help{margin-top:22px;color:var(--muted);font-size:9px;text-align:center}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-grid,.onboarding-layout{grid-template-columns:1fr}.sticky-card,.onboarding-sidebar{position:static}.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:72px;padding:22px 10px}.sidebar .brand strong,.sidebar-label,.sidebar nav a{font-size:0}.sidebar .brand{justify-content:center}.sidebar nav a{justify-content:center;padding:0}.sidebar nav i{font-size:18px}.stripe-status,.sidebar-user>div{display:none}.sidebar-user{justify-content:center}.workspace{margin-left:72px}.topbar{height:76px;padding:0 18px}.topbar h1{font-size:19px}.topbar .button{width:40px;padding:0;font-size:0}.content{padding:18px}.metrics,.card-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero-number{width:100%;padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.15)}.share-box{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:260px;padding:28px}.auth-brand>div h1{font-size:33px}.auth-brand footer{display:none}.auth-panel{padding:30px 20px}.form-grid.two,.form-grid.four{grid-template-columns:1fr}.onboarding-callout{align-items:flex-start;flex-direction:column}.upload-form{grid-template-columns:1fr}}