:root { color-scheme:dark; --bg:#0d1110; --panel:#171e1a; --line:#303c33; --text:#f4f6ef; --muted:#a6b4aa; --accent:#d0f29c; font:16px/1.5 system-ui,sans-serif; }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(ellipse at top right,#1d3022 0,transparent 50%),var(--bg); color:var(--text); min-height:100vh; }
header,main,footer { width:min(1100px,calc(100% - 48px)); margin:auto; } header { display:flex; align-items:center; gap:16px; min-height:100px; border-bottom:1px solid var(--line); }
.brand { color:var(--text); text-decoration:none; font-weight:800; font-size:25px; letter-spacing:-1px; display:flex; align-items:center; gap:4px; }.brand>span:last-child { color:var(--accent); }
.screen { border:2px solid var(--accent); border-radius:8px; color:var(--accent); font-size:15px; padding:0 6px; margin-right:7px; }.pilot { color:var(--muted); font-size:10px; letter-spacing:2px; margin-left:auto; }
main { padding:44px 0 70px; }h1 { font-size:clamp(30px,5vw,48px); line-height:1.1; margin:12px 0 18px; letter-spacing:-1.6px; }h2 { margin:0 0 12px; font-size:23px; letter-spacing:-.5px; }p { color:var(--muted); } .eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:2px; font-size:12px; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:32px 0; }.panel { border:1px solid var(--line); border-radius:22px; padding:28px; background:linear-gradient(135deg,#1b241d,var(--panel)); }.wide { grid-column:1/-1; }.login { max-width:470px; margin:30px auto; }.row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }.between { justify-content:space-between; }.device { padding:18px 0; border-top:1px solid var(--line); }.device:first-of-type { margin-top:18px; }
button,.button { border:1px solid var(--line); background:#29352d; color:var(--text); border-radius:12px; padding:12px 18px; font:inherit; font-weight:650; cursor:pointer; text-decoration:none; display:inline-block; }button.primary { color:#14200d; background:var(--accent); border-color:var(--accent); }button:disabled { opacity:.5; cursor:wait; }button:hover { filter:brightness(1.12); }button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
label { display:block; margin:18px 0 6px; font-size:14px; font-weight:600; }input,select,textarea { font:inherit; color:var(--text); background:#0e1510; border:1px solid #425346; border-radius:10px; padding:12px; width:100%; }input[type=checkbox] { width:20px; height:20px; margin:0 10px 0 0; vertical-align:middle; accent-color:var(--accent); }.check { display:flex; align-items:center; }form>button { margin-top:22px; }.muted { font-size:14px; color:var(--muted); }.tag { color:var(--accent); background:#273626; border-radius:30px; padding:5px 12px; font-size:12px; }code { overflow-wrap:anywhere; background:#0c130e; padding:14px; display:block; border-radius:10px; letter-spacing:1px; user-select:all; }details { margin-top:20px; }summary { cursor:pointer; padding:8px 0; color:var(--accent); }
#notice { position:fixed; bottom:20px; left:50%; transform:translateX(-50%); width:min(600px,90%); padding:15px 22px; border-radius:12px; background:#314335; color:white; box-shadow:0 6px 40px #0008; display:none; }#notice.show { display:block; }#notice.error { background:#713c35; }footer { font-size:13px; color:var(--muted); padding:20px 0; border-top:1px solid var(--line); }[hidden] { display:none!important; }
@media(max-width:700px) { header,main,footer { width:calc(100% - 32px); }header { min-height:82px; }.grid { grid-template-columns:1fr; }.panel { padding:22px; }.pilot { display:none; }#logout { margin-left:auto; }main { padding-top:26px; } }

.allowance { width:auto; }

.download{display:inline-block;margin:8px 10px 8px 0;padding:14px 20px;border-radius:12px;background:#d0f29c;color:#111a14;font-weight:700;text-decoration:none}

form>button+button { margin-left:10px; }