:root{--login-navy:#07111f;--login-card:#091424d1;--login-text:#f2f6fd;--login-muted:#93a3b9;--login-line:#bad3f62e;--login-input:#030a14a3;--login-blue:#648dff;--login-blue-dark:#315fdc;--login-blue-soft:#648dff26}*{box-sizing:border-box}html,body,#login-app{min-width:320px;min-height:100%;margin:0}body.login-vue-page{min-height:100vh;color:var(--login-text);background:var(--login-navy);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-screen{isolation:isolate;background:radial-gradient(at 5% 8%,#ff804b2e,#0000 34%),radial-gradient(at 22% 92%,#ff4c971c,#0000 33%),radial-gradient(at 94% 9%,#7152ff36,#0000 36%),radial-gradient(at 91% 96%,#16cb9c30,#0000 38%),radial-gradient(circle at 52% 46%,#2e4f8b24,#0000 34%),linear-gradient(145deg,#050b15 0%,#0b1930 50%,#06111f 100%);place-items:center;min-height:100vh;padding:44px 20px;display:grid;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";z-index:-3;pointer-events:none;background:linear-gradient(90deg,#0000,#7099ff5c,#0000);width:42vw;height:1px;position:absolute;box-shadow:0 0 22px #5480ff38}.login-screen:before{top:20%;left:-9%;transform:rotate(-34deg)}.login-screen:after{bottom:20%;right:-9%;transform:rotate(-34deg)}.grid-texture{z-index:-3;opacity:.24;pointer-events:none;background-image:radial-gradient(circle,#b4cdf061 .7px,#0000 .8px);background-size:25px 25px;animation:24s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.ambient{z-index:-2;filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:#4870f429;width:480px;height:480px;animation:13s ease-in-out infinite alternate ambient-drift-one;top:-160px;right:-100px}.ambient-two{background:#0fa6821a;width:500px;height:500px;animation:16s ease-in-out infinite alternate ambient-drift-two;bottom:-220px;left:-120px}.ambient-three{background:#ff6f5324;width:380px;height:380px;animation:14s ease-in-out -5s infinite alternate ambient-drift-two;top:4%;left:-5%}.ambient-four{background:#7e53ff21;width:410px;height:410px;animation:17s ease-in-out -7s infinite alternate ambient-drift-one;top:18%;right:-6%}.energy-network{z-index:-1;pointer-events:none;opacity:.82;position:absolute;inset:0;overflow:hidden}.energy-network svg{width:100%;height:100%}.network-line{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.energy-flow-solar .network-line{stroke:url(#solar-energy-line)}.energy-flow-electric .network-line{stroke:url(#electric-energy-line)}.network-line-main{stroke-width:1.35px;stroke-dasharray:.08 .055 .18 .035;animation:9s linear infinite network-flow}.network-line-fine{stroke-width:.7px;stroke-dasharray:.025 .045;opacity:.54;animation:14s linear infinite reverse network-flow}.energy-ribbon{fill:none;stroke:url(#energy-ribbon);stroke-linecap:round;vector-effect:non-scaling-stroke}.energy-ribbon-main{stroke-width:9px;opacity:.2;filter:blur(4px)drop-shadow(0 0 14px #ff609747);animation:8s ease-in-out infinite ribbon-breathe}.energy-ribbon-soft{stroke-width:28px;opacity:.07;filter:blur(12px);animation:11s ease-in-out -4s infinite reverse ribbon-breathe}.solar-rays{fill:none;stroke:#ffbe5c6b;stroke-width:1.25px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;animation:38s linear infinite solar-turn}.sun-aura{fill:url(#sun-aura);transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite aura-breathe}.sun-corona{fill:#ff914e17;stroke:#ffc26738;stroke-width:1px;stroke-dasharray:4 10 26 8;transform-box:fill-box;transform-origin:50%;animation:29s linear infinite reverse solar-turn}.sun-disc{fill:url(#sun-disc);filter:drop-shadow(0 0 12px #ffae4dad)drop-shadow(0 0 32px #ff5b8757);transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite solar-pulse}.sun-glint{fill:none;stroke:#ffffe6c7;stroke-width:5px;stroke-linecap:round;filter:blur(.3px)}.sun-sparkles{fill:none;stroke:#ffd57bb8;stroke-width:1.5px;stroke-linecap:round;animation:3.6s ease-in-out infinite sparkle-twinkle}.solar-panel-surface{fill:url(#panel-surface);stroke:#79b2ffb8;stroke-width:1.25px;vector-effect:non-scaling-stroke}.solar-panel-grid,.solar-stand{fill:none;stroke:#a2ccff7a;stroke-width:.8px;vector-effect:non-scaling-stroke}.solar-stand{stroke:#68e2c161}.solar-array{filter:drop-shadow(0 10px 22px #165fda24)}.solar-array-back{opacity:.62}.electrical-rings{fill:none;stroke:#5de2be4d;stroke-width:.9px;stroke-dasharray:3 10 32 9;transform-box:fill-box;transform-origin:50%;animation:39s linear infinite reverse electrical-turn}.electrical-rings circle:nth-child(2){stroke:#8c70ff5c;stroke-dasharray:34 12 3 14}.electrical-rings circle:nth-child(3){stroke:#5be7bf66;stroke-dasharray:2 8}.electric-bolt{fill:url(#bolt-surface);stroke:#76edcbc2;stroke-width:1.35px;stroke-linejoin:round;filter:drop-shadow(0 0 13px #52d3b280)drop-shadow(0 0 26px #7e59ff3d);transform-box:fill-box;transform-origin:50%;animation:3.8s ease-in-out infinite bolt-pulse}.circuit-traces{fill:none;stroke:#6f99f83d;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.circuit-node{fill:#61dab7;filter:drop-shadow(0 0 7px #56d7b2bf);animation:4.2s ease-in-out infinite circuit-blink}.network-node{fill:#76a0ff;filter:drop-shadow(0 0 7px #6f96ffe0);transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite node-pulse}.network-nodes-electric .network-node{fill:#5ad7b5;filter:drop-shadow(0 0 7px #56d7b2cc);animation-delay:-1.4s}.network-node-large{animation-delay:-.7s}.network-node-small{animation-delay:-2.2s}.orbit-particle{z-index:-1;pointer-events:none;border:1px solid #adc7ffb8;border-radius:50%;width:5px;height:5px;animation:9s ease-in-out infinite particle-float;position:absolute;box-shadow:0 0 16px #6691ffcc}.orbit-particle-one{top:22%;left:24%}.orbit-particle-two{animation-delay:-3s;bottom:24%;right:21%}.orbit-particle-three{width:3px;height:3px;animation-delay:-6s;top:62%;left:13%}.orbit-particle-one{border-color:#ffbc60d1;box-shadow:0 0 18px #ff7e51c7}.orbit-particle-two{border-color:#5ee8c2cc;box-shadow:0 0 18px #3bd7afb8}.orbit-particle-three{border-color:#ff68a2c2;box-shadow:0 0 16px #ff4f94ad}.login-card{border:1px solid var(--login-line);width:min(446px,100%);color:var(--login-text);background:linear-gradient(155deg, #12243de0, #07111fe6), var(--login-card);-webkit-backdrop-filter:blur(30px)saturate(135%);backdrop-filter:blur(30px)saturate(135%);border-radius:28px;padding:41px 42px 38px;animation:.44s cubic-bezier(.2,.8,.25,1) both login-enter;position:relative;overflow:hidden;box-shadow:0 42px 110px #00000075,inset 0 1px #ffffff0a}.login-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#ffa36057,#9dbeff66 30%,#7555ff24 66%,#56ddb54d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-card:after{content:"";filter:blur(54px);pointer-events:none;background:#4b79ff21;border-radius:50%;width:330px;height:230px;position:absolute;top:-145px;left:50%;transform:translate(-50%)}.login-card>*{z-index:1;position:relative}.login-header{text-align:center;justify-items:center;margin-bottom:34px;display:grid}.login-logo{object-fit:contain;filter:drop-shadow(0 14px 24px #0000004d);background:0 0;width:180px;height:96px;margin:-10px 0 12px;animation:5.5s ease-in-out .7s infinite logo-breathe;display:block}.login-header h1{color:var(--login-text);letter-spacing:-.035em;margin:0;font-size:25px;font-weight:720}.login-title-accent{background:linear-gradient(90deg,#6f96ff,#56d7b2) 0 0/200% 100%;border-radius:999px;width:32px;height:3px;margin-top:13px;animation:3.8s ease-in-out infinite accent-shimmer;box-shadow:0 0 20px #648dff6b}.login-form,.password-form{gap:20px;display:grid}.field-group{color:#c3cedd;letter-spacing:.035em;gap:9px;font-size:11px;font-weight:710;display:grid}.field-control{display:block;position:relative}.field-control>svg{color:#7d8fa8;pointer-events:none;width:19px;height:19px;transition:color .16s,filter .16s,transform .16s;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.field-control:focus-within>svg{color:#88a8ff;filter:drop-shadow(0 0 7px #648dff61);transform:translateY(-50%)scale(1.06)}.field-control svg,.modal-icon svg,.notice svg,.primary-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.field-control input{border:1px solid var(--login-line);width:100%;min-height:56px;color:var(--login-text);background:var(--login-input);letter-spacing:0;border-radius:15px;outline:0;padding:0 50px 0 48px;font-size:14px;font-weight:520;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff06}.field-control input::placeholder{color:#687990;font-weight:430}.field-control input:focus{box-shadow:0 0 0 4px var(--login-blue-soft), 0 10px 26px #00000021;background:#020913d1;border-color:#749bffcc}.field-control input:disabled{color:#7e8da2;cursor:wait;background:#030b1659}.password-toggle{color:#7e8da2;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:37px;height:37px;padding:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:#a9beef;background:var(--login-blue-soft)}.password-toggle:focus-visible{outline:3px solid #4b7dff40}.password-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.notice{border:1px solid;border-radius:12px;align-items:flex-start;gap:10px;min-height:45px;padding:12px 13px;font-size:12px;font-weight:600;line-height:1.5;animation:.18s both notice-enter;display:flex}.notice svg{flex:none;width:18px;height:18px;margin-top:1px}.notice-error{color:#ff9aae;background:#d84f681a;border-color:#ef5d7947}.notice-success{color:#78dfbd;background:#0e9f721a;border-color:#23c58f40}.notice-info{color:#a8c0ff;background:var(--login-blue-soft);border-color:#4b7dff40}.primary-button{color:#fff;background:linear-gradient(135deg, var(--login-blue), var(--login-blue-dark));letter-spacing:.01em;cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 18px;font-size:13px;font-weight:720;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 15px 34px #2755ce57,inset 0 1px #ffffff38}.primary-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:35%;transition:left .42s;position:absolute;top:0;bottom:0;left:-45%;transform:skew(-18deg)}.primary-button:hover:not(:disabled):before{left:115%}.primary-button>*{z-index:1;position:relative}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 19px 40px #2755ce6e,inset 0 1px #ffffff40}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:focus-visible{outline-offset:3px;outline:3px solid #4b7dff47}.primary-button:disabled{opacity:.7;cursor:wait}.primary-button svg{width:20px;height:20px}.button-spinner{border:2px solid #ffffff57;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite login-spin}.password-modal-backdrop{z-index:20000;-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);background:#03080fd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.password-modal{border:1px solid var(--login-line);width:min(450px,100%);color:var(--login-text);background:#0c192bf7;border-radius:22px;padding:32px;animation:.24s cubic-bezier(.22,.8,.3,1) both modal-enter;box-shadow:0 35px 100px #0000007a}.modal-icon{color:#8caaff;background:var(--login-blue-soft);border-radius:14px;place-items:center;width:49px;height:49px;display:inline-grid}.modal-icon svg{width:23px;height:23px}.modal-heading{margin:19px 0 27px}.modal-heading>p{color:#87a7ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:780}.modal-heading h2{color:var(--login-text);letter-spacing:-.025em;margin:8px 0 0;font-size:23px;font-weight:760}.modal-heading>span{color:var(--login-muted);margin-top:9px;font-size:12.5px;line-height:1.55;display:block}@keyframes login-enter{0%{opacity:0;transform:translateY(15px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambient-drift-one{0%{transform:translate(-3%,-2%)scale(.96)}to{transform:translate(7%,8%)scale(1.08)}}@keyframes ambient-drift-two{0%{transform:translate(-4%,4%)scale(1)}to{transform:translate(9%,-7%)scale(1.1)}}@keyframes grid-drift{to{background-position:25px 25px}}@keyframes network-flow{to{stroke-dashoffset:-1px}}@keyframes ribbon-breathe{0%,to{opacity:.08;transform:translateY(3px)}50%{opacity:.28;transform:translateY(-5px)}}@keyframes solar-turn{to{transform:rotate(360deg)}}@keyframes electrical-turn{to{transform:rotate(360deg)}}@keyframes solar-pulse{0%,to{transform:scale(.97)}50%{transform:scale(1.04)}}@keyframes aura-breathe{0%,to{opacity:.72;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes sparkle-twinkle{0%,to{opacity:.4}50%{opacity:1}}@keyframes bolt-pulse{0%,to{opacity:.55;transform:scale(.97)}50%{opacity:1;transform:scale(1.025)}}@keyframes circuit-blink{0%,to{opacity:.35}50%{opacity:1}}@keyframes node-pulse{0%,to{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1.28)}}@keyframes particle-float{0%,to{opacity:.28;transform:translate(0,0)scale(.8)}50%{opacity:.9;transform:translate(22px,-18px)scale(1.2)}}@keyframes logo-breathe{0%,to{filter:drop-shadow(0 14px 24px #0000004d);transform:translateY(0)}50%{filter:drop-shadow(0 18px 28px #2554b83d);transform:translateY(-3px)}}@keyframes accent-shimmer{0%,to{opacity:.75;background-position:0;transform:scaleX(.85)}50%{opacity:1;background-position:100%;transform:scaleX(1.12)}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes notice-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes login-spin{to{transform:rotate(360deg)}}.login-card-shake{animation:.26s login-shake}@media (width<=480px){.login-screen{align-items:start;padding:20px 10px;overflow-y:auto}.login-card{border-radius:22px;margin-block:auto;padding:31px 22px 28px}.login-logo{width:156px;height:84px;margin-top:-6px}.login-header{margin-bottom:28px}.login-header h1{font-size:21px}.password-modal-backdrop{padding:11px}.password-modal{border-radius:19px;padding:26px 20px}.energy-network{opacity:.34}.solar-rays,.electrical-rings{opacity:.6}.orbit-particle{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}