body {
        margin: 0;
        font-family: 'Inter', sans-serif;
        background-color: #23303e;
        color: #fff;
        display: flex;
        height: 100vh;
      }


      /* Main */
      .main {
        flex: 1;
        display: flex;
        flex-direction: column;
      }

      /* Header */
      .header {
        background: #1a202a;
        border-bottom: 1px solid #e5e7eb;
        padding: 16px 24px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .header h1 {
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0;
        color: #fff;
      }

      .user-info {
        font-size: 0.9rem;
        color: #374151;
      }

      /* Content */
      .content {
        padding: 24px;
      }

      .content p {
        font-size: 1rem;
        margin-bottom: 12px;
      }

      .auth-links a {
        display: inline-block;
        margin-right: 12px;
        padding: 8px 14px;
        border-radius: 8px;
        background: #101a2f;
        color: white;
        text-decoration: none;
        font-size: 0.9rem;
        transition: background 0.2s;
      }

      .auth-links a:hover {
        background: #3e4354;
      }