:root {
  --sidebar-width: 220px;
}

.topbar {
  position: fixed;
  inset: 0 0 auto 0;
  padding: 0 22px;
  z-index: 20;
}

.topbar .user-area {
  margin-left: auto;
}

.sidebar {
  position: fixed;
  top: 64px;
  bottom: 0;
  left: 0;
  width: var(--sidebar-width);
  padding: 18px 12px;
  background: #fff;
  border-right: 1px solid var(--line);
  overflow-y: auto;
  z-index: 15;
}

.department-nav {
  display: grid;
  gap: 4px;
}

.department-link {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px;
  border-radius: 5px;
  color: #34463c;
  font: inherit;
  font-weight: 650;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.department-link:hover {
  background: #f1f5f2;
}

.department-link.active {
  background: #e4f0e8;
  color: var(--green);
}

.chevron {
  font-size: 17px;
  transition: transform .18s ease;
}

.nav-group > .subnav{display:none}.nav-group.open > .subnav{display:grid}.nav-group.open > .department-link .chevron{transform:rotate(180deg)}

.subnav {
  display: grid;
  gap: 2px;
  margin: 3px 0 9px;
  padding-left: 16px;
  border-left: 1px solid #d7e2db;
}

.subnav-link {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 0 13px;
  border-radius: 4px;
  color: #66746c;
}

.subnav-link:hover {
  background: #f4f7f5;
  color: var(--ink);
}

.subnav-link.active {
  background: #edf5f0;
  color: var(--green);
  font-weight: 700;
}

.nested-nav{padding:6px 0 4px 13px;color:#66746c}.nested-nav>span{display:block;margin-bottom:4px;font-size:12px;font-weight:650}.nested-nav>div{display:grid;gap:2px;padding-left:10px;border-left:1px solid #d7e2db}.third-nav-link{min-height:34px;display:flex;align-items:center;padding:0 10px;border-radius:4px;color:#758179;font-size:12px}.third-nav-link:hover,.third-nav-link.active{color:var(--green);background:#edf5f0}.third-nav-link.active{font-weight:700}

.app-page {
  max-width: none;
  margin: 64px 0 0 var(--sidebar-width);
  padding: 28px;
}

.department-empty {
  min-height: 360px;
  display: grid;
  place-content: center;
  justify-items: center;
  text-align: center;
  background: #fff;
  border: 1px solid var(--line);
}

.department-empty h2 {
  margin: 14px 0 3px;
  font-size: 19px;
}

.department-empty p {
  margin: 0;
  color: var(--muted);
}

.department-badge {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #e4f0e8;
  color: var(--green);
  font-size: 21px;
  font-weight: 800;
}

.selection-upload{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:28px;background:#fff;border:1px solid var(--line)}.selection-upload-title{display:flex;align-items:center;gap:14px}.selection-upload-title>span{width:46px;height:46px;display:grid;place-items:center;color:#176b45;font-size:13px;font-weight:800;background:#e4f0e8;border-radius:5px}.selection-upload-title h2{margin:0;font-size:17px}.selection-upload-title p{margin:2px 0 0;color:var(--muted);font-size:12px}.selection-upload form{display:flex;align-items:center;gap:10px}.selection-file{width:330px;min-height:40px;display:flex;align-items:center;padding:7px 10px;background:#f8faf9;border:1px dashed #91a399;cursor:pointer}.selection-file input{width:100%}.selection-history{margin-top:0}.selection-history h2{margin-bottom:12px}

.personnel-heading{align-items:flex-end}.people-filter{display:flex;align-items:center;gap:8px}.people-filter input,.people-filter select{height:38px;padding:0 10px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.people-filter input{width:220px}.people-filter select{width:130px}.people-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px;background:#fff;border:1px solid var(--line)}.people-summary>div{padding:10px 16px;border-right:1px solid var(--line)}.people-summary>div:last-child{border:0}.people-summary span,.people-summary strong{display:block}.people-summary span{color:var(--muted);font-size:10px}.people-summary strong{margin-top:1px;font-size:17px}.people-grid{display:grid;grid-template-columns:repeat(5,minmax(195px,1fr));gap:10px}.person-card{position:relative;min-width:0;padding:10px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 2px 8px rgba(24,53,37,.04)}.person-card:hover{border-color:#a9bbb0;box-shadow:0 5px 14px rgba(24,53,37,.08)}.person-identity{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px;text-align:left}.person-identity>div{min-width:0}.person-mini-meta{display:flex;align-items:center;gap:5px;margin-bottom:2px}.person-mini-meta span{padding:1px 5px;color:var(--green);font-size:9px;font-weight:700;background:#e4f0e8;border-radius:2px}.person-mini-meta small{color:var(--muted);font-size:9px}.person-photo{display:block;width:48px;height:48px;object-fit:cover;border:2px solid #edf3ef;border-radius:50%}.person-card h2{margin:0;font-size:14px;line-height:1.25}.person-role{margin:1px 0 0;color:var(--muted);font-size:10px;line-height:1.3}.person-org{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;padding:7px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.person-org span{color:var(--muted);font-size:9px}.person-org strong{font-size:10px}.tenure{display:grid;grid-template-columns:1fr 1fr;padding:7px 0}.tenure>div:first-child{border-right:1px solid var(--line)}.tenure span,.tenure strong{display:block}.tenure span{color:var(--muted);font-size:8px}.tenure strong{font-size:10px}.person-finance{display:grid;grid-template-columns:repeat(3,1fr);padding:7px 1px;background:#f3f7f4}.person-finance>div{min-width:0;border-right:1px solid #dce5df}.person-finance>div:last-child{border:0}.person-finance span,.person-finance strong{display:block}.person-finance span{color:var(--muted);font-size:8px}.person-finance strong{margin-top:1px;font-size:9px;overflow-wrap:anywhere}.person-finance>div:nth-child(2) strong,.person-finance>div:nth-child(3) strong{color:var(--green)}.simulation-note{display:block;margin-top:4px;color:#909a94;font-size:8px}.people-empty{grid-column:1/-1;padding:70px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--line)}

@media (max-width: 900px) {
  .sidebar {
    top: 64px;
    right: 0;
    bottom: auto;
    width: auto;
    height: 56px;
    padding: 6px 10px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    overflow-x: auto;
    overflow-y: hidden;
  }

  .department-nav {
    display: flex;
    gap: 4px;
    width: max-content;
  }

  .nav-group {
    display: flex;
  }

  .sales-group{display:flex}.sales-subnav{align-items:center}.nested-nav{display:flex;align-items:center;padding:0}.nested-nav>span{margin:0 5px 0 10px;white-space:nowrap}.nested-nav>div{display:flex;padding:0;border:0}.third-nav-link{min-height:42px;padding:0 12px;white-space:nowrap}

  .nav-group > .department-link {
    display: none;
  }

  .subnav {
    display: flex;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .nav-group>.subnav,.nav-group.open>.subnav{display:flex}

  .subnav-link,
  .department-link {
    min-height: 42px;
    white-space: nowrap;
  }

  .chevron {
    display: none;
  }

  .app-page {
    margin: 120px 0 0;
    padding: 18px 12px;
  }
}

.finance-heading {
  gap: 24px;
}

.analytics-filter {
  display: flex;
  align-items: flex-end;
  gap: 9px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
}

.analytics-filter label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
}

.analytics-filter input,
.analytics-filter select {
  display: block;
  width: 145px;
  height: 36px;
  margin-top: 3px;
  padding: 0 9px;
  background: #fff;
  border: 1px solid #bdc8c1;
  border-radius: 4px;
}

.analytics-filter select {
  width: 210px;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.kpi {
  min-height: 125px;
  padding: 18px;
  position: relative;
  width: 100%;
  color: var(--ink);
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 0;
  cursor: pointer;
}

.kpi:hover {
  border-color: #8eaa99;
  box-shadow: 0 3px 12px rgba(24, 63, 41, .08);
}

.kpi span,
.kpi small {
  display: block;
  color: var(--muted);
}

.kpi span {
  font-size: 12px;
  font-weight: 650;
}

.kpi strong {
  display: block;
  margin: 8px 0 5px;
  font-size: 24px;
  line-height: 1.2;
}

.kpi small {
  font-size: 11px;
}

.kpi > i {
  position: absolute;
  right: 14px;
  bottom: 11px;
  color: var(--green);
  font-size: 10px;
  font-style: normal;
  font-weight: 650;
}

.primary-kpi {
  color: #fff;
  background: #176b45;
  border-color: #176b45;
}

.primary-kpi span,
.primary-kpi small {
  color: #d9eee2;
}

.primary-kpi > i {
  color: #d9eee2;
}

.insight-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 16px;
  background: #eef4f0;
  border: 1px solid #cedbd3;
}

.insight-strip > div {
  min-width: 0;
  padding: 15px 19px;
  border-right: 1px solid #cedbd3;
}

.insight-strip > div:last-child {
  border: 0;
}

.insight-strip span,
.insight-strip small,
.insight-strip strong {
  display: block;
}

.insight-strip span,
.insight-strip small {
  color: var(--muted);
  font-size: 11px;
}

.insight-strip strong {
  margin: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analysis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.daily-panel {
  margin-bottom: 16px;
}

.carrier-panel{margin-bottom:16px}.carrier-overview{display:grid;grid-template-columns:210px minmax(0,1fr);align-items:center;gap:28px}.carrier-donut{width:190px;height:190px}.carrier-items{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px}.carrier-items>div{min-width:0;padding:13px;background:#f6f8f7;border:1px solid var(--line)}.carrier-items span,.carrier-items strong,.carrier-items small{display:block}.carrier-items span,.carrier-items small{color:var(--muted);font-size:11px}.carrier-items strong{margin:2px 0;font-size:19px}.carrier-items i{display:block;height:4px;margin-top:9px;overflow:hidden;background:#e0e7e3}.carrier-items i b{display:block;height:100%;background:#399269}.carrier-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.carrier-tags span{display:inline-block;padding:2px 5px;border-radius:3px;font-size:10px;white-space:nowrap}.carrier-tags .live{color:#8b4d0d;background:#fff0d9}.carrier-tags .video{color:#2e5f91;background:#e6eef7}.carrier-tags .card{color:#176b45;background:#e1f2e8}

.daily-panel .panel-heading > span {
  color: var(--muted);
  font-size: 12px;
}

.daily-list {
  display: grid;
  gap: 10px;
}

.daily-row {
  display: grid;
  grid-template-columns: 105px 110px minmax(100px, 1fr) 160px 150px;
  align-items: center;
  gap: 14px;
  min-height: 36px;
}

.daily-row > span {
  color: var(--muted);
  font-size: 12px;
}

.daily-row b {
  color: var(--ink);
}

.daily-track {
  height: 8px;
  overflow: hidden;
  background: #e6ece8;
}

.daily-track i {
  display: block;
  height: 100%;
  background: #399269;
}

.analysis-panel {
  min-width: 0;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--line);
}

.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.panel-heading h2 {
  margin: 0;
  font-size: 16px;
}

.panel-heading a {
  color: var(--green);
  font-size: 12px;
  font-weight: 650;
}

.rank-list {
  display: grid;
  gap: 13px;
}

.rank-row {
  display: grid;
  grid-template-columns: minmax(110px, 1.2fr) minmax(80px, 1fr) 120px;
  align-items: center;
  gap: 12px;
}

.rank-label,
.rank-value {
  min-width: 0;
}

.rank-label strong,
.rank-label small,
.rank-value strong,
.rank-value small {
  display: block;
}

.rank-label strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rank-label small,
.rank-value small {
  color: var(--muted);
  font-size: 11px;
}

.rank-value {
  text-align: right;
}

.rank-track {
  height: 7px;
  overflow: hidden;
  background: #e6ece8;
}

.rank-track i {
  display: block;
  height: 100%;
  background: #399269;
}

.channel-summary {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.channel-summary > div {
  position: relative;
  min-height: 104px;
  padding: 15px;
  overflow: hidden;
  background: #f6f8f7;
  border: 1px solid var(--line);
}

.channel-summary span,
.channel-summary strong,
.channel-summary small {
  display: block;
}

.channel-summary span,
.channel-summary small {
  color: var(--muted);
  font-size: 11px;
}

.channel-summary strong {
  margin: 5px 0;
  font-size: 19px;
}

.channel-summary i {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  background: var(--green);
}

.compact-table {
  overflow-x: auto;
}

.compact-table table {
  min-width: 560px;
}

.compact-table th,
.compact-table td {
  padding: 9px 10px;
}

.profit {
  color: var(--green);
}

.panel-empty {
  padding: 35px 0;
  text-align: center;
  color: var(--muted);
}

.finance-table table {
  min-width: 920px;
}

.channel-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 14px;
}

.channel-cards > div {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--line);
}

.channel-cards > div > span {
  color: var(--muted);
  font-weight: 650;
}

.channel-cards > div > strong {
  display: block;
  margin: 7px 0 16px;
  font-size: 24px;
}

.channel-cards dl {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 7px 18px;
  margin: 0;
}

.channel-cards dt {
  color: var(--muted);
}

.channel-cards dd {
  margin: 0;
  font-weight: 650;
}

.finance-section {
  display: flex;
  margin-top: 28px;
}

.finance-section h2 {
  margin-bottom: 2px;
}

.finance-section p {
  margin: 0 0 14px;
  color: var(--muted);
}

.category-maintenance table {
  min-width: 860px;
}

.category-maintenance input {
  height: 36px;
  padding: 0 9px;
  border: 1px solid #bdc8c1;
  border-radius: 4px;
}

.category-maintenance td:nth-child(2) input {
  width: 100%;
  min-width: 220px;
}

.percent-input {
  display: flex;
  align-items: center;
  gap: 6px;
}

.percent-input input {
  width: 85px;
}

@media (max-width: 1180px) {
  .finance-heading {
    display: block;
  }

  .analytics-filter {
    margin-top: 14px;
    width: max-content;
    max-width: 100%;
    overflow-x: auto;
  }

  .kpi-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .people-grid{grid-template-columns:repeat(4,minmax(205px,1fr))}.personnel-heading{display:block}.people-filter{margin-top:14px}
}

@media (max-width: 980px) and (min-width: 761px) {
  .people-grid{grid-template-columns:repeat(3,minmax(205px,1fr))}
}

@media (max-width: 760px) {
  .kpi-grid,
  .insight-strip,
  .analysis-grid,
  .channel-cards {
    grid-template-columns: 1fr;
  }

  .insight-strip > div {
    border-right: 0;
    border-bottom: 1px solid #cedbd3;
  }

  .analytics-filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .analytics-filter input,
  .analytics-filter select {
    width: 100%;
  }

  .analytics-filter label:nth-child(3),
  .analytics-filter button {
    grid-column: span 2;
  }

  .rank-row {
    grid-template-columns: 1fr 90px;
  }

  .daily-row {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--line);
  }

  .daily-track {
    display: none;
  }

  .carrier-overview{grid-template-columns:1fr;justify-items:center}.carrier-items{grid-template-columns:1fr;width:100%}

  .selection-upload{align-items:stretch;flex-direction:column}.selection-upload form{align-items:stretch;flex-direction:column}.selection-file{width:100%}

  .people-summary{grid-template-columns:1fr 1fr}.people-summary>div:nth-child(2){border-right:0}.people-summary>div{border-bottom:1px solid var(--line)}.people-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.people-filter{display:grid;grid-template-columns:1fr 1fr}.people-filter input,.people-filter select{width:100%}.people-filter input{grid-column:span 2}

  .rank-track {
    display: none;
  }
}

.entity-link {
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  color: #176b45;
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: transparent;
  border: 0;
  border-bottom: 1px dashed #86aa97;
  cursor: pointer;
}

.entity-link:hover {
  color: #0e5134;
  border-bottom-style: solid;
}

.insight-link {
  display: block;
  width: max-content;
  margin: 3px 0;
  font-size: 14px;
}

.drilldown-dialog {
  width: min(1040px, calc(100vw - 40px));
  max-height: calc(100vh - 40px);
  padding: 0;
  overflow: visible;
  color: var(--ink);
  background: #f4f7f5;
  border: 1px solid #b8c7be;
  border-radius: 6px;
  box-shadow: 0 22px 70px rgba(13, 35, 23, .28);
}

.drilldown-dialog::backdrop {
  background: rgba(13, 25, 18, .48);
}

.dialog-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 34px;
  height: 34px;
  padding: 0;
  color: #617067;
  font-size: 23px;
  line-height: 1;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 4px;
  cursor: pointer;
}

.drilldown-content {
  max-height: calc(100vh - 42px);
  padding: 26px;
  overflow-y: auto;
}

.dialog-loading {
  min-height: 300px;
  display: grid;
  place-items: center;
  color: var(--muted);
}

.error-text {
  color: var(--red);
}

.drilldown-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding-right: 46px;
  margin-bottom: 18px;
}

.drilldown-header h2 {
  margin: 2px 0;
  font-size: 24px;
}

.drilldown-header p,
.drilldown-type {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.headline-profit {
  padding: 10px 13px;
  color: var(--green);
  white-space: nowrap;
  background: #e4f0e8;
  border: 1px solid #c5dacd;
}

.drilldown-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 14px;
  background: #fff;
  border: 1px solid var(--line);
}

.drilldown-kpis > div {
  padding: 14px 16px;
  border-right: 1px solid var(--line);
}

.drilldown-kpis > div:last-child {
  border: 0;
}

.drilldown-kpis span,
.drilldown-kpis strong {
  display: block;
}

.drilldown-kpis span {
  color: var(--muted);
  font-size: 11px;
}

.drilldown-kpis strong {
  margin-top: 4px;
  font-size: 19px;
}

.activity-callout {
  display: grid;
  grid-template-columns: 145px auto 1fr;
  align-items: center;
  gap: 13px;
  padding: 12px 15px;
  margin-bottom: 14px;
  background: #fff7e8;
  border: 1px solid #ead5a9;
}

.activity-callout span,
.activity-callout small {
  color: #786746;
  font-size: 11px;
}

.activity-callout small {
  text-align: right;
}

.highlight-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}

