.osbs-shell{display:grid;grid-template-columns:284px minmax(0,1fr);height:100vh;overflow:hidden;background:#eef2f6}.osbs-sidebar{position:relative;z-index:5;display:flex;min-width:0;flex-direction:column;color:#fff;background:#111426;box-shadow:5px 0 20px rgba(16,21,42,.08)}.side-brand{display:flex;align-items:center;gap:12px;height:86px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08)}.side-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f42f6b;font-size:22px;font-weight:800}.side-brand div{display:grid;gap:2px}.side-brand strong{font-size:20px;letter-spacing:.02em}.side-brand small{max-width:175px;color:#aeb5cc;font-size:9px}.quick-open{display:flex;align-items:center;gap:9px;height:46px;margin:16px 14px 13px;padding:0 16px;border:0;border-radius:25px;color:#dce1f2;background:#292d53;font:inherit;font-size:14px;cursor:pointer}.quick-open>span{font-size:20px}.quick-open kbd{margin-left:auto;color:#aeb7d2;font:inherit;font-size:11px}.side-nav{display:grid;gap:5px}.side-nav a{position:relative;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:0 20px;color:#f5f7ff;text-decoration:none;font-weight:500;transition:.18s}.side-nav a:hover,.side-nav a.active{background:#292d53}.side-nav a.active:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#f42f6b}.side-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.side-nav b{font-size:20px;font-weight:400}.nav-dot{position:absolute;top:16px;left:34px;width:8px;height:8px;border-radius:50%;background:#f42f6b}.side-account{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;margin:auto 12px 16px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#202543}.side-account>span,.header-user>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:#f42f6b;font-weight:700}.side-account div,.header-user div{display:grid;min-width:0;gap:2px}.side-account strong,.side-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-account strong{font-size:13px}.side-account small{color:#aeb5cc;font-size:11px}.side-account a{padding:6px;color:#fff;text-decoration:none;font-size:21px}.osbs-workspace{min-width:0;overflow:auto}.workspace-header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 28px;border-bottom:1px solid #e2e6ed;background:#fff}.business-name{display:flex;align-items:center;gap:10px;color:#9299a8;font-size:22px}.business-name i{width:9px;height:9px;border-radius:50%;background:#f42f6b}.header-user{display:flex;align-items:center;gap:10px}.header-user>span{width:38px;height:38px}.header-user strong{font-size:13px}.header-user small{color:#8b94a6;font-size:10px}.mobile-menu{display:none;border:0;background:transparent;font-size:23px}.dashboard-body{padding:7px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.summary-card{display:flex;justify-content:space-between;min-height:174px;padding:30px 26px;border:1px solid #e0e4ea;border-radius:6px;background:#fff}.summary-card div{display:flex;flex-direction:column}.summary-card p,.sales-head p{margin:0 0 12px;color:#69748f;font-size:16px}.summary-card strong,.sales-head strong{color:#242c48;font-size:24px}.summary-card small{margin-top:auto;color:#98a1b4;font-size:14px}.metric-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:34px;font-weight:300}.metric-icon.receive{color:#00bf86;background:#d2fbef}.metric-icon.payable{color:#f94d70;background:#ffe1e6}.sales-card{min-height:450px;margin-top:7px;padding:30px 26px 20px;border:1px solid #e0e4ea;border-radius:6px;background:#fff}.sales-head{display:flex;align-items:flex-start;justify-content:space-between}.sales-head div{display:grid}.sales-head button{min-width:150px;height:46px;border:0;border-radius:25px;color:#26334f;background:#e6f2ff;font:inherit;font-size:14px;font-weight:600}.sales-head button span{margin-left:17px}.chart{position:relative;height:310px;margin:34px 14px 0 38px}.chart-y{position:absolute;inset:0 auto 27px -45px;display:flex;flex-direction:column;justify-content:space-between;width:40px;color:#98a2bd;text-align:right;font-size:11px}.chart-grid{position:absolute;inset:0 0 27px;border-left:1px solid #dfe3e9;border-bottom:2px solid #2b79ec}.chart-grid>i{display:block;height:20%;border-top:1px solid #e1e4e8}.empty-chart{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a8b2c4}.empty-chart span{font-size:30px}.empty-chart strong{font-size:12px}.chart-x{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;color:#98a2bd;font-size:11px}.start-card{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:30px;margin-top:7px;padding:30px;border:1px solid #e0e4ea;border-radius:6px;background:#fff}.start-card .eyebrow{color:#f42f6b}.start-card h2{margin:0 0 10px;font-size:22px}.start-card>div>p:last-child{margin:0;color:#7a8599;font-size:13px;line-height:1.6}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-actions a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:17px;border:1px solid #e3e6eb;border-radius:9px;color:#25304b;text-decoration:none}.quick-actions a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#edf3ff}.quick-actions a div{display:grid;gap:4px}.quick-actions small{color:#8a94a8;font-size:11px}.quick-actions b{color:#1680ec;font-size:28px;font-weight:400}
@media(max-width:900px){.osbs-shell{grid-template-columns:230px minmax(0,1fr)}.side-brand small,.quick-open kbd{display:none}.summary-card{min-height:160px;padding:23px 20px}.start-card{grid-template-columns:1fr}.header-user div{display:none}}
@media(max-width:680px){.osbs-shell{display:block;height:auto;min-height:100vh}.osbs-sidebar{position:fixed;inset:0 auto 0 0;width:270px;transform:translateX(-105%);transition:transform .25s}.osbs-shell.menu-open .osbs-sidebar{transform:none}.osbs-workspace{min-height:100vh}.workspace-header{height:65px;padding:0 17px}.mobile-menu{display:block}.business-name{font-size:16px}.summary-grid{grid-template-columns:1fr}.summary-card{min-height:150px}.sales-card{padding:24px 17px}.chart{margin-left:35px}.start-card{padding:24px 18px}.quick-actions{grid-template-columns:1fr}.dashboard-body{padding:5px}}