:root {
      --bg-dark: #0a0e14;
      --bg-card: rgba(22,28,40,.65);
      --bg-card-solid: #161c28;
      --bg-sidebar: rgba(14,18,26,.88);
      --border: rgba(255,255,255,.05);
      --border-glow: rgba(200,255,0,.08);
      --lime: #c8ff00;
      --lime-dim: rgba(200,255,0,.12);
      --green: #22c55e;
      --orange: #ff9500;
      --red: #ef4444;
      --blue: #3b82f6;
      --purple: #8b5cf6;
      --gold: #f59e0b;
      --t1: #ffffff;
      --t2: #e2e8f0;
      --t3: #cbd5e1;
      --glass-blur: blur(16px);
      --glass-blur-heavy: blur(24px);
      --ease-premium: cubic-bezier(0.4, 0, 0.2, 1);
      --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body {
      font-family:'Inter',system-ui,sans-serif;
      background:var(--bg-dark);
      color:var(--t1);
      overflow-x:hidden;
      min-height:100vh;
    }
    /* ── Atmospheric Depth Orbs ── */
    body::before, body::after {
      content:''; position:fixed; border-radius:50%; pointer-events:none; z-index:0;
    }
    body::before {
      width:600px; height:600px; top:-120px; right:-80px;
      background:radial-gradient(circle, rgba(200,255,0,.04) 0%, transparent 70%);
    }
    body::after {
      width:500px; height:500px; bottom:-100px; left:100px;
      background:radial-gradient(circle, rgba(59,130,246,.03) 0%, transparent 70%);
    }

    /* ── Element UI Dark Overrides (All Borders Lime-Tinted) ── */
    .el-table, .el-table__expanded-cell { background-color: transparent !important; color: var(--t1) !important; }
    .el-table th, .el-table tr, .el-table td { background-color: transparent !important; border-color: var(--lime-dim) !important; }
    .el-table--border::after, .el-table--group::after, .el-table::before { background-color: var(--lime-dim) !important; }
    .el-table__empty-block { background-color: transparent !important; }
    .el-table__header-wrapper th { background-color: rgba(255,255,255,0.02) !important; color: var(--t2) !important; font-weight: 600; border-bottom: 2px solid var(--lime-dim) !important; }
    .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: rgba(255,255,255,0.04) !important; }
    .el-table--border, .el-table--group { border: 1px solid var(--lime-dim) !important; }
    .el-table--border td, .el-table--border th { border-right: 1px solid rgba(200,255,0,0.08) !important; border-bottom: 1px solid rgba(200,255,0,0.08) !important; }
    .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf { border-bottom: 1px solid var(--lime-dim) !important; }
    .el-table--mini .el-table__cell { padding: 8px 0 !important; }
    .el-table__cell { padding: 10px 0 !important; }
    .el-table__fixed-right::before, .el-table__fixed::before { background-color: var(--lime-dim) !important; }
    .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell { background: rgba(200,255,0,0.02) !important; }
    /* Fix bottom border line of tables */
    .el-table::before { height: 1px !important; }
    .el-table--border::after { width: 1px !important; }

    /* ── Element UI Tabs (underline style) Dark Override ── */
    .custom-nested-tabs { border: none !important; box-shadow: none !important; background: transparent !important; }
    .custom-nested-tabs .el-tabs__header { margin-bottom: 18px !important; border-bottom: 1px solid var(--lime-dim) !important; background: transparent !important; }
    .custom-nested-tabs .el-tabs__item { color: var(--t3) !important; border: none !important; background: transparent !important; padding: 0 24px !important; height: 40px; line-height: 40px; font-size: 14px; transition: all .25s var(--ease-premium); }
    .custom-nested-tabs .el-tabs__item.is-active { color: var(--lime) !important; font-weight: 700; }
    .custom-nested-tabs .el-tabs__item:hover { color: var(--lime) !important; }
    .custom-nested-tabs .el-tabs__active-bar { background-color: var(--lime) !important; height: 2px !important; }
    .custom-nested-tabs .el-tabs__nav-wrap::after { background-color: var(--lime-dim) !important; height: 1px !important; }
    .custom-nested-tabs .el-tabs__content { padding: 16px 4px !important; color: var(--t1) !important; }
    .el-tabs__content { color: var(--t1) !important; }

    /* ── Expand Row Animation ── */
    .el-table__expanded-cell { padding: 0 !important; transition: all .3s var(--ease-premium); }
    .el-table__expanded-cell[class*='cell'] { padding: 0 !important; }
    .expand-enter-active, .expand-leave-active { transition: all .3s var(--ease-premium); overflow: hidden; }
    .expand-enter, .expand-leave-to { opacity: 0; max-height: 0; }
    .expand-enter-to, .expand-leave { opacity: 1; max-height: 800px; }

    /* ── Element UI Radio-Button Group (logi_type) ── */
    .logi-type-group .el-radio-button__inner { background: rgba(255,255,255,0.04) !important; border-color: var(--lime-dim) !important; color: var(--t3) !important; padding: 8px 16px; font-size: 13px; transition: all .2s; }
    .logi-type-group .el-radio-button__orig-radio:checked + .el-radio-button__inner { background: var(--lime) !important; border-color: var(--lime) !important; color: #0a0e14 !important; font-weight: 700; box-shadow: -1px 0 0 0 var(--lime) !important; }
    .logi-type-group .el-radio-button__inner:hover { color: var(--lime) !important; border-color: rgba(200,255,0,0.3) !important; }

    /* ── Element UI Select / Dropdown Dark Override ── */
    .el-select-dropdown { background-color: var(--bg-card-solid) !important; border-color: var(--lime-dim) !important; }
    .el-select-dropdown__item { color: var(--t2) !important; }
    .el-select-dropdown__item.selected { color: var(--lime) !important; font-weight: 700; }
    .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: rgba(200,255,0,0.06) !important; }
    .el-tag { background-color: rgba(200,255,0,0.1) !important; border-color: var(--lime-dim) !important; color: var(--lime) !important; }
    .el-tag .el-tag__close { color: var(--lime) !important; }
    .el-tag .el-tag__close:hover { background-color: var(--lime) !important; color: #0a0e14 !important; }

    /* ── Element UI Divider Dark Override ── */
    .el-divider { border-top-color: var(--lime-dim) !important; }
    .el-divider__text { background-color: var(--bg-card-solid) !important; color: var(--t2) !important; font-weight: 600; }


    .el-input__inner, .el-textarea__inner { background-color: rgba(255,255,255,0.04) !important; border-color: var(--border) !important; color: var(--t1) !important; padding-left: 14px; }
    .el-input__inner:focus, .el-textarea__inner:focus { border-color: var(--lime) !important; box-shadow: 0 0 0 2px rgba(200,255,0,0.1) !important; }
    .el-input-group__append, .el-input-group__prepend { background-color: rgba(255,255,255,0.06) !important; border-color: var(--border) !important; color: var(--t1) !important; }

    .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { background-color: rgba(255,255,255,0.04) !important; color: var(--t1) !important; }
    .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: var(--lime) !important; color: #0a0e14 !important; }

    .el-card, .el-card__header { background-color: var(--bg-card-solid) !important; border-color: var(--border) !important; color: var(--t1) !important; }
    .el-dialog { background-color: var(--bg-card-solid) !important; border: 1px solid var(--border); border-radius: 12px !important; box-shadow: 0 24px 60px rgba(0,0,0,0.4) !important;}
    .el-dialog__title { color: var(--t1) !important; font-weight: 600; }
    .el-dialog__body { color: var(--t2) !important; }

    .el-button--default { background: rgba(255,255,255,0.06) !important; border-color: var(--border) !important; color: var(--t1) !important; }
    .el-button--default:hover { border-color: var(--lime) !important; color: var(--lime) !important; background: rgba(255,255,255,0.02) !important; }
    .el-button--primary { background: linear-gradient(135deg,var(--lime),#a8d940) !important; border-color: transparent !important; color: #0a0e14 !important; font-weight: 600; }

    .el-message-box { background-color: var(--bg-card-solid) !important; border: 1px solid var(--border) !important; }
    .el-message-box__title { color: var(--t1) !important; }
    .el-message-box__content { color: var(--t2) !important; }

    /* ── Glassmorphic Sidebar ── */
    .sidebar {
      position:fixed; left:0; top:0; bottom:0; width:230px;
      background:var(--bg-sidebar);
      backdrop-filter:var(--glass-blur-heavy);
      -webkit-backdrop-filter:var(--glass-blur-heavy);
      border-right:1px solid var(--border);
      display:flex; flex-direction:column; z-index:100;
      transition:all .3s var(--ease-premium);
      overflow-y:auto; overflow-x:hidden;
    }
    .sidebar::-webkit-scrollbar { width:4px; }
    .sidebar::-webkit-scrollbar-track { background:transparent; }
    .sidebar::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.1); border-radius:2px; }
    .sidebar::-webkit-scrollbar-thumb:hover { background:rgba(200,255,0,0.3); }
    .sidebar.collapsed { width:60px; }
    .sidebar.collapsed .sidebar-brand span,
    .sidebar.collapsed .nav-label,
    .sidebar.collapsed .nav-item span,
    .sidebar.collapsed .nav-badge { display:none; }
    .sidebar.collapsed .sidebar-brand { justify-content:center; padding:28px 0 24px; gap:0; }
    .sidebar.collapsed .nav-item { justify-content:center; padding:12px 0; gap:0; border-left:none; }
    .sidebar.collapsed .nav-item i { width:auto; font-size:16px; }
    .sidebar.collapsed .nav-item.active { border-left:3px solid var(--lime); }
    .sidebar-toggle {
      position:fixed; top:18px; z-index:101;
      left:218px; /* sidebar width - 12px */
      transition:left .3s var(--ease-premium);
    }
    .sidebar.collapsed ~ .sidebar-toggle { left:48px; }
    .sidebar-toggle button {
      background:var(--bg-sidebar); border:1px solid var(--border); color:var(--t3);
      width:24px; height:24px; border-radius:50%; cursor:pointer; font-size:11px;
      display:flex; align-items:center; justify-content:center;
      transition:all .2s var(--ease-premium);
      box-shadow:0 2px 8px rgba(0,0,0,0.3);
    }
    .sidebar-toggle button:hover { background:rgba(200,255,0,0.15); color:var(--lime); border-color:var(--lime-dim); }
    .sidebar.collapsed .user-bar { flex-direction:column; text-align:center; gap:4px; }
    .sidebar.collapsed .user-bar > div:last-child { display:none; }
    .sidebar-brand {
      padding:28px 22px 24px;
      font-size:15px; font-weight:700; display:flex; align-items:center; gap:10px;
      border-bottom:1px solid var(--border);
    }
    .sidebar-brand i { color:var(--lime); font-size:20px; filter:drop-shadow(0 0 8px rgba(200,255,0,.3)); }
    .sidebar-brand span { color:var(--t3); font-weight:400; font-size:11px; margin-left:auto; letter-spacing:.5px; }
    .nav-group { padding:12px 0; }
    .nav-label {
      padding:6px 22px 8px; font-size:9px; color:var(--t3); text-transform:uppercase;
      letter-spacing:2px; font-weight:700; opacity:.7;
    }
    .nav-item {
      display:flex; align-items:center; gap:12px; padding:10px 22px;
      color:var(--t2); font-size:13px; font-weight:500; cursor:pointer;
      transition:all .25s var(--ease-premium);
      text-decoration:none; border-left:3px solid transparent;
      position:relative; overflow:hidden;
    }
    .nav-item::before {
      content:''; position:absolute; left:0; top:0; right:0; bottom:0;
      background:linear-gradient(90deg, rgba(200,255,0,.06) 0%, transparent 100%);
      opacity:0; transition:opacity .3s var(--ease-premium);
    }
    .nav-item:hover { color:var(--t1); }
    .nav-item:hover::before { opacity:1; }
    .nav-item.active {
      color:var(--lime);
      border-left-color:var(--lime);
      font-weight:600;
    }
    .nav-item.active::before { opacity:1; background:linear-gradient(90deg, rgba(200,255,0,.10) 0%, transparent 100%); }
    .nav-item:active { transform:scale(.98); }
    .nav-item i { width:18px; text-align:center; font-size:14px; transition:transform .2s var(--ease-premium); }
    .nav-item:hover i { transform:translateX(2px); }
    .nav-badge {
      margin-left:auto; background:var(--red); color:#fff;
      font-size:10px; font-weight:700; padding:2px 8px;
      border-radius:10px; min-width:20px; text-align:center;
      animation:pulse-badge 2s infinite;
    }
    @keyframes pulse-badge { 0%,100%{opacity:.6} 50%{opacity:1} }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }

    /* ── MCP Status Dots ── */
    .status-dot {
      display: inline-block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ccc;
      transition: all 0.3s ease;
    }
    .status-dot.online { background: var(--green); box-shadow: 0 0 8px var(--green); }
    .status-dot.connecting { background: var(--orange); animation: pulse-dot 1s infinite; }
    .status-dot.error { background: var(--red); }
    .status-dot.offline { background: #666; }
    @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

    /* ── Main Area ── */
    .main {
      margin-left:230px; padding:28px 36px; min-height:100vh;
      position:relative;
      transition:margin-left .3s var(--ease-premium);
    }
    .main.collapsed { margin-left:60px; }
    .page-header { margin-bottom:28px; }
    .page-header h2 {
      font-size:24px; font-weight:800; letter-spacing:-.3px;
      background:linear-gradient(135deg, var(--t1) 0%, var(--t2) 100%);
      -webkit-background-clip:text; -webkit-text-fill-color:transparent;
      background-clip:text;
    }
    .page-header p { color:var(--t3); font-size:13px; margin-top:6px; font-weight:400; }
    .dashboard-page-header {
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:16px;
      flex-wrap:wrap;
    }
    .dashboard-filter-bar {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:10px;
      flex-wrap:wrap;
    }
    .dashboard-date-range { width:260px !important; max-width:100%; }
    .dashboard-window-chip {
      display:inline-flex;
      align-items:center;
      min-height:32px;
      padding:0 10px;
      border-radius:999px;
      background:rgba(200,255,0,.08);
      border:1px solid rgba(200,255,0,.18);
      color:var(--lime);
      font-size:11px;
      font-weight:900;
      letter-spacing:.04em;
      white-space:nowrap;
    }

    /* ── Stats Cards (KPI Grid) ── */
    .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:32px; }
    .stat-card {
      background:var(--bg-card);
      backdrop-filter:var(--glass-blur);
      -webkit-backdrop-filter:var(--glass-blur);
      border:1px solid var(--border);
      border-radius:16px;
      padding:22px 24px;
      position:relative; overflow:hidden;
      transition:all .35s var(--ease-premium);
    }
    .stat-card:hover {
      transform:translateY(-3px);
      border-color:var(--border-glow);
      box-shadow:0 12px 40px rgba(0,0,0,.25);
    }
    .stat-card::after {
      content:''; position:absolute; top:-30px; right:-30px; width:100px; height:100px;
      border-radius:50%; opacity:.06; transition:all .5s var(--ease-premium);
    }
    .stat-card:hover::after { opacity:.12; transform:scale(1.3); }
    .stat-card.lime::after { background:var(--lime); }
    .stat-card.green::after { background:var(--green); }
    .stat-card.orange::after { background:var(--orange); }
    .stat-card.red::after { background:var(--red); }
    .stat-label { font-size:11px; color:var(--t3); font-weight:600; text-transform:uppercase; letter-spacing:.8px; }
    .stat-value {
      font-size:34px; font-weight:800; margin:10px 0 6px;
      font-family:'Fira Code','Inter',monospace;
      letter-spacing:-1px;
    }
    .stat-card.lime .stat-value { color:var(--lime); text-shadow:0 0 20px rgba(200,255,0,.15); }
    .stat-card.green .stat-value { color:var(--green); text-shadow:0 0 20px rgba(34,197,94,.15); }
    .stat-card.orange .stat-value { color:var(--orange); text-shadow:0 0 20px rgba(255,149,0,.15); }
    .stat-card.red .stat-value { color:var(--red); text-shadow:0 0 20px rgba(239,68,68,.15); }
    .stat-sub { font-size:11px; color:var(--t3); font-weight:400; }
    .dashboard-metric-rail {
      display:flex;
      gap:14px;
      overflow-x:auto;
      overflow-y:hidden;
      padding:2px 2px 14px;
      margin:0 0 20px;
      scroll-snap-type:x proximity;
      -webkit-overflow-scrolling:touch;
    }
    .dashboard-metric-rail::-webkit-scrollbar { height:8px; }
    .dashboard-metric-rail::-webkit-scrollbar-track {
      background:rgba(255,255,255,.04);
      border-radius:999px;
    }
    .dashboard-metric-rail::-webkit-scrollbar-thumb {
      background:rgba(200,255,0,.28);
      border-radius:999px;
    }
    .dashboard-metric-rail .stat-card {
      flex:0 0 220px;
      min-height:138px;
      scroll-snap-align:start;
    }
    .dashboard-metric-rail .stat-card.is-critical {
      border-color:rgba(200,255,0,.45) !important;
      box-shadow:0 18px 50px rgba(200,255,0,.08);
    }
    .funnel-chart { display:flex; flex-direction:column; gap:14px; }
    .funnel-row { display:grid; grid-template-columns:150px 1fr 88px; gap:14px; align-items:center; }
    .funnel-name { color:var(--t2); font-size:12px; font-weight:700; }
    .funnel-track { height:12px; border-radius:999px; background:rgba(255,255,255,.06); overflow:hidden; border:1px solid rgba(255,255,255,.05); }
    .funnel-fill { height:100%; min-width:4px; border-radius:999px; background:linear-gradient(90deg,var(--lime),var(--green)); box-shadow:0 0 18px rgba(200,255,0,.18); transition:width .55s var(--ease-premium); }
    .funnel-value { font-family:'Fira Code','Inter',monospace; color:var(--t1); text-align:right; font-size:13px; font-weight:800; }
    .attribution-page { max-width:260px; color:var(--t3); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .insight-status { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; }
    .behavior-summary-row { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
    .behavior-chip {
      display:inline-flex; align-items:center; gap:8px;
      padding:9px 12px; border-radius:999px;
      background:rgba(255,255,255,.045); border:1px solid var(--border);
      color:var(--t2); font-size:12px; font-weight:800;
    }
    .behavior-chip strong { color:var(--lime); font-family:'Fira Code','Inter',monospace; }
    .behavior-product-title {
      max-width:280px; color:var(--t1); font-weight:800;
      overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    }
    .behavior-meta-line { max-width:340px; color:var(--t3); font-size:11px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .event-name-cell { display:flex; flex-direction:column; gap:3px; min-width:0; }
    .event-name-cell b { color:var(--t1); font-size:13px; line-height:1.25; }
    .event-name-cell small {
      color:var(--t3); font-family:'Fira Code','Inter',monospace; font-size:10px;
      line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
    }
    .dashboard-time-cell { display:flex; flex-direction:column; gap:3px; min-width:0; }
    .dashboard-time-cell b { color:var(--t1); font-size:12px; line-height:1.25; font-family:'Fira Code','Inter',monospace; }
    .dashboard-time-cell small { color:var(--t3); font-size:10px; line-height:1.2; white-space:nowrap; }
    .behavior-event-pill {
      display:inline-flex; align-items:center; padding:4px 8px; border-radius:999px;
      background:rgba(56,189,248,.1); color:#7dd3fc; border:1px solid rgba(56,189,248,.22);
      font-size:11px; font-weight:900;
    }
    .session-journey-card .el-table__body-wrapper {
      max-height:430px !important;
    }
    .session-id-cell {
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
    }
    .session-id-cell b {
      color:var(--t1);
      font-family:'Fira Code','Inter',monospace;
      font-size:12px;
      line-height:1.2;
    }
    .session-id-cell span {
      color:var(--t3);
      font-size:11px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .session-page-stack {
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      max-width:100%;
    }
    .session-page-chip,
    .session-product-chip {
      display:inline-flex;
      align-items:center;
      max-width:180px;
      padding:5px 8px;
      border-radius:999px;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.07);
      color:var(--t2);
      font-size:11px;
      font-weight:800;
      text-decoration:none;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .session-page-chip:hover {
      color:var(--lime);
      border-color:rgba(200,255,0,.24);
    }
    .session-kpi-row {
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }
    .session-kpi-row span {
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:4px 7px;
      border-radius:999px;
      background:rgba(200,255,0,.07);
      border:1px solid rgba(200,255,0,.14);
      color:var(--t2);
      font-size:10px;
      font-weight:900;
    }
    .session-kpi-row strong { color:var(--lime); font-family:'Fira Code','Inter',monospace; }
    .session-behavior-cell {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:6px;
      min-width:0;
    }
    .session-behavior-cell span {
      min-width:0;
      padding:6px 7px;
      border-radius:10px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
    }
    .session-behavior-cell b,
    .session-behavior-cell small {
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .session-behavior-cell b {
      color:var(--t1);
      font-family:'Fira Code','Inter',monospace;
      font-size:11px;
      line-height:1.15;
    }
    .session-behavior-cell small {
      margin-top:2px;
      color:var(--t3);
      font-size:9px;
      font-weight:900;
      letter-spacing:.04em;
    }
    .dashboard-metric-cell {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:6px;
      min-width:0;
    }
    .dashboard-metric-cell span {
      min-width:0;
      padding:6px 7px;
      border-radius:10px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
    }
    .dashboard-metric-cell b,
    .dashboard-metric-cell small {
      display:block;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .dashboard-metric-cell b {
      color:var(--t1);
      font-family:'Fira Code','Inter',monospace;
      font-size:11px;
      line-height:1.15;
    }
    .dashboard-metric-cell small {
      margin-top:2px;
      color:var(--t3);
      font-size:9px;
      font-weight:900;
      letter-spacing:.04em;
    }
    .dashboard-table-action-row {
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      align-items:center;
    }
    .dashboard-table-action-row .el-button {
      margin:0 !important;
      padding:0 !important;
      min-height:24px;
      font-size:11px;
      font-weight:900;
    }
    .session-path-detail {
      padding:14px;
      border-radius:16px;
      background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.065);
    }
    .session-path-detail-selected {
      margin-top:14px;
      box-shadow:0 18px 50px rgba(0,0,0,.18);
    }
    .session-detail-toolbar {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }
    .session-detail-toolbar strong {
      color:var(--t1);
      font-size:13px;
    }
    .session-detail-toolbar button,
    .session-row-detail-btn {
      min-width:54px;
      min-height:32px;
      padding:0 10px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.055);
      color:var(--t1);
      font-size:12px;
      font-weight:900;
      white-space:nowrap;
      cursor:pointer;
      transition:transform .16s var(--ease-premium), border-color .16s var(--ease-premium), background .16s var(--ease-premium);
    }
    .session-row-detail-btn.is-active {
      color:#07110f;
      background:var(--lime);
      border-color:transparent;
    }
    .session-detail-toolbar button:hover,
    .session-row-detail-btn:hover {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.24);
    }
    .session-detail-head {
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      gap:12px;
      margin-bottom:14px;
    }
    .session-detail-box {
      padding:12px;
      border-radius:14px;
      background:rgba(0,0,0,.14);
      border:1px solid rgba(255,255,255,.055);
      min-width:0;
    }
    .session-detail-box h4 {
      margin:0 0 9px;
      color:var(--t1);
      font-size:12px;
      letter-spacing:.06em;
      text-transform:uppercase;
    }
    .session-event-timeline {
      display:flex;
      flex-direction:column;
      gap:8px;
      max-height:310px;
      overflow:auto;
      padding-right:4px;
    }
    .session-event-item {
      display:grid;
      grid-template-columns:18px minmax(0,1fr) auto;
      gap:10px;
      align-items:start;
      padding:10px 12px;
      border-radius:14px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.055);
    }
    .session-event-dot {
      width:10px;
      height:10px;
      margin-top:5px;
      border-radius:999px;
      background:var(--blue);
      box-shadow:0 0 0 4px rgba(92,225,230,.08);
    }
    .session-event-main {
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .session-event-main b {
      color:var(--t1);
      font-size:12px;
      line-height:1.25;
    }
    .session-event-main span,
    .session-event-main small {
      color:var(--t3);
      font-size:11px;
      line-height:1.35;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .session-event-time {
      color:var(--t3);
      font-family:'Fira Code','Inter',monospace;
      font-size:10px;
      white-space:nowrap;
    }
    .journey-summary-strip {
      display:flex;
      gap:10px;
      overflow-x:auto;
      padding:2px 2px 12px;
      margin-bottom:12px;
      -webkit-overflow-scrolling:touch;
    }
    .journey-summary-chip {
      flex:0 0 156px;
      min-height:76px;
      padding:12px;
      border-radius:16px;
      background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.024));
      border:1px solid rgba(255,255,255,.07);
      color:inherit;
      text-align:left;
      cursor:pointer;
      transition:transform .18s var(--ease-premium), border-color .18s var(--ease-premium), background .18s var(--ease-premium);
    }
    .journey-summary-chip:hover,
    .journey-summary-chip.is-active {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.26);
      background:linear-gradient(145deg,rgba(200,255,0,.09),rgba(92,225,230,.04));
    }
    .journey-summary-chip span {
      display:block;
      color:var(--t3);
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-bottom:8px;
    }
    .journey-summary-chip strong {
      display:block;
      color:var(--t1);
      font-family:'Fira Code','Inter',monospace;
      font-size:22px;
      line-height:1;
      margin-bottom:6px;
    }
    .journey-summary-chip small {
      color:var(--t3);
      font-size:11px;
      line-height:1.35;
    }
    .journey-action-board {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
      gap:12px;
      margin:4px 0 16px;
    }
    .journey-action-card {
      position:relative;
      display:flex;
      min-height:172px;
      flex-direction:column;
      gap:10px;
      padding:15px;
      border-radius:18px;
      color:var(--t2);
      text-decoration:none;
      background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.08);
      overflow:hidden;
      transition:transform .2s var(--ease-premium), border-color .2s var(--ease-premium), box-shadow .2s var(--ease-premium);
    }
    .journey-action-card::before {
      content:'';
      position:absolute;
      inset:auto -30px -42px auto;
      width:120px;
      height:120px;
      border-radius:999px;
      background:rgba(92,225,230,.12);
      filter:blur(2px);
    }
    .journey-action-card:hover {
      transform:translateY(-2px);
      border-color:rgba(200,255,0,.28);
      box-shadow:0 18px 46px rgba(0,0,0,.22);
    }
    .journey-action-card.tone-risk::before { background:rgba(251,113,133,.14); }
    .journey-action-card.tone-high::before { background:rgba(251,191,36,.16); }
    .journey-action-card.tone-product::before { background:rgba(167,139,250,.14); }
    .journey-action-card.tone-win::before { background:rgba(34,197,94,.14); }
    .journey-action-card.tone-bounce::before { background:rgba(148,163,184,.14); }
    .journey-action-top,
    .journey-action-meta {
      position:relative;
      z-index:1;
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:8px;
    }
    .journey-action-top {
      justify-content:space-between;
    }
    .journey-action-top span,
    .journey-action-top em,
    .journey-action-meta span {
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:4px 8px;
      border-radius:999px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.075);
      color:var(--t3);
      font-size:10px;
      font-weight:900;
      letter-spacing:.04em;
      text-transform:uppercase;
      font-style:normal;
    }
    .journey-action-top em {
      color:var(--lime);
      background:rgba(200,255,0,.08);
      border-color:rgba(200,255,0,.18);
    }
    .journey-action-card strong {
      position:relative;
      z-index:1;
      color:var(--t1);
      font-size:15px;
      line-height:1.35;
    }
    .journey-action-card p {
      position:relative;
      z-index:1;
      flex:1;
      margin:0;
      color:var(--t3);
      font-size:12px;
      line-height:1.6;
    }
    .journey-action-card b {
      position:relative;
      z-index:1;
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:max-content;
      max-width:100%;
      padding:8px 10px;
      border-radius:999px;
      color:#07110f;
      background:var(--lime);
      font-size:12px;
      line-height:1;
    }
    .journey-action-meta {
      gap:6px;
    }
    .journey-action-meta span {
      max-width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      text-transform:none;
      letter-spacing:0;
    }
    .journey-action-footer {
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      margin-top:2px;
    }
    .journey-action-footer a,
    .journey-action-footer button {
      min-height:34px;
      padding:0 11px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      text-decoration:none;
      transition:transform .16s var(--ease-premium), border-color .16s var(--ease-premium), background .16s var(--ease-premium);
    }
    .journey-action-footer a {
      display:inline-flex;
      align-items:center;
      gap:7px;
      color:#07110f;
      background:var(--lime);
      border-color:transparent;
    }
    .journey-action-footer button {
      color:var(--t1);
      background:rgba(255,255,255,.055);
    }
    .journey-action-footer a:hover,
    .journey-action-footer button:hover {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.24);
    }
    .journey-action-footer button:disabled {
      cursor:not-allowed;
      opacity:.62;
      transform:none;
    }
    .conversion-opportunity-board {
      margin:0 0 16px;
      padding:14px;
      border-radius:20px;
      background:linear-gradient(145deg,rgba(12,18,28,.78),rgba(255,255,255,.035));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
    }
    .conversion-opportunity-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      margin-bottom:12px;
    }
    .conversion-opportunity-head h4 {
      margin:0 0 5px;
      color:var(--t1);
      font-size:14px;
      letter-spacing:.02em;
    }
    .conversion-opportunity-head p {
      margin:0;
      color:var(--t3);
      font-size:12px;
      line-height:1.55;
    }
    .conversion-opportunity-actions {
      display:flex;
      align-items:center;
      gap:8px;
      flex-shrink:0;
    }
    .conversion-opportunity-actions button {
      min-height:34px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.055);
      color:var(--t1);
      font-size:12px;
      font-weight:900;
      cursor:pointer;
    }
    .conversion-opportunity-list {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:10px;
    }
    .conversion-opportunity-item {
      display:grid;
      grid-template-columns:44px minmax(0,1fr);
      gap:10px;
      padding:12px;
      border-radius:16px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.065);
      text-decoration:none;
      transition:transform .18s var(--ease-premium), border-color .18s var(--ease-premium), background .18s var(--ease-premium);
    }
    .conversion-opportunity-item:hover {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.24);
      background:rgba(255,255,255,.06);
    }
    .conversion-opportunity-score {
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      min-height:44px;
      border-radius:14px;
      background:rgba(200,255,0,.09);
      border:1px solid rgba(200,255,0,.16);
      color:var(--lime);
      font-family:'Fira Code','Inter',monospace;
      font-weight:900;
      line-height:1;
    }
    .conversion-opportunity-score small {
      margin-top:4px;
      color:var(--t3);
      font-family:'Inter',sans-serif;
      font-size:9px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .conversion-opportunity-main {
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:6px;
    }
    .conversion-opportunity-main strong {
      color:var(--t1);
      font-size:13px;
      line-height:1.35;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    .conversion-opportunity-meta {
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }
    .conversion-opportunity-meta span {
      max-width:180px;
      padding:3px 7px;
      border-radius:999px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.075);
      color:var(--t3);
      font-size:10px;
      font-weight:900;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    .conversion-opportunity-main p {
      margin:0;
      color:var(--t3);
      font-size:11px;
      line-height:1.5;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .journey-score-pill,
    .journey-stage-badge,
    .journey-loss-tag {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      white-space:nowrap;
      font-weight:900;
    }
    .journey-score-pill {
      min-width:62px;
      padding:6px 9px;
      color:var(--lime);
      background:rgba(200,255,0,.08);
      border:1px solid rgba(200,255,0,.16);
      font-family:'Fira Code','Inter',monospace;
      font-size:13px;
    }
    .journey-stage-badge {
      padding:5px 8px;
      color:#7dd3fc;
      background:rgba(56,189,248,.1);
      border:1px solid rgba(56,189,248,.2);
      font-size:10px;
    }
    .journey-stage-badge.stage-converted { color:#86efac; background:rgba(34,197,94,.12); border-color:rgba(34,197,94,.24); }
    .journey-stage-badge.stage-checkout_intent,
    .journey-stage-badge.stage-product_intent { color:#fde68a; background:rgba(245,158,11,.12); border-color:rgba(245,158,11,.24); }
    .journey-stage-badge.stage-bounce { color:#cbd5e1; background:rgba(148,163,184,.1); border-color:rgba(148,163,184,.18); }
    .journey-loss-tags {
      display:flex;
      flex-wrap:wrap;
      gap:5px;
    }
    .journey-loss-tag {
      max-width:156px;
      padding:4px 7px;
      color:#fecaca;
      background:rgba(251,113,133,.1);
      border:1px solid rgba(251,113,133,.18);
      font-size:10px;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .journey-flow-line {
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
    }
    .journey-flow-node {
      min-width:0;
      max-width:220px;
      padding:7px 10px;
      border-radius:13px;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.07);
      color:var(--t2);
      font-size:11px;
      font-weight:800;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .journey-flow-line i {
      color:var(--t3);
      font-size:10px;
    }
    .behavior-tracking-empty {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      padding:18px;
      border-radius:18px;
      background:linear-gradient(135deg,rgba(251,191,36,.09),rgba(56,189,248,.055));
      border:1px solid rgba(251,191,36,.16);
    }
    .behavior-tracking-empty strong {
      display:block;
      color:var(--t1);
      font-size:14px;
      margin-bottom:6px;
    }
    .behavior-tracking-empty p {
      margin:0;
      color:var(--t3);
      font-size:12px;
      line-height:1.65;
    }
    .behavior-empty-actions,
    .diagnostic-actions,
    .google-action-head-actions {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .behavior-empty-actions button,
    .diagnostic-actions button {
      min-height:32px;
      padding:0 11px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.055);
      color:var(--t2);
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      transition:transform .18s var(--ease-premium), border-color .18s var(--ease-premium), color .18s var(--ease-premium);
    }
    .behavior-empty-actions button:hover,
    .diagnostic-actions button:hover {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.28);
      color:var(--lime);
    }
    .insight-status::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--red); }
    .insight-status.ok::before { background:var(--green); box-shadow:0 0 10px rgba(34,197,94,.35); }
    .insight-status.warn::before { background:var(--orange); }
    .insight-status.missing::before { background:#64748b; }
    .dashboard-shell { display:flex; flex-direction:column; gap:22px; }
    .dashboard-hero {
      display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); gap:22px;
      align-items:stretch;
    }
    .dashboard-google-connect { grid-template-columns:1fr; }
    .dashboard-hero-card {
      position:relative; overflow:hidden; border-radius:24px; padding:28px;
      background:
        radial-gradient(circle at 12% 12%, rgba(200,255,0,.16), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:0 28px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
    }
    .dashboard-hero-card::after {
      content:''; position:absolute; inset:auto -80px -100px auto; width:260px; height:260px;
      border-radius:50%; background:rgba(59,130,246,.1); filter:blur(2px);
    }
    .dashboard-eyebrow {
      display:inline-flex; align-items:center; gap:8px; color:var(--lime);
      font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:1.2px;
      margin-bottom:14px;
    }
    .dashboard-hero-title { font-size:30px; line-height:1.12; letter-spacing:-.8px; margin:0 0 10px; }
    .dashboard-hero-copy { color:var(--t3); font-size:13px; line-height:1.75; max-width:760px; }
    .dashboard-hero-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
    .dashboard-pill {
      display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:8px 12px;
      border-radius:999px; border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.045); color:var(--t2); font-size:12px; font-weight:700;
    }
    .dashboard-pill strong { color:var(--t1); font-family:'Fira Code','Inter',monospace; }
    .google-health-card {
      border-radius:24px; padding:24px;
      background:linear-gradient(180deg, var(--admin-surface-strong), var(--admin-surface));
      border:1px solid var(--admin-border);
      box-shadow:var(--admin-shadow-soft);
    }
    .dashboard-google-connect .google-health-card {
      background:
        radial-gradient(circle at 8% 20%, rgba(66,133,244,.18), transparent 24%),
        radial-gradient(circle at 92% 8%, var(--admin-accent-soft), transparent 24%),
        linear-gradient(135deg, var(--admin-surface-strong), var(--admin-surface));
    }
    .google-health-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:0; }
    .google-health-title { min-width:0; flex:1 1 auto; }
    .google-health-head h3 { font-size:18px; margin:0 0 6px; letter-spacing:-.25px; }
    .google-health-head p { color:var(--t3); font-size:12px; line-height:1.6; margin:0; }
    .google-health-actions {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
      flex:0 0 auto;
      max-width:520px;
    }
    .google-health-actions .google-official-auth-button.el-button {
      height:36px;
      padding:0 13px 0 10px !important;
      font-size:13px;
    }
    .google-health-actions .google-official-mark {
      width:18px;
      height:18px;
      flex-basis:18px;
    }
    .google-health-actions .google-official-mark svg {
      width:18px;
      height:18px;
    }
    .google-status-badge {
      display:inline-flex; align-items:center; gap:8px; white-space:nowrap; padding:8px 11px;
      border-radius:999px; background:rgba(100,116,139,.16); color:var(--t2);
      font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.6px;
    }
    .google-status-badge.ok { background:rgba(34,197,94,.13); color:var(--green); }
    .google-status-badge.warn { background:rgba(255,149,0,.14); color:var(--orange); }
    .google-status-badge.missing { background:rgba(100,116,139,.18); color:#cbd5e1; }
    .google-action-list {
      display:flex;
      flex-direction:column;
      gap:12px;
      margin-top:14px;
      padding:14px;
      border-radius:20px;
      background:
        radial-gradient(circle at 10% 12%, rgba(251,188,5,.13), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
      border:1px solid rgba(251,188,5,.16);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    }
    .google-action-list.is-collapsed {
      padding:12px 14px;
      border-radius:16px;
    }
    .google-action-list.is-collapsed .google-action-list-head {
      padding-bottom:0;
      border-bottom:0;
    }
    .google-action-list.is-collapsed .google-action-list-head p {
      display:none;
    }
    .google-action-list-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      padding-bottom:12px;
      border-bottom:1px solid rgba(255,255,255,.07);
    }
    .google-action-list-head span {
      display:block;
      color:#fbbc05;
      font-size:10px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
      margin-bottom:5px;
    }
    .google-action-list-head strong {
      display:block;
      color:var(--t1);
      font-size:14px;
      letter-spacing:-.12px;
      margin-bottom:4px;
    }
    .google-action-list-head p {
      margin:0;
      color:var(--t3);
      font-size:12px;
      line-height:1.55;
    }
    .google-action-config-btn {
      flex:0 0 auto;
      height:34px;
      padding:0 12px;
      border-radius:999px;
      border:1px solid rgba(251,188,5,.28);
      background:rgba(251,188,5,.1);
      color:#fde68a;
      font-size:12px;
      font-weight:900;
      cursor:pointer;
      transition:transform .18s var(--ease-premium), background .18s var(--ease-premium), border-color .18s var(--ease-premium);
    }
    .google-action-config-btn:hover {
      transform:translateY(-1px);
      background:rgba(251,188,5,.16);
      border-color:rgba(251,188,5,.45);
    }
    .google-action-items {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:10px;
    }
    .google-action-item {
      display:flex;
      flex-direction:column;
      gap:12px;
      padding:12px;
      border-radius:16px;
      background:rgba(7,11,18,.34);
      border:1px solid rgba(255,255,255,.07);
      transition:transform .2s var(--ease-premium), border-color .2s var(--ease-premium), background .2s var(--ease-premium);
    }
    .google-action-item:hover {
      transform:translateY(-1px);
      background:rgba(255,255,255,.05);
      border-color:rgba(251,188,5,.22);
    }
    .google-action-site-head {
      display:grid;
      grid-template-columns:34px minmax(0,1fr) auto;
      gap:10px;
      align-items:start;
    }
    .google-action-icon {
      width:34px;
      height:34px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:13px;
      color:#fbbc05;
      background:rgba(251,188,5,.11);
      border:1px solid rgba(251,188,5,.18);
      box-shadow:0 10px 24px rgba(251,188,5,.08);
    }
    .google-action-icon i { margin:0; }
    .google-action-count {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:28px;
      height:28px;
      padding:0 8px;
      border-radius:999px;
      color:#fbbf24;
      background:rgba(251,188,5,.1);
      border:1px solid rgba(251,188,5,.18);
      font-family:'Fira Code','Inter',monospace;
      font-size:11px;
      font-weight:900;
    }
    .google-action-title-row {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      margin-bottom:5px;
    }
    .google-site-chip {
      display:inline-flex;
      align-items:center;
      min-height:20px;
      padding:3px 7px;
      border-radius:999px;
      color:#fde68a;
      background:rgba(251,188,5,.1);
      border:1px solid rgba(251,188,5,.18);
      font-family:'Fira Code','Inter',monospace;
      font-size:10px;
      font-style:normal;
      font-weight:900;
      letter-spacing:.02em;
    }
    .google-action-item strong { display:block; color:var(--t1); font-size:12px; }
    .google-action-item span { display:block; color:var(--t3); font-size:12px; line-height:1.55; }
    .google-action-tags {
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      padding-left:46px;
    }
    .google-action-tag {
      display:inline-flex !important;
      align-items:center;
      min-height:24px;
      padding:4px 8px;
      border-radius:999px;
      color:#e5edf7 !important;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
      font-size:11px !important;
      font-weight:800;
      line-height:1.1 !important;
    }
    .google-action-tag.is-primary {
      color:#fde68a !important;
      background:rgba(251,188,5,.11);
      border-color:rgba(251,188,5,.2);
    }
    .google-action-more {
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:32px;
      border-radius:14px;
      color:var(--t3);
      background:rgba(255,255,255,.035);
      border:1px dashed rgba(255,255,255,.12);
      font-size:12px;
      font-weight:800;
    }
    .google-verification-note {
      display:grid;
      grid-template-columns:28px minmax(0,1fr);
      gap:12px;
      margin:0 0 14px;
      padding:14px;
      border-radius:18px;
      background:linear-gradient(135deg,rgba(251,188,5,.12),rgba(234,67,53,.07));
      border:1px solid rgba(251,188,5,.22);
      color:var(--t2);
    }
    .google-verification-note > i {
      color:#fbbc05;
      margin-top:2px;
      filter:drop-shadow(0 0 10px rgba(251,188,5,.2));
    }
    .google-verification-note strong {
      display:block;
      color:var(--t1);
      font-size:13px;
      margin-bottom:6px;
    }
    .google-verification-note p {
      margin:0;
      color:var(--t3);
      font-size:12px;
      line-height:1.65;
    }
    .google-verification-note a {
      color:#8ab4f8;
      font-weight:800;
      text-decoration:none;
    }
    .google-verification-note a:hover { text-decoration:underline; }
    .google-oauth-card {
      display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center;
      margin:12px 0 16px; padding:16px; border-radius:18px;
      background:linear-gradient(135deg,rgba(66,133,244,.11),rgba(52,168,83,.065));
      border:1px solid rgba(92,225,230,.16);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .google-oauth-card strong { display:block; color:var(--t1); font-size:14px; margin-bottom:5px; }
    .google-oauth-card span { display:block; color:var(--t3); font-size:12px; line-height:1.6; }
    .google-oauth-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
    .google-oauth-meta code {
      padding:5px 8px; border-radius:999px; background:rgba(255,255,255,.06);
      color:var(--t2); border:1px solid rgba(255,255,255,.07); font-size:11px;
    }
    .google-oauth-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
    .google-official-auth-button.el-button {
      height:44px;
      padding:0 18px 0 13px !important;
      border-radius:6px !important;
      border:1px solid #dadce0 !important;
      background:#fff !important;
      color:#3c4043 !important;
      box-shadow:0 1px 2px rgba(60,64,67,.18), 0 1px 3px rgba(60,64,67,.08);
      font-family:'Inter',Arial,sans-serif;
      font-size:14px;
      font-weight:800;
      letter-spacing:.1px;
      transition:background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }
    .google-official-auth-button.el-button > span {
      display:inline-flex;
      align-items:center;
      gap:10px;
      line-height:1;
    }
    .google-official-auth-button.el-button:hover,
    .google-official-auth-button.el-button:focus {
      background:#f8fafd !important;
      border-color:#c7d2fe !important;
      color:#202124 !important;
      box-shadow:0 2px 4px rgba(60,64,67,.2), 0 4px 10px rgba(66,133,244,.12);
      transform:translateY(-1px);
    }
    .google-official-auth-button.el-button:active {
      background:#f1f3f4 !important;
      transform:translateY(0);
      box-shadow:0 1px 2px rgba(60,64,67,.18);
    }
    .google-official-auth-button.el-button.is-disabled,
    .google-official-auth-button.el-button.is-disabled:hover,
    .google-official-auth-button.el-button.is-loading {
      background:#f8f9fa !important;
      border-color:#e0e3e7 !important;
      color:#80868b !important;
      box-shadow:none;
      transform:none;
      opacity:.72;
    }
    .google-official-mark {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    .google-official-mark svg {
      width:20px;
      height:20px;
      display:block;
    }
    .dashboard-oauth-card {
      margin:16px 0 0;
      padding:18px;
      background:rgba(255,255,255,.045);
      border-color:rgba(200,255,0,.18);
    }
    .google-oauth-inline {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      margin-top:10px;
      color:var(--t3);
      font-size:12px;
      line-height:1.45;
    }
    .google-oauth-inline em {
      max-width:520px;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
      color:var(--t2);
      font-style:normal;
      font-weight:700;
    }
    .google-oauth-inline code {
      padding:4px 7px;
      border-radius:999px;
      background:rgba(255,255,255,.055);
      color:var(--t3);
      border:1px solid rgba(255,255,255,.07);
      font-size:11px;
    }
    .google-oauth-pill {
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:4px 8px;
      border-radius:999px;
      background:rgba(148,163,184,.11);
      border:1px solid rgba(148,163,184,.16);
      color:#cbd5e1;
      font-size:11px;
      font-weight:900;
    }
    .google-oauth-pill::before {
      content:'';
      width:7px;
      height:7px;
      border-radius:50%;
      background:#94a3b8;
    }
    .google-oauth-pill.is-connected {
      background:rgba(34,197,94,.11);
      border-color:rgba(34,197,94,.2);
      color:#86efac;
    }
    .google-oauth-pill.is-connected::before {
      background:#22c55e;
      box-shadow:0 0 10px rgba(34,197,94,.4);
    }
    .dashboard-focus-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
    .dashboard-kpi-card {
      position:relative; overflow:hidden; min-height:132px; padding:20px; border-radius:22px;
      background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.07);
      box-shadow:0 14px 40px rgba(0,0,0,.16);
    }
    .dashboard-kpi-card::after {
      content:''; position:absolute; right:-38px; top:-38px; width:120px; height:120px; border-radius:50%;
      background:var(--accent, rgba(200,255,0,.18)); opacity:.45;
    }
    .dashboard-kpi-card .stat-label { position:relative; z-index:1; }
    .dashboard-kpi-card .stat-value { position:relative; z-index:1; font-size:30px; margin:12px 0 8px; }
    .dashboard-kpi-card .stat-sub { position:relative; z-index:1; line-height:1.55; }
    .dashboard-command-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:22px; }
    .dashboard-panel {
      border-radius:22px; padding:22px; background:var(--bg-card);
      border:1px solid rgba(255,255,255,.07); backdrop-filter:var(--glass-blur);
    }
    .dashboard-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:18px; }
    .dashboard-panel-head h3 { font-size:17px; margin:0 0 6px; }
    .dashboard-panel-head p { color:var(--t3); font-size:12px; line-height:1.6; margin:0; }
    .dashboard-chart-grid {
      display:grid;
      grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
      gap:22px;
      align-items:stretch;
    }
    .dashboard-chart-grid .dashboard-panel:first-child { min-height:360px; }
    .dashboard-chart-stack { display:grid; grid-template-rows:1fr 1fr; gap:22px; min-height:360px; }
    .dashboard-echart {
      width:100%;
      min-height:270px;
      border-radius:18px;
      background:linear-gradient(180deg,rgba(3,8,15,.38),rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.055);
    }
    .dashboard-chart-stack .dashboard-echart { min-height:150px; }
    .dashboard-chart-stack .dashboard-audience-chart { min-height:220px; }
    .dashboard-chart-footnote {
      display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;
      color:var(--t3); font-size:11px; line-height:1.5;
    }
    .dashboard-chart-footnote span {
      display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px;
      background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.06);
    }
    .dashboard-mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .dashboard-site-operations { scroll-margin-top:18px; }
    .dashboard-site-chart-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:14px;
    }
	    .dashboard-site-card {
	      position:relative;
	      overflow:hidden;
	      border-radius:18px;
      padding:16px;
      background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
	      border:1px solid rgba(255,255,255,.075);
	      box-shadow:0 14px 34px rgba(0,0,0,.16);
	    }
	    .dashboard-site-card.is-focused {
	      border-color:rgba(200,255,0,.34);
	      box-shadow:0 18px 46px rgba(200,255,0,.08);
	    }
    .dashboard-site-card::after {
      content:'';
      position:absolute;
      right:-44px;
      top:-44px;
      width:112px;
      height:112px;
      border-radius:50%;
      background:rgba(92,225,230,.09);
    }
    .dashboard-site-head {
      position:relative;
      z-index:1;
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:flex-start;
      margin-bottom:14px;
    }
    .dashboard-site-head strong { display:block; color:var(--t1); font-size:15px; }
	    .dashboard-site-head span { display:block; color:var(--t3); font-size:11px; margin-top:3px; }
	    .dashboard-site-focus-btn {
	      position:relative;
	      z-index:2;
	      min-height:30px;
	      padding:0 10px;
	      border-radius:999px;
	      border:1px solid rgba(255,255,255,.1);
	      background:rgba(255,255,255,.055);
	      color:var(--t2);
	      font-size:11px;
	      font-weight:900;
	      cursor:pointer;
	    }
	    .dashboard-site-card.is-focused .dashboard-site-focus-btn {
	      color:var(--bg-dark);
	      background:var(--lime);
	      border-color:var(--lime);
	    }
	    .dashboard-focus-strip {
	      display:flex;
	      flex-wrap:wrap;
	      gap:8px;
	      margin:-4px 0 14px;
	    }
	    .dashboard-focus-chip {
	      min-height:34px;
	      padding:0 12px;
	      border-radius:999px;
	      border:1px solid rgba(255,255,255,.08);
	      background:rgba(255,255,255,.045);
	      color:var(--t2);
	      font-size:12px;
	      font-weight:900;
	      cursor:pointer;
	    }
	    .dashboard-focus-chip.is-active {
	      color:var(--bg-dark);
	      background:var(--lime);
	      border-color:var(--lime);
	    }
    .dashboard-site-score {
      min-width:42px;
      text-align:right;
      color:var(--lime);
      font-family:'Fira Code','Inter',monospace;
      font-size:17px;
      font-weight:900;
    }
    .dashboard-site-score.is-muted {
      color:var(--t3);
      font-family:'Inter',sans-serif;
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .dashboard-site-metrics {
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:8px;
      margin-bottom:14px;
    }
    .dashboard-site-metric {
      padding:8px;
      border-radius:12px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.055);
    }
    .dashboard-site-metric span {
      display:block;
      color:var(--t3);
      font-size:10px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:4px;
    }
    .dashboard-site-metric b {
      color:var(--t1);
      font-family:'Fira Code','Inter',monospace;
      font-size:14px;
    }
    .dashboard-site-bars {
      position:relative;
      z-index:1;
      display:flex;
      flex-direction:column;
      gap:9px;
    }
    .dashboard-site-bar-row {
      display:grid;
      grid-template-columns:58px minmax(0,1fr) 46px;
      align-items:center;
      gap:9px;
    }
    .dashboard-site-bar-row span {
      color:var(--t3);
      font-size:11px;
      font-weight:800;
    }
    .dashboard-site-bar-row em {
      color:var(--t2);
      font-size:11px;
      font-style:normal;
      font-family:'Fira Code','Inter',monospace;
      text-align:right;
    }
    .dashboard-site-bar-track {
      height:8px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      overflow:hidden;
      border:1px solid rgba(255,255,255,.05);
    }
	    .dashboard-site-bar-fill {
	      display:block;
	      height:100%;
	      min-width:0;
	      border-radius:999px;
	      background:linear-gradient(90deg,var(--lime),var(--green));
	      box-shadow:0 0 16px rgba(200,255,0,.16);
	    }
	    .dashboard-action-board {
	      display:grid;
	      grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	      gap:12px;
	      margin-top:16px;
	    }
	    .dashboard-action-card {
	      display:flex;
	      flex-direction:column;
	      gap:10px;
	      min-height:138px;
	      padding:15px;
	      border-radius:18px;
	      background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
	      border:1px solid rgba(255,255,255,.075);
	      text-decoration:none;
	      text-align:left;
	      cursor:pointer;
	      font:inherit;
	      color:inherit;
	      transition:transform .18s var(--ease-premium), border-color .18s var(--ease-premium), background .18s var(--ease-premium);
	    }
	    .dashboard-action-card:hover {
	      transform:translateY(-1px);
	      border-color:rgba(200,255,0,.24);
	      background:linear-gradient(145deg,rgba(200,255,0,.075),rgba(92,225,230,.035));
	    }
	    .dashboard-action-card em {
	      display:inline-flex;
	      width:max-content;
	      max-width:100%;
	      padding:5px 8px;
	      border-radius:999px;
	      color:var(--t2);
	      background:rgba(255,255,255,.055);
	      border:1px solid rgba(255,255,255,.07);
	      font-style:normal;
	      font-size:10px;
	      font-weight:900;
	      letter-spacing:.08em;
	      text-transform:uppercase;
	    }
	    .dashboard-action-card strong {
	      color:var(--t1);
	      font-size:14px;
	      line-height:1.35;
	    }
	    .dashboard-action-card p {
	      color:var(--t3);
	      font-size:12px;
	      line-height:1.6;
	      margin:0;
	    }
	    .dashboard-action-card span {
	      margin-top:auto;
	      color:var(--lime);
	      font-size:12px;
	      font-weight:900;
	    }
	    .dashboard-action-card.is-risk { border-color:rgba(251,113,133,.18); }
	    .dashboard-action-card.is-setup { border-color:rgba(251,191,36,.18); }
	    .dashboard-action-card.is-win { border-color:rgba(34,197,94,.2); }
	    .dashboard-details-open { display:flex; flex-direction:column; gap:18px; scroll-margin-top:18px; }
    .dashboard-details-open > .dashboard-panel-head {
      margin:0;
      padding:18px 20px;
      border-radius:20px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.065);
    }
    .dashboard-details-open .card {
      overflow:hidden;
    }
    .dashboard-details-open .el-table__body-wrapper {
      height:auto !important;
      max-height:260px;
      overflow-y:auto !important;
    }
    .dashboard-details-open .el-table__empty-block {
      min-height:96px;
    }
    .dashboard-table-caption {
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
      margin:-4px 0 12px;
      color:var(--t3);
      font-size:11px;
      line-height:1.5;
    }
    .dashboard-table-caption b {
      color:var(--t2);
      font-family:'Fira Code','Inter',monospace;
      font-size:11px;
    }
    .dashboard-attention-panel { padding:18px 20px; }
    .dashboard-attention-panel .dashboard-panel-head { margin-bottom:12px; }
    .dashboard-attention-list {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .dashboard-mini-row {
      display:flex; justify-content:space-between; align-items:center; gap:12px;
      padding:12px 0; border-bottom:1px solid rgba(255,255,255,.06);
    }
    .dashboard-attention-list .dashboard-mini-row {
      min-width:0;
      padding:10px 12px;
      border:1px solid rgba(255,255,255,.06);
      border-radius:14px;
      background:rgba(255,255,255,.035);
    }
    .dashboard-conversion-rank {
      margin-top:14px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .dashboard-conversion-rank-row {
      display:grid;
      grid-template-columns:36px minmax(0,1fr) auto;
      align-items:center;
      gap:12px;
      padding:12px 14px;
      border-radius:16px;
      background:linear-gradient(135deg,rgba(34,197,94,.085),rgba(92,225,230,.045));
      border:1px solid rgba(34,197,94,.14);
      text-decoration:none;
      transition:transform .18s var(--ease-premium), border-color .18s var(--ease-premium), background .18s var(--ease-premium);
    }
    .dashboard-conversion-rank-row:hover {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.28);
      background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(92,225,230,.07));
    }
    .dashboard-conversion-rank-row em {
      display:flex;
      align-items:center;
      justify-content:center;
      width:30px;
      height:30px;
      border-radius:999px;
      background:rgba(200,255,0,.1);
      color:var(--lime);
      font-family:'Fira Code','Inter',monospace;
      font-size:12px;
      font-style:normal;
      font-weight:900;
      border:1px solid rgba(200,255,0,.18);
    }
    .dashboard-conversion-rank-main { min-width:0; }
    .dashboard-conversion-rank-main strong {
      display:block;
      color:var(--t1);
      font-size:13px;
      line-height:1.35;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
      margin-bottom:4px;
    }
    .dashboard-conversion-rank-main span {
      display:block;
      color:var(--t3);
      font-size:11px;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    .dashboard-conversion-rank-score {
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:2px;
      color:var(--green);
      font-family:'Fira Code','Inter',monospace;
      font-size:15px;
      font-weight:900;
    }
    .dashboard-conversion-rank-score small {
      color:var(--t3);
      font-size:10px;
      font-family:'Inter',sans-serif;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .dashboard-conversion-rank-bar {
      grid-column:2 / 4;
      height:7px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      overflow:hidden;
      border:1px solid rgba(255,255,255,.055);
    }
    .dashboard-conversion-rank-bar i {
      display:block;
      height:100%;
      min-width:6px;
      border-radius:999px;
      background:linear-gradient(90deg,var(--lime),var(--green));
      box-shadow:0 0 16px rgba(200,255,0,.18);
    }
    .dashboard-mini-row:last-child { border-bottom:none; }
    .dashboard-mini-row span { color:var(--t3); font-size:12px; }
    .dashboard-mini-row strong { color:var(--t1); font-size:13px; font-family:'Fira Code','Inter',monospace; }
    .dashboard-attention-list .dashboard-mini-row strong {
      min-width:0;
      max-width:58%;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      text-align:right;
    }
    .dashboard-diagnostic-grid {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
      align-items:stretch;
    }
    .dashboard-diagnostic-card {
      --diag-accent:#c8ff00;
      --diag-glow:rgba(200,255,0,.18);
      position:relative;
      isolation:isolate;
      min-height:178px;
      padding:18px;
      border-radius:22px;
      background:
        radial-gradient(circle at 92% 12%, var(--diag-glow), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:0 18px 46px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06);
      overflow:hidden;
      transition:transform .28s var(--ease-premium), border-color .28s var(--ease-premium), box-shadow .28s var(--ease-premium);
    }
    .dashboard-diagnostic-card::before {
      content:'';
      position:absolute;
      inset:0 0 auto;
      height:3px;
      background:linear-gradient(90deg, var(--diag-accent), transparent 78%);
      opacity:.9;
      z-index:-1;
    }
    .dashboard-diagnostic-card::after {
      content:'';
      position:absolute;
      right:-46px;
      bottom:-54px;
      width:138px;
      height:138px;
      border-radius:50%;
      background:var(--diag-glow);
      filter:blur(2px);
      opacity:.45;
      z-index:-1;
      transition:transform .36s var(--ease-premium), opacity .36s var(--ease-premium);
    }
    .dashboard-diagnostic-card:hover {
      transform:translateY(-4px);
      border-color:color-mix(in srgb, var(--diag-accent) 42%, rgba(255,255,255,.12));
      box-shadow:0 24px 62px rgba(0,0,0,.25), 0 0 0 1px color-mix(in srgb, var(--diag-accent) 18%, transparent);
    }
    .dashboard-diagnostic-card:hover::after {
      transform:scale(1.15);
      opacity:.62;
    }
    .dashboard-diagnostic-card.diagnostic-momentum { --diag-accent:#c8ff00; --diag-glow:rgba(200,255,0,.16); }
    .dashboard-diagnostic-card.diagnostic-opportunity { --diag-accent:#60a5fa; --diag-glow:rgba(96,165,250,.18); }
    .dashboard-diagnostic-card.diagnostic-risk { --diag-accent:#fb7185; --diag-glow:rgba(251,113,133,.18); }
    .dashboard-diagnostic-card.diagnostic-bottleneck { --diag-accent:#f59e0b; --diag-glow:rgba(245,158,11,.18); }
    .diagnostic-card-top {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
    }
    .diagnostic-kicker {
      display:inline-flex;
      align-items:center;
      gap:9px;
      color:var(--t3);
      font-size:11px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .diagnostic-kicker i {
      width:30px;
      height:30px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:12px;
      color:var(--diag-accent);
      background:color-mix(in srgb, var(--diag-accent) 12%, rgba(255,255,255,.045));
      border:1px solid color-mix(in srgb, var(--diag-accent) 18%, rgba(255,255,255,.08));
      box-shadow:0 10px 26px var(--diag-glow);
    }
    .diagnostic-rank {
      flex:0 0 auto;
      padding:5px 8px;
      border-radius:999px;
      color:var(--diag-accent);
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.07);
      font-family:'Fira Code','Inter',monospace;
      font-size:10px;
      font-style:normal;
      font-weight:900;
      letter-spacing:.06em;
    }
    .dashboard-diagnostic-card strong {
      display:block;
      color:var(--t1);
      font-size:16px;
      line-height:1.32;
      min-height:42px;
      letter-spacing:-.18px;
    }
    .dashboard-diagnostic-card p {
      margin:10px 0 0;
      color:var(--t3);
      font-size:12px;
      line-height:1.65;
    }
    .diagnostic-next-step {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-top:14px;
      padding-top:12px;
      border-top:1px solid rgba(255,255,255,.07);
      color:var(--t2);
      font-size:12px;
      font-weight:800;
    }
    .diagnostic-actions button {
      min-height:30px;
      font-size:11px;
      border-color:color-mix(in srgb, var(--diag-accent) 22%, rgba(255,255,255,.08));
      color:var(--t1);
    }
    .dashboard-empty {
      padding:18px; border-radius:16px; background:rgba(255,255,255,.035);
      border:1px dashed rgba(255,255,255,.1); color:var(--t3); font-size:13px; line-height:1.7;
    }
    .dashboard-collapse {
      border:none !important; background:transparent !important;
    }
    .dashboard-collapse .el-collapse-item {
      margin-bottom:14px; border-radius:18px; overflow:hidden;
      border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.035);
    }
    .dashboard-collapse .el-collapse-item__header {
      height:auto !important; min-height:58px; padding:0 18px !important;
      background:rgba(255,255,255,.035) !important; color:var(--t1) !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important; font-weight:800;
    }
    .dashboard-collapse .el-collapse-item__wrap {
      background:transparent !important; border-bottom:none !important;
    }
    .dashboard-collapse .el-collapse-item__content { padding:18px !important; color:var(--t2) !important; }
    .dashboard-section-title { display:flex; align-items:center; gap:10px; }
    .dashboard-section-title i { color:var(--lime); }
    @media (max-width:1200px) {
      .sidebar {
        width:60px;
      }
      .sidebar .sidebar-brand span,
      .sidebar .nav-label,
      .sidebar .nav-item span,
      .sidebar .nav-badge,
      .sidebar .user-bar > div:last-child {
        display:none;
      }
      .sidebar .sidebar-brand {
        justify-content:center;
        padding:24px 0 20px;
        gap:0;
      }
      .sidebar .nav-item {
        justify-content:center;
        padding:12px 0;
        gap:0;
        border-left:none;
      }
      .sidebar .nav-item.active {
        border-left:3px solid var(--lime);
      }
      .sidebar .nav-item i {
        width:auto;
        font-size:16px;
      }
      .sidebar-toggle {
        left:48px;
      }
      .main,
      .main.collapsed {
        margin-left:60px;
        padding:24px 22px;
      }
      .dashboard-hero,
      .dashboard-command-grid { grid-template-columns:1fr; }
      .grid-2 { grid-template-columns:1fr !important; }
      .dashboard-focus-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .dashboard-diagnostic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .card { padding:18px; }
    }
    @media (max-width:760px) {
      .sidebar {
        width:64px;
      }
      .sidebar .sidebar-brand span,
      .sidebar .nav-label,
      .sidebar .nav-item span,
      .sidebar .nav-badge,
      .sidebar .user-bar > div:last-child {
        display:none;
      }
      .sidebar .sidebar-brand {
        justify-content:center;
        padding:22px 0 18px;
        gap:0;
      }
      .sidebar .nav-item {
        justify-content:center;
        padding:12px 0;
        gap:0;
        border-left:none;
      }
      .sidebar .nav-item.active {
        border-left:3px solid var(--lime);
      }
      .sidebar .nav-item i {
        width:auto;
        font-size:15px;
      }
      .sidebar-toggle {
        display:none;
      }
      .main,
      .main.collapsed {
        margin-left:64px;
      }
      .main { padding:20px 14px; }
      .dashboard-page-header,
      .dashboard-filter-bar { align-items:flex-start; justify-content:flex-start; }
      .dashboard-filter-bar { width:100%; }
      .dashboard-date-range { width:100% !important; }
      .order-review-workbench,
      .order-review-summary-grid,
      .order-review-manual-grid { grid-template-columns:1fr !important; }
      .order-review-item-row { grid-template-columns:1fr; }
      .order-review-item-total { text-align:left; }
      .dashboard-hero-card,
      .google-health-card,
      .dashboard-panel { padding:18px; border-radius:18px; }
      .google-health-head,
      .google-health-actions { align-items:flex-start; }
      .google-health-head { flex-direction:column; }
      .google-health-actions { justify-content:flex-start; max-width:none; }
      .google-oauth-inline em { max-width:100%; white-space:normal; }
      .behavior-tracking-empty { flex-direction:column; align-items:flex-start; }
      .dashboard-hero-title { font-size:24px; }
      .dashboard-chart-grid,
      .dashboard-chart-stack { grid-template-columns:1fr; grid-template-rows:auto; }
      .google-oauth-card { grid-template-columns:1fr; }
      .google-oauth-actions { justify-content:flex-start; }
      .google-verification-note { grid-template-columns:1fr; }
      .dashboard-echart { min-height:240px; }
      .dashboard-chart-stack .dashboard-echart { min-height:220px; }
      .dashboard-chart-stack .dashboard-audience-chart { min-height:260px; }
      .dashboard-focus-grid,
      .dashboard-diagnostic-grid,
      .dashboard-attention-list,
      .dashboard-mini-grid,
      .grid-2,
      .stats-grid { grid-template-columns:1fr !important; }
      .dashboard-metric-rail {
        margin-left:-4px;
        margin-right:-4px;
        padding-bottom:12px;
      }
      .dashboard-metric-rail .stat-card {
        flex-basis:190px;
        min-height:128px;
        padding:18px;
      }
      .funnel-row { grid-template-columns:1fr; gap:8px; }
      .funnel-value { text-align:left; }
    }

    /* ── Glassmorphic Cards ── */
    .card {
      background:var(--bg-card);
      backdrop-filter:var(--glass-blur);
      -webkit-backdrop-filter:var(--glass-blur);
      border:1px solid var(--border);
      border-radius:16px;
      padding:22px 26px;
      margin-bottom:22px;
      transition:all .3s var(--ease-premium);
    }
    .card:hover { border-color:rgba(255,255,255,.06); }
    .card-title {
      font-size:14px; font-weight:700; margin-bottom:18px;
      display:flex; align-items:center; gap:10px;
      letter-spacing:-.2px;
    }
    .card-title i { color:var(--lime); font-size:15px; }
    .order-ops-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
      gap:12px;
      margin:0 0 18px;
    }
    .order-ops-card {
      display:flex;
      align-items:center;
      gap:12px;
      min-height:92px;
      border:1px solid var(--border);
      border-radius:16px;
      padding:14px;
      background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
      color:var(--t1);
      text-align:left;
      cursor:pointer;
      transition:transform .18s ease,border-color .18s ease,background .18s ease;
    }
    .order-ops-card:hover,
    .order-ops-card.active {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.32);
      background:linear-gradient(145deg,rgba(200,255,0,.105),rgba(255,255,255,.025));
    }
    .order-ops-icon {
      width:40px;
      height:40px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(255,255,255,.06);
      color:var(--lime);
      flex:0 0 auto;
    }
    .order-ops-card.tone-green .order-ops-icon { color:var(--green); }
    .order-ops-card.tone-orange .order-ops-icon { color:var(--orange); }
    .order-ops-card.tone-blue .order-ops-icon { color:var(--blue); }
    .order-ops-copy {
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .order-ops-copy strong {
      font:800 22px/1 'Fira Code','Inter',monospace;
      color:var(--t1);
    }
    .order-ops-copy em {
      font-style:normal;
      font-weight:800;
      font-size:12px;
      color:var(--t1);
    }
    .order-ops-copy small {
      color:var(--t3);
      font-size:10px;
      line-height:1.35;
    }
    .order-review-workbench {
      display:grid;
      grid-template-columns:minmax(300px,360px) minmax(0,1fr);
      gap:18px;
      margin:0 0 22px;
      align-items:start;
    }
    .order-review-queue-card,
    .order-review-panel-card {
      margin-bottom:0;
    }
    .order-review-card-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:16px;
      flex-wrap:wrap;
    }
    .order-review-card-head p {
      margin:6px 0 0;
      color:var(--t3);
      font-size:11px;
      line-height:1.5;
    }
    .order-review-queue-list,
    .order-review-item-list,
    .order-review-route-list {
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .order-review-queue-item {
      width:100%;
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background:rgba(255,255,255,.03);
      color:var(--t1);
      text-align:left;
      padding:14px;
      cursor:pointer;
      transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
    }
    .order-review-queue-item:hover,
    .order-review-queue-item.active {
      transform:translateY(-1px);
      border-color:rgba(200,255,0,.28);
      background:rgba(200,255,0,.08);
      box-shadow:0 12px 24px rgba(0,0,0,.18);
    }
    .order-review-queue-head,
    .order-review-panel-summary,
    .order-review-cashier-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }
    .order-review-queue-head strong,
    .order-review-panel-summary strong,
    .order-review-cashier-head strong {
      font:800 15px/1.2 'Fira Code','Inter',monospace;
      color:var(--t1);
    }
    .order-review-queue-meta,
    .order-review-panel-meta,
    .order-review-cashier-meta {
      margin-top:6px;
      color:var(--t3);
      font-size:11px;
      line-height:1.5;
    }
    .order-review-queue-stats {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:10px;
    }
    .order-review-queue-stats span,
    .order-review-summary-pill,
    .order-review-route-chip {
      display:inline-flex;
      align-items:center;
      gap:6px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:999px;
      padding:4px 9px;
      font-size:10px;
      color:var(--t2);
      background:rgba(255,255,255,.035);
    }
    .order-review-queue-title {
      margin-top:10px;
      color:var(--t1);
      font-size:12px;
      font-weight:700;
      line-height:1.45;
    }
    .order-review-queue-foot {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-top:10px;
    }
    .order-review-queue-foot strong {
      color:var(--lime);
      font:800 13px/1 'Fira Code','Inter',monospace;
    }
    .order-review-queue-foot small {
      color:var(--green);
      font-size:10px;
      font-weight:700;
      letter-spacing:.02em;
    }
    .order-review-panel-card {
      display:flex;
      flex-direction:column;
      gap:16px;
    }
    .order-review-empty {
      min-height:320px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      border:1px dashed rgba(255,255,255,.1);
      border-radius:18px;
      color:var(--t3);
      text-align:center;
      gap:10px;
      padding:24px;
    }
    .order-review-empty i {
      font-size:26px;
      color:var(--lime);
    }
    .order-review-summary-grid {
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
    }
    .order-review-metric {
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background:rgba(255,255,255,.03);
      padding:12px 14px;
    }
    .order-review-metric span {
      display:block;
      color:var(--t3);
      font-size:10px;
      font-weight:700;
      letter-spacing:.05em;
      text-transform:uppercase;
    }
    .order-review-metric strong {
      display:block;
      margin-top:8px;
      color:var(--t1);
      font:800 18px/1.2 'Fira Code','Inter',monospace;
    }
    .order-review-section {
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      background:rgba(255,255,255,.025);
      padding:16px;
    }
    .order-review-section-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
      flex-wrap:wrap;
    }
    .order-review-section-head h3 {
      margin:0;
      font-size:14px;
      color:var(--t1);
    }
    .order-review-section-head p {
      margin:5px 0 0;
      color:var(--t3);
      font-size:11px;
      line-height:1.5;
    }
    .order-review-item-row,
    .order-review-route-card,
    .order-review-cashier-card {
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background:rgba(255,255,255,.03);
      padding:14px;
    }
    .order-review-item-row {
      display:grid;
      grid-template-columns:minmax(0,1fr) 128px 128px;
      gap:12px;
      align-items:center;
      border:0;
    }
    .order-review-item-product {
      display:grid;
      grid-template-columns:72px minmax(0,1fr);
      gap:12px;
      align-items:start;
      min-width:0;
    }
    .order-review-item-thumb,
    .order-review-item-placeholder,
    .order-review-item-thumb img {
      width:72px;
      height:72px;
      border-radius:10px;
    }
    .order-review-item-thumb {
      overflow:hidden;
      background:rgba(255,255,255,.05);
    }
    .order-review-item-thumb img {
      display:block;
      object-fit:cover;
    }
    .order-review-item-placeholder {
      display:grid;
      place-items:center;
      color:var(--t3);
      background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
      font-size:20px;
    }
    .order-review-item-copy {
      min-width:0;
    }
    .order-review-item-title {
      font-size:13px;
      font-weight:500;
      color:var(--t1);
      line-height:1.45;
      overflow-wrap:anywhere;
    }
    a.order-review-item-title {
      display:block;
      text-decoration:none;
    }
    .order-review-item-meta {
      display:flex;
      flex-wrap:wrap;
      gap:3px 10px;
      margin-top:5px;
      color:var(--t3);
      font-size:11px;
      line-height:1.4;
    }
    .order-review-item-source-link {
      display:inline-flex;
      align-items:center;
      gap:5px;
      margin-top:7px;
      color:var(--lime);
      font-size:11px;
      text-decoration:none;
    }
    .order-review-item-price > span {
      display:block;
      margin-bottom:5px;
      color:var(--t3);
      font-size:11px;
    }
    .order-review-item-price .el-input-number {
      width:100%;
    }
    .order-review-item-total {
      text-align:right;
    }
    .order-review-item-total span {
      display:block;
      color:var(--t3);
      font-size:10px;
      text-transform:uppercase;
      letter-spacing:.05em;
    }
    .order-review-item-total strong {
      display:block;
      margin-top:6px;
      color:var(--lime);
      font:800 14px/1 'Fira Code','Inter',monospace;
    }
    .order-review-route-card {
      width:100%;
      color:var(--t1);
      text-align:left;
      cursor:pointer;
      transition:transform .18s ease,border-color .18s ease,background .18s ease;
    }
    .order-review-route-card:hover,
    .order-review-route-card.active {
      transform:translateY(-1px);
      border-color:rgba(59,130,246,.35);
      background:rgba(59,130,246,.08);
    }
    .order-review-route-title {
      font-size:13px;
      font-weight:800;
      color:var(--t1);
      line-height:1.4;
    }
    .order-review-route-meta,
    .order-review-route-note {
      margin-top:8px;
      color:var(--t3);
      font-size:11px;
      line-height:1.5;
    }
    .order-review-route-meta {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .order-review-route-note {
      white-space:pre-wrap;
    }
    .order-review-manual-grid {
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .order-review-manual-toggle,
    .order-review-request-actions,
    .order-review-panel-actions {
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }
    .order-review-manual-toggle {
      justify-content:space-between;
      margin-bottom:12px;
    }
    .order-review-request-field-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
      gap:8px;
      margin-bottom:12px;
    }
    .order-review-cashier-card {
      background:linear-gradient(145deg, rgba(34,197,94,.08), rgba(255,255,255,.03));
      border-color:rgba(34,197,94,.24);
    }
    .order-review-cashier-link {
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--lime);
      font-size:12px;
      font-weight:700;
      text-decoration:none;
      margin-top:12px;
    }
    .order-review-cashier-link:hover {
      color:var(--t1);
    }
    .order-review-inline-meta {
      margin-top:6px;
      display:flex;
      flex-direction:column;
      gap:3px;
      font-size:10px;
      color:var(--t3);
      line-height:1.4;
    }
    .order-review-inline-meta strong {
      color:var(--t2);
      font-weight:700;
    }
    .order-review-sla-text {
      font-weight:700;
    }
    .order-review-sla-text.is-danger { color:var(--red); }
    .order-review-sla-text.is-warning { color:var(--orange); }
    .order-review-sla-text.is-success { color:var(--green); }
    .order-review-sla-text.is-info { color:var(--t3); }
    .order-review-publish-note {
      color:var(--t3);
      font-size:11px;
      line-height:1.6;
    }
    .order-lifecycle {
      display:flex;
      flex-wrap:wrap;
      gap:4px;
      margin-top:6px;
    }
    .order-lifecycle-chip {
      display:inline-flex;
      align-items:center;
      border:1px solid rgba(255,255,255,.08);
      border-radius:999px;
      padding:2px 7px;
      color:var(--t3);
      font-size:10px;
      line-height:1.4;
      background:rgba(255,255,255,.035);
    }
    .order-product-cell {
      display:flex;
      flex-direction:column;
      gap:8px;
      min-width:0;
      max-width:100%;
      border-radius:12px;
      padding:8px;
      margin:-8px;
      transition:background .18s ease,border-color .18s ease;
    }
    .order-product-cell.is-clickable {
      cursor:pointer;
      border:1px solid transparent;
    }
    .order-product-cell.is-clickable:hover {
      background:rgba(200,255,0,.055);
      border-color:rgba(200,255,0,.18);
    }
    .order-product-badges {
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:6px;
    }
    .order-product-body {
      display:grid;
      grid-template-columns:44px minmax(0,1fr);
      gap:10px;
      align-items:start;
      min-width:0;
    }
    .order-product-thumb,
    .order-product-thumb-empty {
      width:44px;
      height:44px;
      border-radius:10px;
      border:1px solid var(--border);
      background:rgba(255,255,255,.04);
      object-fit:cover;
      flex:0 0 auto;
    }
    .order-product-thumb-empty {
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--t3);
      font-size:16px;
    }
    .order-product-info {
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .order-product-title {
      color:var(--t1);
      font-size:12px;
      font-weight:800;
      line-height:1.42;
      white-space:normal;
      word-break:break-word;
    }
    .order-product-meta {
      color:var(--t3);
      font-size:10px;
      line-height:1.45;
      white-space:normal;
      word-break:break-word;
    }
    .order-product-meta strong { color:var(--t2); font-weight:700; }
    .order-product-kpis {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:6px;
    }
    .order-product-kpi {
      display:inline-flex;
      align-items:center;
      gap:4px;
      border-radius:999px;
      padding:3px 8px;
      font-size:10px;
      font-weight:800;
      line-height:1.35;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      color:var(--t2);
      white-space:nowrap;
    }
    .order-product-kpi strong {
      color:var(--t1);
      font-family:'Fira Code',monospace;
      font-size:11px;
    }
    .order-product-kpi.qty {
      border-color:rgba(59,130,246,.24);
      background:rgba(59,130,246,.1);
      color:#93c5fd;
    }
    .order-product-kpi.price {
      border-color:rgba(34,197,94,.26);
      background:rgba(34,197,94,.11);
      color:var(--green);
    }
    .order-title-source {
      display:inline-flex;
      align-items:center;
      gap:5px;
      width:max-content;
      max-width:100%;
      border-radius:999px;
      padding:2px 7px;
      font-size:10px;
      font-weight:800;
      line-height:1.35;
      color:var(--t3);
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      white-space:nowrap;
    }
    .order-title-source.verified {
      color:var(--green);
      border-color:rgba(34,197,94,.24);
      background:rgba(34,197,94,.1);
    }
    .order-title-source.submitted {
      color:var(--orange);
      border-color:rgba(255,149,0,.26);
      background:rgba(255,149,0,.1);
    }
    .order-title-source.fallback {
      color:var(--t3);
      border-style:dashed;
    }
	    .order-product-open-hint {
	      display:inline-flex;
	      align-items:center;
	      gap:5px;
      width:max-content;
      color:var(--lime);
	      font-size:10px;
	      font-weight:700;
	    }
	    .warehouse-barcode-mini,
	    .warehouse-barcode-card {
	      display:inline-flex;
	      flex-direction:column;
	      align-items:center;
	      justify-content:center;
	      gap:4px;
	      border-radius:10px;
	      background:#fff;
	      border:1px solid rgba(15,23,42,.12);
	      color:#0f172a;
	      box-shadow:0 8px 20px rgba(0,0,0,.14);
	    }
	    .warehouse-barcode-mini {
	      width:180px;
	      margin-top:6px;
	      padding:8px 10px;
	      cursor:pointer;
	      transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
	    }
	    .warehouse-barcode-mini:hover {
	      transform:translateY(-1px);
	      border-color:rgba(34,197,94,.35);
	      box-shadow:0 12px 26px rgba(0,0,0,.2);
	    }
	    .warehouse-barcode-mini img {
	      display:block;
	      width:158px;
	      height:46px;
	      object-fit:contain;
	    }
	    .warehouse-barcode-mini span {
	      font-size:9px;
	      line-height:1;
	      font-weight:900;
	      color:#475569;
	      letter-spacing:.04em;
	    }
	    .warehouse-barcode-card {
	      width:100%;
	      margin-top:12px;
	      padding:12px;
	      border-radius:14px;
	      align-items:flex-start;
	      cursor:pointer;
	      transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
	    }
	    .warehouse-barcode-card:hover {
	      transform:translateY(-1px);
	      border-color:rgba(34,197,94,.35);
	      box-shadow:0 14px 32px rgba(0,0,0,.2);
	    }
	    .warehouse-barcode-card-label {
	      display:flex;
	      align-items:center;
	      gap:6px;
	      color:#334155;
	      font-size:11px;
	      font-weight:900;
	      text-transform:uppercase;
	      letter-spacing:.08em;
	    }
	    .warehouse-barcode-card img {
	      display:block;
	      width:100%;
	      max-width:460px;
	      height:76px;
	      object-fit:contain;
	      align-self:center;
	    }
	    .warehouse-barcode-value {
	      font-family:'Fira Code',monospace;
	      font-size:12px;
	      font-weight:900;
	      letter-spacing:.04em;
	      color:#0f172a;
	      align-self:center;
	      word-break:break-all;
	    }
	    .warehouse-barcode-dialog .el-dialog__body {
	      padding:18px 24px 24px !important;
	    }
	    .warehouse-barcode-dialog-body {
	      display:flex;
	      flex-direction:column;
	      align-items:center;
	      gap:12px;
	      padding:18px;
	      border-radius:18px;
	      background:#fff;
	      color:#0f172a;
	      border:1px solid rgba(15,23,42,.1);
	    }
	    .warehouse-barcode-dialog-label {
	      display:flex;
	      align-items:center;
	      gap:8px;
	      color:#334155;
	      font-size:12px;
	      font-weight:900;
	      text-transform:uppercase;
	      letter-spacing:.08em;
	    }
	    .warehouse-barcode-dialog-body img {
	      width:100%;
	      max-width:620px;
	      height:150px;
	      object-fit:contain;
	    }
	    .warehouse-barcode-dialog-value {
	      font-family:'Fira Code',monospace;
	      font-size:20px;
	      font-weight:950;
	      letter-spacing:.08em;
	      color:#0f172a;
	      text-align:center;
	      word-break:break-all;
	    }
	    .order-product-dialog .el-dialog__body { padding:20px 24px !important; }
    .order-product-dialog-head {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
      gap:10px;
      margin-bottom:16px;
    }
    .order-product-dialog-head > div,
    .order-product-dialog-field {
      border:1px solid var(--border);
      border-radius:12px;
      padding:10px 12px;
      background:rgba(255,255,255,.025);
      min-width:0;
    }
    .order-product-dialog-head span,
    .order-product-dialog-field span {
      display:block;
      color:var(--t3);
      font-size:10px;
      font-weight:800;
      letter-spacing:.06em;
      text-transform:uppercase;
      margin-bottom:4px;
    }
    .order-product-dialog-head strong,
    .order-product-dialog-field strong {
      display:block;
      color:var(--t1);
      font-size:12px;
      line-height:1.45;
      word-break:break-word;
    }
    .order-product-dialog-list {
      display:flex;
      flex-direction:column;
      gap:14px;
      max-height:62vh;
      overflow:auto;
      padding-right:4px;
    }
    .order-product-dialog-item {
      display:grid;
      grid-template-columns:118px minmax(0,1fr);
      gap:16px;
      border:1px solid var(--border);
      border-radius:16px;
      background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
      padding:14px;
    }
    .order-product-dialog-image,
    .order-product-dialog-image-empty {
      width:118px;
      height:118px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      object-fit:cover;
    }
    .order-product-dialog-image-empty {
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--t3);
      font-size:26px;
    }
    .order-product-dialog-main {
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .order-product-dialog-title {
      color:var(--t1);
      font-size:15px;
      line-height:1.45;
      font-weight:850;
      word-break:break-word;
    }
    .order-product-dialog-tags,
    .order-product-dialog-links {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:6px;
    }
    .order-product-dialog-fields {
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
      gap:8px;
    }
    .order-product-dialog-link {
      display:inline-flex;
      align-items:center;
      gap:5px;
      color:var(--lime);
      font-size:11px;
      font-weight:700;
      text-decoration:none;
    }
    .order-product-dialog-link:hover { text-decoration:underline; }
    @media (max-width:700px) {
      .order-product-dialog-item { grid-template-columns:1fr; }
      .order-product-dialog-image,
      .order-product-dialog-image-empty { width:100%; height:180px; }
    }
    .order-command-card {
      display:grid;
      grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);
      gap:16px;
      align-items:stretch;
      border-color:rgba(200,255,0,.18);
      background:linear-gradient(135deg,rgba(200,255,0,.075),rgba(255,255,255,.025));
    }
    .order-command-primary {
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .order-command-eyebrow {
      color:var(--t3);
      font-size:11px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .order-command-title {
      font-size:20px;
      font-weight:900;
      color:var(--t1);
    }
    .order-command-meta {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .order-command-actions {
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      align-content:center;
      justify-content:flex-end;
    }
    @media (max-width:900px) {
      .order-command-card { grid-template-columns:1fr; }
      .order-command-actions { justify-content:flex-start; }
    }

    /* ── Google UCP Config Panel ── */
    .ucp-config-card {
      margin-top:16px;
      padding:20px;
      background:linear-gradient(180deg,rgba(20,26,38,.92),rgba(13,18,28,.84));
      border-color:rgba(200,255,0,.14);
      box-shadow:0 18px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
    }
    .ucp-dark-collapse {
      border:none !important;
      background:transparent !important;
    }
    .ucp-dark-collapse .el-collapse-item {
      margin:12px 0;
      border:1px solid rgba(255,255,255,.07);
      border-radius:16px;
      overflow:hidden;
      background:rgba(255,255,255,.025);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    }
    .ucp-dark-collapse .el-collapse-item__header {
      height:auto !important;
      min-height:64px;
      padding:14px 16px !important;
      border:none !important;
      background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018)) !important;
      color:var(--t1) !important;
      font-weight:800;
      line-height:1.2;
    }
    .ucp-dark-collapse .el-collapse-item__header.is-active {
      background:linear-gradient(90deg,rgba(200,255,0,.115),rgba(92,225,230,.045)) !important;
      box-shadow:inset 3px 0 0 var(--lime);
    }
    .ucp-dark-collapse .el-collapse-item__arrow {
      color:var(--lime) !important;
      font-weight:900;
    }
    .ucp-dark-collapse .el-collapse-item__wrap {
      border:none !important;
      background:var(--admin-surface-inset) !important;
    }
    .ucp-dark-collapse .el-collapse-item__content {
      padding:8px 14px 16px !important;
      color:var(--t2) !important;
    }
    .ucp-section-title {
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }
    .ucp-section-icon {
      width:38px;
      height:38px;
      border-radius:14px;
      display:flex;
      align-items:center;
      justify-content:center;
      flex:0 0 auto;
      background:rgba(200,255,0,.11);
      color:var(--lime);
      box-shadow:0 0 24px rgba(200,255,0,.08);
    }
    .ucp-section-title strong {
      display:block;
      color:var(--t1);
      font-size:14px;
    }
    .ucp-section-title em {
      display:block;
      margin-top:4px;
      color:var(--t3);
      font-size:11px;
      font-style:normal;
      font-weight:600;
      letter-spacing:.02em;
    }
    .ucp-config-row {
      display:grid;
      grid-template-columns:minmax(220px,280px) minmax(0,1fr);
      gap:18px;
      align-items:center;
      padding:14px;
      margin-top:10px;
      border:1px solid rgba(255,255,255,.055);
      border-radius:14px;
      background:rgba(255,255,255,.028);
      transition:all .22s var(--ease-premium);
    }
    .ucp-config-row:hover {
      border-color:rgba(200,255,0,.16);
      background:rgba(200,255,0,.035);
      transform:translateY(-1px);
    }
    .ucp-config-label {
      font-size:13px;
      font-weight:800;
      color:var(--t1);
    }
    .ucp-config-help {
      max-width:380px;
      margin-top:5px;
      color:var(--t3);
      font-size:12px;
      line-height:1.55;
    }
    .ucp-config-control {
      display:flex;
      justify-content:flex-end;
      align-items:center;
      min-width:0;
    }
    .ucp-config-inline-control {
      display:flex;
      justify-content:flex-end;
      gap:8px;
      width:100%;
      max-width:560px;
      margin-left:auto;
    }
    .ucp-config-stack-control {
      width:100%;
      max-width:720px;
      margin-left:auto;
    }
    .ucp-config-stack-actions {
      margin-top:8px;
      text-align:right;
    }
    .ucp-config-inline-control .el-input,
    .ucp-config-control .el-textarea {
      flex:1;
    }
    .ucp-config-control .el-input__inner,
    .ucp-config-control .el-textarea__inner {
      background:rgba(6,10,16,.72) !important;
      border-color:rgba(255,255,255,.08) !important;
    }
    .ucp-config-control .el-input__inner:hover,
    .ucp-config-control .el-textarea__inner:hover {
      border-color:rgba(200,255,0,.20) !important;
    }
    .ucp-config-control .el-switch__core {
      box-shadow:0 0 0 4px rgba(255,255,255,.025), 0 8px 20px rgba(0,0,0,.18);
    }
    @media (max-width:980px) {
      .ucp-config-row {
        grid-template-columns:1fr;
        align-items:start;
      }
      .ucp-config-control {
        justify-content:flex-start;
      }
      .ucp-config-inline-control {
        max-width:none;
        margin-left:0;
      }
      .ucp-config-stack-control {
        max-width:none;
        margin-left:0;
      }
    }

    /* ── Grid ── */
    .grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:22px; }

    /* ── Table: Pro Max Override ── */
    .el-table, .el-table__expanded-cell { background:transparent !important; }
    .el-table th, .el-table th.el-table__cell {
      background:rgba(255,255,255,.03) !important;
      background-color:rgba(255,255,255,.03) !important;
      color:var(--t3) !important;
      border-bottom:1px solid var(--border) !important;
      font-weight:600; font-size:11px;
      text-transform:uppercase; letter-spacing:.5px;
    }
    .el-table tr, .el-table__body tr { background:transparent !important; background-color:transparent !important; }
    .el-table td, .el-table td.el-table__cell {
      border-bottom:1px solid var(--border) !important;
      color:var(--t1) !important; font-size:13px;
      background-color:transparent !important;
      padding:12px 0 !important;
      transition:background .2s var(--ease-premium);
    }
    .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell,
    .el-table__body tr:hover>td,
    .el-table__body tr.hover-row>td {
      background-color:rgba(200,255,0,.06) !important;
      background:rgba(200,255,0,.06) !important;
    }
    .el-table__body tr.current-row>td { background-color:rgba(200,255,0,.10) !important; }
    .el-table::before, .el-table--group::after, .el-table--border::after { display:none !important; }
    .el-table__empty-block { background:transparent !important; }
    .el-table__fixed,
    .el-table__fixed-right { background:var(--bg-card-solid) !important; box-shadow:none !important; }
    .el-table__fixed::before,
    .el-table__fixed-right::before { display:none !important; }
    .el-table__fixed td,
    .el-table__fixed-right td,
    .el-table__fixed td.el-table__cell,
    .el-table__fixed-right td.el-table__cell,
    .el-table__fixed .el-table__body tr td,
    .el-table__fixed-right .el-table__body tr td { background:var(--bg-card-solid) !important; background-color:var(--bg-card-solid) !important; }
    .el-table__fixed th,
    .el-table__fixed-right th,
    .el-table__fixed th.el-table__cell,
    .el-table__fixed-right th.el-table__cell { background:var(--bg-card-solid) !important; background-color:var(--bg-card-solid) !important; }
    .el-table__fixed .el-table__body tr:hover>td,
    .el-table__fixed-right .el-table__body tr:hover>td,
    .el-table__fixed .el-table__body tr.hover-row>td,
    .el-table__fixed-right .el-table__body tr.hover-row>td { background-color:rgba(200,255,0,.06) !important; }

    /* ── Element UI Dark Override (Pro Max) ── */
    /* ── Pro Max Inputs ── */
    .el-input__inner, .el-textarea__inner {
      background:rgba(0,0,0,.15) !important;
      border:1px solid rgba(255,255,255,.1) !important;
      color:var(--t1) !important;
      border-radius:8px !important;
      transition:all .25s var(--ease-premium) !important;
    }
    .el-input-group__prepend, .el-input-group__append {
      background:rgba(255,255,255,.03) !important;
      border:1px solid rgba(255,255,255,.1) !important;
      color:var(--t2) !important;
      border-radius:8px !important;
    }
    .el-input-group__prepend { border-right:none !important; border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; }
    .el-input__inner:focus, .el-textarea__inner:focus {
      border-color:rgba(200,255,0,.4) !important;
      background:rgba(0,0,0,.25) !important;
      box-shadow:0 0 0 3px rgba(200,255,0,.08) !important;
    }
    .el-select-dropdown { background:var(--bg-card-solid) !important; border-color:var(--border) !important; border-radius:12px !important; box-shadow:0 16px 48px rgba(0,0,0,.4) !important; }
    .el-select-dropdown__item { color:var(--t1) !important; transition:all .15s !important; }
    .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background:rgba(200,255,0,.06) !important; }
    .el-pagination { text-align:right; margin-top:18px; }
    .el-pagination .btn-prev, .el-pagination .btn-next, .el-pagination .el-pager li {
      background:rgba(255,255,255,.04) !important; color:var(--t2) !important;
      border:1px solid var(--border) !important; border-radius:8px !important;
      transition:all .2s var(--ease-premium) !important;
    }
    .el-pagination .el-pager li:hover { background:rgba(200,255,0,.08) !important; color:var(--lime) !important; }
    .el-pagination .el-pager li.active {
      background:var(--lime) !important; color:#0a0e14 !important;
      border-color:var(--lime) !important; font-weight:700;
    }
    /* ── InputNumber Dark Override ── */
    .el-input-number__decrease, .el-input-number__increase {
      background:rgba(255,255,255,.06) !important;
      border-color:rgba(255,255,255,.08) !important;
      color:var(--t2) !important;
      transition:all .2s var(--ease-premium) !important;
    }
    .el-input-number__decrease:hover, .el-input-number__increase:hover {
      color:var(--lime) !important;
      background:rgba(200,255,0,.08) !important;
    }
    .el-input-number__decrease.is-disabled, .el-input-number__increase.is-disabled {
      color:rgba(255,255,255,.15) !important;
      background:rgba(255,255,255,.02) !important;
    }
    .inbound-editor-dialog { max-width:calc(100vw - 32px); }
    .inbound-entry-section {
      margin:4px 0 18px;
      padding:16px;
      border:1px solid rgba(255,255,255,.1);
      border-radius:10px;
      background:rgba(0,0,0,.12);
    }
    .inbound-entry-title {
      margin:0 0 12px;
      color:var(--t2);
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .inbound-package-toolbar {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:12px;
    }
    .inbound-package-toolbar p { margin:0; color:var(--t3); font-size:12px; }
    .inbound-package-scroll { overflow-x:auto; padding:2px 2px 8px; }
    .inbound-package-grid { display:flex; align-items:stretch; gap:12px; min-width:100%; }
    .inbound-package-column {
      flex:1 0 220px;
      min-width:220px;
      padding:14px;
      border:1px solid rgba(255,255,255,.09);
      border-radius:12px;
      background:rgba(255,255,255,.025);
    }
    .inbound-package-column-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:28px;
      margin-bottom:12px;
      color:var(--t1);
    }
    .inbound-package-column-head strong { font-size:13px; }
    .inbound-package-column-fields { display:grid; gap:12px; }
    .inbound-measurement-field { min-width:0; }
    .inbound-measurement-field>label {
      display:flex;
      align-items:baseline;
      gap:4px;
      margin:0 0 7px;
      color:var(--t2);
      font-size:13px;
      font-weight:700;
    }
    .inbound-measurement-field>label small {
      color:var(--t3);
      font-size:11px;
      font-weight:500;
    }
    .inbound-measurement-field .el-input-number,
    .inbound-measurement-field .el-select { width:100%; }
    .inbound-measurement-field .el-input-number .el-input__inner {
      padding-left:12px !important;
      padding-right:12px !important;
      text-align:left !important;
    }
    .warehouse-billing-v2-stack { display:grid; gap:14px; margin-top:16px; }
    .warehouse-billing-v2-banner {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:14px 16px;
      border:1px solid rgba(200,255,0,.14);
      border-radius:14px;
      background:linear-gradient(135deg, rgba(200,255,0,.08), rgba(59,130,246,.06));
    }
    .warehouse-billing-v2-banner strong { display:block; font-size:14px; color:var(--t1); }
    .warehouse-billing-v2-banner p { margin:4px 0 0; color:var(--t3); font-size:12px; line-height:1.6; }
    .warehouse-billing-v2-section {
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      padding:16px;
      background:rgba(255,255,255,.025);
    }
    .warehouse-billing-v2-section-head {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:14px;
    }
    .warehouse-billing-v2-section-head h4 {
      margin:0;
      font-size:15px;
      color:var(--t1);
      display:flex;
      align-items:center;
      gap:8px;
    }
    .warehouse-billing-v2-section-head p { margin:6px 0 0; color:var(--t3); font-size:12px; line-height:1.6; }
    .warehouse-billing-v2-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
    .warehouse-billing-v2-grid { display:grid; grid-template-columns:repeat(12, minmax(0, 1fr)); gap:12px; }
    .warehouse-billing-v2-field { grid-column:span 4; min-width:0; }
    .warehouse-billing-v2-field.is-wide { grid-column:span 12; }
    .warehouse-billing-v2-field.is-half { grid-column:span 6; }
    .warehouse-billing-v2-field label {
      display:flex;
      align-items:center;
      gap:6px;
      margin:0 0 7px;
      color:var(--t2);
      font-size:13px;
      font-weight:700;
    }
    .warehouse-billing-v2-field label small { color:var(--t3); font-size:11px; font-weight:500; }
    .warehouse-billing-v2-field .el-input-number,
    .warehouse-billing-v2-field .el-select,
    .warehouse-billing-v2-field .el-input,
    .warehouse-billing-v2-field .el-textarea { width:100%; }
    .warehouse-billing-v2-row-list { display:grid; gap:12px; }
    .warehouse-billing-v2-row {
      border:1px solid rgba(255,255,255,.08);
      border-radius:12px;
      padding:14px;
      background:rgba(10,14,20,.24);
    }
    .warehouse-billing-v2-row-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:12px;
    }
    .warehouse-billing-v2-row-head strong { color:var(--t1); font-size:13px; }
    .warehouse-billing-v2-summary-grid {
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
      gap:10px;
      margin-top:12px;
    }
    .warehouse-billing-v2-summary-card {
      border:1px solid rgba(255,255,255,.08);
      border-radius:12px;
      padding:12px 14px;
      background:rgba(255,255,255,.03);
    }
    .warehouse-billing-v2-summary-card em {
      display:block;
      font-style:normal;
      color:var(--t3);
      font-size:11px;
      margin-bottom:6px;
      text-transform:uppercase;
      letter-spacing:.05em;
    }
    .warehouse-billing-v2-summary-card strong { color:var(--t1); font-size:16px; }
    .warehouse-billing-v2-summary-card span { display:block; margin-top:4px; color:var(--t3); font-size:12px; }
    .warehouse-billing-v2-pill-group { display:flex; flex-wrap:wrap; gap:8px; }
    .warehouse-billing-v2-inline {
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .warehouse-billing-v2-total-line {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding-top:12px;
      margin-top:12px;
      border-top:1px solid rgba(255,255,255,.08);
      color:var(--t2);
      font-size:13px;
    }
    .warehouse-billing-v2-total-line strong { color:var(--lime); font-size:18px; }
    .warehouse-billing-v2-note {
      margin-top:10px;
      color:var(--t3);
      font-size:12px;
      line-height:1.6;
      white-space:pre-wrap;
      word-break:break-word;
    }
    .warehouse-billing-v2-empty {
      padding:16px;
      border:1px dashed rgba(255,255,255,.12);
      border-radius:12px;
      color:var(--t3);
      text-align:center;
      font-size:12px;
    }
    .warehouse-billing-v2-lock {
      margin-top:12px;
      padding:12px 14px;
      border-radius:12px;
      border:1px solid rgba(245,158,11,.24);
      background:rgba(245,158,11,.08);
      color:#f8d27a;
      font-size:12px;
      line-height:1.6;
    }
    .warehouse-billing-v2-proof-list {
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
      gap:10px;
      margin-top:12px;
    }
    .warehouse-billing-v2-proof-item {
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:var(--t2);
      font-size:12px;
      text-decoration:none;
    }
    .warehouse-billing-v2-proof-item span {
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    @media (max-width:680px) {
      .inbound-entry-section { padding:12px; }
      .inbound-package-column { flex-basis:200px; min-width:200px; }
      .warehouse-billing-v2-banner,
      .warehouse-billing-v2-section-head,
      .warehouse-billing-v2-total-line { flex-direction:column; align-items:flex-start; }
      .warehouse-billing-v2-field,
      .warehouse-billing-v2-field.is-half,
      .warehouse-billing-v2-field.is-wide { grid-column:span 12; }
    }
    /* ── Date Range Picker Dark Override ── */
    .el-date-editor.el-range-editor {
      background:rgba(255,255,255,.04) !important;
      border-color:rgba(255,255,255,.08) !important;
      border-radius:10px !important;
      transition:all .25s var(--ease-premium) !important;
    }
    .el-date-editor.el-range-editor.is-active {
      border-color:rgba(200,255,0,.4) !important;
      box-shadow:0 0 0 3px rgba(200,255,0,.08) !important;
    }
    .el-range-input {
      background:transparent !important;
      color:var(--t1) !important;
    }
    .el-range-input::placeholder { color:var(--t3) !important; }
    .el-range-separator { color:var(--t3) !important; }
    .el-range__icon, .el-range__close-icon { color:var(--t3) !important; }
    .el-picker-panel { background:var(--bg-card-solid) !important; border-color:var(--border) !important; border-radius:12px !important; box-shadow:0 16px 48px rgba(0,0,0,.4) !important; color:var(--t1) !important; }
    .el-date-table th { color:var(--t3) !important; border-bottom-color:var(--border) !important; }
    .el-date-table td.available:hover span { background:rgba(200,255,0,.12) !important; }
    .el-date-table td.today span { color:var(--lime) !important; font-weight:700; }
    .el-date-table td.start-date span, .el-date-table td.end-date span { background:var(--lime) !important; color:#0a0e14 !important; }
    .el-date-table td.in-range>div { background:rgba(200,255,0,.06) !important; }
    .el-date-range-picker__header, .el-picker-panel__icon-btn { color:var(--t2) !important; }
    .el-picker-panel__icon-btn:hover { color:var(--lime) !important; }
    /* ── Popover Dark Override ── */
    .el-popover { background:var(--bg-card-solid, #1a1f2e) !important; border:1px solid var(--border, rgba(255,255,255,.06)) !important; border-radius:12px !important; box-shadow:0 16px 48px rgba(0,0,0,.5) !important; color:var(--t1, #f0f0f0) !important; }
    .el-popover .popper__arrow { border-bottom-color:var(--bg-card-solid, #1a1f2e) !important; }
    .el-popover .popper__arrow::after { border-bottom-color:var(--bg-card-solid, #1a1f2e) !important; }
    .route-note-pop { padding:16px 20px !important; }
    .route-note-pop ul, .route-note-pop ol { padding-left:18px; margin:6px 0; }
    .route-note-pop li { margin:4px 0; }
    .route-note-pop strong { color:#fff; }
    /* ── Glassmorphic Dialogs ── */
    .el-dialog {
      background:var(--bg-card-solid) !important;
      backdrop-filter:var(--glass-blur-heavy) !important;
      border:1px solid rgba(255,255,255,.06) !important;
      border-radius:20px !important;
      box-shadow:0 32px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.03) inset !important;
    }
    .el-dialog__header { border-bottom:1px solid var(--border) !important; padding:20px 24px !important; }
    .el-dialog__title { color:var(--t1) !important; font-weight:700; font-size:16px; }
    .el-dialog__body { color:var(--t1) !important; padding:24px !important; }
    .el-dialog__footer { padding:16px 24px 20px !important; }
    .el-dialog__headerbtn .el-dialog__close { color:var(--t3) !important; transition:color .2s; }
    .el-dialog__headerbtn .el-dialog__close:hover { color:var(--lime) !important; }
    .image-edit-popup-dialog { max-width: calc(100vw - 48px) !important; }
    .image-edit-popup-dialog .el-dialog__body { max-height: 76vh; overflow:auto; }

    .category-picker-dialog {
      background: linear-gradient(180deg, rgba(22,28,40,0.98) 0%, rgba(12,16,24,0.98) 100%) !important;
      border: 1px solid rgba(200,255,0,0.12) !important;
      box-shadow: 0 32px 80px rgba(0,0,0,.62), 0 0 0 1px rgba(200,255,0,.04) inset !important;
    }
    .category-picker-dialog .el-dialog__header {
      background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%) !important;
    }
    .category-picker-dialog .el-dialog__body,
    .category-picker-dialog .el-dialog__footer {
      background: transparent !important;
    }
    .category-picker-dialog .el-tree {
      background: transparent !important;
      color: var(--t1) !important;
    }
    .category-picker-dialog .el-tree-node,
    .category-picker-dialog .el-tree-node__children,
    .category-picker-dialog .el-tree__empty-block {
      background: transparent !important;
      color: var(--t1) !important;
    }
    .category-picker-dialog .el-tree-node__content {
      height: 38px !important;
      border-radius: 10px;
      padding-right: 10px;
      background: transparent !important;
      color: var(--t1) !important;
      transition: background .18s ease;
    }
    .category-picker-dialog .el-tree-node__label,
    .category-picker-dialog .el-tree-node span {
      color: inherit !important;
    }
    .category-picker-dialog .el-tree-node__content:hover {
      background: rgba(200,255,0,.06) !important;
    }
    .category-picker-dialog .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
      background: rgba(200,255,0,.12) !important;
      border: 1px solid rgba(200,255,0,.16);
      color: var(--t1) !important;
    }
    .category-picker-dialog .el-tree-node:focus > .el-tree-node__content {
      background: rgba(200,255,0,.1) !important;
    }
    .category-picker-dialog .el-tree-node.is-current > .el-tree-node__content span,
    .category-picker-dialog .el-tree-node:hover > .el-tree-node__content span {
      color: inherit !important;
    }
    .category-picker-dialog .el-tree-node__expand-icon {
      color: var(--t3) !important;
    }
    .category-picker-dialog .el-checkbox__inner {
      background: rgba(255,255,255,.06) !important;
      border-color: rgba(200,255,0,.16) !important;
    }
    .category-picker-dialog .el-checkbox__input.is-checked .el-checkbox__inner,
    .category-picker-dialog .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background: var(--lime) !important;
      border-color: var(--lime) !important;
    }
    .category-picker-dialog .el-empty {
      padding: 24px 0 !important;
    }
    .category-picker-dialog .el-empty__description p {
      color: var(--t3) !important;
    }
    .category-picker-panel {
      min-height: 320px;
      max-height: 460px;
      overflow: auto;
      border: 1px solid rgba(200,255,0,.08);
      border-radius: 14px;
      padding: 12px;
      background: linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,.015) 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    }

    /* ── Buttons Pro Max ── */
    .el-button { border-radius:10px !important; transition:all .25s var(--ease-premium) !important; font-weight:500; }
    .el-button:hover { transform:translateY(-1px); }
    .el-button:active { transform:translateY(0) scale(.98); }
    .el-button--text { color:var(--lime) !important; }
    .el-button--text:hover { color:#d4ff40 !important; }
    .el-button--primary {
      background:linear-gradient(135deg, var(--lime) 0%, #a8d940 100%) !important;
      border-color:var(--lime) !important;
      color:#0a0e14 !important; font-weight:700;
      box-shadow:0 4px 16px rgba(200,255,0,.2);
    }
    .el-button--primary:hover {
      background:linear-gradient(135deg, #d4ff40 0%, #c8ff00 100%) !important;
      box-shadow:0 6px 24px rgba(200,255,0,.3);
    }
    .el-button--primary:active { background:var(--lime) !important; box-shadow:none; }
    .el-button--danger {
      background:linear-gradient(135deg, var(--red) 0%, #dc2626 100%) !important;
      border-color:var(--red) !important;
      box-shadow:0 4px 16px rgba(239,68,68,.15);
    }
    .el-button--danger:hover { box-shadow:0 6px 24px rgba(239,68,68,.25); }
    .el-button--warning {
      background:linear-gradient(135deg, var(--orange) 0%, #f59e0b 100%) !important;
      border-color:var(--orange) !important; color:#0a0e14 !important;
      box-shadow:0 4px 16px rgba(255,149,0,.15);
    }
    .el-button--warning:hover { box-shadow:0 6px 24px rgba(255,149,0,.25); }
    .el-button--success {
      background:linear-gradient(135deg, var(--green) 0%, #16a34a 100%) !important;
      border-color:var(--green) !important; color:#0a0e14 !important;
      box-shadow:0 4px 16px rgba(34,197,94,.15);
    }
    .el-button--success:hover { box-shadow:0 6px 24px rgba(34,197,94,.25); }

    .el-message-box { background:var(--bg-card-solid) !important; border:1px solid var(--border) !important; border-radius:16px !important; }
    .el-message-box__title { color:var(--t1) !important; }
    .el-message-box__message { color:var(--t2) !important; }
    .el-tag { border:none !important; border-radius:6px !important; font-weight:600 !important; font-size:11px !important; }
    .el-tag--dark { opacity:.92; }
    .el-tag--dark:hover { opacity:1; }
    .bot-score-tag.score-success { background:rgba(34,197,94,.12) !important; color:var(--green) !important; border:1px solid rgba(34,197,94,.28) !important; }
    .bot-score-tag.score-warning { background:rgba(255,149,0,.12) !important; color:var(--orange) !important; border:1px solid rgba(255,149,0,.32) !important; }
    .bot-score-tag.score-danger { background:rgba(239,68,68,.12) !important; color:var(--red) !important; border:1px solid rgba(239,68,68,.32) !important; }
    .el-form-item__label { color:var(--t2) !important; font-weight:500; }
    .el-tabs__item { color:var(--t3) !important; transition:color .2s; }
    .el-tabs__item:hover { color:var(--t1) !important; }
    .el-tabs__item.is-active { color:var(--lime) !important; font-weight:600; }
    .el-tabs__active-bar { background:var(--lime) !important; height:3px !important; border-radius:3px 3px 0 0; }
    .el-tabs--card > .el-tabs__header { border-bottom:1px solid rgba(255,255,255,.06) !important; }
    .el-tabs--card > .el-tabs__header .el-tabs__item { border-left:1px solid rgba(255,255,255,.04) !important; border-bottom:1px solid transparent !important; }
    .el-tabs--card > .el-tabs__header .el-tabs__item.is-active { border-bottom-color: var(--bg-card-solid) !important; background: rgba(255,255,255,.02); }
    .el-tabs--card > .el-tabs__header .el-tabs__nav { border:1px solid rgba(255,255,255,.06) !important; border-bottom:none !important; border-radius:8px 8px 0 0 !important; overflow:hidden; }

    .el-loading-mask { background:var(--admin-surface-overlay) !important; backdrop-filter:blur(4px); }
    .el-switch__core { border-radius:12px !important; }
    .el-switch__label { white-space:nowrap !important; color:var(--t3) !important; }
    .el-switch__label.is-active { color:var(--t1) !important; }

    /* ── Status Tags ── */
    .status-draft { background:rgba(107,114,128,.12); color:#9ca3af; }
    .status-pending_review { background:rgba(245,158,11,.12); color:#fbbf24; }
    .status-confirmed { background:rgba(59,130,246,.12); color:#60a5fa; }
    .status-pending_payment { background:rgba(255,149,0,.12); color:#ff9500; }
    .status-paid { background:rgba(34,197,94,.12); color:#22c55e; }
    .status-shipping { background:rgba(139,92,246,.12); color:#a78bfa; }
    .status-delivered { background:rgba(200,255,0,.12); color:#c8ff00; }
    .status-cancelled { background:rgba(239,68,68,.12); color:#ef4444; }

    /* Method Tags */
    .method-paypal { background:rgba(0,48,135,.15); color:#4a90d9; }
    .method-paypal_card { background:rgba(255,107,107,.12); color:#ff6b6b; }
    .method-usdt_trc20 { background:rgba(38,161,123,.12); color:#26a17b; }

    /* ── Order Detail ── */
    .detail-header { display:flex; align-items:center; gap:16px; margin-bottom:28px; }
    .detail-header h2 { font-size:22px; }
    .detail-section { margin-bottom:22px; }
    .detail-section h4 { font-size:12px; color:var(--t3); text-transform:uppercase; letter-spacing:1.2px; font-weight:700; margin-bottom:14px; }
    .detail-grid { display:grid; grid-template-columns:140px 1fr; gap:10px 16px; font-size:13px; }
    .detail-grid .label { color:var(--t3); font-weight:500; }
    .detail-grid .value { color:var(--t1); font-weight:500; }

    /* ── USDT Queue ── */
    .usdt-item {
      background:rgba(38,161,123,.04);
      border:1px solid rgba(38,161,123,.12);
      border-radius:16px;
      padding:22px; margin-bottom:14px;
      display:flex; align-items:center; gap:20px;
      transition:all .3s var(--ease-premium);
    }
    .usdt-item:hover { border-color:rgba(38,161,123,.25); transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.15); }
    .usdt-item .wait-badge {
      background:rgba(255,149,0,.12); color:var(--orange); font-size:11px; font-weight:700;
      padding:4px 12px; border-radius:8px; white-space:nowrap;
      font-family:'Fira Code',monospace;
    }

    /* ── Premium Scrollbar ── */
    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-track { background:transparent; }
    ::-webkit-scrollbar-thumb { background:rgba(255,255,255,.08); border-radius:4px; }
    ::-webkit-scrollbar-thumb:hover { background:rgba(200,255,0,.15); }

    /* ── Login ── */
    .login-wrap {
      display:flex; align-items:center; justify-content:center; min-height:100vh;
      background:var(--bg-dark);
      position:relative;
    }
    .login-wrap::before {
      content:''; position:absolute; width:600px; height:600px;
      border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%);
      background:radial-gradient(circle, rgba(200,255,0,.06) 0%, transparent 60%);
    }
    .admin-boot-loading {
      min-height:100vh;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:14px;
      background:var(--bg-dark);
      color:var(--t2);
    }
    .admin-boot-spinner,
    .login-button-spinner {
      border-radius:50%;
      animation:admin-spin .72s linear infinite;
      flex-shrink:0;
    }
    .admin-boot-spinner {
      width:44px;
      height:44px;
      border:3px solid rgba(255,255,255,.12);
      border-top-color:var(--lime);
      box-shadow:0 0 26px rgba(200,255,0,.18);
    }
    .login-box {
      width:420px;
      background:var(--bg-card);
      backdrop-filter:var(--glass-blur-heavy);
      -webkit-backdrop-filter:var(--glass-blur-heavy);
      border:1px solid rgba(255,255,255,.06);
      border-radius:24px;
      padding:52px 44px; text-align:center;
      box-shadow:0 32px 80px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.03) inset;
      position:relative; z-index:1;
      animation:login-enter .6s var(--ease-premium) both;
    }
    @keyframes login-enter {
      from { opacity:0; transform:translateY(20px) scale(.96); }
      to { opacity:1; transform:translateY(0) scale(1); }
    }
    .login-box h1 { font-size:24px; font-weight:800; letter-spacing:-.3px; }
    .login-box h1 i { color:var(--lime); margin-right:8px; filter:drop-shadow(0 0 8px rgba(200,255,0,.3)); }
    .login-box .sub { color:var(--t3); font-size:13px; margin-bottom:36px; }
    .login-box .el-input { margin-bottom:18px; }
    .login-box .el-input__inner { height:46px; border-radius:12px !important; font-size:14px; }
    .login-box .el-button { width:100%; height:46px; border-radius:12px !important; font-size:15px; font-weight:700; margin-top:10px; }
    .login-submit-btn {
      position:relative;
      display:flex !important;
      align-items:center;
      justify-content:center;
      gap:10px;
    }
    .login-button-spinner {
      width:16px;
      height:16px;
      border:2px solid rgba(10,14,20,.24);
      border-top-color:#0a0e14;
    }
    .login-submit-btn .login-submit-text {
      position:relative;
      z-index:1;
      white-space:nowrap;
    }
    .admin-slider-captcha {
      width:320px;
      max-width:100%;
      margin:0 auto 6px;
      padding:10px;
      border:1px solid rgba(255,255,255,.075);
      border-radius:16px;
      background:rgba(255,255,255,.035);
      box-shadow:0 14px 34px rgba(0,0,0,.18) inset;
      text-align:left;
      user-select:none;
    }
    .admin-slider-captcha.is-solved {
      border-color:rgba(200,255,0,.28);
      background:rgba(200,255,0,.055);
    }
    .admin-slider-preview {
      position:relative;
      width:100%;
      height:150px;
      overflow:hidden;
      border-radius:14px;
      background:#111827;
      border:1px solid rgba(255,255,255,.08);
    }
    .admin-slider-preview > img:first-child {
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      pointer-events:none;
    }
    .admin-slider-piece {
      position:absolute;
      left:0;
      width:42px;
      height:42px;
      filter:drop-shadow(0 8px 12px rgba(0,0,0,.32));
      pointer-events:none;
      transition:filter .18s ease;
    }
    .admin-slider-track {
      position:relative;
      height:42px;
      margin-top:9px;
      border-radius:999px;
      overflow:hidden;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
    }
    .admin-slider-track-fill {
      position:absolute;
      inset:0 auto 0 0;
      width:42px;
      border-radius:999px;
      background:linear-gradient(90deg,rgba(200,255,0,.22),rgba(200,255,0,.04));
      transition:background .18s ease;
    }
    .admin-slider-handle {
      position:absolute;
      top:3px;
      left:0;
      width:36px;
      height:36px;
      border:0;
      border-radius:999px;
      background:linear-gradient(135deg,#f7ffd7,#c8ff00);
      color:#111827;
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow:0 10px 22px rgba(0,0,0,.28);
      cursor:grab;
      z-index:2;
    }
    .admin-slider-handle:active { cursor:grabbing; }
    .admin-slider-hint {
      position:absolute;
      inset:0 12px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--t3);
      font-size:12px;
      font-weight:800;
      pointer-events:none;
      letter-spacing:.02em;
    }
    .admin-slider-captcha.is-solved .admin-slider-hint {
      color:var(--lime);
    }
    .admin-slider-footer {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-top:8px;
      color:var(--t3);
      font-size:11px;
      line-height:1.35;
    }
    .admin-slider-refresh {
      border:0;
      background:transparent;
      color:var(--lime);
      font-weight:800;
      cursor:pointer;
      padding:0;
    }
    .admin-semantic-challenge {
      margin-top:10px;
      padding:10px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background:rgba(10,14,20,.48);
    }
    .admin-semantic-head {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      color:var(--t3);
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .admin-semantic-head strong {
      color:var(--lime);
      font-size:10px;
      letter-spacing:0;
      text-transform:none;
    }
    .admin-semantic-prompt {
      margin:7px 0 0;
      color:var(--t1);
      font-size:12px;
      font-weight:800;
      line-height:1.45;
    }
    .admin-semantic-options {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:7px;
      margin-top:9px;
    }
    .admin-semantic-option {
      min-height:34px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:10px;
      background:rgba(255,255,255,.045);
      color:var(--t2);
      font-size:12px;
      font-weight:800;
      line-height:1.25;
      cursor:pointer;
      transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
    }
    .admin-semantic-option:hover {
      transform:translateY(-1px);
      background:rgba(255,255,255,.075);
      color:var(--t1);
    }
    .admin-semantic-option.is-selected {
      border-color:rgba(200,255,0,.52);
      background:rgba(200,255,0,.14);
      color:var(--lime);
    }
    .admin-slider-empty {
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:94px;
      color:var(--t3);
      font-size:12px;
      gap:8px;
    }
    @keyframes admin-spin {
      to { transform:rotate(360deg); }
    }

    /* ── User bar ── */
    .user-bar { padding:14px 18px; display:flex; align-items:center; gap:10px; font-size:12px; color:var(--t2); }
    .user-bar .avatar {
      width:34px; height:34px; border-radius:12px;
      background:linear-gradient(135deg, var(--lime) 0%, #a8d940 100%);
      color:#0a0e14; display:flex; align-items:center; justify-content:center;
      font-weight:800; font-size:13px;
    }
    .user-bar .name { flex:1; font-weight:600; font-size:13px; color:var(--t1); }
    .user-bar .role-tag {
      font-size:10px; color:var(--lime);
      background:var(--lime-dim);
      padding:3px 10px; border-radius:8px; font-weight:600;
    }

    /* ── Role/Perm Tags ── */
    .role-super_admin { background:rgba(239,68,68,.12); color:#ef4444; }
    .role-admin { background:var(--lime-dim); color:#c8ff00; }
    .role-operator { background:rgba(59,130,246,.12); color:#60a5fa; }
    .role-viewer { background:rgba(107,114,128,.12); color:#9ca3af; }

    /* ── Choreographed Entry ── */
    .fade-enter-active { animation:page-enter .4s var(--ease-premium) both; }
    .fade-leave-active { transition:opacity .15s; }
    .fade-leave-to { opacity:0; }
    @keyframes page-enter {
      from { opacity:0; transform:translateY(12px); }
      to { opacity:1; transform:translateY(0); }
    }

    /* ── Pro Max Monospace Values ── */
    .mono { font-family:'Fira Code','Consolas',monospace !important; letter-spacing:-.5px; }
    /* ── El-Tooltip ── */
    .el-input-group__append, .el-input-group__prepend {
      background:rgba(255,255,255,.06) !important;
      border-color:rgba(255,255,255,.08) !important;
      color:var(--t3) !important;
      font-size:12px; font-weight:600;
    }
    /* ── El-Radio-Button Premium Override ── */
    .el-radio-button__inner {
      background:var(--bg-card-solid) !important;
      border:1px solid var(--border) !important;
      color:var(--t2) !important;
      transition:all .3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    .el-radio-button:first-child .el-radio-button__inner { border-radius:8px 0 0 8px !important; }
    .el-radio-button:last-child .el-radio-button__inner { border-radius:0 8px 8px 0 !important; }
    .el-radio-button__orig-radio:checked+.el-radio-button__inner {
      background:var(--lime) !important;
      border-color:var(--lime) !important;
      color:var(--bg-dark) !important;
      box-shadow:-1px 0 0 0 var(--lime) !important;
      font-weight:700 !important;
    }
    .el-tooltip__popper.is-dark { background:var(--bg-card-solid) !important; border:1px solid var(--border) !important; border-radius:10px !important; box-shadow:0 8px 24px rgba(0,0,0,.3) !important; }
    /* Tabs Customization underneath Pro Max */
    .el-tabs--border-card {
      background: var(--bg2) !important;
      border: 1px solid var(--border) !important;
      border-radius: 16px !important;
      overflow: hidden;
      box-shadow: none !important;
    }
    .el-tabs--border-card > .el-tabs__header {
      background: var(--bg-dark) !important;
      border-bottom: 1px solid var(--border) !important;
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item {
      color: var(--t3) !important;
      border: none !important;
      transition: all 0.3s ease;
      margin-top: 0 !important;
      height: 48px;
      line-height: 48px;
      font-weight: 500;
      margin-right: 2px;
      border-radius: 12px 12px 0 0;
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
      color: var(--t1) !important;
      background: rgba(255,255,255,0.02) !important;
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
      color: var(--lime) !important;
      background: linear-gradient(to top, rgba(200,255,0,0.05), transparent) !important;
      border-bottom: 2px solid var(--lime) !important;
    }
    .el-tabs--border-card > .el-tabs__content {
      padding: 0 !important;
    }
    /* ── TBK Product Card ── */
    .tbk-img-wrap { width:88px; height:88px; border-radius:12px; overflow:hidden; border:1px solid var(--border); background:#0a0e14; flex-shrink:0; cursor:pointer; transition:all .2s; }
    .tbk-img-wrap:hover { border-color:var(--lime); box-shadow:0 0 8px rgba(200,255,0,.2); transform:scale(1.08); }
    .tbk-img-wrap img { width:100%; height:100%; object-fit:cover; }
    .site-section-product-img-wrap { width:64px; height:64px; border-radius:12px; cursor:zoom-in; position:relative; }
    .site-section-product-img-wrap::after { content:'\f00e'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; right:5px; bottom:5px; font-size:10px; color:#fff; background:rgba(0,0,0,.58); padding:2px 5px; border-radius:999px; opacity:0; transition:opacity .2s; pointer-events:none; }
    .site-section-product-img-wrap:hover::after { opacity:1; }
    .site-section-page-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; }
    .site-section-page-header p { margin:0; color:var(--t3); font-size:12px; }
    .site-section-layout { display:grid; grid-template-columns:1fr; align-items:start; gap:18px; }
    .site-section-sidebar { display:flex; flex-direction:column; padding:18px 20px; background:linear-gradient(135deg, rgba(255,106,0,.08), rgba(255,255,255,.025)); }
    .site-section-sidebar-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; overflow:visible; padding:0; margin:0; }
    .site-section-draft-card { padding:12px; border:1px solid var(--border); border-radius:14px; margin:0; background:rgba(255,255,255,.025); box-shadow:none; transition:border-color .2s, background .2s, box-shadow .2s, transform .2s; }
    .site-section-draft-card:hover { transform:translateY(-1px); border-color:rgba(255,255,255,.18); }
    .site-section-draft-card.is-active { background:rgba(255,106,0,.1); border-color:rgba(255,106,0,.48); box-shadow:0 0 0 1px rgba(255,106,0,.22), 0 12px 30px rgba(0,0,0,.16); }
    .site-section-draft-card.is-dragover { box-shadow:0 0 0 2px rgba(255,106,0,0.28); }
    .site-section-draft-summary { display:grid; gap:4px; margin-bottom:10px; padding:8px 10px; border-radius:10px; background:rgba(0,0,0,.14); border:1px solid rgba(255,255,255,.06); }
    .site-section-draft-summary strong { color:var(--t1); font-size:13px; line-height:1.3; word-break:break-word; }
    .site-section-draft-summary code { color:var(--orange); font-size:11px; line-height:1.3; white-space:normal; word-break:break-all; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace; }
    .site-section-sidebar-footer { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px dashed var(--border); }
    .site-section-preview-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px; max-height:none; overflow:visible; padding-right:0; }
    .site-section-preview-row { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--t2); padding:8px 10px; border-radius:10px; background:transparent; }
    .site-section-preview-row.is-draft { background:rgba(255,106,0,0.05); }
    .site-section-workspace { min-width:0; padding:18px 20px; }
    .site-section-workspace-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
    .site-section-searchbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
    .site-section-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(150px,1fr)); gap:12px; margin-bottom:16px; }
    .site-section-kpi { border:1px solid var(--border); border-radius:16px; padding:14px 16px; background:rgba(255,255,255,.025); }
    .site-section-kpi-label { font-size:11px; color:var(--t3); margin-bottom:6px; }
    .site-section-kpi-value { font-size:22px; font-weight:800; color:var(--t1); line-height:1; }
    .site-section-filter-card { padding:12px 14px; margin-bottom:16px; border-radius:16px; background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); }
    .site-section-filter-top { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
    .site-section-advanced-filter { margin-top:12px; padding-top:12px; border-top:1px dashed var(--border); }
    .site-section-product-grid { display:grid; grid-template-columns:minmax(420px,.95fr) minmax(520px,1.15fr); gap:18px; align-items:start; }
    .site-section-product-column { min-width:0; }
    .site-section-column-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; gap:12px; }
    .site-section-column-title { display:flex; align-items:center; gap:8px; font-size:15px; font-weight:700; color:var(--t1); }
    .site-section-column-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
    .site-section-table-wrap { border:1px solid var(--border); border-radius:14px; overflow:hidden; background:rgba(255,255,255,.02); }
    .site-section-table-wrap .el-table::before { display:none; }
    .site-section-table-wrap .el-table__body-wrapper { min-height:480px; }
    .site-section-table-wrap .el-pagination { padding:12px 14px; margin:0; border-top:1px solid rgba(255,255,255,.05); }
    .site-section-stat-pill { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:22px; padding:0 8px; border-radius:999px; font-size:11px; font-weight:700; background:rgba(255,106,0,.1); color:var(--orange); }
    .site-section-inline-hint { font-size:11px; color:var(--t3); }
    .product-section-cell { display:flex; flex-direction:column; gap:7px; align-items:stretch; width:100%; max-width:150px; }
    .product-section-tags { display:flex; gap:4px; flex-wrap:wrap; }
    .product-section-empty { font-size:12px; color:var(--t3); }
    .product-section-editor { display:flex; flex-direction:column; gap:6px; align-items:stretch; width:100%; }
    .product-section-editor .el-select { width:100% !important; }
    .product-section-save-btn.el-button { width:100%; min-width:0; padding-left:8px; padding-right:8px; border-color:#202423; background:#202423; color:#fff; }
    .product-section-save-btn.el-button:hover,
    .product-section-save-btn.el-button:focus { border-color:#101312; background:#101312; color:#fff; }
    .product-section-save-btn.el-button.is-disabled,
    .product-section-save-btn.el-button.is-disabled:hover,
    .product-section-save-btn.el-button.is-disabled:focus { border-color:#3b403e; background:#3b403e; color:rgba(255,255,255,.58); }
    .product-category-cell { display:flex; flex-direction:column; gap:7px; align-items:stretch; width:100%; max-width:190px; }
    .product-category-tags { display:flex; gap:4px; flex-wrap:wrap; }
    .product-category-empty { font-size:12px; color:var(--t3); }
    .product-category-editor { display:grid; grid-template-columns:minmax(0,1fr) 48px; gap:6px; align-items:center; width:100%; }
    .product-category-editor .el-select { width:100% !important; }
    .product-category-save-btn.el-button { min-width:0; padding-left:8px; padding-right:8px; border-color:#202423; background:#202423; color:#fff; }
    .product-category-save-btn.el-button:hover,
    .product-category-save-btn.el-button:focus { border-color:#101312; background:#101312; color:#fff; }
    .product-category-save-btn.el-button.is-disabled,
    .product-category-save-btn.el-button.is-disabled:hover,
    .product-category-save-btn.el-button.is-disabled:focus { border-color:#3b403e; background:#3b403e; color:rgba(255,255,255,.58); }
    .product-filter-action-row {
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      align-items:center;
      margin-top:12px;
      padding:12px;
      border:1px solid rgba(255,255,255,.065);
      border-radius:18px;
      background:
        radial-gradient(circle at 12% 0%, rgba(200,255,0,.075), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.018));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 14px 34px rgba(0,0,0,.12);
    }
    .product-filter-action-row > .el-button,
    .product-filter-action-row > .el-dropdown { margin-left:0 !important; }
    .product-filter-action-row .el-dropdown { display:inline-flex; }
    .product-action-btn.el-button {
      min-height:36px;
      padding:9px 14px !important;
      border-radius:12px !important;
      border:1px solid rgba(255,255,255,.08) !important;
      color:var(--t1) !important;
      font-size:13px;
      font-weight:800;
      letter-spacing:.01em;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(0,0,0,.10);
      transition:transform .18s var(--ease-premium), box-shadow .18s var(--ease-premium), border-color .18s var(--ease-premium), filter .18s var(--ease-premium);
    }
    .product-action-btn.el-button:hover,
    .product-action-btn.el-button:focus {
      transform:translateY(-1px);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px rgba(0,0,0,.16);
      filter:saturate(1.06);
    }
    .product-action-btn.el-button.is-disabled,
    .product-action-btn.el-button.is-disabled:hover,
    .product-action-btn.el-button.is-disabled:focus {
      transform:none;
      opacity:.46;
      box-shadow:none;
      cursor:not-allowed;
      filter:none;
    }
    .product-action-btn.action-repair.el-button {
      background:linear-gradient(135deg, rgba(82,113,255,.92), rgba(39,63,143,.92)) !important;
      border-color:rgba(134,157,255,.40) !important;
    }
    .product-action-btn.action-text.el-button {
      background:linear-gradient(135deg, rgba(34,197,94,.92), rgba(12,124,76,.92)) !important;
      border-color:rgba(74,222,128,.36) !important;
    }
    .product-action-btn.action-review.el-button {
      background:linear-gradient(135deg, rgba(20,184,166,.90), rgba(14,116,144,.92)) !important;
      border-color:rgba(94,234,212,.34) !important;
    }
    .product-action-btn.action-bot.el-button {
      background:linear-gradient(135deg, rgba(245,158,11,.95), rgba(194,65,12,.93)) !important;
      border-color:rgba(251,191,36,.38) !important;
      color:#120b04 !important;
    }
    .product-action-btn.action-bulk.el-button {
      background:linear-gradient(135deg, rgba(200,255,0,.95), rgba(132,204,22,.94)) !important;
      border-color:rgba(200,255,0,.42) !important;
      color:#11170a !important;
    }
    .product-action-btn.action-delete.el-button {
      background:linear-gradient(135deg, rgba(239,68,68,.92), rgba(153,27,27,.94)) !important;
      border-color:rgba(248,113,113,.34) !important;
    }
    .product-action-btn .el-icon-arrow-down {
      margin-left:8px;
      font-weight:900;
      opacity:.82;
    }
    .product-action-menu.el-dropdown-menu,
    .product-action-dropdown .el-dropdown-menu {
      padding:7px !important;
      border:1px solid rgba(255,255,255,.10) !important;
      border-radius:14px !important;
      background:linear-gradient(180deg, rgba(19,25,36,.98), rgba(10,14,22,.98)) !important;
      box-shadow:0 18px 44px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05) !important;
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
    }
    .product-action-menu .popper__arrow { display:none !important; }
    .product-action-menu .el-dropdown-menu__item {
      min-width:156px;
      margin:2px 0;
      padding:9px 12px !important;
      border-radius:10px;
      color:var(--t2) !important;
      font-size:13px;
      font-weight:700;
      line-height:1.25;
      transition:background .16s var(--ease-premium), color .16s var(--ease-premium), transform .16s var(--ease-premium);
    }
    .product-action-menu .el-dropdown-menu__item i {
      margin-right:8px;
      color:var(--lime);
      font-weight:900;
    }
    .product-action-menu .el-dropdown-menu__item:hover,
    .product-action-menu .el-dropdown-menu__item:focus {
      background:rgba(200,255,0,.105) !important;
      color:var(--t1) !important;
      transform:translateX(2px);
    }
    @media (max-width:980px) {
      .product-filter-action-row {
        display:grid;
        grid-template-columns:1fr 1fr;
      }
      .product-filter-action-row .el-dropdown,
      .product-filter-action-row .product-action-btn.el-button {
        width:100%;
      }
    }
    .product-filter-collect-btn.el-button { border-color:#202423; background:#202423; color:#fff; }
    .product-filter-collect-btn.el-button:hover,
    .product-filter-collect-btn.el-button:focus { border-color:#101312; background:#101312; color:#fff; }
    .product-filter-primary-actions { display:block; width:100%; margin-right:0; }
    .product-filter-primary-actions .el-form-item__content { display:flex; flex-wrap:wrap; gap:8px; align-items:center; width:100%; }
    .product-filter-primary-actions .el-button { margin-left:0 !important; }
    @media (max-width: 1360px) {
      .site-section-kpi-grid { grid-template-columns:repeat(2,minmax(150px,1fr)); }
    }
    @media (max-width: 1120px) {
      .site-section-product-grid { grid-template-columns:1fr; }
      .site-section-table-wrap .el-table__body-wrapper { min-height:360px; }
      .site-section-kpi-grid { grid-template-columns:1fr; }
    }
    /* 1688 search bigger images */
    .ali-img-wrap { width:80px; height:80px; border-radius:12px; overflow:hidden; border:1px solid var(--border); background:#0a0e14; flex-shrink:0; cursor:zoom-in; transition:all .25s cubic-bezier(.16,1,.3,1); position:relative; }
    .ali-img-wrap:hover { border-color:var(--lime); box-shadow:0 0 12px rgba(200,255,0,.25); transform:scale(1.06); }
    .ali-img-wrap img { width:100%; height:100%; object-fit:cover; }
    .ali-img-wrap::after { content:'\f00e'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; bottom:4px; right:4px; font-size:10px; color:#fff; background:rgba(0,0,0,.55); padding:2px 5px; border-radius:6px; opacity:0; transition:opacity .2s; pointer-events:none; }
    .ali-img-wrap:hover::after { opacity:1; }
    /* Lightbox overlay */
    .img-lightbox { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,.88); z-index:99999; display:flex; align-items:center; justify-content:center; cursor:zoom-out; backdrop-filter:blur(8px); animation:fadeIn .2s; }
    .img-lightbox img { max-width:90vw; max-height:90vh; border-radius:12px; box-shadow:0 8px 40px rgba(0,0,0,.5); object-fit:contain; }
    @keyframes fadeIn { from { opacity:0 } to { opacity:1 } }
    .gallery-view { display:flex; flex-direction:column; gap:14px; min-height:72vh; }
    .gallery-stage { position:relative; flex:1; min-height:60vh; border:1px solid rgba(255,255,255,0.08); border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015)); display:flex; align-items:center; justify-content:center; overflow:hidden; }
    .gallery-stage img { width:100%; height:100%; max-width:94vw; max-height:72vh; object-fit:contain; cursor:zoom-in; }
    .gallery-nav { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border:none; border-radius:999px; background:rgba(0,0,0,0.48); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s; z-index:2; }
    .gallery-nav:hover { background:rgba(200,255,0,0.2); color:var(--lime); }
    .gallery-nav.prev { left:16px; }
    .gallery-nav.next { right:16px; }
    .gallery-meta { position:absolute; left:16px; bottom:16px; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,0.45); color:#fff; font-size:12px; z-index:2; }
    .gallery-strip { display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:10px; max-height:20vh; overflow-y:auto; padding:2px; }
    .gallery-thumb { width:100%; aspect-ratio:1; object-fit:cover; border-radius:10px; border:2px solid transparent; cursor:pointer; transition:all .2s; background:#0a0e14; }
    .gallery-thumb:hover { transform:translateY(-1px); border-color:rgba(200,255,0,0.45); }
    .gallery-thumb.active { border-color:var(--lime); box-shadow:0 0 0 1px rgba(200,255,0,0.25), 0 8px 20px rgba(0,0,0,0.28); }
    .tbk-title { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.4; font-weight:600; color:var(--t1); margin-bottom:4px; text-decoration:none; transition:color .2s; }
    .tbk-title:hover { color:var(--lime); }
    .text-green { color:var(--green) !important; font-weight:700; }
    .text-lime { color:var(--lime) !important; font-weight:700; }
    .text-red { color:var(--red) !important; }
    .flex-center { display:flex; align-items:center; }

    /* ── Chat Manager ── */
    .chat-container { display:grid; grid-template-columns:360px 1fr; gap:0; height:calc(100vh - 140px); border:1px solid var(--border); border-radius:16px; overflow:hidden; background:var(--bg-card-solid); }
    .chat-list-pane { border-right:1px solid var(--border); display:flex; flex-direction:column; overflow:hidden; }
    .chat-list-header { padding:16px 20px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:12px; flex-shrink:0; }
    .chat-list-header h3 { margin:0; font-size:15px; font-weight:700; }
    .chat-list-body { flex:1; overflow-y:auto; }
    .chat-list-item { padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.03); cursor:pointer; transition:all .2s var(--ease-premium); }
    .chat-list-item:hover { background:rgba(200,255,0,.04); }
    .chat-list-item.active { background:rgba(200,255,0,.08); border-left:3px solid var(--lime); }
    .chat-list-item .cli-title { font-weight:600; font-size:13px; color:var(--t1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .chat-list-item .cli-meta { font-size:11px; color:var(--t3); margin-top:4px; display:flex; gap:8px; align-items:center; }
    .chat-detail-pane { display:flex; flex-direction:column; overflow:hidden; }
    .chat-detail-header { padding:14px 24px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:12px; flex-shrink:0; }
    .chat-msgs { flex:1; overflow-y:auto; padding:20px 24px; display:flex; flex-direction:column; gap:12px; }
    .chat-bubble { max-width:80%; padding:12px 16px; border-radius:14px; font-size:13px; line-height:1.55; word-break:break-word; }
    .chat-bubble.user { align-self:flex-end; background:linear-gradient(135deg,var(--lime),#a8d940); color:#0a0e14; border-bottom-right-radius:4px; font-weight:500; }
    .chat-bubble.ai { align-self:flex-start; background:rgba(255,255,255,.06); color:var(--t1); border-bottom-left-radius:4px; }
    .chat-bubble.admin { align-self:flex-start; background:rgba(59,130,246,.12); color:var(--t1); border-bottom-left-radius:4px; border-left:3px solid var(--blue); }
    .chat-send-bar { display:flex; gap:10px; padding:14px 24px; border-top:1px solid var(--border); flex-shrink:0; }
    .chat-send-bar input { flex:1; background:rgba(255,255,255,.04); border:1px solid var(--border); border-radius:10px; padding:10px 16px; color:var(--t1); font-size:13px; outline:none; transition:border-color .2s; }
    .chat-send-bar input:focus { border-color:rgba(200,255,0,.4); }
    .chat-send-bar button { background:linear-gradient(135deg,var(--lime),#a8d940); border:none; color:#0a0e14; font-weight:700; padding:10px 22px; border-radius:10px; cursor:pointer; font-size:13px; transition:all .2s; }
    .chat-send-bar button:hover { transform:translateY(-1px); box-shadow:0 4px 16px rgba(200,255,0,.2); }
    .chat-send-bar button:disabled { opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; }
    .chat-empty { flex:1; display:flex; align-items:center; justify-content:center; color:var(--t3); font-size:14px; }
    .markdown-body { background:var(--bg-card-solid); border:1px solid var(--border); border-radius:10px; padding:16px; min-height:300px; color:var(--t1); line-height:1.6; font-size:14px; overflow-y:auto; max-height:400px; }
    .markdown-body img { max-width:100%; border-radius:6px; }
    .custom-nested-tabs.el-tabs--border-card {
      background: var(--bg1);
      border: 1px solid var(--border);
      border-radius: 6px;
      overflow: hidden;
    }
    .custom-nested-tabs.el-tabs--border-card > .el-tabs__header {
      background-color: var(--bg2);
      border-bottom: 1px solid var(--border);
    }
    .custom-nested-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item {
      color: var(--t2);
      border-right-color: var(--border);
      border-left-color: var(--border);
      transition: all 0.2s;
    }
    .custom-nested-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
      color: var(--blue);
      background-color: var(--bg1);
      border-right-color: var(--border);
      border-left-color: var(--border);
    }
    .custom-nested-tabs.el-tabs--border-card > .el-tabs__header .el-tabs__item:hover {
      color: var(--blue);
    }

    /* ── AI usage and billing workspace ── */
    .llm-usage-shell { display:flex; flex-direction:column; gap:18px; }
    .llm-usage-header {
      display:flex; align-items:flex-start; justify-content:space-between; gap:20px;
      padding:22px; border:1px solid var(--border); border-radius:16px;
      background:var(--bg-card); backdrop-filter:var(--glass-blur);
    }
    .llm-usage-title { display:flex; align-items:flex-start; gap:13px; min-width:0; }
    .llm-usage-title-icon {
      width:42px; height:42px; flex:0 0 42px; border-radius:12px;
      display:flex; align-items:center; justify-content:center;
      color:var(--lime); background:var(--lime-dim); border:1px solid rgba(200,255,0,.18);
    }
    .llm-usage-title h2 { margin:0; color:var(--t1); font-size:22px; line-height:1.25; }
    .llm-usage-title p { margin:6px 0 0; color:var(--t3); font-size:12px; line-height:1.6; }
    .llm-usage-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
    .llm-usage-segmented {
      display:inline-flex; align-items:center; padding:3px; gap:2px;
      border:1px solid var(--border); border-radius:10px; background:rgba(255,255,255,.03);
    }
    .llm-usage-segmented button {
      border:0; border-radius:7px; padding:7px 13px; color:var(--t3); background:transparent;
      font:600 12px/1 'Inter',sans-serif; cursor:pointer; transition:background .18s,color .18s;
    }
    .llm-usage-segmented button:hover { color:var(--t1); background:rgba(255,255,255,.05); }
    .llm-usage-segmented button.is-active { color:#0a0e14; background:var(--lime); }
    .llm-usage-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
    .llm-usage-kpi {
      min-width:0; padding:16px; border-radius:14px; border:1px solid var(--border);
      background:var(--bg-card); position:relative; overflow:hidden;
    }
    .llm-usage-kpi::before { content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--lime); opacity:.75; }
    .llm-usage-kpi span { display:block; color:var(--t3); font-size:11px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
    .llm-usage-kpi strong { display:block; margin-top:9px; color:var(--t1); font:700 24px/1.15 'Fira Code','Inter',monospace; overflow-wrap:anywhere; }
    .llm-usage-kpi small { display:block; margin-top:7px; color:var(--t3); font-size:10px; line-height:1.45; }
    .llm-usage-panel { padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--bg-card); }
    .llm-usage-panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:14px; }
    .llm-usage-panel-head h3 { margin:0; color:var(--t1); font-size:16px; }
    .llm-usage-panel-head p { margin:5px 0 0; color:var(--t3); font-size:11px; line-height:1.55; }
    .llm-usage-chart { width:100%; height:360px; min-height:300px; }
    .llm-usage-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    .llm-usage-empty { padding:48px 20px; text-align:center; color:var(--t3); border:1px dashed var(--border); border-radius:14px; }
    .llm-usage-empty i { display:block; margin-bottom:12px; color:var(--lime); font-size:24px; }
    .llm-usage-provider { display:flex; align-items:center; gap:8px; min-width:0; }
    .llm-usage-provider-dot { width:8px; height:8px; border-radius:50%; flex:0 0 8px; background:var(--t3); }
    .llm-usage-provider-dot.is-deepseek { background:var(--lime); }
    .llm-usage-provider-dot.is-openrouter { background:var(--orange); }
    .llm-usage-note { display:flex; gap:9px; align-items:flex-start; color:var(--t3); font-size:11px; line-height:1.55; }
    .llm-usage-note i { color:var(--lime); margin-top:2px; }
    @media (max-width: 1180px) {
      .llm-usage-header { flex-direction:column; }
      .llm-usage-toolbar { justify-content:flex-start; }
      .llm-usage-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .llm-usage-grid { grid-template-columns:1fr; }
    }
    @media (max-width: 720px) {
      .llm-usage-header, .llm-usage-panel { padding:14px; }
      .llm-usage-toolbar { width:100%; }
      .llm-usage-toolbar .el-select { flex:1; min-width:120px; }
      .llm-usage-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .llm-usage-chart { height:300px; }
    }