*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
    :root {
      --navy: #0a1628;
      --navy-deep: #060e1a;
      --navy-light: #132240;
      --navy-mid: #1a3060;
      --gold: #c9a84c;
      --gold-light: #e4c76b;
      --gold-pale: #f5e6b8;
      --white: #ffffff;
      --gray-100: #f0f2f5;
      --gray-200: #dce1e8;
      --gray-400: #8a95a8;
      --gray-600: #4a5568;
      --red-accent: #c0392b;
      --emerald: #2ecc71;
      --emerald-dark: #27ae60;
      --coral: #e74c3c;
      --orange: #e67e22;
      --card-bg: rgba(15,28,52,0.65);
      --card-border: rgba(201,168,76,0.1);
      --radius: 20px;
    }
    body {
      font-family: 'Inter', -apple-system, sans-serif;
      background: var(--navy-deep);
      color: var(--white);
      margin: 0;
    }
    .admin-panel { display: none; }
    .admin-panel.active { display: block; }

    /* LOGIN SCREEN */
    .login-screen {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(165deg, #060e1a 0%, var(--navy) 30%, var(--navy-light) 60%, var(--navy-mid) 100%);
      position: relative;
      overflow: hidden;
    }
    .login-screen::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 600px 600px at 20% 30%, rgba(201,168,76,0.07) 0%, transparent 70%),
        radial-gradient(ellipse 500px 500px at 80% 70%, rgba(201,168,76,0.05) 0%, transparent 70%),
        radial-gradient(ellipse 300px 300px at 50% 50%, rgba(26,48,96,0.3) 0%, transparent 70%);
      animation: loginAmbient 8s ease-in-out infinite alternate;
    }
    @keyframes loginAmbient {
      0% { opacity: 0.7; }
      100% { opacity: 1; }
    }
    .login-dots {
      position: absolute;
      inset: 0;
      background-image: radial-gradient(rgba(201,168,76,0.08) 1px, transparent 1px);
      background-size: 30px 30px;
      pointer-events: none;
    }
    .login-wave {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 220px;
      pointer-events: none;
      opacity: 0.12;
    }
    .login-wave svg { width: 100%; height: 100%; }
    .login-wave-top {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 180px;
      pointer-events: none;
      opacity: 0.08;
      transform: rotate(180deg);
    }
    .login-wave-top svg { width: 100%; height: 100%; }
    .login-box {
      position: relative;
      background: rgba(15,28,52,0.75);
      border: 1px solid rgba(201,168,76,0.18);
      border-radius: 24px;
      padding: 2.8rem 2.5rem;
      width: 90%;
      max-width: 420px;
      text-align: center;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(201,168,76,0.08) inset, 0 1px 0 rgba(255,255,255,0.03) inset;
      animation: loginCardIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
    }
    @keyframes loginCardIn {
      from { opacity: 0; transform: translateY(30px) scale(0.96); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }
    .login-box::before {
      content: '';
      position: absolute;
      top: 0; left: 20%; right: 20%;
      height: 3px;
      background: linear-gradient(90deg, transparent, var(--gold), var(--gold-light), var(--gold), transparent);
      border-radius: 24px 24px 0 0;
    }
    .login-koi-icon {
      width: 72px;
      height: 72px;
      margin: 0 auto 1rem;
      background: linear-gradient(135deg, rgba(201,168,76,0.15), rgba(201,168,76,0.05));
      border: 1px solid rgba(201,168,76,0.2);
      border-radius: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: loginIconFloat 3s ease-in-out infinite;
    }
    @keyframes loginIconFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-4px); }
    }
    .login-koi-icon svg { width: 40px; height: 40px; }
    .login-logo {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      font-weight: 900;
      color: var(--gold);
      margin-bottom: 0.2rem;
      letter-spacing: 1px;
    }
    .login-subtitle {
      font-size: 0.75rem;
      color: var(--gray-400);
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 2.2rem;
    }
    .login-field {
      margin-bottom: 1.2rem;
      text-align: left;
    }
    .login-field label {
      display: block;
      font-size: 0.7rem;
      color: var(--gray-400);
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-bottom: 0.5rem;
      font-weight: 500;
    }
    .login-input-wrap { position: relative; }
    .login-input-wrap .lock-icon {
      position: absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      width: 16px;
      height: 16px;
      color: var(--gray-400);
      pointer-events: none;
      transition: color 0.3s;
    }
    .login-input-wrap:focus-within .lock-icon { color: var(--gold); }
    .login-field input {
      width: 100%;
      padding: 0.9rem 1rem 0.9rem 2.8rem;
      border-radius: 12px;
      border: 1px solid rgba(201,168,76,0.15);
      background: rgba(10,22,40,0.8);
      color: var(--white);
      font-size: 0.9rem;
      outline: none;
      transition: border-color 0.3s, box-shadow 0.3s, background 0.3s;
      letter-spacing: 2px;
    }
    .login-field input::placeholder { letter-spacing: 0; color: rgba(138,149,168,0.5); }
    .login-field input:focus {
      border-color: var(--gold);
      box-shadow: 0 0 0 3px rgba(201,168,76,0.1), 0 0 20px rgba(201,168,76,0.05);
      background: rgba(10,22,40,0.95);
    }
    .login-btn {
      width: 100%;
      padding: 0.95rem;
      border-radius: 12px;
      border: none;
      background: linear-gradient(135deg, var(--gold), #D4AF37, var(--gold-light));
      background-size: 200% 200%;
      color: var(--navy);
      font-size: 0.9rem;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.3s;
      margin-top: 0.3rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      letter-spacing: 0.5px;
      position: relative;
      overflow: hidden;
    }
    .login-btn::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,0.2) 50%, transparent 70%);
      transform: translateX(-100%);
      transition: transform 0.5s;
    }
    .login-btn:hover::before { transform: translateX(100%); }
    .login-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(201,168,76,0.35), 0 0 40px rgba(201,168,76,0.1);
    }
    .login-btn:active { transform: translateY(0); }
    .login-btn svg { width: 18px; height: 18px; flex-shrink: 0; }
    .login-error {
      color: var(--coral);
      font-size: 0.78rem;
      margin-top: 0.8rem;
      display: none;
      animation: loginShake 0.4s ease;
    }
    @keyframes loginShake {
      0%, 100% { transform: translateX(0); }
      20% { transform: translateX(-8px); }
      40% { transform: translateX(8px); }
      60% { transform: translateX(-4px); }
      80% { transform: translateX(4px); }
    }
    .login-divider {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin: 1.5rem 0;
    }
    .login-divider::before,
    .login-divider::after {
      content: '';
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(201,168,76,0.2), transparent);
    }
    .login-divider span { font-size: 0.72rem; color: var(--gray-400); text-transform: lowercase; letter-spacing: 1px; }
    .login-back {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      width: 100%;
      padding: 0.85rem;
      border-radius: 12px;
      border: 1px solid rgba(201,168,76,0.2);
      background: transparent;
      color: var(--gray-400);
      font-size: 0.85rem;
      font-weight: 500;
      text-decoration: none;
      cursor: pointer;
      transition: all 0.3s;
    }
    .login-back:hover { border-color: var(--gold); color: var(--gold); background: rgba(201,168,76,0.05); }
    .login-back svg { width: 16px; height: 16px; flex-shrink: 0; }
    @media (max-width: 480px) {
      .login-box { padding: 2rem 1.5rem; border-radius: 20px; }
      .login-koi-icon { width: 60px; height: 60px; border-radius: 16px; }
      .login-koi-icon svg { width: 34px; height: 34px; }
      .login-logo { font-size: 1.7rem; }
    }

    /* ═══════════════════════════════════════════
       EXECUTIVE DASHBOARD
       ═══════════════════════════════════════════ */

    .admin-panel {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 9998;
      background: var(--navy-deep);
      overflow-y: auto;
    }
    .admin-panel.active { display: block; }

    .admin-bg-glow {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background:
        radial-gradient(ellipse 800px 600px at 15% 10%, rgba(201,168,76,0.04) 0%, transparent 70%),
        radial-gradient(ellipse 600px 500px at 85% 80%, rgba(26,48,96,0.08) 0%, transparent 70%);
    }
    .admin-bg-dots {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 0;
      background-image: radial-gradient(rgba(201,168,76,0.03) 1px, transparent 1px);
      background-size: 40px 40px;
    }

    /* HEADER */
    .admin-header {
      position: sticky;
      top: 0;
      background: rgba(6,14,26,0.85);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid rgba(201,168,76,0.1);
      padding: 0 2.5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      z-index: 10;
      height: 64px;
    }
    .admin-header-brand {
      display: flex;
      flex-direction: column;
      gap: 1px;
    }
    .admin-header-brand h2 {
      font-family: 'Playfair Display', serif;
      color: var(--gold);
      font-size: 1.15rem;
      font-weight: 700;
      letter-spacing: 0.5px;
      line-height: 1.2;
    }
    .admin-header-brand span {
      font-size: 0.65rem;
      color: var(--gray-400);
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 500;
    }
    .admin-header .btn-logout {
      background: transparent;
      color: var(--coral);
      border: 1px solid rgba(231,76,60,0.25);
      padding: 0.4rem 1rem;
      border-radius: 8px;
      font-size: 0.75rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s;
      display: flex;
      align-items: center;
      gap: 0.4rem;
      letter-spacing: 0.3px;
    }
    .admin-header .btn-logout:hover {
      background: rgba(231,76,60,0.12);
      border-color: rgba(231,76,60,0.4);
    }
    .admin-header .btn-logout svg {
      width: 14px;
      height: 14px;
    }

    /* BODY */
    .admin-body {
      position: relative;
      z-index: 1;
      max-width: 1280px;
      margin: 0 auto;
      padding: 2rem 2.5rem 4rem;
    }

    /* TABS */
    .admin-tabs {
      display: flex;
      gap: 0.4rem;
      margin-bottom: 2.5rem;
      overflow-x: auto;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding-bottom: 4px;
    }
    .admin-tabs::-webkit-scrollbar { display: none; }
    .admin-tab {
      padding: 0.55rem 1.3rem;
      border-radius: 50px;
      font-size: 0.78rem;
      font-weight: 600;
      cursor: pointer;
      border: 1px solid rgba(201,168,76,0.12);
      background: rgba(201,168,76,0.03);
      color: var(--gray-400);
      transition: all 0.3s;
      white-space: nowrap;
      flex-shrink: 0;
    }
    .admin-tab:hover {
      color: var(--gold);
      border-color: rgba(201,168,76,0.3);
      background: rgba(201,168,76,0.06);
    }
    .admin-tab.active {
      background: rgba(201,168,76,0.12);
      color: var(--gold);
      border-color: var(--gold);
      box-shadow: 0 0 16px rgba(201,168,76,0.08);
    }
    .admin-tab.tab-danger {
      border-color: rgba(231,76,60,0.2);
      background: rgba(231,76,60,0.04);
      color: rgba(231,76,60,0.7);
    }
    .admin-tab.tab-danger:hover {
      border-color: rgba(231,76,60,0.4);
      background: rgba(231,76,60,0.08);
      color: var(--coral);
    }
    .admin-tab.tab-danger.active {
      border-color: var(--coral);
      background: rgba(231,76,60,0.12);
      color: var(--coral);
      box-shadow: 0 0 16px rgba(231,76,60,0.08);
    }

    /* SECTIONS */
    .admin-section { display: none; }
    .admin-section.active { display: block; animation: sectionIn 0.4s ease; }
    @keyframes sectionIn {
      from { opacity: 0; transform: translateY(8px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* CARDS */
    .admin-card {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: var(--radius);
      padding: 2rem 2.2rem;
      margin-bottom: 1.8rem;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 4px 24px rgba(0,0,0,0.15);
      transition: box-shadow 0.3s;
    }
    .admin-card:hover {
      box-shadow: 0 6px 32px rgba(0,0,0,0.2);
    }
    .admin-card-header {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      margin-bottom: 1.2rem;
    }
    .admin-card-header .card-icon {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .admin-card-header .card-icon.gold {
      background: rgba(201,168,76,0.12);
      border: 1px solid rgba(201,168,76,0.15);
    }
    .admin-card-header .card-icon.red {
      background: rgba(231,76,60,0.1);
      border: 1px solid rgba(231,76,60,0.15);
    }
    .admin-card-header .card-icon.green {
      background: rgba(46,204,113,0.1);
      border: 1px solid rgba(46,204,113,0.15);
    }
    .admin-card-header .card-icon svg { width: 18px; height: 18px; }
    .admin-card-header-text h3 {
      font-family: 'Playfair Display', serif;
      color: var(--gold);
      font-size: 1.2rem;
      font-weight: 700;
      line-height: 1.3;
    }
    .admin-card-header-text p {
      font-size: 0.75rem;
      color: var(--gray-400);
      margin-top: 2px;
    }
    .admin-card h3 {
      font-family: 'Playfair Display', serif;
      color: var(--gold);
      font-size: 1.2rem;
      margin-bottom: 1.2rem;
    }
    .admin-card h4 {
      color: var(--gold-light);
      font-size: 0.88rem;
      margin: 1.8rem 0 0.8rem;
      font-weight: 600;
    }
    .admin-card.card-alert {
      border-color: rgba(231,76,60,0.25);
      background: linear-gradient(145deg, rgba(231,76,60,0.04), var(--card-bg));
    }
    .admin-card.card-success {
      border-color: rgba(46,204,113,0.2);
      background: linear-gradient(145deg, rgba(46,204,113,0.03), var(--card-bg));
    }

    /* KPI METRICS */
    .admin-big-number {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 1rem;
      margin-bottom: 2rem;
    }
    .admin-metric {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: 16px;
      padding: 1.4rem 1.2rem;
      text-align: center;
      backdrop-filter: blur(8px);
      transition: all 0.3s;
      position: relative;
      overflow: hidden;
    }
    .admin-metric::before {
      content: '';
      position: absolute;
      top: 0;
      left: 25%;
      right: 25%;
      height: 2px;
      border-radius: 0 0 4px 4px;
      background: linear-gradient(90deg, transparent, var(--gold), transparent);
      opacity: 0;
      transition: opacity 0.3s;
    }
    .admin-metric:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.2), 0 0 20px rgba(201,168,76,0.06);
      border-color: rgba(201,168,76,0.2);
    }
    .admin-metric:hover::before { opacity: 1; }
    .admin-metric-icon {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      margin: 0 auto 0.6rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .admin-metric-icon.gold { background: rgba(201,168,76,0.1); }
    .admin-metric-icon.green { background: rgba(46,204,113,0.1); }
    .admin-metric-icon.red { background: rgba(231,76,60,0.1); }
    .admin-metric-icon svg { width: 16px; height: 16px; }
    .admin-metric-value {
      font-family: 'Playfair Display', serif;
      font-size: 1.9rem;
      font-weight: 700;
      color: var(--gold);
      line-height: 1.2;
    }
    .admin-metric-label {
      font-size: 0.68rem;
      color: var(--gray-400);
      text-transform: uppercase;
      letter-spacing: 1.5px;
      margin-top: 0.4rem;
      font-weight: 500;
    }

    /* ALERT CARD (wide KPI) */
    .admin-alert-card {
      background: linear-gradient(135deg, rgba(231,76,60,0.06), var(--card-bg));
      border: 1px solid rgba(231,76,60,0.2);
      border-radius: var(--radius);
      padding: 1.5rem 2rem;
      margin-bottom: 2rem;
      display: flex;
      align-items: center;
      gap: 1.5rem;
      backdrop-filter: blur(8px);
    }
    .admin-alert-card .alert-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background: rgba(231,76,60,0.1);
      border: 1px solid rgba(231,76,60,0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .admin-alert-card .alert-icon svg { width: 24px; height: 24px; color: var(--coral); }
    .admin-alert-card .alert-body { flex: 1; }
    .admin-alert-card .alert-body .alert-label {
      font-size: 0.65rem;
      color: var(--coral);
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    .admin-alert-card .alert-body .alert-value {
      font-family: 'Playfair Display', serif;
      font-size: 1.6rem;
      font-weight: 700;
      color: var(--coral);
      line-height: 1.2;
    }
    .admin-alert-card .alert-body .alert-desc {
      font-size: 0.78rem;
      color: var(--gray-400);
      margin-top: 4px;
    }
    .admin-alert-card .alert-badge {
      background: rgba(231,76,60,0.12);
      border: 1px solid rgba(231,76,60,0.25);
      color: var(--coral);
      font-size: 0.68rem;
      font-weight: 700;
      padding: 0.3rem 0.8rem;
      border-radius: 50px;
      white-space: nowrap;
      letter-spacing: 0.5px;
    }

    /* TABLES */
    .admin-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.82rem;
      color: var(--gray-200);
    }
    .admin-table th {
      text-align: left;
      padding: 0.7rem 1rem;
      color: rgba(201,168,76,0.8);
      font-size: 0.68rem;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-bottom: 1px solid rgba(201,168,76,0.12);
      white-space: nowrap;
      font-weight: 600;
    }
    .admin-table td {
      padding: 0.7rem 1rem;
      border-bottom: 1px solid rgba(255,255,255,0.04);
    }
    .admin-table tr:hover td { background: rgba(201,168,76,0.03); }
    .admin-table .right { text-align: right; }
    .admin-table .bold { font-weight: 700; color: var(--gold-pale); }
    .admin-table .total-row td {
      border-top: 2px solid rgba(201,168,76,0.3);
      font-weight: 700;
      color: var(--gold);
      padding-top: 0.9rem;
    }

    /* BAR CHARTS */
    .admin-bar-chart {
      display: flex;
      flex-direction: column;
      gap: 0.7rem;
      margin-top: 1rem;
    }
    .admin-bar-row {
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .admin-bar-label {
      font-size: 0.78rem;
      color: var(--gray-400);
      min-width: 150px;
      text-align: right;
      font-weight: 500;
    }
    .admin-bar-track {
      flex: 1;
      height: 28px;
      background: rgba(255,255,255,0.04);
      border-radius: 8px;
      overflow: hidden;
    }
    .admin-bar-fill {
      height: 100%;
      border-radius: 8px;
      background: linear-gradient(90deg, var(--gold), var(--gold-light));
      display: flex;
      align-items: center;
      padding-left: 0.7rem;
      font-size: 0.72rem;
      color: var(--navy-deep);
      font-weight: 700;
      white-space: nowrap;
      transition: width 0.6s ease;
    }
    .admin-bar-fill.green { background: linear-gradient(90deg, var(--emerald-dark), var(--emerald)); }
    .admin-bar-fill.red { background: linear-gradient(90deg, #c0392b, var(--coral)); }

    /* CASHFLOW */
    .admin-cashflow {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 0.8rem;
      margin-top: 1rem;
    }
    .admin-cf-item {
      background: rgba(255,255,255,0.02);
      border: 1px solid rgba(255,255,255,0.05);
      border-radius: 12px;
      padding: 1rem;
      text-align: center;
    }
    .admin-cf-month {
      font-size: 0.72rem;
      color: var(--gray-400);
      text-transform: uppercase;
      letter-spacing: 1px;
    }
    .admin-cf-amount {
      font-family: 'Playfair Display', serif;
      font-size: 1.1rem;
      font-weight: 700;
      margin: 0.3rem 0;
    }
    .admin-cf-amount.positive { color: var(--emerald); }
    .admin-cf-amount.negative { color: var(--coral); }
    .admin-cf-note { font-size: 0.7rem; color: var(--gray-600); }

    /* RISK BADGE INLINE */
    .risk-badge {
      display: inline-flex;
      align-items: center;
      gap: 0.3rem;
      font-size: 0.68rem;
      font-weight: 700;
      padding: 0.25rem 0.7rem;
      border-radius: 50px;
      letter-spacing: 0.5px;
    }
    .risk-badge.high {
      background: rgba(231,76,60,0.1);
      color: var(--coral);
      border: 1px solid rgba(231,76,60,0.2);
    }
    .risk-badge.review {
      background: rgba(230,126,34,0.1);
      color: var(--orange);
      border: 1px solid rgba(230,126,34,0.2);
    }

    /* CONCLUSION BOX */
    .conclusion-box {
      background: rgba(231,76,60,0.06);
      border: 1px solid rgba(231,76,60,0.18);
      border-radius: 14px;
      padding: 1.4rem 1.6rem;
      margin-top: 1.5rem;
    }
    .conclusion-box p:first-child {
      color: var(--coral);
      font-size: 0.88rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
    }
    .conclusion-box p:last-child {
      color: var(--gray-400);
      font-size: 0.82rem;
      line-height: 1.6;
    }

    /* RESPONSIVE */
    @media (max-width: 1024px) {
      .admin-body { padding: 1.5rem 1.5rem 3rem; }
      .admin-header { padding: 0 1.5rem; }
    }
    @media (max-width: 768px) {
      .admin-big-number { grid-template-columns: repeat(2, 1fr); gap: 0.7rem; }
      .admin-metric { padding: 1rem 0.8rem; }
      .admin-metric-value { font-size: 1.4rem; }
      .admin-metric-label { font-size: 0.62rem; letter-spacing: 1px; }
      .admin-bar-label { min-width: 110px; font-size: 0.72rem; }
      .admin-bar-track { height: 24px; }
      .admin-body { padding: 1rem 1rem 3rem; }
      .admin-header { padding: 0 1rem; }
      .admin-card { padding: 1.4rem 1.2rem; border-radius: 16px; }
      .admin-table { font-size: 0.75rem; }
      .admin-table th, .admin-table td { padding: 0.5rem 0.6rem; }
      .admin-alert-card { flex-direction: column; text-align: center; gap: 0.8rem; padding: 1.2rem; }
      .admin-alert-card .alert-body .alert-value { font-size: 1.3rem; }
    }
    @media (max-width: 480px) {
      .admin-big-number { grid-template-columns: 1fr; }
      .admin-header-brand h2 { font-size: 1rem; }
      .admin-metric-icon { width: 28px; height: 28px; }
    }