:root { color-scheme: dark; --bg:#0b0f12; --panel:#141a1f; --panel2:#1b2228; --border:#35414a; --text:#f2f5f7; --muted:#9aa6af; --blue:#27aae2; --blue2:#53bbe5; --teal:#2d9eac; --green:#65d5bd; --red:#ff7a78; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 75% -15%,rgba(39,170,226,.17),transparent 38rem),var(--bg); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.topbar { height:84px; padding:0 clamp(20px,5vw,72px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(8,10,13,.82); }
.brand { color:inherit; text-decoration:none; display:flex; align-items:center; gap:13px; }
.brand-logo { width:112px;height:51px;display:grid;place-items:center }.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand small { display:block;margin-top:3px;color:var(--muted);font-size:11px;letter-spacing:.08em; }
.back-link { color:var(--muted);text-decoration:none;font-size:13px; }.back-link:hover { color:var(--blue2); }
main { width:min(1040px,calc(100% - 40px));margin:0 auto;padding:64px 0 90px; }
.hidden { display:none!important; }.eyebrow { margin:0 0 12px;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.2em; }
h1 { margin:0;font-size:clamp(36px,5vw,58px);letter-spacing:-.045em;line-height:1; }h2 { margin:0 0 5px;font-size:20px; }.intro { color:#b4bbc3;line-height:1.6; }
.auth-card { width:min(480px,100%);margin:30px auto;padding:32px;border:1px solid var(--border);border-radius:18px;background:rgba(18,22,27,.94);box-shadow:0 30px 90px rgba(0,0,0,.35); }
form label { display:grid;gap:8px;color:#d8dbe0;font-size:12px;font-weight:750; }.auth-card form { display:grid;gap:17px;margin-top:26px; }
input { width:100%;min-height:48px;padding:0 13px;border:1px solid #3a414a;border-radius:9px;outline:0;color:var(--text);background:#0d1115;font:inherit;font-size:14px; }
input:focus { border-color:var(--blue);box-shadow:0 0 0 3px rgba(39,170,226,.13); } input::placeholder{color:#636c76;}
button { min-height:46px;padding:0 18px;border:0;border-radius:9px;color:#061015;background:linear-gradient(135deg,var(--blue2),var(--teal));font:inherit;font-weight:850;cursor:pointer; }button:hover{filter:brightness(1.06)}button:disabled{opacity:.55;cursor:wait}
.hint { margin:20px 0 0;color:#78818b;font-size:11px;line-height:1.6; }code{color:var(--blue2)}
.dashboard-head { display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px; }.dashboard-head .intro{margin-bottom:0}.secondary{color:var(--muted);background:transparent;border:1px solid var(--border);white-space:nowrap}
.status-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 26px; }.status-item{padding:14px;border:1px solid var(--border);border-radius:10px;background:rgba(18,22,27,.8)}.status-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.status-item strong{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:12px}.status-item strong::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}.status-item.ok strong::before{background:var(--green)}
#settings-form { display:grid;gap:14px; }.settings-card { display:grid;grid-template-columns:250px 1fr;gap:30px;padding:26px;border:1px solid var(--border);border-radius:15px;background:rgba(20,26,31,.92); }.card-heading{display:flex;gap:13px}.card-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.number{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.1em;padding-top:5px}
.field-grid { display:grid;grid-template-columns:1fr 1fr;gap:17px; }.field-grid .wide{grid-column:1/-1}.configured{float:right;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.configured.empty{color:var(--muted)}
.checkbox{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px!important}.checkbox input{width:17px;min-height:17px;accent-color:var(--blue)}
.save-bar{position:sticky;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid rgba(39,170,226,.38);border-radius:12px;background:rgba(12,15,18,.94);backdrop-filter:blur(15px);box-shadow:0 12px 45px rgba(0,0,0,.4)}.save-bar span{color:var(--muted);font-size:11px}.save-bar button{min-width:145px}
.message{margin:0 0 18px;padding:14px 16px;border:1px solid rgba(100,216,149,.35);border-radius:10px;color:var(--green);background:rgba(100,216,149,.08);font-size:13px}.message.error{color:#ffadab;border-color:rgba(255,122,120,.38);background:rgba(255,122,120,.08)}
.password-card{margin-top:14px}.password-card form button{justify-self:start}.password-card .message{grid-column:1/-1;margin:0}
@media(max-width:760px){main{padding-top:36px}.status-grid{grid-template-columns:1fr 1fr}.settings-card{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field-grid>*{grid-column:1!important}.dashboard-head{align-items:flex-start}.save-bar{align-items:stretch;flex-direction:column}.topbar{padding:0 20px}.back-link{font-size:0}.back-link::after{content:"← Back";font-size:13px}}