:root{color-scheme:dark;--bg:#03070d;--surface:rgba(18,22,31,.82);--border:rgba(197,216,230,.14);--text:#f1f5f7;--soft:#c2cbd2;--muted:#7f8b97;--cyan:#83e1d0;--blue:#77adff;--gold:#f4cf87;--gradient:linear-gradient(110deg,var(--cyan),var(--blue) 54%,var(--gold));--shadow:0 18px 50px rgba(0,0,0,.28);font-family:Inter,"PingFang SC","Noto Sans SC",system-ui,sans-serif}
html{background:var(--bg)}body{min-height:100vh;color:var(--text);background:radial-gradient(70rem 44rem at 93% -8%,rgba(15,202,164,.24),transparent 56%),radial-gradient(58rem 50rem at 62% 110%,rgba(28,102,217,.22),transparent 60%),radial-gradient(44rem 28rem at 42% 3%,rgba(213,170,75,.12),transparent 55%),#03070d;background-attachment:fixed}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
button,input,select{color:inherit}.sidebar{inset:10px auto 10px 10px;width:64px;padding:10px 7px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(160deg,rgba(51,50,57,.92),rgba(20,23,32,.94));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px)}.brand{height:48px;padding:0;justify-content:center}.brand-mark{width:34px;height:34px;border-radius:11px;background:#05070b;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.32);font-size:17px}.brand-mark span{color:var(--cyan)}
.sidebar nav{margin-top:26px;gap:10px}.sidebar nav button{position:relative;width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:14px;color:#7f8997;transition:.18s ease}.sidebar nav button svg,.logout svg,.icon-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar nav button:first-child svg{fill:currentColor;stroke:none}.sidebar nav button>span{position:absolute;left:58px;width:max-content;padding:7px 10px;border:1px solid var(--border);border-radius:9px;background:#121721;color:var(--soft);font-size:11px;opacity:0;transform:translateX(-5px);pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:.15s}.sidebar nav button:hover{background:rgba(119,173,255,.1);color:#dfefff;border-color:rgba(119,173,255,.14)}.sidebar nav button:hover>span{opacity:1;transform:none}.sidebar nav button.active{background:linear-gradient(145deg,rgba(119,173,255,.18),rgba(131,225,208,.08));color:#a9c6ff;border-color:rgba(119,173,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 25px rgba(27,74,153,.16)}
.sidebar-bottom{padding:8px 0 0;margin-top:auto;display:grid;justify-content:center;gap:9px;border:0}.avatar{width:38px;height:38px;background:rgba(119,173,255,.1);border:1px solid rgba(119,173,255,.2);color:#bad0ff}.logout{width:38px;height:38px;margin:0;display:grid;place-items:center;border-radius:12px;color:#778391}.logout:hover{background:rgba(255,255,255,.06);color:var(--text)}
.shell{margin-left:84px}.topbar{position:sticky;z-index:2;top:14px;height:62px;margin:14px 22px 0;padding:0 20px;border:1px solid var(--border);border-radius:24px;background:rgba(28,29,38,.78);box-shadow:0 12px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px)}.topbar h1{font-size:16px;letter-spacing:.01em}.product-lockup{display:flex;align-items:center;gap:8px;color:#e3e8eb;font-size:12px;font-weight:700;letter-spacing:.08em}.product-lockup small{padding-left:8px;border-left:1px solid rgba(255,255,255,.16);color:#7d8995;font-size:8px;letter-spacing:.18em}
main{max-width:1660px;padding:28px 24px 30px}.filters{align-items:center;gap:9px;margin-bottom:18px;padding:12px;border:1px solid var(--border);border-radius:18px;background:rgba(20,24,33,.66);box-shadow:0 12px 36px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}.filters label{gap:6px;color:#778491;font-size:9px;letter-spacing:.04em}.filters select,.filters input,.search{height:38px;border:1px solid var(--border);border-radius:11px;background:rgba(5,9,15,.58);color:var(--soft);outline:0}.filters select{min-width:190px}.filters select:focus,.filters input:focus,.search:focus{border-color:rgba(131,225,208,.45);box-shadow:0 0 0 3px rgba(131,225,208,.07)}.preset-group{display:flex;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(4,8,14,.46)}.filters button{height:32px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#84909d}.filters button:hover{color:#dce5eb;background:rgba(255,255,255,.05)}.filters button.selected{border:0;color:#e7f4f2;background:linear-gradient(120deg,rgba(131,225,208,.18),rgba(119,173,255,.18));box-shadow:inset 0 0 0 1px rgba(131,225,208,.18)}.filters .icon-control{width:38px;height:38px;padding:0;border:1px solid var(--border);display:grid;place-items:center}.icon-control svg{width:17px}.data-freshness{display:grid;grid-template-columns:8px auto;column-gap:7px;margin-left:auto;align-items:center;color:#aab5bd;font-size:10px}.data-freshness i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(131,225,208,.08),0 0 14px rgba(131,225,208,.45)}.data-freshness small{color:#66727e;font-size:9px}
.notice{border-color:rgba(244,207,135,.24);background:rgba(244,207,135,.08);color:#e6cc9a}.kpis{gap:12px;margin-bottom:14px}.kpi{position:relative;overflow:hidden;min-height:124px;padding:18px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(145deg,rgba(27,32,42,.84),rgba(15,19,27,.82));box-shadow:0 14px 36px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035);transition:.18s}.kpi::after{content:"";position:absolute;width:120px;height:80px;right:-40px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(119,173,255,.12),transparent 68%)}.kpi:hover{transform:translateY(-2px);border-color:rgba(131,225,208,.22)}.kpi .line{height:2px;width:28px;margin-bottom:15px;border-radius:3px;background:var(--gradient)}.kpi .label{color:#8e9aa5;font-size:10px}.kpi strong{margin:9px 0 5px;color:#f5f8fa;font-size:25px;font-weight:620;letter-spacing:-.03em}.kpi small{color:#68747f}
.two-col{gap:14px;margin-bottom:14px}.panel,.insight{border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(27,31,42,.82),rgba(15,19,27,.78));box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}.panel{padding:21px 23px;margin-bottom:14px}.panel-head{margin-bottom:20px}.panel-head h3,.method h3{color:#e9eef1;font-size:14px}.eyebrow{margin-bottom:6px;color:var(--cyan);font-size:9px;letter-spacing:.18em}.panel-hint,.panel-head p.muted,.muted{color:#6f7b86}.chart{height:310px}.grid-line{stroke:rgba(210,226,235,.09)}.axis-label{fill:#687580}.chart-line{filter:drop-shadow(0 0 5px rgba(119,173,255,.15))}.chart-dot{fill:var(--cyan);stroke:#10151d}.legend{color:#82909b}.bar{height:6px;background:rgba(255,255,255,.065)}.bar-fill{background:var(--gradient);box-shadow:0 0 15px rgba(119,173,255,.18)}.mix-row .row-top,.dist-head{color:#d7dee3}.dist-sub{color:#6f7b87}
.table-wrap{margin:0 -23px -21px;overflow:auto;border-radius:0 0 18px 18px}table{font-size:11px}th{position:sticky;top:0;z-index:1;padding:12px 16px;border-color:rgba(255,255,255,.07);background:#171c26;color:#788590}td{padding:12px 16px;border-color:rgba(255,255,255,.055);color:#aeb8c0}tbody tr:hover{background:rgba(119,173,255,.055)}td.strong{color:#e0e6e9}td.heat{color:var(--cyan)}.text-button{border:1px solid var(--border);background:rgba(255,255,255,.035);color:#9dbbdb}.text-button:hover{border-color:rgba(131,225,208,.3);color:#d9f4ef}.search{width:230px;padding:0 13px}.section-heading{margin:4px 0 20px}.section-heading h2{color:#eef2f4;font-size:22px}.section-heading p:not(.eyebrow){color:#74808b}.insights{gap:14px}.insight{min-height:175px;padding:21px}.insight.warning{border-top-color:rgba(244,207,135,.52)}.insight.neutral{border-top-color:rgba(119,173,255,.52)}.insight .icon{color:var(--cyan)}.insight h3{color:#e4eaed}.insight p,.method p{color:#87939d}.empty{border-color:rgba(255,255,255,.1);background:rgba(3,7,12,.2);color:#6f7b86}.tooltip{border:1px solid rgba(131,225,208,.2);background:rgba(12,17,24,.96);color:#dbe5e9;box-shadow:0 16px 40px rgba(0,0,0,.42);backdrop-filter:blur(16px)}footer{border-color:rgba(255,255,255,.08);color:#505b65}
body.is-loading main{opacity:.72;transition:opacity .15s}body.is-loading #refresh svg{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}
.login-body{background:radial-gradient(55rem 35rem at 80% 12%,rgba(22,195,162,.22),transparent 60%),radial-gradient(45rem 30rem at 25% 95%,rgba(35,93,194,.22),transparent 60%),#03070d;color:var(--text)}.login-card{border:1px solid var(--border);background:rgba(20,24,33,.88);box-shadow:0 30px 90px rgba(0,0,0,.46);backdrop-filter:blur(20px)}.login-card h1{color:#f2f5f7}.login-lead,.login-card label,.login-foot{color:#87939e}.login-card input{border-color:var(--border);background:rgba(4,8,14,.65);color:var(--text)}.login-card input:focus{border-color:rgba(131,225,208,.45);box-shadow:0 0 0 3px rgba(131,225,208,.08)}.login-card button{background:linear-gradient(110deg,#5ccbae,#638fdd);color:#071017}.login-card button:hover{filter:brightness(1.08)}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.two-col{grid-template-columns:1fr}.insights{grid-template-columns:1fr 1fr}.data-freshness{width:100%;margin-left:0}.filters{align-items:end}}
@media(max-width:700px){.sidebar{position:fixed;inset:auto 12px 10px;width:auto;height:62px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;border-radius:22px}.brand,.sidebar-bottom{display:none}.sidebar nav{width:100%;margin:0;display:flex;justify-content:space-around;overflow:visible}.sidebar nav button{width:46px;height:46px}.sidebar nav button>span{display:none}.shell{margin:0 0 78px}.topbar{top:8px;margin:8px 10px 0;padding:0 16px;height:56px;border-radius:19px}.product-lockup small{display:none}main{padding:18px 12px}.filters{padding:10px;display:grid;grid-template-columns:1fr 1fr}.filters label:first-child,.preset-group,.data-freshness{grid-column:1/-1}.filters select,.filters input{width:100%;min-width:0}.preset-group{display:grid;grid-template-columns:repeat(3,1fr)}.filters .icon-control{display:none}.kpis{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{min-height:112px;padding:15px}.kpi strong{font-size:21px}.panel{padding:17px}.table-wrap{margin:0 -17px -17px}.insights{grid-template-columns:1fr}.section-heading h2{font-size:20px}.panel-head{align-items:flex-start}.search{width:145px}.chart{height:265px}footer{display:none}}

/* Product shell: client identity on the left, Megahit brand on the right. */
html:root{min-height:100%;background:#03070d}body{margin:0;min-height:100vh;background-color:#03070d}body::before{inset:0;background-color:#03070d;z-index:-2}.shell{--content-max:1720px;position:relative;z-index:1}
.company-area{flex:0 0 auto}.company-brand{width:100%;height:54px;padding:7px;border:0;border-radius:15px;background:transparent;color:var(--text);display:flex;align-items:center;gap:11px;text-align:left;overflow:hidden}.company-logo{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#070a0f;border:1px solid rgba(255,255,255,.1);overflow:hidden}.company-logo img{width:100%;height:100%;object-fit:contain}.company-copy,.account-copy{min-width:0;opacity:0;white-space:nowrap;transition:opacity .12s ease}.company-copy strong,.company-copy small,.account-copy strong,.account-copy small{display:block}.company-copy strong{font-size:13px}.company-copy small,.account-copy small{margin-top:4px;color:#727e89;font-size:9px;letter-spacing:.04em}
.sidebar{width:68px;padding:13px 7px;overflow:visible;transition:width .2s cubic-bezier(.2,.8,.2,1),border-radius .2s,background .2s}.sidebar:hover{width:224px;border-radius:0 24px 24px 0;background:linear-gradient(160deg,rgba(51,50,57,.97),rgba(16,20,28,.98));box-shadow:22px 0 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)}.sidebar:hover .company-copy,.sidebar:hover .account-copy{opacity:1}.sidebar nav{margin-top:24px}.sidebar nav button{width:52px;height:46px;padding:0 14px;display:flex;gap:15px;overflow:hidden;white-space:nowrap}.sidebar nav button svg{flex:0 0 20px}.sidebar nav button>span{position:static;padding:0;border:0;background:none;box-shadow:none;color:inherit;font-size:11px;opacity:0;transform:none}.sidebar:hover nav button{width:100%}.sidebar:hover nav button>span{opacity:1}.sidebar nav button.active::before{content:"";position:absolute;left:-8px;width:2px;height:22px;border-radius:0 3px 3px 0;background:var(--blue);box-shadow:0 0 14px rgba(119,173,255,.55)}
.account-area{position:relative;margin-top:auto}.account-card{width:52px;height:52px;padding:7px;border:0;border-radius:16px;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;overflow:hidden;text-align:left}.account-card:hover,.account-card[aria-expanded="true"]{background:rgba(255,255,255,.055)}.account-card .avatar{flex:0 0 38px}.account-copy strong{font-size:11px}.account-chevron{margin-left:auto;color:#65717d;font-size:11px;opacity:0}.sidebar:hover .account-card{width:100%;padding-right:11px}.sidebar:hover .account-chevron{opacity:1}.account-menu{position:absolute;left:4px;bottom:59px;width:196px;padding:6px;border:1px solid transparent;border-radius:13px;background:linear-gradient(145deg,rgba(38,43,48,.98),rgba(18,24,32,.98)) padding-box,var(--gradient) border-box;box-shadow:0 18px 44px rgba(0,0,0,.46)}.account-menu a{display:block;padding:10px 11px;border-radius:8px;color:#ff9295;text-decoration:none;font-size:11px}.account-menu a:hover{background:rgba(255,142,145,.08)}
.topbar{width:min(var(--content-max),calc(100% - 44px));margin:14px auto 0}.megahit-logo{display:block;width:122px;height:28px;object-fit:contain;opacity:.82}.topbar h1{font-size:15px;font-weight:650}main{width:min(var(--content-max),calc(100% - 44px));max-width:none;margin:0 auto;padding:28px 0 32px}.filters{width:100%;display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(132px,.8fr) minmax(132px,.8fr) auto 40px minmax(130px,1fr);align-items:end}.filters .data-freshness{justify-self:end;align-self:center}.kpis{grid-template-columns:repeat(6,minmax(150px,1fr))}.panel,.kpi,.filters{border-color:rgba(192,211,224,.16)}
.shell{transition:margin-left .2s cubic-bezier(.2,.8,.2,1)}body:has(.sidebar:hover) .shell{margin-left:234px}.login-logo{display:block;width:150px;height:34px;object-fit:contain;object-position:left center}
@media(min-width:701px) and (max-width:1200px){.topbar,main{width:calc(100% - 32px)}.filters{grid-template-columns:1.2fr 1fr 1fr auto 40px}.filters .data-freshness{grid-column:1/-1;justify-self:start}.kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){html:root,body{background:#03070d}.sidebar,.sidebar:hover{inset:auto 10px 10px;width:calc(100% - 20px);height:62px;padding:6px 8px;border-radius:22px}.company-area,.account-area{display:none}.sidebar nav,.sidebar:hover nav{margin:0}.sidebar nav button,.sidebar:hover nav button{width:46px;padding:0;justify-content:center}.sidebar nav button>span,.sidebar:hover nav button>span{display:none}.sidebar nav button.active::before{left:50%;top:auto;bottom:-5px;width:20px;height:2px;transform:translateX(-50%)}.shell,body:has(.sidebar:hover) .shell{margin-left:0}.topbar,main{width:calc(100% - 20px)}.topbar{margin-top:8px}.megahit-logo{width:92px}.filters{display:grid;grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Readability and precise data interactions. */
body{font-size:14px}.topbar h1{font-size:18px}.filters label,.filters button,.data-freshness,.kpi small,.panel-hint,.panel-head p.muted,.muted,.dist-sub,.text-button,.tooltip,.empty,footer,.company-copy small,.account-copy small,.account-menu a{font-size:12px}.filters select,.filters input,.search,.kpi .label,.mix-row .row-top,.dist-head,table,.insight p,.method p{font-size:13px}.panel-head h3,.method h3,.insight h3{font-size:16px}.section-heading p:not(.eyebrow){font-size:14px}.eyebrow{font-size:12px}.sidebar nav button>span,.sidebar:hover nav button>span{width:auto;font-size:14px;font-weight:700}.company-copy strong{font-size:14px}.account-copy strong{font-size:13px}.axis-label{font-size:12px}.legend{font-size:12px}
.filters select{-webkit-appearance:none;appearance:none;padding-left:12px;padding-right:34px;background-color:rgba(5,9,15,.58);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2395a1ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}
.group-form select,.group-form input{border-color:var(--border);background-color:rgba(5,9,15,.58);color:var(--soft);outline:0}.group-form select{-webkit-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2395a1ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.group-form input::placeholder,.search::placeholder{color:#596571}.group-form select:focus,.group-form input:focus{border-color:rgba(131,225,208,.45);box-shadow:0 0 0 3px rgba(131,225,208,.07)}.group-form select option,.filters select option{background:#111721;color:#e4eaee}.campaign-option{border-color:rgba(255,255,255,.08);background:rgba(4,8,14,.28);color:var(--soft)}.campaign-option:hover{background:rgba(119,173,255,.06)}.campaign-option input{accent-color:#74cfc2}
.group-account-picker,.group-create{color:#7f8b97}.group-account-picker select,.group-create input{border-color:var(--border);background-color:rgba(5,9,15,.58);color:var(--soft);outline:0}.group-account-picker select{-webkit-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2395a1ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.group-account-picker select:focus,.group-create input:focus{border-color:rgba(131,225,208,.45);box-shadow:0 0 0 3px rgba(131,225,208,.07)}.group-account-picker select option{background:#111721;color:#e4eaee}.group-create input::placeholder{color:#596571}.group-create button,.primary-button{background:linear-gradient(110deg,#315cf4,#557cff);color:#fff}.group-list-heading{color:#77838e}.group-list-item{color:#c2cbd2}.group-list-item:hover{background:rgba(255,255,255,.045)}.group-list-item.active{border-color:rgba(119,173,255,.28);background:linear-gradient(120deg,rgba(119,173,255,.12),rgba(131,225,208,.06))}.group-list-item small,.group-list-spend,.group-list-empty{color:#6f7b86}.group-message{border-color:rgba(131,225,208,.22);background:rgba(131,225,208,.07);color:#9ce2d5}.group-metrics>div{border-color:rgba(255,255,255,.08);background:rgba(4,8,14,.28)}.group-metrics small,.member-help{color:#74808b}.member-column{border-color:rgba(255,255,255,.08)}.member-column h4{border-color:rgba(255,255,255,.08);background:rgba(4,8,14,.35);color:#c9d1d7}.campaign-member{border-color:rgba(255,255,255,.08);background:rgba(4,8,14,.22)}.campaign-member-copy strong{color:#cbd3d9}.campaign-member-copy small,.member-empty{color:#6f7b86}.member-action{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#9dbbdb}.member-action:hover{border-color:rgba(131,225,208,.3);color:#d9f4ef}
.bar-fill{width:100%!important;transform-origin:left center;transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform}.chart-dot.spend-dot{fill:var(--cyan)}.chart-dot.click-dot{fill:var(--blue)}
#refresh{position:relative;overflow:visible}#refresh::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:20;width:max-content;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:#111720;color:#e5ecef;font-size:12px;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.34);opacity:0;visibility:hidden;transform:translate(-50%,3px);pointer-events:none;transition:opacity .08s ease,transform .08s ease,visibility 0s linear .08s}#refresh:hover::after,#refresh:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}.data-freshness{grid-template-columns:8px auto}.data-freshness i{grid-row:auto}

/* FDE-aligned authentication experience. */
.login-body{display:block;min-height:100vh;overflow:auto;padding:0;background:#050608;color:#f3f5f8}.login-body::before{display:none}.login-scene{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 46%,rgba(49,92,244,.15),transparent 25rem),radial-gradient(circle at 18% 86%,rgba(55,210,194,.08),transparent 26rem),radial-gradient(circle at 84% 18%,rgba(115,85,214,.09),transparent 28rem),linear-gradient(145deg,#080a10,#050608 72%)}.login-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}.login-orb{position:absolute;border-radius:50%;animation:login-float 8s ease-in-out infinite}.login-orb.one{left:13%;top:20%;width:5px;height:5px;background:#6b88ff;box-shadow:0 0 24px #6b88ff}.login-orb.two{right:16%;bottom:22%;width:6px;height:6px;background:#59d4c1;box-shadow:0 0 24px #59d4c1;animation-delay:-3s}.login-flow::before,.login-flow::after{content:"";position:absolute;left:50%;width:1px;background:linear-gradient(transparent,rgba(102,134,255,.35),transparent)}.login-flow::before{top:4%;height:31%}.login-flow::after{bottom:3%;height:29%}.login-node{position:absolute;padding:10px 14px;border:1px solid rgba(130,149,220,.13);border-radius:11px;background:rgba(16,19,28,.5);color:rgba(194,203,225,.3);font-size:12px;letter-spacing:.08em;backdrop-filter:blur(4px)}.login-node i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#6686ff}.login-node.n1{left:8%;top:33%}.login-node.n2{right:8%;top:28%}.login-node.n3{left:12%;bottom:22%}.login-node.n4{right:11%;bottom:27%}.login-path{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(102,134,255,.2),transparent);transform-origin:center}.login-path.p1{left:17%;top:43%;width:27%;transform:rotate(12deg)}.login-path.p2{right:17%;top:40%;width:26%;transform:rotate(-13deg)}.login-path.p3{left:18%;bottom:32%;width:26%;transform:rotate(-11deg)}.login-path.p4{right:18%;bottom:35%;width:25%;transform:rotate(12deg)}
.login-shell{position:relative;z-index:2;width:100%;max-width:none;min-height:100vh;margin:0;padding:34px 20px;display:grid;place-items:center}.login-wrap{width:min(420px,100%)}.login-logo{display:block;width:auto;height:48px;margin:0 auto 30px;object-fit:contain;object-position:center}.login-card{width:100%;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(20,23,31,.91),rgba(11,13,18,.94));box-shadow:0 32px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px)}.login-eyebrow{margin:0 0 10px;color:#7f9cff;font-size:12px;font-weight:750;letter-spacing:.2em}.login-card h1{margin:0;color:#f3f5f8;font-size:28px;letter-spacing:-.035em}.login-lead{margin:9px 0 26px;color:#7d8492;font-size:14px;line-height:1.6}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:8px;color:#b6bcc7;font-size:13px;font-weight:650}.login-field{position:relative}.login-card .login-field input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#fff;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.login-card .login-field input::placeholder{color:#555d6b}.login-card .login-field input:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.045)}.login-card .login-field input:focus{border-color:rgba(102,134,255,.7);box-shadow:0 0 0 3px rgba(49,92,244,.12)}.login-password input{padding-right:50px!important}.login-eye{position:absolute;right:7px;top:6px;width:36px;height:36px;margin:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#697281!important;display:grid;place-items:center;box-shadow:none!important}.login-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.login-eye:hover,.login-eye.active{background:rgba(255,255,255,.055)!important;color:#b8c0cc!important}.login-error{margin:0;padding:11px 13px;border:1px solid rgba(239,126,114,.2);border-radius:9px;background:rgba(239,126,114,.08);color:#f09a91;font-size:12px;line-height:1.5}.login-submit{height:48px;margin-top:3px!important;padding:0 18px!important;border:1px solid #6380f1!important;border-radius:11px!important;background:linear-gradient(90deg,#315cf4,#557cff)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:0 13px 30px rgba(49,92,244,.22);transition:filter .18s,transform .18s}.login-submit span{display:inline-block;margin-left:4px;transition:transform .18s}.login-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-submit:hover span{transform:translateX(2px)}.login-foot{margin:18px 0 0;color:#596270;font-size:12px;text-align:center}@keyframes login-float{50%{transform:translateY(-12px);opacity:.55}}
@media(max-width:700px){.login-node,.login-path,.login-flow::before,.login-flow::after{display:none}.login-scene{background:radial-gradient(circle at 50% 35%,rgba(49,92,244,.16),transparent 23rem),#050608}.login-shell{padding:28px 18px}.login-logo{height:42px;margin-bottom:24px}.login-card{padding:27px 23px}.login-card h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.login-orb{animation:none}.login-submit,.login-submit span{transition:none}}