:root{--bb-bg:#0d0f12;--bb-panel:#15181d;--bb-panel-2:#1b1f25;--bb-line:#2a3038;--bb-line-2:#343b45;--bb-text:#f3f5f7;--bb-muted:#98a3b3;--bb-green:#19b67a;--bb-green-2:#0d8a5b;--bb-red:#ef4e59;--bb-blue:#2f7cf6;--bb-amber:#e8a23a;--bb-white:#fff;--bb-radius:14px;--bb-shadow:0 18px 50px rgba(0,0,0,.25);--sidebar:230px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:var(--bb-bg);color:var(--bb-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.muted{color:var(--bb-muted)!important}.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#14161a;border-right:1px solid var(--bb-line);padding:12px 10px;z-index:30}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#333943;border-radius:20px}.sidebar-brand{height:48px;display:flex;align-items:center;gap:10px;padding:4px 8px;margin-bottom:8px}.sidebar-brand img{width:35px;height:35px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.sidebar-brand b{display:block;font-size:13px}.sidebar-brand small{display:block;color:var(--bb-muted);font-size:8px;margin-top:2px}.active-business{display:flex;align-items:center;gap:9px;border:1px solid var(--bb-line);background:#101216;border-radius:10px;padding:9px;margin:5px 0 16px}.active-business-logo{width:32px;height:32px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.active-business div{min-width:0}.active-business small{display:block;color:#6f7a87;font-size:8px}.active-business b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px}.active-business span{font-size:8px;color:var(--bb-muted)}.nav-group{margin:16px 0}.nav-label{font-size:9px;color:#6f7885;padding:0 9px 7px;text-transform:uppercase;letter-spacing:.12em}.nav-link{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;color:#bcc5ce;font-size:11px;margin:2px 0}.nav-link:hover{background:#1d2127;color:#fff}.nav-link.active{background:linear-gradient(90deg,#25b887,#1e9f75);color:#fff;font-weight:800}.nav-dot{width:8px;height:8px;border:1.5px solid currentColor;border-radius:2px;opacity:.8}.workspace{min-width:0}.topbar{height:58px;position:sticky;top:0;z-index:25;background:rgba(14,16,19,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--bb-line);display:flex;align-items:center;padding:0 24px;gap:14px}.mobile-menu{display:none}.business-switch select{height:34px;max-width:260px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.user-menu{text-align:right;line-height:1.15}.user-menu span{display:block;font-size:10px;font-weight:800}.user-menu small{font-size:8px;color:var(--bb-muted)}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--bb-line);background:#16191e;color:#d4d9df;border-radius:8px;cursor:pointer}.page{padding:22px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-head h1{font-size:20px;margin:0;letter-spacing:-.02em}.page-head p{margin:5px 0 0;color:var(--bb-muted);font-size:10px}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:9px 13px;border:1px solid transparent;font-weight:800;font-size:10px;cursor:pointer;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#20b983;color:#fff}.btn.blue{background:#168ee9;color:#fff}.btn.danger{background:#d83d49;color:#fff}.btn.ghost{background:#181b20;border-color:#303741;color:#d2d7dd}.btn.small{padding:7px 9px;font-size:9px}.grid{display:grid;gap:13px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:14px}.card{background:var(--bb-panel);border:1px solid var(--bb-line);border-radius:12px;padding:14px;min-width:0}.card h2,.card h3{margin:0 0 12px}.card h3{font-size:13px}.stat-card{position:relative;background:var(--bb-panel);border:1px solid var(--bb-line);border-radius:11px;padding:15px;min-height:95px;overflow:hidden}.stat-card span{font-size:9px;color:#a7b1bc}.stat-card strong{display:block;font-size:19px;margin-top:9px}.stat-card .tone{position:absolute;top:0;left:0;right:0;height:3px;background:var(--bb-green)}.stat-card .tone.red{background:var(--bb-red)}.stat-card .tone.blue{background:var(--bb-blue)}.stat-card .tone.amber{background:var(--bb-amber)}.kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field{display:grid;gap:5px;margin-bottom:11px}.field label{font-size:9px;color:#c8d0d7;font-weight:700}.field small{font-size:8px}.field.full{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}input,select,textarea{width:100%;border:1px solid #35404c;background:#0f1216;color:#e9edf0;border-radius:8px;padding:9px 10px;outline:none;font-size:10px}input:focus,select:focus,textarea:focus{border-color:#1cb47b;box-shadow:0 0 0 3px rgba(28,180,123,.10)}textarea{min-height:90px;resize:vertical}select option{background:#15181d}.table-wrap{overflow:auto}.data{width:100%;border-collapse:collapse;min-width:620px}.data th,.data td{text-align:left;padding:10px 9px;border-bottom:1px solid #252b32;font-size:9px;vertical-align:middle}.data th{background:#1b1e24;color:#a9b2bd;font-weight:700;position:sticky;top:0}.data td{color:#e2e7eb}.data tr:hover td{background:#171b20}.badge{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;background:#13382d;color:#5bdbac;font-size:8px;font-weight:800}.badge.blue{background:#152e4e;color:#76b4ff}.badge.red{background:#421d22;color:#ff858d}.badge.amber{background:#47331d;color:#f7bd68}.alert{padding:10px 12px;border-radius:9px;border:1px solid var(--bb-line);background:#181d23;font-size:10px;margin:10px 0}.alert.success{border-color:#245a45;background:#132c23;color:#74ddb6}.alert.error{border-color:#66323a;background:#31191d;color:#ff9da4}.alert.warning{border-color:#654a27;background:#302417;color:#f7c779}.quick-list{display:grid;gap:7px}.quick-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;background:#111419;border:1px solid #292f37;border-radius:8px;font-size:9px}.chart{height:215px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px dashed #353c44;padding-top:15px}.chart .bar{flex:1;min-height:6px;background:linear-gradient(#21c98c,#0b8558);border-radius:5px 5px 0 0}.empty{text-align:center;padding:38px 18px;color:#aab4bd}.empty-icon{width:42px;height:42px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#1d232a}.empty h3{font-size:13px;color:#f2f4f6}.empty p{font-size:9px}.business-identity-preview{display:flex;align-items:center;gap:13px;margin-bottom:18px}.business-identity-preview img{width:58px;height:58px;border-radius:13px;object-fit:contain;background:#fff;padding:5px}.cms-stack{display:grid;gap:12px}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.business-switch select{background:#15191e}.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.dashboard-head h1{font-size:22px;margin:0}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.dash-grid{display:grid;grid-template-columns:1.8fr .8fr;gap:14px;margin-top:14px}.dash-cashflow{min-height:330px}.dash-chart{height:235px;display:flex;align-items:flex-end;gap:12px;padding:20px 10px 0;border-bottom:1px dashed #353b43;background:repeating-linear-gradient(180deg,transparent 0,transparent 52px,#20262d 53px)}.dash-chart i{flex:1;max-width:58px;margin:auto;background:#20be81;border-radius:5px 5px 0 0;position:relative}.dash-chart i.out{background:#ef515b}.dash-chart-labels{display:flex;justify-content:center;gap:25px;margin-top:12px;font-size:9px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20be81;margin-right:5px}.legend-dot.red{background:#ef515b}.balance-card{display:flex;justify-content:space-between;align-items:center;background:#12161a;border:1px solid var(--bb-line);border-radius:11px;padding:17px;margin-bottom:12px}.balance-card small{font-size:9px;color:#9ba6b0}.balance-card strong{display:block;font-size:16px;margin-top:6px}.reminder-panel{min-height:245px}.reminder-empty{text-align:center;padding:42px 12px}.reminder-empty b{font-size:11px}.reminder-empty p{font-size:9px;color:#98a4ad;line-height:1.6}.transaction-card{margin-top:14px}.dashboard-health{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.health-item{background:#13171b;border:1px solid var(--bb-line);border-radius:11px;padding:13px}.health-item small{color:#8e99a4;font-size:8px}.health-item b{display:block;margin-top:5px;font-size:11px}.module-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:13px;margin-bottom:13px}.module-summary{background:linear-gradient(135deg,#14241f,#141a1d);border:1px solid #2b3b35;border-radius:12px;padding:18px}.module-summary h2{font-size:18px;margin:0 0 6px}.module-summary p{color:#9caaa5;font-size:10px;line-height:1.6}.module-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.module-step{padding:9px;border:1px solid #2b3934;border-radius:8px;font-size:8px;color:#a9b8b2}.module-step b{display:block;color:#fff;font-size:9px;margin-bottom:3px}.module-side{display:grid;gap:8px}.module-metric{background:#14191e;border:1px solid var(--bb-line);border-radius:10px;padding:12px}.module-metric span{font-size:8px;color:#8d98a3}.module-metric strong{display:block;font-size:16px;margin-top:5px}.record-actions{display:flex;gap:5px}.record-form-card{position:sticky;top:74px;align-self:start}.status-select{min-width:115px}.progress{height:5px;border-radius:999px;background:#28313a;overflow:hidden}.progress i{display:block;height:100%;background:#20b77e}.auth-body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#203043 0,#101827 36%,#0d1524 100%);color:#fff}.auth-body a{color:#2cc887}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-promo{padding:70px clamp(38px,7vw,110px);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #283448;background:linear-gradient(145deg,rgba(14,26,42,.7),rgba(11,21,35,.35))}.auth-promo img{width:110px;object-fit:contain;margin-bottom:25px}.auth-promo h1{font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.04em;margin:15px 0}.auth-promo p{max-width:600px;color:#aab9cb;line-height:1.7}.auth-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:25px}.auth-proof span{border:1px solid #2b3a4c;background:#111d2e;border-radius:10px;padding:11px;font-size:9px;color:#b8c5d4}.auth-form-panel{display:grid;place-items:center;padding:32px}.auth-form-inner,.auth-card{width:min(100%,480px);background:#172337;border:1px solid #34455b;border-radius:16px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-form-inner h2,.auth-card h1{font-size:25px;margin:5px 0}.auth-overline{color:#25bf82;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:900}.auth-submit{width:100%;margin-top:6px;padding:11px}.auth-links{display:flex;justify-content:space-between;margin-top:18px;font-size:10px}.auth-back{display:block;margin-top:22px;font-size:9px;color:#7d8ea3!important}.auth-brand-logo{width:90px;margin:0 auto 18px}.onboarding-body{display:grid;place-items:center;padding:45px 20px}.onboarding-shell{width:min(100%,960px)}.onboarding-brand{text-align:center;max-width:700px;margin:0 auto 26px}.onboarding-brand img{width:90px;margin:auto}.onboarding-brand h1{font-size:30px;margin:12px 0 7px}.onboarding-brand p{color:#9fb0c2;font-size:11px;line-height:1.7}.onboarding-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onboarding-choice{display:block;background:#172337;border:1px solid #37485d;border-radius:15px;padding:26px;color:#fff!important;transition:.16s}.onboarding-choice:hover{border-color:#25ba81;transform:translateY(-2px)}.onboarding-choice small{font-size:8px;color:#7f93a9}.onboarding-choice h2{font-size:21px;margin:9px 0}.onboarding-choice p,.onboarding-choice li{font-size:10px;color:#aebdca;line-height:1.6}.choice-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#143e30;font-size:20px}.join .choice-icon{background:#17345e}.onboarding-choice ul{padding-left:18px;min-height:85px}.onboarding-existing{margin-top:16px}.onboarding-foot{text-align:center;font-size:10px;margin-top:19px}.business-wizard-card{width:min(100%,760px)}.industry-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 16px}.industry-option{position:relative}.industry-option input{position:absolute;opacity:0;pointer-events:none}.industry-option label{display:block;border:1px solid #3b4a5d;background:#111a29;padding:12px;border-radius:10px;text-align:center;font-size:9px;color:#afbecf;cursor:pointer}.industry-option input:checked+label{background:#173d31;border-color:#2cc887;color:#fff}.step-meter{display:flex;gap:5px;margin:14px 0 22px}.step-meter i{height:4px;flex:1;border-radius:6px;background:#253347}.step-meter i.active{background:#24c084}.profile-choice{border:1px solid #34455b;border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;margin:10px 0;background:#101928}.profile-choice:hover{border-color:#2dbf86}.profile-choice img{width:35px;height:35px;object-fit:contain;border-radius:9px;background:#fff;padding:3px}.profile-choice b{font-size:12px}.profile-choice span{display:block;color:#9db0c3;font-size:9px;margin-top:4px}.loading-skeleton{background:linear-gradient(90deg,#181e24,#252c34,#181e24);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:7px}@keyframes shimmer{to{background-position:-200% 0}}
.theme-dark{}body:not(.theme-dark).app-body{--bb-bg:#f5f7f8;--bb-panel:#fff;--bb-panel-2:#f7f8f9;--bb-line:#dfe4e7;--bb-line-2:#ced6db;--bb-text:#17262d;--bb-muted:#6e7a82;--bb-shadow:0 18px 45px rgba(28,45,54,.08)}body:not(.theme-dark).app-body .sidebar{background:#fff}body:not(.theme-dark).app-body .topbar{background:rgba(255,255,255,.95)}body:not(.theme-dark).app-body .active-business,body:not(.theme-dark).app-body .quick-item,body:not(.theme-dark).app-body input,body:not(.theme-dark).app-body select,body:not(.theme-dark).app-body textarea{background:#fff;color:#17262d}body:not(.theme-dark).app-body .data td{color:#26373f}body:not(.theme-dark).app-body .nav-link{color:#53636b}body:not(.theme-dark).app-body .nav-link:hover{background:#f1f4f3}body:not(.theme-dark).app-body .mock-card{background:#fff}
@media(max-width:1150px){.kpi-strip{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(2,1fr)}.dashboard-health{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:240px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px rgba(0,0,0,.4)}.mobile-menu{display:grid}.page{padding:16px}.split,.dash-grid,.module-hero{grid-template-columns:1fr}.record-form-card{position:static}.auth-layout{grid-template-columns:1fr}.auth-promo{display:none}.onboarding-choice-grid{grid-template-columns:1fr}.industry-picker{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{padding:0 10px}.business-switch{flex:1}.business-switch select{max-width:100%;font-size:9px}.user-menu{display:none}.page{padding:12px}.page-head{align-items:flex-start}.form-grid,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(2,1fr)}.dash-chart{gap:5px}.dashboard-health{grid-template-columns:1fr 1fr}.module-steps{grid-template-columns:repeat(2,1fr)}.auth-form-panel{padding:16px}.auth-form-inner,.auth-card{padding:23px}.industry-picker{grid-template-columns:1fr 1fr}}
.top-search{width:min(380px,32vw);margin-left:auto;position:relative}.top-search input{height:34px;padding-right:54px;background:#181b20}.top-search kbd{position:absolute;right:8px;top:8px;color:#86919b;font-size:8px;border:0}.top-actions{margin-left:0}.user-avatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#21ad7c;color:white;font-weight:900;font-size:11px}@media(max-width:1050px){.top-search{display:none}}
:root{--line:var(--bb-line)}.product-name-cell{display:flex;align-items:center;gap:9px}.product-thumb{width:36px;height:36px;border-radius:7px;object-fit:cover;background:#fff}.profile-card{min-height:260px}.profile-card .business-identity-preview{margin-bottom:12px}.card hr{border:0;border-top:1px solid var(--bb-line)}
/* Multi-business selector */
.business-select-shell{width:min(100%,660px);margin:auto;padding:48px 24px}.business-select-head{text-align:center;margin-bottom:24px}.business-select-head>img{width:96px;height:70px;object-fit:contain;margin:0 auto 12px}.business-select-head h1{font-size:34px;margin:14px 0 8px;color:var(--text)}.business-select-head p{max-width:560px;margin:0 auto;color:var(--muted);line-height:1.65}.business-select-list{display:grid;gap:12px}.business-select-card{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);text-align:left}.business-select-card:hover{border-color:var(--green);transform:translateY(-1px)}.business-avatar{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),#15a968);color:white;font-size:17px;font-weight:900;flex:0 0 auto}.business-select-copy{flex:1;min-width:0}.business-select-copy b{display:block;color:var(--text);font-size:14px}.business-select-copy small{display:block;color:var(--muted);margin-top:5px}.business-select-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}@media(max-width:560px){.business-select-shell{padding:30px 14px}.business-select-card{align-items:flex-start;flex-wrap:wrap}.business-select-card .btn{margin-left:60px}.business-select-head h1{font-size:28px}}
/* v1.0.1 enterprise production refinements */
.card-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;color:#4dd2a4;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.card-kicker:before{content:"";width:16px;height:2px;background:#20b983;border-radius:99px}.mini-rule{display:grid;gap:7px;min-height:108px;padding:14px;border-radius:10px;background:#11151a;border:1px solid var(--bb-line)}.mini-rule b{font-size:10px}.mini-rule span{font-size:8.5px;line-height:1.6;color:var(--bb-muted)}.card,.stat-card,.quick-item,.data,form{max-width:100%}.table-wrap{max-width:100%;border-radius:9px}.data th,.data td{white-space:normal;word-break:break-word}.data td:first-child,.data th:first-child{padding-left:12px}.field input[type=file]{min-height:42px;padding:7px}.field input[type=color]{min-height:42px;padding:5px}.btn[disabled]{opacity:.48;cursor:not-allowed;transform:none!important}.page>.alert:first-child{margin-top:0}.topbar select,.topbar input{border-color:#303741}.sidebar-brand span,.active-business div{overflow:hidden}.nav-link span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell,.workspace,.page,.grid>*{min-width:0}@media(max-width:620px){.top-actions>.icon-btn:nth-child(1){display:none}.top-actions .btn{display:none}.business-switch select{height:38px}.page-head h1{font-size:18px}.card{padding:12px}.data{min-width:560px}.mini-rule{min-height:auto}.auth-body{overflow:auto}.auth-form-inner,.auth-card{width:100%}}