.highlight-grid > div {
  min-width: 0;
  padding: 14px 16px;
  background: #eef4f0;
  border: 1px solid #cedbd3;
}

.highlight-grid span,
.highlight-grid strong,
.highlight-grid small {
  display: block;
}

.highlight-grid span,
.highlight-grid small {
  color: var(--muted);
  font-size: 11px;
}

.highlight-grid strong {
  margin: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drilldown-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.drilldown-grid > section {
  min-width: 0;
  padding: 17px;
  background: #fff;
  border: 1px solid var(--line);
}

.drilldown-grid > section.wide {
  grid-column: span 2;
}

.drilldown-grid h3 {
  margin: 0 0 14px;
  font-size: 15px;
}

.share-list {
  display: grid;
  gap: 13px;
}

.share-list > div {
  display: grid;
  grid-template-columns: minmax(100px, 1fr) auto;
  align-items: center;
  gap: 3px 10px;
}

.share-list > div > span,
.share-list small {
  color: var(--muted);
  font-size: 11px;
}

.share-list > div > span {
  text-align: right;
}

.share-list i {
  grid-column: span 2;
  height: 5px;
  overflow: hidden;
  background: #e6ece8;
}

.share-list i b {
  display: block;
  height: 100%;
  background: #399269;
}

.share-list small {
  grid-column: span 2;
}

.metric-list {
  display: grid;
  gap: 0;
}

.metric-list > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) 90px 100px;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  border-bottom: 1px solid var(--line);
}

