:root{
  --bg:#f4f6fb;
  --surface:#ffffff;
  --surface-soft:#f8f9fd;
  --ink:#182033;
  --muted:#7d879b;
  --border:#e7eaf2;
  --purple:#6146df;
  --purple-dark:#4630b5;
  --purple-light:#efedff;
  --orange:#f39b62;
  --green:#2ca477;
  --shadow:0 14px 40px rgba(29,39,74,.07);
  --shadow-soft:0 5px 20px rgba(29,39,74,.05);
}
html{background:var(--bg)}
body{background:radial-gradient(circle at 86% -12%,#ebe8ff 0,transparent 28%),var(--bg);color:var(--ink);letter-spacing:.01em}
.app-shell{min-height:100vh}
.sidebar{width:264px;padding:31px 17px 20px;background:linear-gradient(180deg,#fff 0%,#fafaff 100%);border-right:1px solid rgba(224,228,239,.9);box-shadow:8px 0 30px rgba(36,42,75,.025)}
.brand{font-size:20px;letter-spacing:-.03em;padding:0 13px 31px}
.brand-logo{width:34px;height:34px;filter:drop-shadow(0 8px 10px rgba(97,70,223,.18))}
.nav-label{font-size:9px;letter-spacing:1.3px;color:#b0b6c3;font-weight:800;padding:0 14px;margin:0 0 2px}.nav-label-spaced{margin-top:25px}
.workspace-switcher{background:rgba(246,247,253,.8);border-color:#e6e8f2;padding:12px 11px;margin-bottom:28px;box-shadow:inset 0 1px #fff}
.nav-list{gap:7px}
.nav-item{padding:12px 14px;border-radius:10px;gap:12px;color:#788398}
.nav-item span{font-size:16px}
.nav-item:hover,.nav-item.active{color:var(--purple);background:linear-gradient(90deg,#efedff,#f6f4ff);box-shadow:inset 3px 0 var(--purple)}
.sidebar-footer .nav-item{margin-bottom:18px}
.profile{padding:18px 10px 0;border-color:#e8eaf2}
.avatar{box-shadow:0 0 0 4px #fff,0 3px 10px rgba(34,38,69,.08)}
.main-content{background:transparent}
.topbar{height:82px;padding:0 48px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(224,228,239,.8);backdrop-filter:blur(14px);position:sticky;top:0;z-index:3}
.breadcrumb{font-size:11px}
.topbar-actions{gap:19px}
.notification{width:35px;height:35px;border-radius:9px;background:#f5f6fb}
.button{border-radius:9px;padding:12px 18px;letter-spacing:.01em}
.button-primary{background:linear-gradient(135deg,var(--purple),#7d65ed);box-shadow:0 8px 18px rgba(97,70,223,.2)}
.button-secondary{border-color:#e1e4ee;box-shadow:0 3px 9px rgba(33,40,74,.03)}
.page-body{padding:43px 48px 60px;max-width:1600px}
.welcome-row,.section-header{margin-bottom:31px}
.eyebrow{color:#8c94a7;letter-spacing:1.4px}
.welcome-row h1,.section-header h1{font-size:29px;letter-spacing:-.8px;color:#182033}
.muted{color:#8791a5}
.stats-grid{gap:19px;margin-bottom:25px}
.stat-card,.card{border:1px solid rgba(226,230,240,.95);border-radius:15px;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}
.stat-card:hover,.card:hover{box-shadow:0 17px 42px rgba(29,39,74,.1)}
.stat-card{padding:21px 21px 17px}
.stat-head{color:#7e889c}
.stat-card>strong{color:#182033;font-size:28px}
.dashboard-grid{gap:23px;margin-bottom:25px}
.chart-card,.upcoming-card,.recent-card{padding:26px}
.card h2{font-size:16px;color:#202a40}
.card-heading a{font-size:11px}
.chart{height:245px;margin-top:27px}
.chart .line{stroke:#6449e2}
.upcoming-item{padding:14px 0}
.upcoming-item strong{color:#273148}
.platform-icon{box-shadow:0 4px 10px rgba(35,40,73,.12)}
.recent-card{overflow:hidden}
th{color:#98a0b1;padding:18px 12px;font-size:9px}
td{padding:16px 12px;color:#657087}
.post-cell strong{color:#273148}
.status{padding:6px 9px}
.calendar-toolbar,.content-toolbar{margin-bottom:18px}
.calendar{border-radius:15px;box-shadow:var(--shadow)}
.calendar-weekday{padding:16px;color:#929bad}
.calendar-day{min-height:137px;padding:11px;background:rgba(255,255,255,.72)}
.calendar-day.muted-day{background:#fafbfe}
.calendar-event{padding:6px 7px;margin-top:10px}
.settings-layout{gap:24px}
.settings-menu{border-radius:15px;box-shadow:var(--shadow);padding:11px}
.settings-tab{padding:13px 14px}
.billing-card,.plan-card{padding:26px}
.payment-method{padding:16px;border-radius:11px;background:#fcfdff}
.billing-notice{background:#f7f6ff}
.plan-card{border-left:4px solid var(--purple)}
.modal{border:1px solid #e3e6ef;box-shadow:0 26px 80px rgba(27,29,61,.22);border-radius:18px}
.modal textarea,.modal input,.modal select{border-color:#dfe3ed;border-radius:9px}
.toast{border-radius:10px;box-shadow:0 14px 35px rgba(23,26,53,.2)}
.empty-state{box-shadow:var(--shadow)}
@media(max-width:1050px){
  .page-body{padding:35px 30px}
  .topbar{padding:0 30px}
}
@media(max-width:760px){
  .sidebar{width:68px;padding:21px 9px}
  .brand{padding-left:9px;padding-right:9px}
  .topbar{height:70px;padding:0 18px}
  .page-body{padding:26px 16px 42px}
  .welcome-row h1,.section-header h1{font-size:24px}
  .stat-card,.card{border-radius:13px}
  .settings-layout{gap:15px}
  .settings-menu{display:flex;overflow:auto;gap:5px}
  .settings-tab{white-space:nowrap}
}