body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b0b14;color:#f3f4f6;line-height:1.6}
    .wrap{max-width:920px;margin:0 auto;padding:28px 18px}
    a{color:#ff4da6;text-decoration:none}
    a:hover{text-decoration:underline}
    .top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
    .btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#f3f4f6}
    .btn:hover{background:rgba(255,255,255,.07)}
    .card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px}
    h1{margin:0 0 10px;font-size:28px}
    p,label{color:rgba(243,244,246,.82)}
    .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    @media (max-width:760px){.grid{grid-template-columns:1fr}}
    input,select,textarea{
      width:100%;padding:12px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.04);color:#f3f4f6;outline:none
    }
    textarea{min-height:140px;resize:vertical}
    .row{display:grid;gap:6px}
    .actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
    .primary{
      background:linear-gradient(135deg,#ff4da6,#c2185b);
      border:0;color:#fff;font-weight:800;cursor:pointer;
      padding:12px 16px;border-radius:999px
    }
    .primary:hover{filter:brightness(1.03)}
    .alert{padding:12px 14px;border-radius:12px;margin:12px 0;border:1px solid rgba(255,255,255,.14)}
    .ok{background:rgba(24,195,126,.12);border-color:rgba(24,195,126,.28)}
    .bad{background:rgba(255,77,166,.10);border-color:rgba(255,77,166,.25)}
    .muted{color:rgba(243,244,246,.65);font-size:13px}