/* Login do painel: identidade VU Player (mesmas cores do aplicativo). */
:root{--pink:#F50561;--pink-dark:#B40BB8;--violet:#C77DFF;--bg:#23002E;--bg-center:#330341;--surface:rgba(44,10,59,.82);--text:#FFFFFF;--muted:#C7B2D6;--border:rgba(224,64,251,.30)}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{display:grid;place-items:center;padding:24px;background:var(--bg) url("../../images/vuplayer-bg.jpg") center/cover fixed no-repeat;color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.login-shell{width:min(450px,100%)}
.login-panel{padding:clamp(28px,5vw,46px);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:26px;box-shadow:0 30px 80px rgba(10,0,16,.45),0 0 70px rgba(245,5,97,.10)}
.login-content{width:100%}
.login-logo{width:100%;height:auto;display:grid;place-items:center;margin:0 auto 10px}
.login-logo img{width:min(260px,80%);height:auto;object-fit:contain}
.login-title{margin:0 0 28px;text-align:center;color:var(--muted);font-size:13px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}
.field{margin-bottom:18px}
.field label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:700}
.input-wrap{position:relative}
.input-wrap>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--violet);font-size:20px;pointer-events:none}
.input-wrap input{width:100%;height:54px;padding:0 49px 0 47px;border:1px solid rgba(224,64,251,.28);border-radius:13px;background:rgba(30,0,40,.78);color:var(--text);outline:0;font:500 14px Inter,system-ui,sans-serif;transition:border-color .2s,box-shadow .2s}
.input-wrap input::placeholder{color:rgba(233,221,242,.55)}
.input-wrap input:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(245,5,97,.18)}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--violet);display:grid;place-items:center;font-size:19px;cursor:pointer}
.password-toggle:hover,.password-toggle:focus-visible{background:rgba(245,5,97,.14);color:#FFFFFF}
.login-button{width:100%;height:54px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#FFFFFF;font:800 15px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 12px 30px rgba(245,5,97,.30);transition:transform .2s,filter .2s}
.login-button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.login-button:active{transform:none}
.login-button i{font-size:20px}
.login-error{display:flex;align-items:flex-start;gap:9px;margin-bottom:20px;padding:12px;border:1px solid rgba(245,5,97,.55);border-radius:12px;background:rgba(80,4,40,.7);color:#FFD0E4;font-size:13px;line-height:1.4}
.login-error i{font-size:19px;flex:none}
@media(max-width:480px){body{padding:16px}.login-panel{padding:30px 24px;border-radius:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}