/* 超豪AI: cobalt, violet, white. Logo is the original generated PNG asset. */
:root {
  --accent: #5b50e8;
  --accent-dark: #4437ba;
  --accent-soft: #f0eeff;
  --green: var(--accent);
  --green-dark: var(--accent-dark);
  --soft-green: var(--accent-soft);
  --shadow: 0 6px 26px rgba(38,43,94,.045);
}
body { background: #f5f6fc; }
.topbar { background: rgba(255,255,255,.96); border-bottom-color: #e8e9f7; }
.brand { padding-top: 23px; padding-bottom: 23px; gap: 15px; }
.brand-icon, .admin-logo .brand-icon {
  background: transparent;
  width: 52px;
  height: 52px;
  padding: 0;
  border-radius: 0;
}
.brand-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-title { font-size: 23px; font-weight: 700; color: #252747; letter-spacing: .2px; }
.brand-subtitle { color: #717b95; }
.primary {
  background: linear-gradient(115deg,#5363ed,#7850de);
  box-shadow: 0 5px 14px rgba(91,80,232,.19);
}
.primary:hover { background: linear-gradient(115deg,#4856db,#6540cb); box-shadow: 0 7px 18px rgba(91,80,232,.25); }
.query-panel { border-color: #e4e6f5; box-shadow: 0 8px 30px rgba(46,50,113,.035); }
.eyebrow { color: #7060c5; letter-spacing: 1.1px; }
.query-security { color: #757096!important; }
.summary-card { background: linear-gradient(120deg,#edf3ff,#f1efff 66%,#f8f2ff); border-color: #dce0f7; box-shadow: 0 8px 25px rgba(80,70,160,.04); }
.summary-money { color: #4c44c3; }
.data-date { background: rgba(255,255,255,.75); }
.source-block { border-left-color: #b8a8e9; }
.source-main { color: #7864ae; }
.video-row { border-color: #e4e0f3; }
.quick-row button.active { background: #eeebff; color: #5440b5; border-color: #d9d1fa; }
.admin-sidebar { background: linear-gradient(170deg,#1c203f,#211b3c); }
.admin-logo .brand-icon { background: #f9f8ff; padding: 5px; width: 44px; height: 44px; border-radius: 12px; }
.admin-logo strong { font-size: 18px; color: #f6f4ff; }
.admin-logo span { color: #b4b5d2; }
.admin-nav button.active { background: #3c326b; border-color: #5a478f; color: #ece6ff; }
.admin-nav button.active .ui-icon { color: #c6b3ff; }
.admin-nav button.active:hover { background: #463976; }
.admin-nav button:hover, .admin-nav a:hover { background: #303152; }
.admin-topbar .ghost-btn { background: #5b50e8; border-color: #5b50e8; }
.admin-topbar .ghost-btn:hover { background: #493ecb; }
.overview-stats>div:nth-child(2) { background: linear-gradient(120deg,#f1efff,#f7f2ff); }
progress.trend-bar::-webkit-progress-bar { background: #eeecfb; }
.auth-dialog h2 { color: #292944; }
@media(max-width:720px) {
  .brand { padding: 18px 16px; gap: 10px; }
  .brand-icon { width: 43px; height: 43px; }
  .brand-title { font-size: 19px; }
  .brand-copy { min-width: 0; }
  .admin-logo .brand-icon { width: 42px; height: 42px; }
}