.dashboard-page {
      position: relative;
      z-index: 2;
      width: min(1400px, calc(100% - 48px));
      margin: 36px auto 48px;
      display: grid;
      gap: 28px;
    }

    .dashboard-hero {
      display: grid;
      grid-template-columns: minmax(0, 1.5fr) minmax(280px, 360px);
      gap: 24px;
      padding: 40px;
      border-radius: 26px;
      background: linear-gradient(180deg, rgba(31, 21, 15, 0.64), rgba(15, 10, 8, 0.74));
      backdrop-filter: blur(6px);
    }

    .dashboard-hero h1 {
      font-size: clamp(2.4rem, 5vw, 4rem);
      line-height: 1.05;
      text-transform: uppercase;
      color: #f5e3cd;
    }

    .dashboard-summary {
      display: grid;
      gap: 16px;
      align-content: center;
    }

    .dashboard-stat {
      padding: 18px;
      border-radius: 18px;
      border: 1px solid rgba(212, 166, 118, 0.16);
      background: linear-gradient(180deg, rgba(97, 68, 44, 0.14), rgba(18, 13, 10, 0.34));
    }

    .dashboard-stat span {
      display: block;
      color: var(--muted);
      font-size: 0.92rem;
      margin-bottom: 8px;
    }

    .dashboard-stat strong {
      color: #f3dfc8;
      font-size: 1.1rem;
    }

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

    .dashboard-card {
      padding: 24px;
      border-radius: 24px;
      background: linear-gradient(180deg, rgba(28, 19, 14, 0.68), rgba(13, 9, 7, 0.76));
      backdrop-filter: blur(6px);
    }

    .dashboard-card h2 {
      color: #f2ddc3;
      font-size: 1.6rem;
      margin-bottom: 10px;
    }

    .dashboard-card p {
      color: var(--muted);
      line-height: 1.7;
      margin-bottom: 18px;
    }

    .dashboard-form {
      display: grid;
      gap: 14px;
    }

    .dashboard-form label {
      display: grid;
      gap: 8px;
      color: #f3dec4;
    }

    .dashboard-form input,
    .dashboard-form select {
      width: 100%;
      padding: 14px 16px;
      border-radius: 14px;
      border: 1px solid rgba(212, 166, 118, 0.18);
      background: rgba(255, 255, 255, 0.05);
      color: #fff;
      outline: none;
    }

    .dashboard-form input::placeholder {
      color: #c8b39d;
    }

    .dashboard-form .btn {
      margin-top: 6px;
    }

    .dashboard-note {
      margin-top: 14px;
      padding: 14px 16px;
      border-radius: 14px;
      border: 1px solid rgba(212, 166, 118, 0.12);
      background: rgba(255, 255, 255, 0.03);
      color: var(--muted);
      line-height: 1.65;
      font-size: 0.95rem;
    }

    .character-list,
    .mall-list {
      display: grid;
      gap: 12px;
    }

    .character-item,
    .mall-item {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 16px;
      align-items: center;
      padding: 16px;
      border-radius: 16px;
      border: 1px solid rgba(212, 166, 118, 0.12);
      background: rgba(255, 255, 255, 0.03);
    }

    .character-meta strong,
    .mall-meta strong {
      display: block;
      color: #f3dec4;
      margin-bottom: 4px;
    }

    .character-meta span,
    .mall-meta span {
      color: var(--muted);
      font-size: 0.95rem;
    }

    .danger-zone {
      border: 1px solid rgba(210, 95, 95, 0.22);
      background: linear-gradient(180deg, rgba(52, 18, 18, 0.38), rgba(22, 9, 9, 0.56));
    }

    .danger-zone h2 {
      color: #f5d3d3;
    }

    .danger-zone .dashboard-note {
      border-color: rgba(210, 95, 95, 0.18);
      background: rgba(90, 20, 20, 0.18);
    }

    @media (max-width: 1100px) {
      .dashboard-hero {
        grid-template-columns: 1fr;
      }

      .dashboard-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 760px) {
      .dashboard-page {
        width: min(100% - 24px, 1400px);
      }

      .dashboard-hero,
      .dashboard-card {
        padding: 22px;
      }

      .character-item,
      .mall-item {
        grid-template-columns: 1fr;
      }
    }