.metric-list > div:last-child {
  border: 0;
}

.metric-list span {
  color: var(--muted);
  font-size: 11px;
  text-align: right;
}

.metric-overview {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
}

.donut-section,
.metric-highlights {
  min-width: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
}

.donut-section {
  display: grid;
  grid-template-columns: 190px minmax(160px, 1fr);
  align-items: center;
  gap: 24px;
}

.donut-chart {
  width: 180px;
  height: 180px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

.donut-chart > div {
  width: 108px;
  height: 108px;
  display: grid;
  place-content: center;
  text-align: center;
  background: #fff;
  border-radius: 50%;
}

.donut-chart strong,
.donut-chart span {
  display: block;
}

.donut-chart strong {
  font-size: 17px;
}

.donut-chart span {
  color: var(--muted);
  font-size: 10px;
}

.donut-legend {
  display: grid;
  gap: 8px;
}

.donut-legend > div {
  display: grid;
  grid-template-columns: 9px minmax(80px, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.donut-legend i {
  width: 9px;
  height: 9px;
  border-radius: 2px;
}

.donut-legend span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.metric-highlights {
  display: grid;
  align-content: center;
}

.metric-highlights > div {
  min-width: 0;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
}

.metric-highlights > div:last-child {
  border: 0;
}

.metric-highlights span,
.metric-highlights small,
.metric-highlights strong {
  display: block;
}

.metric-highlights span,
.metric-highlights small {
  color: var(--muted);
  font-size: 11px;
}

.metric-highlights .entity-link,
.metric-highlights > div > strong {
  margin: 3px 0;
}

.simple-breakdowns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.simple-breakdowns > section {
  min-width: 0;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
}

.simple-breakdowns h3 {
  margin: 0 0 10px;
  font-size: 14px;
}

.simple-breakdowns section > div {
  display: grid;
  grid-template-columns: 20px minmax(80px, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  border-bottom: 1px solid var(--line);
}

.simple-breakdowns section > div:last-child {
  border: 0;
}

.simple-breakdowns section > div > span {
  color: #8a968f;
  font-size: 11px;
}

.simple-breakdowns section > div > strong,
.simple-breakdowns section > div > .entity-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.simple-breakdowns b {
  font-size: 12px;
  white-space: nowrap;
}

.metric-note {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 11px;
}

.code-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 20px;
}

@media (max-width: 680px) {
  .drilldown-dialog {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
  }

  .drilldown-content {
    max-height: calc(100vh - 18px);
    padding: 18px 14px;
  }

  .drilldown-header {
    display: block;
  }

  .headline-profit {
    display: inline-block;
    margin-top: 10px;
  }

  .drilldown-kpis,
  .highlight-grid,
  .drilldown-grid {
    grid-template-columns: 1fr 1fr;
  }

  .drilldown-kpis > div:nth-child(2) {
    border-right: 0;
  }

  .drilldown-grid > section,
  .drilldown-grid > section.wide {
    grid-column: span 2;
  }

  .activity-callout {
    grid-template-columns: 1fr;
  }

  .activity-callout small {
    text-align: left;
  }

  .highlight-grid > div:last-child {
    grid-column: span 2;
  }

  .code-list {
    grid-template-columns: 1fr;
  }

  .metric-overview,
  .simple-breakdowns {
    grid-template-columns: 1fr;
  }

  .donut-section {
    grid-template-columns: 145px 1fr;
    gap: 12px;
  }

  .donut-chart {
    width: 140px;
    height: 140px;
  }

  .donut-chart > div {
    width: 84px;
    height: 84px;
  }

  .donut-chart strong {
    font-size: 13px;
  }

  .people-grid{grid-template-columns:1fr}.people-filter{grid-template-columns:1fr}.people-filter input{grid-column:auto}.person-card{min-height:0}
}

.business-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;background:#fff;border:1px solid var(--line)}.business-summary>div{padding:14px 18px;border-right:1px solid var(--line)}.business-summary>div:last-child{border:0}.business-summary span,.business-summary strong{display:block}.business-summary span{color:var(--muted);font-size:11px}.business-summary strong{margin-top:3px;font-size:20px}.business-title{margin-top:0}.business-staff-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;margin-bottom:24px}.business-person{padding:14px;background:#fff;border:1px solid var(--line);border-radius:5px}.business-person-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.business-person-head img{width:48px;height:48px;object-fit:cover;border-radius:50%}.business-person-head strong,.business-person-head span{display:block}.business-person-head span{color:var(--muted);font-size:10px}.business-person dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--line)}.business-person dl>div{padding:8px;background:#f8faf9}.business-person dt{color:var(--muted);font-size:9px}.business-person dd{margin:1px 0 0;font-size:12px;font-weight:700}.assignment-tools{display:grid;grid-template-columns:1.2fr 1fr;gap:0;margin-bottom:26px;background:#fff;border:1px solid var(--line)}.assignment-tools>div{padding:18px}.assignment-tools>div:first-child{border-right:1px solid var(--line)}.assignment-tools h2{margin:0 0 12px;font-size:15px}.assignment-tools form{display:flex;align-items:flex-end;gap:9px}.assignment-tools label{color:var(--muted);font-size:10px;font-weight:650}.assignment-tools select{display:block;width:190px;height:38px;margin-top:3px;padding:0 8px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.assignment-tools p{margin:8px 0 0;color:var(--muted);font-size:10px}.business-file{min-width:260px;min-height:38px;display:flex;align-items:center;padding:6px 9px;background:#f8faf9;border:1px dashed #91a399}.business-file input{width:100%}.creator-assignment-heading{align-items:flex-end;margin-top:0}.creator-assignment-heading h2{margin:0;font-size:18px}.business-table table{min-width:960px}.owner-cell{display:flex;align-items:center;gap:7px}.owner-cell img{width:28px;height:28px;object-fit:cover;border-radius:50%}.unassigned{color:var(--red)}
.business-rankings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.business-rankings>section,.personal-analysis>section{min-width:0;padding:17px;background:#fff;border:1px solid var(--line)}.business-rankings .panel-heading>span,.personal-analysis .panel-heading>span{color:var(--muted);font-size:10px}.ranking-list{display:grid}.ranking-list>div{display:grid;grid-template-columns:28px minmax(100px,1fr) 80px 100px;align-items:center;gap:8px;min-height:38px;border-bottom:1px solid var(--line)}.ranking-list>div:last-child{border:0}.ranking-list>div>span:not(.rank-mark){color:var(--muted);font-size:10px;text-align:right}.ranking-list>div>strong{text-align:right;font-size:11px}.rank-mark{width:25px;height:25px;display:grid;place-items:center;color:#68736c;font-size:11px;font-weight:800}.rank-mark.rank-1,.rank-mark.rank-2,.rank-mark.rank-3{font-size:21px;line-height:1}.rank-mark.rank-1{color:#d4a017}.rank-mark.rank-2{color:#9da5ab}.rank-mark.rank-3{color:#b87333}.business-profile-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.business-profile-head>img{width:68px;height:68px;object-fit:cover;border:3px solid #edf3ef;border-radius:50%}.business-profile-head>div>span{color:var(--muted);font-size:10px}.business-profile-head h1{margin:0;font-size:23px}.business-profile-head p{margin:1px 0 0;color:var(--muted)}.business-profile-head>a{margin-left:auto}.personal-analysis{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.personal-analysis>section:first-child{grid-row:span 2}.personal-creator-list{display:grid}.personal-creator-list>div{display:grid;grid-template-columns:28px minmax(80px,1fr) minmax(110px,1.2fr) 55px 90px;align-items:center;gap:7px;min-height:42px;border-bottom:1px solid var(--line)}.personal-creator-list>div:last-child{border:0}.personal-creator-list>div>.carrier-tags{margin:0}.personal-creator-list>div>span:not(.rank-mark){color:var(--muted);font-size:10px;text-align:right}.personal-creator-list>div>strong{text-align:right;font-size:11px}

.creator-trend{padding:17px;margin-bottom:14px;background:#fff;border:1px solid var(--line)}.creator-trend .panel-heading{margin-bottom:10px}.creator-trend .panel-heading h3{margin:0;font-size:15px}.creator-trend .panel-heading p{margin:1px 0 0;color:var(--muted);font-size:10px}.creator-trend .panel-heading>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.creator-trend .panel-heading>span i{width:8px;height:8px;background:#c83d34;border-radius:50%}.sales-chart-stage{position:relative;width:100%;height:240px;overflow:hidden}.sales-chart-stage canvas{display:block}.content-event-dot{position:absolute;width:14px;height:14px;padding:0;transform:translate(-50%,-50%);background:#d43d34;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #b52b24;cursor:pointer;z-index:2}.content-event-dot:hover,.content-event-dot.selected{width:18px;height:18px;background:#a91f18}.event-detail-panel{min-height:66px;padding:11px 13px;background:#fff8f7;border-top:1px solid #edcfcc}.event-detail-panel>p{margin:13px 0;text-align:center;color:var(--muted);font-size:11px}.event-detail-panel article{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;align-items:center}.event-detail-panel article[hidden]{display:none}.event-detail-panel article>div span,.event-detail-panel article>div strong,.event-detail-panel article>div small{display:block}.event-detail-panel article>div span{color:#a62c25;font-size:10px}.event-detail-panel article>div small{color:var(--muted);font-size:10px}.event-detail-panel article dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.event-detail-panel article dl>div{min-width:0}.event-detail-panel dt{color:var(--muted);font-size:9px}.event-detail-panel dd{margin:2px 0 0;font-size:11px;font-weight:700;overflow-wrap:anywhere}

@media(max-width:1050px){.business-staff-grid{grid-template-columns:repeat(2,1fr)}.assignment-tools{grid-template-columns:1fr}.assignment-tools>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.personal-analysis{grid-template-columns:1fr}.personal-analysis>section:first-child{grid-row:auto}}
@media(max-width:760px){.business-summary{grid-template-columns:1fr 1fr}.business-summary>div:nth-child(2){border-right:0}.business-summary>div{border-bottom:1px solid var(--line)}.assignment-tools form{align-items:stretch;flex-direction:column}.assignment-tools select,.business-file{width:100%;min-width:0}.creator-assignment-heading{display:block}.creator-assignment-heading .people-filter{margin-top:10px}.event-detail-panel article{grid-template-columns:1fr}.event-detail-panel article dl{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.business-rankings{grid-template-columns:1fr}.personal-creator-list>div{grid-template-columns:25px minmax(80px,1fr) 55px 85px}.personal-creator-list .carrier-tags{display:none}}
@media(max-width:520px){.business-staff-grid{grid-template-columns:1fr}.event-detail-panel article dl{grid-template-columns:1fr}.ranking-list>div{grid-template-columns:25px minmax(80px,1fr) 85px}.ranking-list>div>span:not(.rank-mark){display:none}.business-profile-head>img{width:54px;height:54px}.business-profile-head h1{font-size:19px}}

/* Video team weekly operating view */
.video-heading{align-items:center}.video-filter{display:flex;align-items:center;gap:8px}.video-filter select{height:38px;min-width:135px;padding:0 30px 0 10px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.video-kpis{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:14px;background:#fff;border:1px solid var(--line)}.video-kpis>div{min-width:0;padding:14px 17px;border-right:1px solid var(--line)}.video-kpis>div:last-child{border:0}.video-kpis span,.video-kpis strong{display:block}.video-kpis span{color:var(--muted);font-size:10px}.video-kpis strong{margin-top:2px;font-size:20px;white-space:nowrap}.video-upload-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;margin-bottom:14px;background:#edf5f0;border:1px solid #cbded2}.video-upload-band h2{margin:0;font-size:15px}.video-upload-band p{margin:2px 0 0;color:var(--muted);font-size:10px}.video-upload-band form{display:flex;align-items:center;gap:9px}.video-upload-band input[type=file]{max-width:290px;padding:7px 9px;background:#fff;border:1px dashed #91a399;border-radius:4px;font-size:11px}.video-analysis-grid,.video-rank-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:22px}.video-analysis-grid>section,.video-rank-grid>section{min-width:0;padding:17px;background:#fff;border:1px solid var(--line)}.video-analysis-grid .panel-heading,.video-rank-grid .panel-heading{margin-bottom:13px}.video-analysis-grid .panel-heading h2,.video-rank-grid .panel-heading h2{margin:0;font-size:15px}.video-analysis-grid .panel-heading>span,.video-rank-grid .panel-heading>span{color:var(--muted);font-size:10px}.video-donut-wrap{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px}.video-donut{width:178px;height:178px}.video-donut>div{width:104px;height:104px}.video-report{background:#fbfcfb!important}.video-report ol{display:grid;gap:10px;margin:0;padding-left:22px}.video-report li{padding:8px 10px;color:#39463f;background:#f2f6f3;border-left:3px solid #4b8b68;font-size:12px}.video-section-title{margin:0 0 10px}.video-section-title h2{margin:0;font-size:17px}.video-section-title p{margin:2px 0 0;color:var(--muted);font-size:10px}.video-type-table{margin-bottom:22px}.video-type-table table{min-width:900px}.video-type-table th,.video-type-table td{padding:10px 12px}.publisher-ranking,.top-video-list{display:grid}.publisher-ranking>div{display:grid;grid-template-columns:28px minmax(90px,1fr) 100px 78px 96px;align-items:center;gap:8px;min-height:40px;border-bottom:1px solid var(--line)}.publisher-ranking>div:last-child,.top-video-list>div:last-child{border:0}.publisher-ranking>div>span:not(.rank-mark){text-align:center;color:var(--muted);font-size:10px}.publisher-ranking>div>span>b{display:inline-block;padding:2px 6px;color:#9a4d17;background:#fff0df;border-radius:3px;font-size:9px}.publisher-ranking small,.publisher-ranking>div>strong{text-align:right;font-size:10px}.publisher-ranking small{color:var(--muted)}.publisher-ranking>div>strong{font-size:11px}.top-video-list>div{display:grid;grid-template-columns:28px minmax(130px,1fr) 76px 94px 34px;align-items:center;gap:8px;min-height:47px;border-bottom:1px solid var(--line)}.top-video-list>div>div{min-width:0}.top-video-list>div>div span{display:block;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.top-video-list small,.top-video-list>strong{text-align:right}.top-video-list small{color:var(--muted);font-size:10px}.top-video-list>strong{font-size:11px}.top-video-list a,.publisher-video-list a{color:var(--blue);font-size:10px;font-weight:650}.publisher-video-list{display:grid}.publisher-video-list>div{display:grid;grid-template-columns:minmax(120px,1fr) 90px 100px 58px;align-items:center;gap:10px;min-height:45px;border-bottom:1px solid var(--line)}.publisher-video-list>div:last-child{border:0}.publisher-video-list>div>div{min-width:0}.publisher-video-list>div>div strong,.publisher-video-list>div>div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publisher-video-list>div>div span,.publisher-video-list>div>span{color:var(--muted);font-size:10px}.publisher-video-list>div>b{font-size:11px;text-align:right}
@media(max-width:1050px){.video-kpis{grid-template-columns:repeat(3,1fr)}.video-kpis>div:nth-child(3){border-right:0}.video-kpis>div:nth-child(-n+3){border-bottom:1px solid var(--line)}.video-analysis-grid,.video-rank-grid{grid-template-columns:1fr}.video-donut-wrap{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:700px){.video-heading{display:block}.video-filter{margin-top:12px;flex-wrap:wrap}.video-filter select{flex:1;min-width:120px}.video-kpis{grid-template-columns:1fr 1fr}.video-kpis>div{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)}.video-kpis>div:nth-child(2n){border-right:0!important}.video-kpis>div:last-child{grid-column:span 2;border-bottom:0}.video-upload-band{align-items:stretch;flex-direction:column}.video-upload-band form{align-items:stretch;flex-direction:column}.video-upload-band input[type=file]{max-width:none;width:100%}.video-donut-wrap{grid-template-columns:145px minmax(0,1fr);gap:12px}.video-donut{width:140px;height:140px}.video-donut>div{width:84px;height:84px}.publisher-ranking>div{grid-template-columns:25px minmax(90px,1fr) 78px 88px}.publisher-ranking small{display:none}.top-video-list>div{grid-template-columns:25px minmax(100px,1fr) 84px 30px}.top-video-list small{display:none}.publisher-video-list>div{grid-template-columns:minmax(100px,1fr) 88px 48px}.publisher-video-list>div>span{display:none}}
@media(max-width:460px){.video-donut-wrap{grid-template-columns:1fr}.video-donut{margin:auto}.video-filter .primary{width:100%}.publisher-ranking>div{grid-template-columns:25px minmax(80px,1fr) 82px}.publisher-ranking>div>span:not(.rank-mark){display:none}.top-video-list>div{grid-template-columns:25px minmax(100px,1fr) 30px}.top-video-list>strong{display:none}}

.owned-video-panel{background:#fffdf9!important}.simulation-tag{display:inline-block;padding:2px 7px;color:#875716!important;background:#fff2d8;border-radius:3px;font-weight:650}.video-report-wide{padding:17px;margin:-8px 0 22px;background:#fbfcfb!important;border:1px solid var(--line)}.video-report-wide .panel-heading{margin-bottom:12px}.video-report-wide .panel-heading h2{margin:0;font-size:15px}.video-report-wide .panel-heading p{margin:2px 0 0;color:var(--muted);font-size:10px}.video-report-wide .panel-heading>span{color:var(--muted);font-size:10px}.video-report-wide ol{grid-template-columns:1fr 1fr;gap:9px 18px}.video-report-wide li{margin:0}
@media(max-width:700px){.video-report-wide ol{grid-template-columns:1fr}}

.project-kpis{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:14px;background:#fff;border:1px solid var(--line)}.project-kpis>div{padding:14px 17px;border-right:1px solid var(--line)}.project-kpis>div:last-child{border:0}.project-kpis span,.project-kpis strong{display:block}.project-kpis span{color:var(--muted);font-size:10px}.project-kpis strong{font-size:20px}.project-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.project-tools details{background:#fff;border:1px solid var(--line)}.project-tools summary{padding:13px 16px;color:var(--green);font-weight:700;cursor:pointer}.project-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 16px 16px;border-top:1px solid var(--line)}.project-form label{color:var(--muted);font-size:10px;font-weight:650}.project-form input,.project-form select,.project-form textarea{display:block;width:100%;height:36px;margin-top:3px;padding:0 8px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.project-form textarea{height:58px;padding:7px 8px;resize:vertical}.project-form .wide{grid-column:span 2}.project-form button{align-self:end}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}.project-card{min-width:0;padding:17px;background:#fff;border:1px solid var(--line);border-radius:6px}.project-card header{display:flex;justify-content:space-between;align-items:flex-start}.project-card header span{color:var(--muted);font-size:10px}.project-card h2{margin:1px 0 0;font-size:17px}.project-card header>b{padding:3px 7px;color:var(--green);background:#e8f2ec;border-radius:3px;font-size:10px}.project-progress-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:17px}.project-progress-head strong{font-size:22px}.project-progress-head span{color:var(--muted);font-size:10px}.project-progress{height:8px;margin:6px 0 15px;overflow:hidden;background:#e5ebe7;border-radius:4px}.project-progress i{display:block;height:100%;background:#2f8b5d;border-radius:4px}.project-card dl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;background:var(--line)}.project-card dl>div{padding:8px;background:#f8faf9}.project-card dt{color:var(--muted);font-size:9px}.project-card dd{margin:2px 0 0;font-size:11px;font-weight:700}.project-rule{margin-top:12px;padding:9px 11px;background:#f4f7f5}.project-rule span{color:var(--muted);font-size:9px}.project-rule p{margin:2px 0 0;font-size:11px}.project-daily-title{margin-bottom:10px}.project-daily-title h2{margin:0}.project-daily-title p{margin:2px 0 0;color:var(--muted);font-size:10px}.project-daily table{min-width:850px}
@media(max-width:1000px){.project-kpis{grid-template-columns:repeat(3,1fr)}.project-tools{grid-template-columns:1fr}.project-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.project-kpis{grid-template-columns:1fr 1fr}.project-kpis>div{border-bottom:1px solid var(--line)}.project-grid{grid-template-columns:1fr}.project-form{grid-template-columns:1fr}.project-form .wide{grid-column:auto}.project-card dl{grid-template-columns:1fr 1fr}}

.engineering-eyebrow{color:var(--green);font-size:10px;font-weight:700}.engineering-kpis{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:22px;background:#fff;border:1px solid var(--line)}.engineering-kpis>div{padding:14px 17px;border-right:1px solid var(--line)}.engineering-kpis>div:last-child{border:0}.engineering-kpis span,.engineering-kpis strong{display:block}.engineering-kpis span{color:var(--muted);font-size:10px}.engineering-kpis strong{font-size:20px}.engineering-kpis .risk-kpi strong{color:var(--red)}.engineering-title{margin:0 0 10px}.engineering-title h2{margin:0;font-size:17px}.engineering-title p{margin:2px 0 0;color:var(--muted);font-size:10px}.engineering-people{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.engineering-people>a{display:grid;grid-template-columns:42px minmax(90px,1fr);gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:6px}.engineering-people img{width:42px;height:42px;object-fit:cover;border-radius:50%}.engineering-people>a>div strong,.engineering-people>a>div span{display:block}.engineering-people>a>div span{color:var(--muted);font-size:10px}.engineering-people dl{grid-column:span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:var(--line)}.engineering-people dl>div{padding:7px;background:#f8faf9}.engineering-people dt{color:var(--muted);font-size:9px}.engineering-people dd{margin:1px 0 0;font-size:11px;font-weight:700}.engineering-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.engineering-product{min-width:0;padding:15px;background:#fff;border:1px solid var(--line);border-top:3px solid #65a37f;border-radius:6px}.engineering-product.risk-紧急{border-top-color:#c83d34}.engineering-product.risk-高风险{border-top-color:#d87532}.engineering-product.risk-关注{border-top-color:#d0a12b}.engineering-product header{display:flex;justify-content:space-between;gap:8px}.engineering-product header span{color:var(--muted);font-size:9px}.engineering-product h3{margin:1px 0 0;font-size:15px}.engineering-product header>b{align-self:flex-start;padding:2px 6px;color:var(--green);background:#e8f2ec;border-radius:3px;font-size:9px}.engineering-product.risk-紧急 header>b{color:#a52f28;background:#fde9e7}.engineering-product.risk-高风险 header>b{color:#a6531e;background:#fff0e4}.engineering-product.risk-关注 header>b{color:#846313;background:#fff5d9}.days-indicator{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.days-indicator>div{padding:8px 10px;background:#f7f9f8;border-right:1px solid var(--line)}.days-indicator>div:last-child{border:0}.days-indicator strong,.days-indicator span{display:block}.days-indicator strong{font-size:19px}.days-indicator span{color:var(--muted);font-size:9px}.stock-bar{height:6px;margin:8px 0 13px;background:#e5ebe7;border-radius:3px}.stock-bar i{display:block;height:100%;background:#4d956c;border-radius:3px}.risk-紧急 .stock-bar i{background:#c83d34}.risk-高风险 .stock-bar i{background:#d87532}.risk-关注 .stock-bar i{background:#d0a12b}.engineering-product dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:var(--line)}.engineering-product dl>div{padding:7px 8px;background:#fff}.engineering-product dt{color:var(--muted);font-size:9px}.engineering-product dd{margin:1px 0 0;font-size:12px;font-weight:700}.engineering-product footer{display:flex;align-items:center;gap:6px;margin-top:11px;color:var(--muted);font-size:9px}.engineering-product footer img{width:23px;height:23px;object-fit:cover;border-radius:50%}.engineering-product footer strong{color:var(--ink);font-size:10px}.engineering-product footer small{margin-left:auto}.engineering-risk-note{display:flex;gap:12px;padding:11px 14px;background:#fff;border:1px solid var(--line);font-size:10px}.engineering-risk-note span{color:var(--muted)}
@media(max-width:1050px){.engineering-products{grid-template-columns:1fr 1fr}.engineering-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.engineering-kpis{grid-template-columns:1fr 1fr}.engineering-people,.engineering-products{grid-template-columns:1fr}.engineering-risk-note{display:block}.engineering-risk-note span{display:block;margin-top:3px}}

.engineering-filter{display:grid;grid-template-columns:1fr 1fr 1.4fr auto auto;align-items:end;gap:10px;padding:14px 16px;margin-bottom:22px;background:#fff;border:1px solid var(--line)}.engineering-filter label>span{display:block;margin-bottom:3px;color:var(--muted);font-size:10px;font-weight:650}.engineering-filter select,.engineering-filter input{width:100%;height:38px;padding:0 9px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.engineering-detail-link{margin-left:5px;white-space:nowrap}.engineering-empty{grid-column:1/-1;padding:50px;background:#fff;border:1px solid var(--line);text-align:center;color:var(--muted)}.engineering-update{padding:16px;margin-top:14px;background:#f8faf9;border:1px solid var(--line)}.engineering-update h3{margin:0;font-size:15px}.engineering-update .panel-heading p{margin:2px 0 0;color:var(--muted);font-size:10px}.engineering-update form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end}.engineering-update label{color:var(--muted);font-size:10px;font-weight:650}.engineering-update input{display:block;width:100%;height:38px;margin-top:3px;padding:0 9px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.engineering-update button{grid-column:span 4}.engineering-detail-note{padding:12px 14px;margin-top:12px;background:#fff7e8;border-left:3px solid #c38a25}.engineering-detail-note strong{font-size:11px}.engineering-detail-note p{margin:3px 0 0;color:var(--muted);font-size:10px}.engineering-product.risk-紧急{position:relative;padding-top:0;background:#fff7f6;border:2px solid #c83d34;box-shadow:0 5px 16px rgba(168,42,34,.14)}.urgent-banner{margin:0 -13px 13px;padding:8px 12px;background:#b92f28;color:#fff;font-size:11px;font-weight:750}.urgent-banner span{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;background:#fff;color:#b92f28;border-radius:50%;font-weight:900}.risk-紧急 .days-indicator>div:first-child{background:#fde5e2}.risk-紧急 .days-indicator>div:first-child strong{color:#ad2923;font-size:25px}.engineering-product.risk-紧急 header>b{padding:4px 8px;color:#fff;background:#c83d34;font-size:10px}.risk-紧急 .stock-bar{height:9px;background:#f4cbc7}
@media(max-width:900px){.engineering-filter{grid-template-columns:1fr 1fr}.engineering-filter label:nth-child(3){grid-column:span 2}.engineering-update form{grid-template-columns:1fr 1fr}.engineering-update button{grid-column:span 2}}
@media(max-width:560px){.engineering-filter{grid-template-columns:1fr}.engineering-filter label:nth-child(3){grid-column:auto}.engineering-update form{grid-template-columns:1fr}.engineering-update button{grid-column:auto}}

.business-channel-overview{padding:17px;margin-bottom:14px;background:#fff;border:1px solid var(--line)}.business-channel-overview .panel-heading{margin-bottom:8px}.business-channel-overview h2{margin:0;font-size:16px}.business-channel-overview .panel-heading p{margin:2px 0 0;color:var(--muted);font-size:10px}.business-channel-overview .panel-heading>span{color:var(--muted);font-size:10px}.business-channel-body{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:28px}.business-channel-donut{width:175px;height:175px}.business-channel-donut>div{width:104px;height:104px}.business-channel-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.business-channel-legend>div{display:grid;grid-template-columns:10px minmax(70px,1fr) 52px 90px;align-items:center;gap:8px;padding:9px 10px;background:#f7f9f8;border:1px solid var(--line)}.business-channel-legend i,.person-channel-chart i{width:9px;height:9px;border-radius:2px}.business-channel-legend strong,.business-channel-legend small{text-align:right}.business-channel-legend small{color:var(--muted);font-size:10px}.person-channel-chart{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;padding:9px;margin-bottom:10px;background:#f8faf9}.person-channel-donut{width:78px;height:78px}.person-channel-donut>div{width:47px;height:47px}.person-channel-donut strong{font-size:13px}.person-channel-donut span{font-size:8px}.person-channel-chart p{display:grid;grid-template-columns:9px minmax(42px,1fr) 30px;align-items:center;gap:5px;margin:3px 0;font-size:9px}.person-channel-chart p>b{text-align:right}.business-person{display:flex;flex-direction:column}.business-person>dl{margin-top:auto}
@media(max-width:760px){.business-channel-body{grid-template-columns:150px minmax(0,1fr);gap:14px}.business-channel-donut{width:140px;height:140px}.business-channel-donut>div{width:84px;height:84px}.business-channel-legend{grid-template-columns:1fr}.business-channel-legend>div{grid-template-columns:10px minmax(60px,1fr) 45px 78px}}
@media(max-width:480px){.business-channel-body{grid-template-columns:1fr}.business-channel-donut{margin:auto}}
.personal-channel-donut-wrap{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px}.personal-channel-donut{width:125px;height:125px}.personal-channel-donut>div{width:75px;height:75px}.personal-channel-donut strong{font-size:12px}
@media(max-width:480px){.personal-channel-donut-wrap{grid-template-columns:1fr}.personal-channel-donut{margin:auto}}

.creator-lifecycle{padding:17px;margin-bottom:14px;background:#fff;border:1px solid var(--line)}.creator-lifecycle .panel-heading{margin-bottom:12px}.creator-lifecycle h2{margin:0;font-size:16px}.creator-lifecycle .panel-heading p{margin:2px 0 0;color:var(--muted);font-size:10px}.creator-lifecycle .panel-heading>span{color:var(--muted);font-size:10px}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lifecycle-grid article{position:relative;min-width:0;padding:12px;background:#f8faf9;border:1px solid var(--line);border-top:3px solid #71827a;border-radius:5px}.lifecycle-grid article>div{display:flex;align-items:baseline;gap:5px}.lifecycle-grid article>div span{margin-right:auto;font-weight:700;font-size:12px}.lifecycle-grid article>div strong{font-size:21px}.lifecycle-grid article>div small{color:var(--muted);font-size:9px}.lifecycle-grid article>b{display:inline-block;margin-top:5px;font-size:15px}.lifecycle-grid article>p{min-height:30px;margin:2px 0 8px;color:var(--muted);font-size:9px}.lifecycle-grid article>i{display:block;height:5px;overflow:hidden;background:#e3e9e5;border-radius:3px}.lifecycle-grid article>i em{display:block;height:100%;background:#71827a;border-radius:3px}.lifecycle-grid .lifecycle-high{border-top-color:#176b45}.lifecycle-grid .lifecycle-high>i em{background:#176b45}.lifecycle-grid .lifecycle-active{border-top-color:#2e5f91}.lifecycle-grid .lifecycle-active>i em{background:#2e5f91}.lifecycle-grid .lifecycle-new{border-top-color:#c08128}.lifecycle-grid .lifecycle-new>i em{background:#c08128}.lifecycle-grid .lifecycle-reactivated{border-top-color:#a84d45}.lifecycle-grid .lifecycle-reactivated>i em{background:#a84d45}.lifecycle-note{margin:10px 0 0;color:var(--muted);font-size:9px}
@media(max-width:900px){.lifecycle-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.lifecycle-grid{grid-template-columns:1fr}}

.shipment-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px;background:#fff;border:1px solid var(--line)}.shipment-kpis>div{padding:14px 17px;border-right:1px solid var(--line)}.shipment-kpis>div:last-child{border:0}.shipment-kpis span,.shipment-kpis strong{display:block}.shipment-kpis span{color:var(--muted);font-size:10px}.shipment-kpis strong{font-size:20px}.shipment-upload{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px;margin-bottom:22px;background:#edf5f0;border:1px solid #cbded2}.shipment-upload h2{margin:0;font-size:15px}.shipment-upload p{margin:2px 0 0;color:var(--muted);font-size:10px}.shipment-upload form{display:flex;align-items:center;gap:9px}.shipment-upload label{padding:7px 9px;background:#fff;border:1px dashed #91a399;border-radius:4px}.shipment-upload input{max-width:280px;font-size:11px}.shipment-title{margin:0 0 10px}.shipment-title h2{margin:0;font-size:17px}.shipment-title p{margin:2px 0 0;color:var(--muted);font-size:10px}.shipment-items{margin-bottom:22px}.shipment-items table{min-width:1450px}.shipment-items th,.shipment-items td{padding:10px 11px}.warehouse-cell{min-width:260px;white-space:normal}.shipment-batches{display:grid;gap:8px;margin-bottom:14px}.shipment-batches article{display:grid;grid-template-columns:minmax(240px,1.8fr) 1fr 70px 90px;align-items:center;gap:14px;padding:13px 15px;background:#fff;border:1px solid var(--line)}.shipment-batches h3{margin:1px 0;font-size:13px}.shipment-batches article>div>span,.shipment-batches p{color:var(--muted);font-size:9px}.shipment-batches p{margin:0}.shipment-batches dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;background:var(--line)}.shipment-batches dl>div{padding:6px;background:#f8faf9}.shipment-batches dt{color:var(--muted);font-size:8px}.shipment-batches dd{margin:1px 0 0;font-size:11px;font-weight:700}.shipment-note{display:flex;gap:12px;padding:11px 14px;background:#fff7e8;border-left:3px solid #c38a25;font-size:10px}.shipment-note span{color:var(--muted)}
@media(max-width:760px){.shipment-kpis{grid-template-columns:1fr 1fr}.shipment-upload{align-items:stretch;flex-direction:column}.shipment-upload form{align-items:stretch;flex-direction:column}.shipment-upload input{max-width:none;width:100%}.shipment-batches article{grid-template-columns:1fr 80px}.shipment-batches article>dl{grid-column:span 2}.shipment-note{display:block}.shipment-note span{display:block;margin-top:3px}}

.person-card[data-drilldown-url]{cursor:pointer}.person-card[data-drilldown-url]:focus{outline:2px solid #70a989;outline-offset:2px}.person-detail-hint{display:block;margin:6px -10px -10px;padding:5px;color:var(--green);background:#edf5f0;border-top:1px solid #d7e5dc;font-size:8px;font-weight:700}.person-detail-identity{display:flex;align-items:center;gap:11px}.person-detail-identity>img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:2px solid #e5eee8}.person-peak-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.person-peak-list article{display:grid;grid-template-columns:30px minmax(90px,1fr) auto;align-items:center;gap:7px;padding:10px 11px;background:#f8faf9;border:1px solid var(--line);border-top:3px solid #b5bdb8}.person-peak-list article.peak-1{border-top-color:#d4a017}.person-peak-list article.peak-2{border-top-color:#9da5ab}.person-peak-list article.peak-3{border-top-color:#b87333}.person-peak-list small,.person-peak-list strong{display:block}.person-peak-list small{color:var(--muted);font-size:8px}.person-peak-list strong{font-size:11px}.person-peak-list article>b{font-size:11px}.person-performance-trend{margin-bottom:0}.person-peak-dot{background:#d52f27;box-shadow:0 0 0 2px #f6b4af}.person-peak-dot.peak-dot-1{width:19px;height:19px}.person-performance-note{margin:10px 0 0;color:var(--muted);font-size:9px;text-align:center}
@media(max-width:680px){.person-peak-list{grid-template-columns:1fr}.person-peak-list article{grid-template-columns:30px minmax(90px,1fr) auto}.person-detail-identity>img{width:44px;height:44px}}

.account-create,.account-item{margin-bottom:12px;background:#fff;border:1px solid var(--line)}.account-create>summary,.account-item>summary{padding:14px 16px;cursor:pointer;font-weight:700}.account-item>summary{display:flex;align-items:center;justify-content:space-between;gap:15px}.account-item>summary>div:first-child strong,.account-item>summary>div:first-child span{display:block}.account-item>summary>div:first-child span{color:var(--muted);font-size:10px}.account-item>summary>div:last-child{display:flex;align-items:center;gap:7px}.account-item>summary b{padding:2px 6px;color:#875716;background:#fff2d8;border-radius:3px;font-size:9px}.account-form{padding:16px;border-top:1px solid var(--line)}.account-fields{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:10px;margin-bottom:14px}.account-fields label{color:var(--muted);font-size:10px;font-weight:650}.account-fields input:not([type=checkbox]),.account-fields select{display:block;width:100%;height:38px;margin-top:3px;padding:0 9px;background:#fff;border:1px solid #bdc8c1;border-radius:4px}.account-toggle{display:flex;align-items:center;gap:6px;min-height:38px;color:var(--ink)!important}.permission-editor{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.permission-editor>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:#f7f9f8;border:1px solid var(--line)}.permission-editor strong{grid-column:span 2;font-size:11px}.permission-editor label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:9px}.account-list{display:grid;gap:0}
@media(max-width:900px){.account-fields,.permission-editor{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.account-fields,.permission-editor{grid-template-columns:1fr}.account-item>summary{align-items:flex-start;flex-direction:column}.permission-editor strong{grid-column:span 2}}