:root {
    color-scheme: dark;
    --bg: #071018;
    --panel: #101c27;
    --panel-2: #162532;
    --line: #263947;
    --text: #eaf2f7;
    --muted: #91a5b4;
    --primary: #ff6b35;
    --primary-2: #ff9a3d;
    --good: #2bd576;
    --warn: #ffc857;
    --danger: #ff5d73;
    --radius: 14px;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(circle at 80% -20%, #193147 0, var(--bg) 40%); color: var(--text); min-height: 100vh; }
a { color: inherit; }
button, input, select { font: inherit; }
input, select { width: 100%; color: var(--text); background: #0b1620; border: 1px solid var(--line); border-radius: 9px; padding: .72rem .8rem; }
input:focus, select:focus { outline: 2px solid color-mix(in srgb, var(--primary) 60%, transparent); border-color: var(--primary); }
.password-field { position: relative; display: block; width: 100%; }.password-field input { padding-right: 3rem; }.password-toggle { position: absolute; top: 50%; right: .45rem; width: 2.1rem; height: 2.1rem; padding: 0; transform: translateY(-50%); border: 0; border-radius: 7px; background: transparent; color: var(--muted); cursor: pointer; line-height: 1; }.password-toggle:hover,.password-toggle:focus-visible { background: var(--panel-2); color: var(--text); outline: 1px solid var(--line); }
label { display: grid; gap: .42rem; color: var(--muted); font-size: .88rem; }
.button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--line); border-radius: 9px; padding: .66rem .9rem; background: var(--panel-2); color: var(--text); cursor: pointer; text-decoration: none; }
.button:hover { border-color: #527084; }
.button-primary { border-color: transparent; background: linear-gradient(135deg, var(--primary), var(--primary-2)); color: #180a03; font-weight: 750; }
.button-danger { color: #ffdce1; border-color: #713344; background: #321b25; }
.button-muted { padding: .45rem .7rem; }
.button-small { font-size: .78rem; padding: .4rem .58rem; }
.alert { border: 1px solid var(--line); border-radius: 10px; padding: .8rem 1rem; margin: 0 0 1rem; }
.alert-error { background: #321b25; border-color: #713344; }
.alert-success { background: #123524; border-color: #216340; }
code { color: #9bd6ff; }