:root{
    --bg:#0b1220;
    --card:#0f172a;
    --border:rgba(255,255,255,.12);
    --border-soft:rgba(255,255,255,.06);
    --text:#e5e7eb;
    --muted:#9ca3af;
    --accent:#60a5fa;
}
*{box-sizing:border-box}
body{
    margin:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
    background:linear-gradient(180deg,#0b1220,#060a14);
    color:var(--text);
}
header{max-width:1200px;margin:0 auto;padding:24px}
h1{margin:0 0 6px;font-size:22px}
p{margin:0;color:var(--muted)}

.wrap{
    max-width:1200px;
    margin:0 auto;
    padding:16px;
    display:grid;
    grid-template-columns:420px 1fr;
    gap:16px;
}
@media(max-width:900px){.wrap{grid-template-columns:1fr}}

.card{
    background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),var(--card);
    border:1px solid var(--border-soft);
    border-radius:18px;
    padding:18px;
}

h2{
    margin:0 0 12px;
    font-size:13px;
    color:#c7d2fe;
    text-transform:uppercase;
    letter-spacing:.14em;
}

label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}

input,textarea,select{
    width:100%;
    border-radius:12px;
    border:1px solid var(--border);
    background:rgba(2,6,23,.7);
    color:var(--text);
    padding:10px 12px;
    transition:border .15s, box-shadow .15s;
}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(96,165,250,.18)}
textarea{min-height:110px;resize:vertical;line-height:1.45}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid.one{grid-template-columns:1fr}

.minihint{margin-top:6px;font-size:12px;color:var(--muted)}

hr{border:none;height:1px;background:rgba(255,255,255,.06);margin:16px 0}

.btns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
button{padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:var(--text);font-weight:600;cursor:pointer}
button.primary{background:linear-gradient(180deg,rgba(96,165,250,.35),rgba(96,165,250,.2));border-color:rgba(96,165,250,.45)}
button.good{background:linear-gradient(180deg,rgba(52,211,153,.35),rgba(52,211,153,.2));border-color:rgba(52,211,153,.45)}
button.warn{background:linear-gradient(180deg,rgba(251,191,36,.35),rgba(251,191,36,.2));border-color:rgba(251,191,36,.45)}

.status{margin-top:10px;font-size:12px;color:var(--muted)}
.small{font-size:12px;color:var(--muted)}