:root{--bg:#05080d;--panel:#0b1018;--panel-2:#101722;--text:#f7f8fb;--muted:#9aa3b2;--accent:#8b3dff;--good:#34c78a;--danger:#ff6471;--shadow:0 26px 80px rgba(0,0,0,.36)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background-image:radial-gradient(circle at 20% 18%,rgba(139,61,255,.13) 0 2px,transparent 2px),radial-gradient(circle at 76% 67%,rgba(255,255,255,.035) 0 2px,transparent 2px);background-size:42px 42px,56px 56px}.auth-wrap,.install-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.install-card{width:min(450px,100%);padding:25px;border-radius:18px;background:rgba(11,16,24,.96);box-shadow:var(--shadow);animation:card-in .38s ease both}.install-card{width:min(760px,100%)}.install-brand{display:flex;align-items:center;gap:11px;margin-bottom:19px}.install-brand img{width:38px;height:38px;filter:drop-shadow(0 0 16px rgba(139,61,255,.35))}.install-brand b{font-size:20px;letter-spacing:-.05em}.install-brand b span{color:var(--accent)}.install-brand small{display:block;color:var(--muted)}h1{margin:2px 0 3px;font-size:30px;letter-spacing:-.075em}p{margin:0 0 17px;color:var(--muted)}form{display:grid;gap:11px}label{display:grid;gap:6px}label span{color:var(--muted);font-size:11px;font-weight:800}input,select{width:100%;height:43px;padding:0 12px;border:0;border-radius:10px;background:var(--panel-2);color:var(--text);outline:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:8px}.check input{width:16px;height:16px}.check span{font-size:12px}.section-title{margin-top:6px;padding-top:10px;color:#bd87ff;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:39px;padding:9px 14px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:900;text-decoration:none;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(139,61,255,.26)}.btn.secondary{background:var(--panel-2);color:var(--text)}.notice{margin:12px 0;padding:11px 12px;border-radius:10px;font-size:12px}.notice.error{background:rgba(255,100,113,.14);color:#ff8c97}.notice.success{background:rgba(52,199,138,.14);color:var(--good)}.form-foot{display:flex;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:12px}.form-foot a{color:#bd87ff;text-decoration:none}.demo-box{margin-top:14px;padding:12px;border-radius:10px;background:rgba(139,61,255,.12);color:#bd87ff;font-size:12px}@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:560px){.auth-wrap,.install-wrap{padding:14px}.auth-card,.install-card{padding:18px}.two{grid-template-columns:1fr}}

/* TeleView v3 animated authentication fields */
html[data-theme="light"]{--bg:#f4f6fa;--panel:#fff;--text:#141a24;--muted:#687384;--line:rgba(15,23,42,.08);background:var(--bg)}
html[data-theme="light"] body{background:var(--bg)}html[data-theme="light"] .auth-card,html[data-theme="light"] .install-card{background:var(--panel);box-shadow:0 20px 50px rgba(28,42,67,.12)}
.auth-toolbar{display:flex;justify-content:flex-end;margin:-5px 0 5px}.auth-theme{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:var(--muted)}html[data-theme="light"] .auth-theme{background:#eef1f6}
.auth-card label{position:relative;transition:.22s ease}.auth-card label:focus-within{transform:translateY(-1px)}.auth-card input.typing-active,.auth-card textarea.typing-active{animation:auth-input-pulse 1.25s ease infinite}.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
@keyframes auth-input-pulse{50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}}

.auth-card label.typing-active input,.auth-card label.typing-active textarea,.install-card label.typing-active input,.install-card label.typing-active textarea{animation:auth-input-pulse 1.25s ease infinite}


/* ==========================================================
   TeleView v5 auth and installer polish
   ========================================================== */
html,body{width:100%;min-height:100%;overflow:auto}.auth-wrap,.install-wrap{min-height:100vh;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),var(--bg)}.auth-card,.install-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.24)}.auth-card{width:min(470px,100%)}.install-card{width:min(820px,100%)}.auth-toolbar{min-height:34px}.auth-theme{border:1px solid var(--line);background:var(--panel-2)}.install-brand{margin-bottom:18px}.install-brand img{display:block}.install-brand b{color:var(--text)}.install-brand small{font-size:11px}h1{color:var(--text)}p{line-height:1.6}.demo-box{display:grid;gap:4px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.demo-box small{color:var(--muted)}form{gap:12px}label{position:relative}.section-title{border-top:1px solid var(--line)}input,select,textarea{border:1px solid transparent;background:var(--panel-2);color:var(--text)}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 54%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}.notice{border:1px solid transparent}.notice.error{border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.notice.success{border-color:color-mix(in srgb,var(--good) 35%,transparent)}html[data-theme="light"] .auth-card,html[data-theme="light"] .install-card{background:#fff}html[data-theme="light"] body{background:var(--bg)}
@media(max-width:560px){.auth-wrap,.install-wrap{padding:12px}.auth-card,.install-card{padding:17px;border-radius:15px}h1{font-size:27px}}
/* TeleView v5 installer completion */
.install-form{gap:13px}.db-mysql{display:grid;gap:11px}.reset-check{margin:2px 0 4px;padding:10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}