body {
        margin: 0;
        font-family: system-ui;
        background: #f5f7fb;
        color: #1e293b;
        line-height: 1.6
      }

      .page-title {
        background: linear-gradient(135deg, #111827, #374151);
        color: #fff;
        padding: 25px;
        text-align: center
      }

      .container {
        max-width: 900px;
        margin: auto;
        padding: 20px
      }

      .card {
        background: #fff;
        padding: 20px;
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
        margin-bottom: 20px
      }

      .page-title h1,
      h2 {
        margin-top: 0
      }

      .highlight {
        background: #e0f2fe;
        padding: 12px;
        border-left: 5px solid #0284c7;
        border-radius: 6px
      }

      .danger {
        background: #fee2e2;
        padding: 12px;
        border-left: 5px solid #dc2626;
        border-radius: 6px
      }