:root {
  --u: 4px;
  --grid-gap: 16px;
  --sidebar-expanded: 260px;
  --sidebar-collapsed: 64px;
  --canvas: #f5f6f8;
  --surface: #ffffff;
  --surface-soft: #f8f9fb;
  --line-soft: #e7eaf0;
  --ink: #171b24;
  --ink-2: #647084;
  --ink-3: #98a2b3;
  --brand-blue: #3478f6;
}

html, body { min-width: 320px; }
body {
  --sidebar-width: var(--sidebar-expanded) !important;
  background: var(--canvas) !important;
  color: var(--ink) !important;
  border: 0 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}
body.collapsed { --sidebar-width: var(--sidebar-collapsed) !important; }
.prototype { display: none !important; }

.eam-workspace-sidebar {
  box-sizing: border-box !important;
  width: var(--sidebar-expanded) !important;
  flex: 0 0 var(--sidebar-expanded) !important;
  background: var(--surface) !important;
  border-right: 1px solid var(--line-soft) !important;
  box-shadow: none !important;
}
body.collapsed .eam-workspace-sidebar {
  width: var(--sidebar-collapsed) !important;
  flex-basis: var(--sidebar-collapsed) !important;
}
.eam-workspace-sidebar .side-header {
  height: 72px !important;
  padding: 0 20px !important;
  gap: 12px !important;
}
.eam-workspace-sidebar .brand { gap: 12px !important; }
.eam-workspace-sidebar .brand-mark {
  width: 32px !important;
  height: 32px !important;
}
.eam-workspace-sidebar .brand-word {
  color: #20242d !important;
  font-size: 24px !important;
  font-weight: 760 !important;
  letter-spacing: -.4px !important;
}
.eam-workspace-sidebar .icon-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  color: #7c8798 !important;
}
.eam-workspace-sidebar .nav { padding: 16px 12px 8px !important; }
.eam-workspace-sidebar .nav-item {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 4px !important;
  padding: 0 16px !important;
  gap: 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #596579 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.eam-workspace-sidebar .nav-item svg { width: 20px !important; height: 20px !important; }
.eam-workspace-sidebar .nav-item:hover { background: #f6f7f9 !important; color: #242a35 !important; }
.eam-workspace-sidebar .nav-item.active {
  background: #f4f6f9 !important;
  color: #20242d !important;
  font-weight: 650 !important;
  box-shadow: inset 0 0 0 2px var(--brand-blue) !important;
}
.eam-workspace-sidebar .section-wrap { margin: 16px 0 0 !important; }
.eam-workspace-sidebar .section-head {
  box-sizing: border-box !important;
  min-height: 40px !important;
  padding: 0 24px !important;
  color: #929dad !important;
  font-size: 13px !important;
}
.eam-workspace-sidebar .section-body { padding: 0 12px !important; }
.eam-workspace-sidebar .section-entry,
.eam-workspace-sidebar .session-main {
  min-height: 40px !important;
  border-radius: 8px !important;
  color: #596579 !important;
}
.eam-workspace-sidebar .session-main { padding: 0 12px !important; }
.eam-workspace-sidebar .account {
  min-height: 72px !important;
  padding: 12px 20px !important;
  border-top: 1px solid var(--line-soft) !important;
  background: #fff !important;
}
.eam-workspace-sidebar .account > button { min-height: 48px !important; gap: 12px !important; }
.eam-workspace-sidebar .avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #edf3ff !important;
  color: var(--brand-blue) !important;
}
body.collapsed .eam-workspace-sidebar .compact-sidebar {
  padding: 16px 0 12px !important;
  background: #fff !important;
}
body.collapsed .eam-workspace-sidebar .rail-btn,
body.collapsed .eam-workspace-sidebar .rail-account {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
}

#main {
  min-width: 0 !important;
  background: var(--canvas) !important;
}
.insight-content,
.eam-business-insight .biz-shell,
.page:not(.eam-login-shell),
.adm-content {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 24px !important;
  margin-right: 20px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.collapsed .insight-content,
body.collapsed .eam-business-insight .biz-shell,
body.collapsed .page:not(.eam-login-shell),
body.collapsed .adm-content { margin-right: 24px !important; }

.insight-content,
.eam-business-insight .biz-shell { padding-top: 24px !important; padding-bottom: 48px !important; }
.page-head,
.biz-hero {
  box-sizing: border-box !important;
  min-height: 144px !important;
  margin: 0 0 24px !important;
  padding: 24px 32px !important;
  border: 1px solid #dce5f3 !important;
  border-radius: 16px !important;
  background: linear-gradient(110deg, #f1f5ff, #f8faff) !important;
  box-shadow: none !important;
}
.page-head h1,
.biz-hero h1 { margin: 8px 0 8px !important; color: var(--ink) !important; letter-spacing: -.5px !important; }
.page-head .eyebrow,
.biz-hero .eyebrow { color: var(--brand-blue) !important; letter-spacing: 1.6px !important; font-weight: 750 !important; }

.insight-department-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 16px !important;
}
.insight-department-card {
  grid-column: span 6 !important;
  box-sizing: border-box !important;
  min-height: 184px !important;
  padding: 24px 32px !important;
  border: 1px solid var(--line-soft) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}
.insight-department-card:hover {
  border-color: #cfd8e8 !important;
  box-shadow: 0 8px 24px rgba(32, 48, 72, .06) !important;
  transform: translateY(-2px) !important;
}

.eam-business-insight { background: var(--canvas) !important; }
.biz-main-tabs {
  min-height: 48px !important;
  margin-bottom: 24px !important;
  padding: 0 4px !important;
  border-bottom: 1px solid var(--line-soft) !important;
  background: transparent !important;
}
.biz-main-tab { min-height: 48px !important; padding: 0 20px !important; }
.biz-main-tab.active { color: var(--brand-blue) !important; }
.biz-current-card,
.biz-table-card,
.biz-stage-card,
.biz-order-embedded,
.biz-sales-embedded {
  border-color: var(--line-soft) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.adm-shell { background: var(--canvas) !important; }
.adm-sidebar { width: 260px !important; flex-basis: 260px !important; border-color: var(--line-soft) !important; background: #fff !important; }
.adm-content { margin-top: 24px !important; margin-bottom: 24px !important; }
.adm-tree,.adm-table,.adm-org-summary { border-color: var(--line-soft) !important; border-radius: 12px !important; box-shadow: none !important; }

@media (max-width: 1100px) {
  .insight-department-card { grid-column: span 12 !important; }
  .insight-content,.eam-business-insight .biz-shell,.page:not(.eam-login-shell),.adm-content {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media (max-width: 760px) {
  body { --sidebar-width: var(--sidebar-collapsed) !important; }
  .eam-workspace-sidebar { width: 64px !important; flex-basis: 64px !important; }
  .eam-workspace-sidebar .general-sidebar,
  .eam-workspace-sidebar .workspace-sidebar,
  .eam-workspace-sidebar > .profile { display: none !important; }
  .eam-workspace-sidebar .compact-sidebar { display: flex !important; }
  .insight-content,.eam-business-insight .biz-shell,.page:not(.eam-login-shell),.adm-content {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .page-head,.biz-hero { min-height: 128px !important; padding: 24px !important; }
}