:root{--bg:#03152e;--panel:rgba(10,53,101,.56);--panel2:rgba(3,29,62,.58);--line:rgba(88,175,245,.78);--text:#f7fbff;--muted:#b5d2ec;--btn:#1e78c9;--green:#45efa0;--danger:#a42b64;--cyan:#65dbff}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#03142b;min-height:100vh;overflow-x:hidden}.hidden{display:none!important}
.scene-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;background:radial-gradient(circle at 52% 34%,#164c80 0,#0a2c55 28%,#03162f 63%,#020d1d 100%)}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(88,184,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(88,184,255,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.7) 72%,transparent 100%)}.beam{position:absolute;width:35vw;height:150vh;top:-25vh;background:linear-gradient(to bottom,rgba(115,199,255,.16),rgba(35,112,186,.03) 58%,transparent);filter:blur(4px);transform-origin:top center;animation:beamMove 9s ease-in-out infinite alternate}.beam-a{left:15%;transform:rotate(18deg)}.beam-b{left:46%;transform:rotate(-9deg);animation-delay:-3s}.beam-c{right:8%;transform:rotate(14deg);animation-delay:-6s}.orb{position:absolute;border-radius:50%;filter:blur(2px);box-shadow:0 0 80px rgba(71,189,255,.38)}.orb-a{width:8px;height:8px;left:49%;top:16%;background:#7fe3ff;animation:pulse 2.8s infinite}.orb-b{width:5px;height:5px;left:29%;top:40%;background:#65b7ff;animation:pulse 3.4s infinite .7s}.orb-c{width:7px;height:7px;right:17%;top:48%;background:#b1eaff;animation:pulse 4s infinite 1.1s}.float-gift{position:absolute;opacity:.15;filter:drop-shadow(0 0 12px #55c9ff);font-size:30px;animation:floaty 8s ease-in-out infinite}.gift-a{left:8%;top:26%}.gift-b{right:11%;top:31%;animation-delay:-2.5s}.gift-c{right:19%;bottom:14%;font-size:24px;animation-delay:-5s}@keyframes beamMove{to{transform:translateX(4vw) rotate(5deg);opacity:.65}}@keyframes pulse{50%{transform:scale(2.2);opacity:.38}}@keyframes floaty{50%{transform:translateY(-24px) rotate(8deg);opacity:.27}}
.gate-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.glass-strong{background:linear-gradient(180deg,rgba(14,55,103,.86),rgba(3,28,59,.88));border:1px solid rgba(110,197,255,.72);box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px)}.login-card{width:min(470px,94vw);padding:34px 36px 26px;border-radius:24px}.brand-lockup{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;letter-spacing:1px}.brand-orb{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#061c39;border:1px solid #65ddff;box-shadow:0 0 18px rgba(70,210,255,.55);color:#9eeaff}.eyebrow{text-align:center;margin:26px 0 10px;color:#86d8ff;font-size:10px;font-weight:800;letter-spacing:3px}.login-card h1{text-align:center;margin:0 0 14px;font-size:32px;line-height:1.02;font-weight:500}.login-card h1 span{font-weight:700}.feature-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0 30px}.feature-pills span{font-size:9px;font-weight:800;padding:6px 9px;border:1px solid rgba(106,204,255,.65);border-radius:999px;background:rgba(5,44,82,.72);box-shadow:0 0 20px rgba(47,172,242,.08)}.login-card label{display:block;margin:0 0 13px;font-size:11px}.login-card input{margin-top:5px;background:#e9f5ff;color:#06182e;border-color:#83cfff;padding:12px}.login-main{width:100%;margin-top:2px;padding:12px;border:0;background:linear-gradient(90deg,#62dcff,#3699ef);box-shadow:0 10px 28px rgba(25,152,234,.24)}.link-btn{width:100%;border:0;background:none!important;box-shadow:none!important;text-decoration:underline;font-weight:500;margin-top:8px}.gate-notice{min-height:20px;text-align:center;font-size:11px;color:#ffb6c4;margin-top:8px}.local-note{text-align:center;color:#789fbe;font-size:9px;line-height:1.4;margin-top:8px}
.shell{width:min(1510px,96vw);margin:22px auto 42px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;padding:2px 2px}.topbar h1{margin:0;font-size:28px;font-weight:500;text-shadow:0 0 18px rgba(104,196,255,.2)}.caret{color:#75dfff;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.topbar p{margin:7px 0 0;color:#d8ebfb;font-size:12px}.topbar .summary{color:#9dd6ff}.user-actions{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700}.user-actions button{background:rgba(38,114,175,.72)}
.panel{background:linear-gradient(180deg,rgba(9,58,109,.56),rgba(4,31,65,.54));border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(8px)}.account-panel{padding:14px}.row{display:flex;gap:12px;align-items:end}.account-row label{width:180px}.account-state{flex:1;padding-bottom:9px;color:#d9ecff}.slot-status{font-size:11px;margin:10px 0 15px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.slot-status .on{color:var(--green);font-weight:800}.auth-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr auto;gap:10px;align-items:end;margin-top:8px}.auth-grid .wide2{grid-column:2/5}label{font-size:11px;font-weight:800;color:#eef7ff}input,select,textarea{width:100%;border:1px solid rgba(83,160,222,.82);background:rgba(7,42,80,.66);color:#fff;border-radius:6px;padding:10px;outline:none;backdrop-filter:blur(5px)}input::placeholder,textarea::placeholder{color:#91adca}input:focus,select:focus,textarea:focus{border-color:#78d3ff;box-shadow:0 0 0 2px rgba(112,205,255,.12),0 0 18px rgba(61,164,239,.08)}button,.file-btn{border:1px solid #7ab9ee;background:linear-gradient(180deg,rgba(45,139,211,.92),rgba(18,96,165,.92));color:#fff;border-radius:6px;padding:9px 13px;font-weight:800;cursor:pointer;font-size:11px;box-shadow:0 6px 18px rgba(0,0,0,.12)}button:hover,.file-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.danger{background:linear-gradient(#a83368,#7a1f50)}.primary{background:linear-gradient(#24a8f8,#0872c7)}.notice{min-height:18px;margin-top:9px;font-size:11px;color:#bcd9f5}.notice.error{color:#ff9cae}.notice.success{color:#72f0a7}.workspace{display:grid;grid-template-columns:355px 1fr;gap:14px;margin-top:14px}.groups-panel{padding:12px;min-height:610px}.panel-title{display:flex;justify-content:space-between;font-size:11px;font-weight:900;margin-bottom:12px}.group-actions,.filter-row,.compose-tools,.campaign-panel,.send-actions,.send-settings{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-row{margin:9px 0}.filter-row input:first-child{flex:1}.check{display:flex;align-items:center;gap:5px;white-space:nowrap}.check input{width:auto}.group-list{border:1px solid rgba(63,132,190,.85);border-radius:7px;max-height:485px;overflow:auto;background:rgba(3,23,49,.34)}.group-item{display:flex;align-items:center;gap:9px;padding:11px;border-bottom:1px solid rgba(80,147,205,.25);font-size:11px;font-weight:800}.group-item:last-child{border-bottom:none}.group-item input{width:auto}.empty{padding:28px 12px;text-align:center;color:#9dbbd8}.right-col{display:flex;flex-direction:column;gap:10px}.compose-panel{padding:12px}.compose-panel textarea{min-height:205px;resize:vertical;background:rgba(3,29,61,.46)}.compose-tools{margin-top:10px}.compose-tools input[type=text],.compose-tools input:not([type]){width:auto;flex:1}.compose-tools select{width:190px}.file-btn{display:inline-flex;align-items:center;gap:6px}.file-btn input{display:none}.campaign-panel{padding:10px}.campaign-panel input{width:190px}.campaign-panel select{width:170px}.compact{padding:8px 12px}.send-panel{padding:10px}.send-settings{margin-bottom:9px}.send-settings label{display:flex;align-items:center;gap:7px}.send-settings input{width:85px}.send-actions input{width:190px}.log-box{margin-top:10px;background:rgba(3,27,56,.45);border:1px solid rgba(65,132,190,.72);border-radius:6px;height:150px;overflow:auto;padding:9px;font:11px Consolas,monospace;color:#d9ecff}.log-line{margin-bottom:4px}.log-line.error{color:#ff9fb0}.log-line.success{color:#6ef0a5}
@media(max-width:950px){.workspace{grid-template-columns:1fr}.groups-panel{min-height:auto}.auth-grid{grid-template-columns:1fr 1fr}.auth-grid button,.auth-grid .wide2{grid-column:auto}.account-row{align-items:stretch;flex-direction:column}.account-row label{width:100%}.topbar{align-items:flex-start;gap:10px;flex-direction:column}.group-list{max-height:350px}.user-actions{width:100%;justify-content:flex-end}}@media(max-width:600px){.login-card{padding:26px 20px}.login-card h1{font-size:27px}.auth-grid{grid-template-columns:1fr}.compose-tools>*{width:100%!important}.workspace{gap:10px}}

/* Login background image + animated small lightning */
.scene-bg{background:radial-gradient(circle at 52% 34%,#164c80 0,#0a2c55 28%,#03162f 63%,#020d1d 100%)}
.login-bg-image,.login-vignette,.lightning-field{position:absolute;inset:0;pointer-events:none}
.login-bg-image{opacity:0;transition:opacity .35s ease;background-image:url("login-background.png");background-size:cover;background-position:center 45%;background-repeat:no-repeat;filter:saturate(1.08) contrast(1.05) brightness(.84);transform:scale(1.012)}
.login-vignette{opacity:0;transition:opacity .35s ease;background:linear-gradient(90deg,rgba(0,8,24,.55),rgba(1,20,48,.16) 35%,rgba(1,14,36,.14) 65%,rgba(0,7,24,.58)),linear-gradient(180deg,rgba(0,7,20,.22),rgba(0,10,28,.08) 48%,rgba(0,7,22,.5))}
body.gate-active .login-bg-image,body.gate-active .login-vignette{opacity:1}
body.gate-active .grid-glow{opacity:.3}
body.gate-active .beam{opacity:.24;mix-blend-mode:screen}
body.gate-active .orb{opacity:.7}
body.gate-active .float-gift{opacity:.2}
.lightning-field{overflow:hidden;opacity:0;transition:opacity .35s ease}
body.gate-active .lightning-field{opacity:1}
.mini-lightning{--x:50%;--y:30%;--s:1;--r:0deg;--d:4s;--delay:0s;position:absolute;left:var(--x);top:var(--y);width:13px;height:38px;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));transform-origin:center;opacity:0;background:linear-gradient(180deg,#e8fbff 0%,#69dcff 42%,#168cff 100%);clip-path:polygon(50% 0,100% 0,64% 38%,88% 38%,28% 100%,42% 56%,12% 56%);filter:drop-shadow(0 0 3px #dffcff) drop-shadow(0 0 8px #39bfff) drop-shadow(0 0 15px rgba(19,118,255,.8));animation:miniFlash var(--d) steps(1,end) infinite;animation-delay:var(--delay)}
.mini-lightning::after{content:"";position:absolute;inset:-6px;background:inherit;clip-path:inherit;opacity:.22;filter:blur(5px)}
@keyframes miniFlash{0%,73%,77%,100%{opacity:0}74%{opacity:.95}75%{opacity:.16}76%{opacity:.82}}
.gate-wrap{position:relative}.gate-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 51%,rgba(2,24,55,.04) 0%,rgba(0,8,24,.18) 58%,rgba(0,5,18,.46) 100%);pointer-events:none}
.login-card{position:relative;z-index:2;width:min(500px,92vw);padding:36px 40px 28px;border-radius:24px;background:linear-gradient(180deg,rgba(8,42,82,.74),rgba(2,22,49,.81));border-color:rgba(107,205,255,.78);box-shadow:0 28px 90px rgba(0,5,18,.56),0 0 40px rgba(39,156,255,.12),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(13px) saturate(1.12)}
body.gate-active .login-card{animation:cardFloat 6s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:700px){.login-bg-image{background-position:center 42%}.login-card{padding:28px 22px 24px}}