/* Extra login appearance themes for ITSM Service */
.login-enterprise{background:#f3f6fb}
.login-enterprise .login-copy{background:radial-gradient(circle at 18% 18%,#3f7cff55,transparent 28%),linear-gradient(135deg,#07152d,#102f64 56%,#0e5d73);color:#fff}
.login-enterprise .login-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff12 1px,transparent 1px),linear-gradient(#ffffff0e 1px,transparent 1px);background-size:48px 48px;opacity:.55}
.login-enterprise .login-copy>*{position:relative;z-index:1}
.login-enterprise .login-copy:after{background:#38d5ff22}
.login-enterprise .login-form{background:linear-gradient(180deg,#fff,#f5f8ff)}
.login-enterprise .login-form form{background:#fff;border:1px solid #dfe7f4;border-radius:18px;box-shadow:0 24px 70px #14254a18;padding:34px}

.login-china-enterprise{background:#f7f2ec}
.login-china-enterprise .login-copy{background:radial-gradient(circle at 22% 20%,#ffcc5a40,transparent 30%),linear-gradient(135deg,#7f1019,#1c3566 58%,#0d254f);color:#fff}
.login-china-enterprise .login-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 42%,#d9a63a22 42% 44%,transparent 44% 100%);opacity:.9}
.login-china-enterprise .login-copy>*{position:relative;z-index:1}
.login-china-enterprise .login-brand i{background:linear-gradient(135deg,#b71928,#d9a63a)}
.login-china-enterprise .login-form{background:linear-gradient(180deg,#fffaf3,#f7f2ec)}
.login-china-enterprise .login-form form{background:#fff;border:1px solid #eadcc7;border-radius:12px;box-shadow:0 24px 70px #6d172014;padding:34px}
.login-china-enterprise .primary{background:#b71928}
.login-china-enterprise .login-form small{color:#b71928}

.login-apple{background:#f5f7fb}
.login-apple .login-copy{background:linear-gradient(145deg,#f8fbff,#eef3fb);color:#121826}
.login-apple .login-copy h1{letter-spacing:-1.8px}
.login-apple .login-copy>p,.login-apple .login-grid span{color:#647086}
.login-apple .login-grid b{color:#111827}
.login-apple .login-copy:after{background:linear-gradient(135deg,#ffffff,#dbeafe);box-shadow:0 36px 90px #94a3b84a}
.login-apple .login-brand i{background:#111827}
.login-apple .login-form{background:#fff}
.login-apple .login-form form{background:#fff;border:1px solid #edf1f7;border-radius:28px;box-shadow:0 28px 80px #94a3b833;padding:38px}
.login-apple .login-form input{border-radius:14px;background:#f8fafc}
.login-apple .primary{border-radius:14px;background:#111827}

.login-rounded{background:linear-gradient(135deg,#eef5ff,#f6f0ff)}
.login-rounded .login-copy{background:radial-gradient(circle at 20% 22%,#60a5fa66,transparent 30%),radial-gradient(circle at 78% 74%,#a78bfa55,transparent 28%),linear-gradient(145deg,#3157d4,#743bd2);border-radius:0 36px 36px 0;margin:18px}
.login-rounded .login-copy:after{background:#ffffff24}
.login-rounded .login-form form{background:#ffffffee;border:1px solid #ffffff;border-radius:32px;box-shadow:0 28px 80px #4f46e533;padding:38px}
.login-rounded .login-form input,.login-rounded .primary{border-radius:18px}

.login-glass{background:linear-gradient(120deg,#dff4ff,#f4e8ff);position:relative;overflow:hidden}
.login-glass:before,.login-glass:after{content:"";position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(8px);animation:glassFloat 9s ease-in-out infinite alternate;z-index:0}
.login-glass:before{left:8%;top:12%;background:#38bdf866}
.login-glass:after{right:10%;bottom:8%;background:#a855f766;animation-delay:-3s}
.login-glass .login-copy,.login-glass .login-form{position:relative;z-index:1;background:transparent}
.login-glass .login-copy{color:#10213f}
.login-glass .login-copy>p,.login-glass .login-grid span{color:#475569}
.login-glass .login-grid b{color:#0f172a}
.login-glass .login-copy:after{display:none}
.login-glass .login-form form,.login-glass .login-copy{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff72;border:1px solid #ffffffa8;box-shadow:0 28px 80px #64748b30;border-radius:30px}
.login-glass .login-copy{margin:38px;padding:8vh 6vw}
.login-glass .login-form form{padding:38px}
.login-glass .login-form input{background:#ffffffb8;border-color:#ffffff}
@keyframes glassFloat{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(26px,-22px,0) scale(1.08)}}

.login-dynamic-glass{background:linear-gradient(90deg,#020617b8,#02061755 38%,#02061718),var(--login-bg-image,linear-gradient(135deg,#071225,#111842 52%,#062d4b));background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff;isolation:isolate;grid-template-columns:1fr .95fr}
.login-dynamic-glass:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,#020617d9 0%,#02061790 34%,#ffffff0d 100%),radial-gradient(circle at 72% 18%,#ffffff45,transparent 24%),radial-gradient(circle at 80% 80%,#8b5cf633,transparent 28%);pointer-events:none}
.login-dynamic-glass:after{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,#00000035,#00000008 55%,#ffffff18);opacity:.72;pointer-events:none}
.login-dynamic-glass .login-copy,.login-dynamic-glass .login-form{position:relative;z-index:1;background:transparent;transform:translate3d(calc(var(--glass-x,0px) * -.32),calc(var(--glass-y,0px) * -.32),0);transition:transform .16s ease-out}
.login-dynamic-glass .login-copy{color:#fff;padding:12vh 7vw;background:transparent}
.login-dynamic-glass .login-copy:before{display:none}
.login-dynamic-glass .login-copy:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:8%;bottom:12%;background:#38bdf82f;filter:blur(10px);}
.login-dynamic-glass .login-brand i{background:linear-gradient(135deg,#22d3ee,#8b5cf6);box-shadow:0 0 24px #38bdf85a}
.login-dynamic-glass .login-copy h1{font-size:68px;line-height:1.05;max-width:680px;text-shadow:0 8px 32px #0009;margin-top:16vh}
.login-dynamic-glass .login-copy>p,.login-dynamic-glass .login-grid span{color:#f3f7ff}
.login-dynamic-glass .login-grid b{color:#fff;text-shadow:0 0 20px #8b5cf6}
.login-dynamic-glass .login-form form{position:relative;overflow:hidden;width:min(620px,88%);min-height:68vh;background:linear-gradient(120deg,#ffffff38,#ffffff18);border:1px solid #ffffff52;border-radius:42px;box-shadow:0 42px 120px #0206177a,inset 0 1px #ffffff8a;color:#fff;padding:46px 52px;backdrop-filter:blur(28px) saturate(1.18);-webkit-backdrop-filter:blur(28px) saturate(1.18);transform:translate3d(calc(var(--glass-x,0px) * .38),calc(var(--glass-y,0px) * .38),0);transition:transform .16s ease-out,box-shadow .18s ease}
.login-dynamic-glass .login-form form:before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,#ffffff30 47%,transparent 58%);transition:opacity .18s ease;pointer-events:none}
.login-dynamic-glass .login-form small{color:#67e8f9}
.login-dynamic-glass .login-form p{color:#cbd5e1}
.login-dynamic-glass .login-form input{background:#ffffff24;border-color:#ffffff52;color:#fff;border-radius:18px}
.login-dynamic-glass .primary{border-radius:16px;background:linear-gradient(135deg,#22d3ee,#3267e3 48%,#8b5cf6);box-shadow:0 16px 34px #2563eb66}
.login-dynamic-glass .login-form form:hover{transform:translate3d(calc(var(--glass-x,0px) * .38),calc(var(--glass-y,0px) * .38 - 6px),0) scale(1.012);box-shadow:0 50px 130px #0206178c,inset 0 1px #ffffffa8}.login-dynamic-glass .login-form form:hover:before{transform:translateX(42%) rotate(8deg);opacity:1}.login-dynamic-glass .login-copy:hover:after{transform:translate3d(18px,-14px,0) scale(1.08)}
.login-dynamic-glass .login-form{padding:6vh 4vw 6vh 0;align-items:center}.login-dynamic-glass .login-brand{gap:18px}.login-dynamic-glass .login-brand img,.login-dynamic-glass .login-brand i{width:74px;height:74px;border-radius:18px}.login-dynamic-glass .login-form h2{font-size:36px;color:#fff}.login-dynamic-glass .login-form label{color:#fff}.login-dynamic-glass .login-grid span{background:#ffffff18;border:1px solid #ffffff3d;border-radius:18px;padding:18px 22px;backdrop-filter:blur(14px)}
@keyframes dynamicGlassDrift{0%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.04)}100%{transform:translate3d(0,2%,0) scale(1.02)}}@keyframes dynamicGlassGrid{from{transform:translate3d(0,0,0)}to{transform:translate3d(-260px,-260px,0)}}@keyframes dynamicGlassOrb{from{transform:translate3d(-16px,20px,0) scale(.95)}to{transform:translate3d(30px,-24px,0) scale(1.1)}}@keyframes dynamicGlassShine{0%,42%{transform:translateX(-55%) rotate(8deg);opacity:0}55%{opacity:1}100%{transform:translateX(55%) rotate(8deg);opacity:0}}

.login-tech-blue{background:#06111f}
.login-tech-blue .login-copy{background:radial-gradient(circle at 30% 25%,#1d9bf055,transparent 28%),linear-gradient(145deg,#07111f,#092b55 55%,#063c6a);color:#eaf6ff}
.login-tech-blue .login-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#38bdf81f 1px,transparent 1px),linear-gradient(#38bdf817 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(120deg,#000,transparent 76%)}
.login-tech-blue .login-copy>*{position:relative;z-index:1}
.login-tech-blue .login-brand i{background:linear-gradient(135deg,#22d3ee,#2563eb)}
.login-tech-blue .login-form{background:linear-gradient(180deg,#07111f,#0b1b31)}
.login-tech-blue .login-form form{background:#0f1f36;border:1px solid #1e4770;border-radius:20px;box-shadow:0 0 0 1px #38bdf81a,0 28px 90px #020617;color:#eaf6ff;padding:34px}
.login-tech-blue .login-form p{color:#91a6c6}
.login-tech-blue .login-form input{background:#081729;border-color:#244466;color:#fff}
.login-tech-blue .primary{background:linear-gradient(135deg,#2563eb,#22d3ee)}

.login-argon{grid-template-columns:minmax(620px,1.25fr) minmax(430px,.75fr);background:linear-gradient(90deg,#f4f7fdb5 0%,#f4f7fd78 54%,#f4f7fdc4 100%),var(--login-bg-image,#f4f7fd);background-size:cover;background-position:center;position:relative;overflow:hidden}
.login-argon:before{content:"";position:fixed;left:0;right:0;top:0;width:100%;height:18vh;background:#5e72e4;z-index:0;box-shadow:0 16px 46px #24304712}
.login-argon:after{content:"";position:fixed;left:0;right:0;bottom:0;width:100%;height:20vh;background:#5e72e4;z-index:0;box-shadow:0 -20px 60px #24304710}
.login-argon .login-copy,.login-argon .login-form{position:relative;z-index:1;background:transparent}
.login-argon .login-copy{display:flex;flex-direction:column;min-height:100vh;padding:3.2vh 6vw 6vh;color:#1f2a44}
.login-argon .login-copy:after{display:none}
.login-argon .login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;box-shadow:0 18px 55px #2430471d;padding:18px 24px;width:min(820px,100%);color:#5e72e4}
.login-argon .login-brand img,.login-argon .login-brand i{width:54px;height:54px;border-radius:12px}
.login-argon .login-brand b{font-size:22px;color:#5e72e4}
.login-argon .login-copy h1,.login-argon .login-copy>p,.login-argon .login-grid{position:relative;z-index:1;background:transparent;border:0;border-radius:0;box-shadow:none}
.login-argon .login-copy h1{position:fixed;left:6vw;bottom:24vh;z-index:2;max-width:760px;margin:0;padding:0;font-size:clamp(30px,3.35vw,48px);line-height:1.16;letter-spacing:-1.2px;text-shadow:0 10px 28px rgba(255,255,255,.48)}
.login-argon .login-copy>p{position:fixed;left:6vw;bottom:12.2vh;z-index:2;max-width:760px;margin:0;padding:0;color:#fff;font-size:clamp(15px,1.1vw,18px);font-weight:750;text-shadow:0 8px 22px rgba(36,48,71,.26)}
.login-argon .login-grid{display:flex;gap:clamp(34px,5vw,80px);width:min(760px,100%);margin:0;padding:0;position:fixed;left:6vw;bottom:4vh;z-index:2}
.login-argon .login-grid span{color:#ffffffd9;font-size:14px;font-weight:750;text-shadow:0 8px 22px #24304722}
.login-argon .login-grid b{color:#fff;font-size:26px;line-height:1.05}
.login-argon .login-form{display:grid;place-items:center;padding:6vh 5vw 6vh 2vw}
.login-argon .login-form form{width:min(430px,100%);background:#fff;border:1px solid #e3e9f5;border-radius:16px;box-shadow:0 26px 85px #2430471c;padding:46px 42px}
.login-argon .login-form-brand{display:none}
.login-argon .login-form small{color:#2d8cf0;font-size:14px}
.login-argon .login-form h2{font-size:34px;letter-spacing:-.5px}
.login-argon .login-form p{color:#6b7892;font-weight:650}
.login-argon .login-form input{height:54px;border-radius:10px;border-color:#e0e7f2}
.login-argon .primary{height:54px;background:#5e72e4;border-radius:10px}
.login-argon .login-version-badge{z-index:3}
@media(max-width:1100px){.login-argon{grid-template-columns:1fr}.login-argon:before{width:100%;height:132px}.login-argon:after{height:190px}.login-argon .login-copy{min-height:auto;padding:42px 24px}.login-argon .login-copy h1{position:relative;left:auto;bottom:auto;margin:54px 0 16px;padding:0}.login-argon .login-copy>p{position:relative;left:auto;bottom:auto;margin:0 0 18px;color:#1f2a44}.login-argon .login-grid{position:relative;left:auto;bottom:auto;padding:0;color:#fff}.login-argon .login-form{padding:0 24px 34px}.login-argon .login-form form{width:100%}}

.login-image-glass{background:#0b1220}
.login-image-glass .login-copy{background:linear-gradient(90deg,#061126cc,#06112655),var(--login-bg-image,linear-gradient(135deg,#1e3a8a,#0f172a));background-size:cover;background-position:center;color:#fff}
.login-image-glass .login-copy:after{display:none}
.login-image-glass .login-form{background:linear-gradient(90deg,#061126dd,#06112655),var(--login-bg-image,linear-gradient(135deg,#1e3a8a,#0f172a));background-size:cover;background-position:center}
.login-image-glass .login-form form{background:#0f172a99;border:1px solid #ffffff30;border-radius:4px;box-shadow:0 28px 80px #0008;color:#fff;padding:38px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.login-image-glass .login-form p{color:#cbd5e1}
.login-image-glass .login-form input{background:#ffffff10;border:0;border-bottom:1px solid #ffffff8c;border-radius:0;color:#fff}
.login-image-glass .primary{background:linear-gradient(135deg,#6d5dfc,#8b5cf6);border-radius:4px}

.login-minimal{background:#f5f5f5;color:#333}
.login-minimal:before{content:"";position:fixed;left:0;right:0;top:0;height:46px;background:#126b9b;box-shadow:0 1px 3px #0002;z-index:1}
.login-minimal .login-copy{background:#fff;color:#333;border-right:1px solid #d7d7d7;padding:82px 44px 42px}
.login-minimal .login-copy:after{display:none}
.login-minimal .login-brand{position:fixed;left:18px;top:9px;z-index:3;color:#fff;font-size:18px;font-weight:800}
.login-minimal .login-brand i{width:28px;height:28px;border-radius:3px;background:#fff;color:#126b9b;font-size:13px}
.login-minimal .login-brand img{width:28px;height:28px;border-radius:3px}
.login-minimal .login-copy h1{margin:42px 0 16px;font-size:34px;line-height:1.18;color:#126b9b;font-weight:800;border-left:4px solid #126b9b;padding-left:14px}
.login-minimal .login-copy>p{font-size:15px;color:#555;max-width:520px}
.login-minimal .login-grid{display:grid;gap:0;margin-top:38px;border:1px solid #dedede}
.login-minimal .login-grid span{display:flex;align-items:center;justify-content:space-between;color:#333;background:#fff;padding:11px 14px;border-bottom:1px solid #ededed}
.login-minimal .login-grid span:nth-child(even){background:#f3f3f3}
.login-minimal .login-grid span:last-child{border-bottom:0}
.login-minimal .login-grid b{color:#0878c7;font-size:20px}
.login-minimal .login-form{background:#f5f5f5;align-items:start;padding-top:116px}
.login-minimal .login-form form{width:min(430px,100%);background:#fff;border:1px solid #dcdcdc;border-radius:0;box-shadow:none;padding:28px}
.login-minimal .login-form small{display:block;background:#126b9b;color:#fff;letter-spacing:0;margin:-28px -28px 22px;padding:12px 16px;font-size:14px}
.login-minimal .login-form h2{font-size:24px;margin:0 0 4px;color:#333}
.login-minimal .login-form p{color:#666;margin-bottom:24px}
.login-minimal .login-form label{font-size:14px;color:#333;margin:15px 0}
.login-minimal .login-form input{border:1px solid #cfcfcf;border-radius:0;background:#fff;padding:11px}
.login-minimal .primary{background:#0878c7;border-radius:0;padding:12px}
.login-minimal .primary:hover{background:#0567ac}

@media(max-width:1000px){.login-rounded .login-copy,.login-glass .login-copy{margin:0;border-radius:0}.login-argon .login-copy h1{margin-top:40px}}

/* Sync selected login appearance with in-app function/status sidebar */
body[class*="login-style-"] .sidebar,body[class*="login-style-"] .shell>header,body[class*="login-style-"] .sidebar nav a,body[class*="login-style-"] .logo{transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}

.login-style-enterprise{--nav:#07152d;--nav2:#102f64;--blue:#3267e3;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important}
.login-style-enterprise .sidebar{background:linear-gradient(180deg,#07152d,#102f64);color:#c8d7f4}.login-style-enterprise .logo{border-bottom-color:#ffffff16}.login-style-enterprise .sidebar nav a:hover,.login-style-enterprise .sidebar nav a.active{background:#1a3e7d;color:#fff}.login-style-enterprise .sidebar nav a.active{box-shadow:inset 4px 0 #38d5ff}.login-style-enterprise .shell>header{background:#fff;border-bottom-color:#dfe7f4;box-shadow:0 8px 28px #14254a0c}

.login-style-china-enterprise{--nav:#7f1019;--nav2:#1c3566;--blue:#b71928;font-family:"Microsoft YaHei","PingFang SC",sans-serif!important}
.login-style-china-enterprise .sidebar{background:linear-gradient(180deg,#7f1019,#1c3566);color:#f2d8da}.login-style-china-enterprise .logo{border-bottom-color:#d9a63a33}.login-style-china-enterprise .sidebar nav a:hover,.login-style-china-enterprise .sidebar nav a.active{background:#ffffff18;color:#fff}.login-style-china-enterprise .sidebar nav a.active{box-shadow:inset 4px 0 #d9a63a}.login-style-china-enterprise .shell>header{background:linear-gradient(90deg,#fff,#fffaf3);border-bottom-color:#eadcc7}

.login-style-apple{--nav:#f8fafc;--nav2:#eef2f7;--blue:#111827;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif!important;background:#f5f7fb}
.login-style-apple .sidebar{background:#fff;color:#334155;border-right:1px solid #edf1f7;box-shadow:12px 0 32px #94a3b81f}.login-style-apple .logo{color:#111827;border-bottom-color:#edf1f7}.login-style-apple .sidebar nav a{border-radius:16px}.login-style-apple .sidebar nav a:hover,.login-style-apple .sidebar nav a.active{background:#f1f5f9;color:#111827}.login-style-apple .sidebar nav a.active{box-shadow:inset 0 0 0 1px #e2e8f0}.login-style-apple .shell>header{background:#ffffffcc;backdrop-filter:blur(18px);border-bottom-color:#edf1f7}

.login-style-rounded{--nav:#24185d;--nav2:#172c63;--blue:#7c3aed;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important}
.login-style-rounded .sidebar{background:radial-gradient(circle at 20% 0,#60a5fa33,transparent 26%),linear-gradient(180deg,#24185d,#172c63);color:#ddd7ff}.login-style-rounded .logo{border-bottom-color:#ffffff18}.login-style-rounded .sidebar nav a{border-radius:16px}.login-style-rounded .sidebar nav a:hover,.login-style-rounded .sidebar nav a.active{background:#ffffff14;color:#fff}.login-style-rounded .sidebar nav a.active{box-shadow:inset 4px 0 #a78bfa}.login-style-rounded .shell>header{background:#fff;border-bottom-color:#e8ddff}

.login-style-glass{--nav:#ffffff80;--nav2:#ffffff66;--blue:#7c3aed;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;background:linear-gradient(120deg,#dff4ff,#f4e8ff)}
.login-style-glass .sidebar{background:#ffffff70;color:#172033;border-right:1px solid #ffffffa8;backdrop-filter:blur(20px);box-shadow:12px 0 36px #64748b24}.login-style-glass .logo{color:#172033;border-bottom-color:#ffffff90}.login-style-glass .sidebar nav a{border-radius:16px}.login-style-glass .sidebar nav a:hover,.login-style-glass .sidebar nav a.active{background:#ffffffa8;color:#172033}.login-style-glass .sidebar nav a.active{box-shadow:inset 0 0 0 1px #ffffff}.login-style-glass .shell>header{background:#ffffff75;backdrop-filter:blur(20px);border-bottom-color:#ffffffa8}

.login-style-dynamic-glass{--nav:#0b1230cc;--nav2:#ffffff18;--blue:#38bdf8;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;background:linear-gradient(135deg,#eef7ff,#f8f5ff)}
.login-style-dynamic-glass .sidebar{position:fixed;background:linear-gradient(180deg,#1d2747e8,#273353e0);color:#dce8ff;border-right:1px solid #ffffff22;backdrop-filter:blur(18px);box-shadow:14px 0 42px #02061734;overflow:auto}.login-style-dynamic-glass .logo{border-bottom-color:#ffffff1f}.login-style-dynamic-glass .logo i{background:linear-gradient(135deg,#22d3ee,#8b5cf6);box-shadow:0 0 24px #38bdf866}.login-style-dynamic-glass .sidebar nav a{position:relative;border-radius:15px;transition:transform .22s cubic-bezier(.2,1.4,.35,1),background .18s ease,box-shadow .18s ease,color .18s ease;will-change:transform}.login-style-dynamic-glass .sidebar nav a:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent,#ffffff2e,transparent);opacity:0;transform:translateX(-32%);transition:opacity .18s ease,transform .28s ease;pointer-events:none}.login-style-dynamic-glass .sidebar nav a:hover{background:#ffffff1e;color:#fff;transform:translateX(7px) scale(1.025);box-shadow:0 12px 28px #02061728,inset 0 0 0 1px #ffffff22}.login-style-dynamic-glass .sidebar nav a:hover:after{opacity:1;transform:translateX(32%)}.login-style-dynamic-glass .sidebar nav a.active{background:#ffffff18;color:#fff;box-shadow:inset 4px 0 #38bdf8,0 0 22px #38bdf824}.login-style-dynamic-glass .sidebar-collapse-toggle{background:#ffffff10;color:#dce8ff;border-color:#ffffff24;transition:transform .22s cubic-bezier(.2,1.4,.35,1),background .18s}.login-style-dynamic-glass .sidebar-collapse-toggle:hover{transform:scale(1.035);background:#ffffff1f}.login-style-dynamic-glass .shell>header{background:#ffffffc7;backdrop-filter:blur(18px);border-bottom-color:#ffffffa8;box-shadow:0 12px 34px #64748b1f}.login-style-dynamic-glass .global-search{background:#ffffffbd;border-color:#dbeafe}

.login-style-tech-blue{--nav:#07111f;--nav2:#0b2b55;--blue:#22d3ee;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important}
.login-style-tech-blue .sidebar{background:linear-gradient(180deg,#07111f,#092b55 58%,#063c6a);color:#b9d8f3}.login-style-tech-blue .sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#38bdf817 1px,transparent 1px),linear-gradient(#38bdf812 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.login-style-tech-blue .sidebar>*{position:relative}.login-style-tech-blue .sidebar nav a:hover,.login-style-tech-blue .sidebar nav a.active{background:#38bdf817;color:#fff}.login-style-tech-blue .sidebar nav a.active{box-shadow:inset 4px 0 #22d3ee}.login-style-tech-blue .shell>header{background:#081729;color:#eaf6ff;border-bottom-color:#1e4770}.login-style-tech-blue .global-search{background:#0f1f36;border-color:#1e4770}.login-style-tech-blue .global-search input{color:#fff}

.login-style-argon{--nav:#fff;--nav2:#edf1ff;--blue:#5e72e4;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;background:#eef2fb}
.login-style-argon .sidebar{background:#fff;color:#606b80;border-right:1px solid #e6ebf5;box-shadow:10px 0 30px #24304712}.login-style-argon .logo{color:#5e72e4;border-bottom-color:#e6ebf5}.login-style-argon .sidebar nav a{border-radius:6px}.login-style-argon .sidebar nav a:hover,.login-style-argon .sidebar nav a.active{background:#5e72e4;color:#fff}.login-style-argon .sidebar nav a.active{box-shadow:none}.login-style-argon .shell>header{background:#5e72e4;color:#fff;border-bottom:0}.login-style-argon .global-search{background:#fff;border-color:#dfe5f4}

.login-style-image-glass{--nav:#0f172acc;--nav2:#ffffff18;--blue:#8b5cf6;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important}
.login-style-image-glass .sidebar{background:#0f172acc;color:#dbe4f4;border-right:1px solid #ffffff20;backdrop-filter:blur(16px)}.login-style-image-glass .logo{border-bottom-color:#ffffff20}.login-style-image-glass .sidebar nav a:hover,.login-style-image-glass .sidebar nav a.active{background:#ffffff18;color:#fff}.login-style-image-glass .sidebar nav a.active{box-shadow:inset 4px 0 #8b5cf6}.login-style-image-glass .shell>header{background:#ffffffd9;backdrop-filter:blur(12px)}

.login-style-minimal{--nav:#126b9b;--nav2:#0878c7;--blue:#0878c7;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif!important;background:#f5f5f5}
.login-style-minimal .sidebar{background:#f7f7f7;color:#333;border-right:1px solid #d7d7d7;box-shadow:none}.login-style-minimal .logo{height:46px;background:#126b9b;color:#fff;border-bottom:0;border-right:1px solid #126b9b}.login-style-minimal .logo i{width:28px;height:28px;border-radius:3px;background:#fff;color:#126b9b}.login-style-minimal .logo img{width:28px;height:28px;border-radius:3px}.login-style-minimal .sidebar nav{padding:0}.login-style-minimal .sidebar nav a,.login-style-minimal .sidebar nav a.sub-link{margin:0;border-radius:0;padding:10px 14px;color:#1675ad;background:#fff;border-bottom:1px solid #e7e7e7;font-size:14px}.login-style-minimal .sidebar nav a:hover,.login-style-minimal .sidebar nav a.active,.login-style-minimal .sidebar nav a.sub-link:hover,.login-style-minimal .sidebar nav a.sub-link.active{background:#d9ecff!important;color:#0878c7!important;box-shadow:inset 4px 0 #0878c7!important}.login-style-minimal .sidebar-collapse-toggle{margin:8px;border-radius:0;background:#fff;color:#0878c7;border-color:#d7d7d7}.login-style-minimal .shell>header{height:46px;background:#126b9b;color:#fff;border-bottom:0}.login-style-minimal .global-search{height:30px;border-radius:0;background:#fff;border-color:#b7cde0}.login-style-minimal .global-search input{padding:6px}.login-style-minimal main{background:#f5f5f5}

@media(max-width:1000px){.login-style-apple .sidebar,.login-style-argon .sidebar,.login-style-minimal .sidebar{box-shadow:none}.login-style-minimal .logo{height:74px}}
.login-version-badge{position:fixed;right:18px;bottom:14px;z-index:20;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(203,213,225,.72);box-shadow:0 12px 30px rgba(15,23,42,.12);color:#64748b;font-size:12px;font-weight:800;letter-spacing:.2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.login-dynamic-glass .login-version-badge,.login-glass .login-version-badge,.login-image-glass .login-version-badge,.login-tech-blue .login-version-badge{background:rgba(15,23,42,.42);border-color:rgba(255,255,255,.24);color:#eef6ff;box-shadow:0 14px 36px rgba(2,6,23,.26)}
@media(max-width:650px){.login-version-badge{right:12px;bottom:10px;font-size:11px}}

/* Super Liquid Glass: stronger refraction + stable frosted fallback */
.super-liquid-svg{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.login-super-liquid{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 16% 16%,#ffffffd8,transparent 24%),radial-gradient(circle at 82% 18%,#9bdcff80,transparent 28%),linear-gradient(135deg,#dfefff,#f7f1ff 48%,#eaf8ff)}.login-super-liquid:before{content:"";position:fixed;inset:-18%;z-index:-2;background:var(--login-bg-image,linear-gradient(135deg,#14305d,#8cc7ff 38%,#f6f1df 72%,#0f172a));background-size:cover;background-position:center;filter:saturate(1.08) contrast(1.02);transform:scale(1.06)}.login-super-liquid:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at calc(50% + var(--glass-x,0px)) calc(35% + var(--glass-y,0px)),#ffffff50,transparent 24%),linear-gradient(120deg,#02061744,#ffffff12 46%,#38bdf820);pointer-events:none}.login-super-liquid .login-copy{position:relative;z-index:1;margin:7vh 0 7vh 6vw;border-radius:42px;background:linear-gradient(135deg,#ffffff22,#ffffff08);border:1px solid #ffffff70;box-shadow:0 42px 120px #02061755,inset 0 1px #ffffffb5;color:#fff;backdrop-filter:url(#superLiquidGlass) blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);overflow:hidden;transform:translate3d(calc(var(--glass-x,0px) * -.18),calc(var(--glass-y,0px) * -.18),0)}.login-super-liquid .login-copy:before,.login-super-liquid .login-form form:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff80 0,#ffffff18 16%,transparent 42%,#ffffff38 72%,#ffffff10 100%);mix-blend-mode:screen;opacity:.72;pointer-events:none}.login-super-liquid .login-copy:after,.login-super-liquid .login-form form:after{content:"";position:absolute;inset:1px;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff85,inset 18px 18px 50px #ffffff22,inset -22px -26px 60px #0ea5e933;pointer-events:none}.login-super-liquid .login-copy h1{font-size:60px;text-shadow:0 10px 34px #02061766}.login-super-liquid .login-copy p{color:#eaf6ff;text-shadow:0 6px 20px #02061766}.login-super-liquid .login-grid span{background:#ffffff20;border:1px solid #ffffff55;border-radius:22px;padding:18px 22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff90,0 18px 38px #02061724}.login-super-liquid .login-form{position:relative;z-index:2;background:transparent;padding:7vh 6vw 7vh 3vw}.login-super-liquid .login-form form{position:relative;width:min(520px,92%);padding:44px;border-radius:38px;background:linear-gradient(135deg,#ffffff46,#ffffff18);border:1px solid #ffffff86;box-shadow:0 42px 120px #02061766,inset 0 1px #ffffffb8;color:#fff;backdrop-filter:url(#superLiquidGlass) blur(28px) saturate(1.45);-webkit-backdrop-filter:blur(28px) saturate(1.45);overflow:hidden;transform:translate3d(calc(var(--glass-x,0px) * .26),calc(var(--glass-y,0px) * .26),0);transition:transform .18s cubic-bezier(.2,1.2,.24,1),box-shadow .2s ease}.login-super-liquid .login-form form:hover{transform:translate3d(calc(var(--glass-x,0px) * .28),calc(var(--glass-y,0px) * .28 - 6px),0) scale(1.012);box-shadow:0 50px 140px #02061778,inset 0 1px #fff}.login-super-liquid .login-brand img,.login-super-liquid .login-brand i{width:72px;height:72px;border-radius:20px;box-shadow:0 18px 42px #02061733}.login-super-liquid .login-form small{color:#d9f7ff;letter-spacing:2.6px}.login-super-liquid .login-form h2{color:#fff;font-size:34px;text-shadow:0 10px 30px #02061755}.login-super-liquid .login-form p{color:#dbeafe}.login-super-liquid .login-form label{color:#fff}.login-super-liquid .login-form input{background:#ffffff24;border-color:#ffffff70;border-radius:18px;color:#fff;box-shadow:inset 0 1px #ffffff5c}.login-super-liquid .login-form input::placeholder{color:#e2e8f0}.login-super-liquid .primary{border-radius:18px;background:linear-gradient(135deg,#ffffffd8,#bdefff88);color:#10213d;box-shadow:0 18px 42px #02061738,inset 0 1px #fff;transition:transform .18s ease,box-shadow .18s ease}.login-super-liquid .primary:hover{transform:translateY(-2px);box-shadow:0 24px 56px #02061744,inset 0 1px #fff}.login-super-liquid .login-version-badge{background:#ffffff30;border-color:#ffffff68;color:#fff;box-shadow:0 18px 44px #02061730;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}@media(max-width:1000px){.login-super-liquid{display:block}.login-super-liquid .login-copy{display:block;margin:18px;border-radius:30px;padding:34px}.login-super-liquid .login-copy h1{font-size:40px;margin:42px 0 18px}.login-super-liquid .login-form{padding:18px;display:grid;place-items:center}.login-super-liquid .login-form form{width:100%;padding:32px}.login-super-liquid .login-grid{flex-wrap:wrap;gap:14px}}@supports not (backdrop-filter:url(#superLiquidGlass)){.login-super-liquid .login-copy,.login-super-liquid .login-form form{backdrop-filter:blur(28px) saturate(1.35);-webkit-backdrop-filter:blur(28px) saturate(1.35)}}

.login-style-super-liquid{--nav:#111936d9;--nav2:#ffffff1f;--blue:#67e8f9;font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;background:linear-gradient(135deg,#eaf7ff,#f6f0ff)}.login-style-super-liquid .sidebar{background:linear-gradient(180deg,#18213fe8,#263353db);color:#eaf6ff;border-right:1px solid #ffffff28;backdrop-filter:blur(22px) saturate(1.2);box-shadow:16px 0 48px #0206173b}.login-style-super-liquid .logo{border-bottom-color:#ffffff22}.login-style-super-liquid .logo i{background:linear-gradient(135deg,#67e8f9,#a78bfa);box-shadow:0 0 30px #67e8f955}.login-style-super-liquid .sidebar nav a{position:relative;border-radius:18px;transition:transform .2s cubic-bezier(.2,1.3,.24,1),background .18s ease,box-shadow .18s ease}.login-style-super-liquid .sidebar nav a:hover{background:#ffffff24;color:#fff;transform:translateX(7px) scale(1.025);box-shadow:0 16px 34px #0206172e,inset 0 1px #ffffff34}.login-style-super-liquid .sidebar nav a.active{background:#ffffff20;color:#fff;box-shadow:inset 4px 0 #67e8f9,0 0 26px #67e8f933}.login-style-super-liquid .shell>header{background:#ffffffb8;backdrop-filter:blur(22px) saturate(1.2);border-bottom-color:#ffffffa8;box-shadow:0 14px 40px #64748b22}

@keyframes superLiquidJelly{0%{transform:translateY(-2px) scale(1)}34%{transform:translateY(0) scale(.94,1.08)}62%{transform:translateY(-3px) scale(1.045,.96)}82%{transform:translateY(-1px) scale(.985,1.015)}100%{transform:translateY(-2px) scale(1)}}.login-super-liquid .primary:active{animation:superLiquidJelly .46s cubic-bezier(.2,1.45,.35,1);transform-origin:center}.login-super-liquid .login-grid span{transition:transform .18s cubic-bezier(.2,1.3,.24,1),box-shadow .18s ease}.login-super-liquid .login-grid span:active{transform:scale(.95,1.06);box-shadow:inset 0 1px #ffffffb0,0 24px 48px #02061730}.login-super-liquid .login-form form:focus-within{box-shadow:0 52px 140px #02061770,inset 0 1px #fff}.login-super-liquid .login-form input:focus{outline:0;border-color:#d9faff;box-shadow:0 0 0 4px #67e8f936,inset 0 1px #ffffff70}.login-style-super-liquid .sidebar nav a:active,.login-style-super-liquid .sidebar-collapse-toggle:active{animation:superLiquidJelly .42s cubic-bezier(.2,1.45,.35,1);transform-origin:center}

/* Super liquid glass inside workspace: refractive hover lens + jelly + page/window animation */
@keyframes superLiquidFloatIn{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}62%{opacity:1;transform:translateY(-4px) scale(1.006);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes superLiquidPulse{0%,100%{transform:translateX(0) scale(1)}30%{transform:translateX(8px) scale(1.035,.965)}58%{transform:translateX(3px) scale(.985,1.035)}78%{transform:translateX(6px) scale(1.012,.992)}}@keyframes superLiquidLensPop{0%{opacity:0;transform:translateY(-50%) scale(.82,.94)}60%{opacity:1;transform:translateY(-50%) scale(1.08,.96)}100%{opacity:1;transform:translateY(-50%) scale(1)}}.login-style-super-liquid main>*{animation:superLiquidFloatIn .52s cubic-bezier(.2,1.18,.28,1) both}.login-style-super-liquid main>*:nth-child(2){animation-delay:.04s}.login-style-super-liquid main>*:nth-child(3){animation-delay:.08s}.login-style-super-liquid .panel,.login-style-super-liquid .metrics article,.login-style-super-liquid .soft-card{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.78);box-shadow:0 22px 64px rgba(36,52,88,.14),inset 0 1px rgba(255,255,255,.92);backdrop-filter:blur(18px) saturate(1.16);-webkit-backdrop-filter:blur(18px) saturate(1.16)}.login-style-super-liquid .ai-modal,.login-style-super-liquid .version-log-panel,.login-style-super-liquid .icon-picker-modal{animation:superLiquidFloatIn .42s cubic-bezier(.2,1.2,.24,1) both;background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.82);box-shadow:0 34px 100px rgba(15,23,42,.28),inset 0 1px rgba(255,255,255,.95);backdrop-filter:url(#superLiquidGlassUi) blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25)}.login-style-super-liquid .sidebar{overflow:visible}.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{position:relative;overflow:visible!important;isolation:isolate}.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar-collapse-toggle:before{content:"";position:absolute;left:50%;top:50%;width:96px;height:58px;border-radius:999px;z-index:1;opacity:0;transform:translate(-50%,-50%) scale(.88);background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.92),rgba(255,255,255,.28) 38%,rgba(103,232,249,.12) 70%,transparent);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 48px rgba(2,6,23,.32),inset 0 1px rgba(255,255,255,.95),inset -18px -18px 42px rgba(14,165,233,.26);backdrop-filter:url(#superLiquidGlassUi) blur(18px) saturate(1.42);-webkit-backdrop-filter:blur(18px) saturate(1.42);pointer-events:none;transition:opacity .16s ease,transform .18s cubic-bezier(.2,1.3,.24,1)}.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:after{content:"";position:absolute;inset:3px;border-radius:inherit;background:linear-gradient(115deg,transparent 16%,rgba(255,255,255,.38) 34%,transparent 54%);opacity:0;z-index:1;pointer-events:none;transform:translateX(-35%);transition:opacity .18s ease,transform .28s ease}.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;animation:superLiquidPulse .58s cubic-bezier(.2,1.35,.25,1);box-shadow:0 18px 42px rgba(2,6,23,.26),inset 0 1px rgba(255,255,255,.3)!important}.login-style-super-liquid .sidebar nav a:hover:before,.login-style-super-liquid .sidebar-collapse-toggle:hover:before{opacity:1;animation:superLiquidLensPop .28s cubic-bezier(.2,1.35,.25,1) both}.login-style-super-liquid .sidebar nav a:hover:after,.login-style-super-liquid .sidebar-collapse-toggle:hover:after{opacity:1;transform:translateX(35%)}.login-style-super-liquid .sidebar nav a i,.login-style-super-liquid .sidebar nav a img,.login-style-super-liquid .sidebar nav a span,.login-style-super-liquid .sidebar-collapse-toggle span{position:relative;z-index:2}.login-style-super-liquid .sidebar nav a.active:before{opacity:.82}.sidebar-collapsed.login-style-super-liquid .sidebar nav a:before{width:58px;height:52px}.sidebar-collapsed.login-style-super-liquid .sidebar nav a:hover,.sidebar-collapsed.login-style-super-liquid .sidebar-collapse-toggle:hover{animation:superLiquidJelly .52s cubic-bezier(.2,1.45,.35,1)}@supports not (backdrop-filter:url(#superLiquidGlassUi)){.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar-collapse-toggle:before,.login-style-super-liquid .ai-modal,.login-style-super-liquid .version-log-panel,.login-style-super-liquid .icon-picker-modal{backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3)}}

/* Vivid transparent pill lens for Super Liquid menu hover */
.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{transform-style:preserve-3d}.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar-collapse-toggle:before{width:calc(100% + 34px)!important;height:66px!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.18) 48%,rgba(255,255,255,.72))!important;border:1px solid rgba(103,232,249,.72)!important;box-shadow:0 24px 48px rgba(14,165,233,.18),0 10px 28px rgba(2,6,23,.22),inset 0 2px rgba(255,255,255,.98),inset 0 -18px 36px rgba(255,255,255,.32),inset -18px 0 38px rgba(14,165,233,.2)!important;backdrop-filter:url(#superLiquidGlassUi) blur(.6px) saturate(1.68) contrast(1.08)!important;-webkit-backdrop-filter:blur(.6px) saturate(1.68) contrast(1.08)!important}.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:after{inset:-9px -14px!important;border-radius:999px!important;background:radial-gradient(ellipse at 18% 24%,rgba(255,255,255,.92),rgba(255,255,255,.26) 22%,transparent 42%),linear-gradient(100deg,transparent 18%,rgba(255,255,255,.56) 36%,transparent 56%)!important;filter:blur(.2px);mix-blend-mode:screen}.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover{background:transparent!important;color:#0f1f3a!important;text-shadow:0 1px 14px rgba(255,255,255,.9);animation:superLiquidPillWobble .64s cubic-bezier(.18,1.55,.28,1)!important}.login-style-super-liquid .sidebar nav a:hover i,.login-style-super-liquid .sidebar-collapse-toggle:hover span{color:#0f1f3a!important;text-shadow:0 1px 12px rgba(255,255,255,.95)}.login-style-super-liquid .sidebar nav a.active{background:rgba(255,255,255,.08)!important;color:#fff!important}.login-style-super-liquid .sidebar nav a.active:before{opacity:.9!important}.sidebar-collapsed.login-style-super-liquid .sidebar nav a:before{width:62px!important;height:58px!important}.sidebar-collapsed.login-style-super-liquid .sidebar nav a:hover:after{inset:-7px!important}@keyframes superLiquidPillWobble{0%{transform:translateX(0) scale(1)}24%{transform:translateX(9px) scale(1.065,.92)}48%{transform:translateX(4px) scale(.965,1.06)}68%{transform:translateX(7px) scale(1.025,.985)}100%{transform:translateX(6px) scale(1.015)}}

/* Fix super liquid sidebar alignment and scrolling */
.login-style-super-liquid .sidebar{overflow-y:auto!important;overflow-x:hidden!important}.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{overflow:hidden!important;contain:paint}.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar-collapse-toggle:before{left:50%!important;width:calc(100% - 6px)!important;height:52px!important;max-width:100%!important;border-radius:999px!important}.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:after{inset:2px 5px!important;border-radius:999px!important}.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover{transform:translateX(4px) scale(1.01)!important}.sidebar-collapsed.login-style-super-liquid .sidebar nav a:before,.sidebar-collapsed.login-style-super-liquid .sidebar-collapse-toggle:before{width:50px!important;height:48px!important}.sidebar-collapsed.login-style-super-liquid .sidebar nav a:after,.sidebar-collapsed.login-style-super-liquid .sidebar-collapse-toggle:after{inset:3px!important}.nav-right.login-style-super-liquid .sidebar nav a:hover,.nav-right.login-style-super-liquid .sidebar-collapse-toggle:hover{transform:translateX(-4px) scale(1.01)!important}@keyframes superLiquidPillWobbleFixed{0%{transform:translateX(0) scale(1)}35%{transform:translateX(4px) scale(1.03,.96)}65%{transform:translateX(2px) scale(.985,1.035)}100%{transform:translateX(4px) scale(1.01)}}.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover{animation:superLiquidPillWobbleFixed .46s cubic-bezier(.18,1.45,.28,1)!important}

/* Stable super liquid sidebar: glass is the item itself, no overlay offset */
.login-style-super-liquid .sidebar{overflow-y:auto!important;overflow-x:hidden!important}.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{position:relative!important;overflow:hidden!important;contain:paint!important;border-radius:999px!important;background:transparent!important;color:#eaf6ff!important;transform:none!important;isolation:auto!important}.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:before,.login-style-super-liquid .sidebar-collapse-toggle:after{display:none!important;content:none!important}.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover,.login-style-super-liquid .sidebar nav a.active{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.18) 48%,rgba(255,255,255,.52))!important;border:1px solid rgba(103,232,249,.62)!important;color:#fff!important;box-shadow:0 16px 34px rgba(2,6,23,.22),inset 0 1px rgba(255,255,255,.95),inset 0 -14px 26px rgba(255,255,255,.18),inset -12px 0 28px rgba(14,165,233,.16)!important;backdrop-filter:url(#superLiquidGlassUi) blur(4px) saturate(1.35)!important;-webkit-backdrop-filter:blur(4px) saturate(1.35)!important;text-shadow:0 1px 12px rgba(15,23,42,.22);animation:superLiquidItemJelly .42s cubic-bezier(.18,1.36,.28,1)!important}.login-style-super-liquid .sidebar nav a:hover i,.login-style-super-liquid .sidebar nav a.active i,.login-style-super-liquid .sidebar-collapse-toggle:hover span{color:#fff!important;text-shadow:0 1px 12px rgba(15,23,42,.28)}.login-style-super-liquid .sidebar nav a.active{box-shadow:inset 4px 0 #67e8f9,0 16px 34px rgba(2,6,23,.22),inset 0 1px rgba(255,255,255,.95)!important}.sidebar-collapsed.login-style-super-liquid .sidebar nav a,.sidebar-collapsed.login-style-super-liquid .sidebar-collapse-toggle{border-radius:18px!important}.nav-right.login-style-super-liquid .sidebar nav a:hover,.nav-right.login-style-super-liquid .sidebar-collapse-toggle:hover{transform:none!important}@keyframes superLiquidItemJelly{0%{transform:scale(1)}34%{transform:scale(1.018,.965)}66%{transform:scale(.992,1.025)}100%{transform:scale(1)}}

/* Fix super liquid login two-card overlap */
.login-super-liquid{display:grid!important;grid-template-columns:minmax(520px,760px) minmax(420px,560px)!important;gap:clamp(36px,5vw,86px)!important;align-items:center!important;justify-content:center!important;padding:clamp(28px,5vh,58px) clamp(32px,5vw,72px)!important;min-height:100vh}.login-super-liquid .login-copy{margin:0!important;width:100%!important;max-width:760px!important;min-height:clamp(520px,74vh,780px)!important;padding:clamp(42px,5vw,76px)!important;transform:none!important}.login-super-liquid .login-form{padding:0!important;display:grid!important;place-items:center!important;width:100%!important;transform:none!important}.login-super-liquid .login-form form{width:min(520px,100%)!important;min-height:auto!important;transform:none!important}.login-super-liquid .login-form form:hover{transform:translateY(-5px) scale(1.008)!important}.login-super-liquid .login-copy h1{font-size:clamp(38px,4.4vw,62px)!important;line-height:1.12!important;margin:clamp(58px,9vh,118px) 0 18px!important}.login-super-liquid .login-grid{display:flex!important;gap:clamp(18px,2vw,34px)!important;flex-wrap:wrap!important;margin-top:clamp(46px,7vh,82px)!important}.login-super-liquid .login-grid span{min-width:126px}@media(max-width:1280px){.login-super-liquid{grid-template-columns:minmax(460px,620px) minmax(380px,500px)!important;gap:34px!important}.login-super-liquid .login-copy{min-height:600px!important}.login-super-liquid .login-form form{padding:38px!important}}@media(max-width:980px){.login-super-liquid{display:block!important;padding:18px!important;overflow:auto!important}.login-super-liquid .login-copy{max-width:none!important;min-height:auto!important;margin:0 0 18px!important;border-radius:30px!important;padding:34px!important}.login-super-liquid .login-copy h1{font-size:40px!important;margin:42px 0 18px!important}.login-super-liquid .login-form{padding:0!important}.login-super-liquid .login-form form{width:100%!important;padding:32px!important}}

/* Super liquid login cleanup: remove inner overlay, lighter glass, bigger bounce */
.login-super-liquid{display:grid!important;grid-template-columns:minmax(500px,720px) minmax(420px,540px)!important;gap:clamp(48px,6vw,104px)!important;align-items:center!important;justify-content:center!important;padding:clamp(28px,5vh,58px) clamp(42px,6vw,86px)!important;min-height:100vh!important}.login-super-liquid .login-copy{margin:0!important;width:100%!important;max-width:720px!important;min-height:clamp(520px,72vh,760px)!important;padding:clamp(42px,5vw,76px)!important;transform:none!important;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.55)!important;box-shadow:0 34px 100px rgba(2,6,23,.34),inset 0 1px rgba(255,255,255,.68)!important;backdrop-filter:url(#superLiquidGlass) blur(15px) saturate(1.28)!important;-webkit-backdrop-filter:blur(15px) saturate(1.28)!important}.login-super-liquid .login-copy:before{display:none!important;content:none!important}.login-super-liquid .login-copy:after{inset:1px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset -16px -20px 44px rgba(14,165,233,.14)!important}.login-super-liquid .login-form{padding:0!important;display:grid!important;place-items:center!important;width:100%!important;transform:none!important}.login-super-liquid .login-form form{width:min(520px,100%)!important;min-height:auto!important;transform:none!important;background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.06))!important;border-color:rgba(255,255,255,.58)!important;box-shadow:0 34px 100px rgba(2,6,23,.38),inset 0 1px rgba(255,255,255,.72)!important;backdrop-filter:url(#superLiquidGlass) blur(16px) saturate(1.34)!important;-webkit-backdrop-filter:blur(16px) saturate(1.34)!important}.login-super-liquid .login-form form:hover{animation:superLoginCardBounce .72s cubic-bezier(.16,1.55,.28,1) both!important;box-shadow:0 52px 135px rgba(2,6,23,.46),inset 0 1px rgba(255,255,255,.9)!important}.login-super-liquid .login-form form:before{opacity:.38!important}.login-super-liquid .primary:hover{animation:superLoginButtonBounce .62s cubic-bezier(.16,1.65,.28,1) both!important}.login-super-liquid .primary:active{animation:superLoginButtonPress .48s cubic-bezier(.16,1.65,.28,1) both!important}.login-super-liquid .login-grid span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.42)!important}.login-super-liquid .login-grid span:hover{animation:superLoginTileBounce .56s cubic-bezier(.16,1.55,.28,1) both!important}@keyframes superLoginCardBounce{0%{transform:translateY(0) scale(1)}34%{transform:translateY(-12px) scale(1.035,.97)}62%{transform:translateY(-5px) scale(.985,1.025)}100%{transform:translateY(-8px) scale(1.012)}}@keyframes superLoginButtonBounce{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-7px) scale(1.06,.92)}66%{transform:translateY(-2px) scale(.97,1.07)}100%{transform:translateY(-4px) scale(1.02)}}@keyframes superLoginButtonPress{0%{transform:scale(1.02)}40%{transform:scale(.88,1.14)}70%{transform:scale(1.08,.94)}100%{transform:scale(1)}}@keyframes superLoginTileBounce{0%{transform:scale(1)}40%{transform:scale(1.08,.92)}70%{transform:scale(.96,1.06)}100%{transform:scale(1.02)}}@media(max-width:1280px){.login-super-liquid{grid-template-columns:minmax(460px,600px) minmax(380px,500px)!important;gap:42px!important}.login-super-liquid .login-copy{min-height:590px!important}.login-super-liquid .login-form form{padding:38px!important}}@media(max-width:980px){.login-super-liquid{display:block!important;padding:18px!important;overflow:auto!important}.login-super-liquid .login-copy{max-width:none!important;min-height:auto!important;margin:0 0 18px!important;border-radius:30px!important;padding:34px!important}.login-super-liquid .login-copy h1{font-size:40px!important;margin:42px 0 18px!important}.login-super-liquid .login-form{padding:0!important}.login-super-liquid .login-form form{width:100%!important;padding:32px!important}}

/* Clear glass tuning: higher transparency + stronger edge refraction */
.login-super-liquid .login-copy,.login-super-liquid .login-form form{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.018) 56%,rgba(255,255,255,.08))!important;border-color:rgba(255,255,255,.46)!important;box-shadow:0 36px 110px rgba(2,6,23,.26),inset 0 1px rgba(255,255,255,.72),inset 0 -1px rgba(255,255,255,.24)!important;backdrop-filter:url(#superLiquidGlass) blur(7px) saturate(1.48) contrast(1.08)!important;-webkit-backdrop-filter:blur(7px) saturate(1.48) contrast(1.08)!important}.login-super-liquid .login-copy:after,.login-super-liquid .login-form form:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:radial-gradient(ellipse at 0% 22%,rgba(103,232,249,.58),transparent 30%),radial-gradient(ellipse at 100% 72%,rgba(255,255,255,.52),transparent 34%),linear-gradient(90deg,rgba(103,232,249,.38),rgba(255,255,255,.16) 12%,transparent 28%,transparent 72%,rgba(255,255,255,.22) 88%,rgba(103,232,249,.38))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.52),inset 14px 0 28px rgba(103,232,249,.24),inset -18px 0 34px rgba(255,255,255,.22),inset 0 18px 38px rgba(255,255,255,.16),inset 0 -24px 42px rgba(14,165,233,.16)!important;mix-blend-mode:screen!important;opacity:.9!important}.login-super-liquid .login-copy{background-color:rgba(255,255,255,.035)!important}.login-super-liquid .login-form form{background-color:rgba(255,255,255,.055)!important}.login-super-liquid .login-grid span{background:rgba(255,255,255,.075)!important;backdrop-filter:url(#superLiquidGlass) blur(5px) saturate(1.35)!important;-webkit-backdrop-filter:blur(5px) saturate(1.35)!important}.login-super-liquid .login-form input{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.56)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

/* Remove left intro glass container in super liquid login */
.login-super-liquid .login-copy{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;overflow:visible!important}.login-super-liquid .login-copy:before,.login-super-liquid .login-copy:after{display:none!important;content:none!important}.login-super-liquid .login-copy .login-brand,.login-super-liquid .login-copy h1,.login-super-liquid .login-copy p,.login-super-liquid .login-copy .login-grid{position:relative;z-index:2}.login-super-liquid .login-copy h1,.login-super-liquid .login-copy p{text-shadow:0 14px 38px rgba(2,6,23,.44)}

/* Floating names for collapsed sidebar, especially super liquid mode */
.sidebar-float-tip{position:fixed;z-index:10000;top:0;left:0;transform:translateY(-50%) translateX(-6px) scale(.96);opacity:0;pointer-events:none;max-width:220px;padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(207,218,233,.9);box-shadow:0 16px 38px rgba(15,23,42,.18);color:#243047;font-size:13px;font-weight:900;line-height:1.2;white-space:nowrap;transition:opacity .16s ease,transform .18s cubic-bezier(.18,1.35,.28,1)}.sidebar-float-tip.show{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}.login-style-super-liquid .sidebar-float-tip{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.2));border-color:rgba(103,232,249,.64);box-shadow:0 18px 44px rgba(2,6,23,.26),inset 0 1px rgba(255,255,255,.92),inset -10px 0 24px rgba(14,165,233,.18);color:#0f1f3a;text-shadow:0 1px 12px rgba(255,255,255,.8);backdrop-filter:url(#superLiquidGlassUi) blur(8px) saturate(1.45);-webkit-backdrop-filter:blur(8px) saturate(1.45)}

/* LeafTools liquid glass refinement: low blur, edge refraction, stronger jelly response */
.login-super-liquid .login-form form{
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 52%,rgba(255,255,255,.10))!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 42px 120px rgba(2,6,23,.28),inset 0 1px rgba(255,255,255,.82),inset 0 -1px rgba(255,255,255,.32),inset 18px 0 42px rgba(125,211,252,.16),inset -18px 0 42px rgba(255,255,255,.16)!important;
  backdrop-filter:url(#superLiquidGlass) blur(4px) saturate(1.62) contrast(1.12)!important;
  -webkit-backdrop-filter:blur(4px) saturate(1.62) contrast(1.12)!important;
}
.login-super-liquid .login-form form:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 8% 10%,rgba(255,255,255,.86),rgba(255,255,255,.18) 28%,transparent 48%),
    radial-gradient(ellipse at 105% 72%,rgba(125,211,252,.42),transparent 32%),
    linear-gradient(94deg,rgba(103,232,249,.45),rgba(255,255,255,.18) 12%,transparent 30%,transparent 70%,rgba(255,255,255,.26) 88%,rgba(103,232,249,.34));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),inset 16px 0 30px rgba(103,232,249,.28),inset -18px 0 34px rgba(255,255,255,.24),inset 0 18px 34px rgba(255,255,255,.16),inset 0 -24px 40px rgba(14,165,233,.18)!important;
  mix-blend-mode:screen!important;
  opacity:.92!important;
}
.login-super-liquid .login-form form:hover{
  animation:leafGlassCardJelly .82s cubic-bezier(.14,1.7,.26,1) both!important;
}
.login-super-liquid .login-form input,.login-super-liquid .primary,.login-super-liquid .login-grid span,.login-super-liquid .login-version-badge{
  border-color:rgba(255,255,255,.56)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.74),inset 0 -1px rgba(255,255,255,.2),0 18px 44px rgba(2,6,23,.16)!important;
  backdrop-filter:url(#superLiquidGlass) blur(3px) saturate(1.48) contrast(1.08)!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.48) contrast(1.08)!important;
}
.login-super-liquid .primary{
  color:#13223b!important;
  overflow:hidden!important;
}
.login-super-liquid .primary:hover,.login-super-liquid .login-grid span:hover{
  animation:leafGlassSmallJelly .68s cubic-bezier(.14,1.7,.26,1) both!important;
}
.login-super-liquid .login-copy{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.login-super-liquid .login-copy:before,.login-super-liquid .login-copy:after{
  display:none!important;
  content:none!important;
}
.login-style-super-liquid .panel,.login-style-super-liquid .metrics article,.login-style-super-liquid .soft-card,.login-style-super-liquid .ai-modal,.login-style-super-liquid .version-log-panel,.login-style-super-liquid .icon-picker-modal{
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.44))!important;
  border-color:rgba(255,255,255,.86)!important;
  box-shadow:0 24px 72px rgba(36,52,88,.14),inset 0 1px rgba(255,255,255,.96),inset -14px 0 32px rgba(125,211,252,.08)!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(8px) saturate(1.28) contrast(1.04)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.28) contrast(1.04)!important;
}
.login-style-super-liquid .sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{
  overflow:hidden!important;
  contain:paint!important;
  border:1px solid transparent!important;
  transform:none!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover,.login-style-super-liquid .sidebar nav a.active{
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.22) 48%,rgba(255,255,255,.58))!important;
  border-color:rgba(103,232,249,.70)!important;
  box-shadow:0 18px 42px rgba(2,6,23,.24),inset 0 1px rgba(255,255,255,.96),inset 0 -16px 28px rgba(255,255,255,.24),inset -14px 0 30px rgba(14,165,233,.18)!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(3px) saturate(1.55) contrast(1.1)!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.55) contrast(1.1)!important;
  animation:leafGlassMenuJelly .62s cubic-bezier(.14,1.68,.26,1) both!important;
}
.login-style-super-liquid .sidebar nav a:hover i,.login-style-super-liquid .sidebar nav a:hover span,.login-style-super-liquid .sidebar-collapse-toggle:hover span{
  text-shadow:0 0 16px rgba(255,255,255,.92),0 1px 8px rgba(15,23,42,.24)!important;
}
.sidebar-collapsed.login-style-super-liquid .sidebar nav a,.sidebar-collapsed.login-style-super-liquid .sidebar-collapse-toggle{
  border-radius:22px!important;
}
.login-style-super-liquid .sidebar-float-tip{
  background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.18))!important;
  border-color:rgba(103,232,249,.74)!important;
  box-shadow:0 22px 52px rgba(2,6,23,.28),inset 0 1px rgba(255,255,255,.98),inset -12px 0 26px rgba(14,165,233,.18)!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(4px) saturate(1.6) contrast(1.08)!important;
  -webkit-backdrop-filter:blur(4px) saturate(1.6) contrast(1.08)!important;
}
@keyframes leafGlassCardJelly{0%{transform:translateY(0) scale(1)}26%{transform:translateY(-13px) scale(1.045,.95)}52%{transform:translateY(-4px) scale(.972,1.04)}74%{transform:translateY(-9px) scale(1.018,.99)}100%{transform:translateY(-7px) scale(1.01)}}
@keyframes leafGlassSmallJelly{0%{transform:translateY(0) scale(1)}32%{transform:translateY(-6px) scale(1.075,.9)}62%{transform:translateY(-2px) scale(.96,1.08)}100%{transform:translateY(-3px) scale(1.018)}}
@keyframes leafGlassMenuJelly{0%{transform:scale(1)}30%{transform:scale(1.045,.91)}58%{transform:scale(.965,1.055)}78%{transform:scale(1.018,.986)}100%{transform:scale(1)}}

/* Advanced refraction: thick-edge caustics without oversized floating overlays */
.login-super-liquid .login-form form{
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.024) 46%,rgba(255,255,255,.085))!important;
  border-color:rgba(255,255,255,.70)!important;
  box-shadow:0 48px 132px rgba(2,6,23,.24),inset 0 2px rgba(255,255,255,.95),inset 0 -2px rgba(255,255,255,.34),inset 22px 0 46px rgba(125,211,252,.20),inset -26px 0 52px rgba(255,255,255,.22)!important;
  backdrop-filter:url(#superLiquidGlass) blur(2.4px) saturate(1.95) contrast(1.16)!important;
  -webkit-backdrop-filter:blur(2.4px) saturate(1.95) contrast(1.16)!important;
}
.login-super-liquid .login-form form:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:.62!important;
  background:
    radial-gradient(ellipse at 16% 8%,rgba(255,255,255,.95),rgba(255,255,255,.22) 21%,transparent 44%),
    radial-gradient(ellipse at 78% 92%,rgba(103,232,249,.36),transparent 38%),
    linear-gradient(105deg,transparent 16%,rgba(255,255,255,.62) 34%,transparent 50%);
  filter:blur(.35px) brightness(1.12)!important;
  mix-blend-mode:screen!important;
  z-index:1!important;
}
.login-super-liquid .login-form form:after{
  opacity:1!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),inset 20px 0 34px rgba(103,232,249,.34),inset -22px 0 38px rgba(255,255,255,.34),inset 0 22px 36px rgba(255,255,255,.22),inset 0 -28px 44px rgba(14,165,233,.22),0 0 0 1px rgba(125,211,252,.18)!important;
}
.login-super-liquid .login-form form>*{
  position:relative;
  z-index:2;
}
.login-super-liquid .login-form input,.login-super-liquid .primary,.login-super-liquid .login-grid span{
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.04) 54%,rgba(255,255,255,.14))!important;
  border-color:rgba(255,255,255,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),inset 0 -1px rgba(255,255,255,.30),inset 10px 0 20px rgba(125,211,252,.13),0 18px 46px rgba(2,6,23,.14)!important;
  backdrop-filter:url(#superLiquidGlass) blur(2px) saturate(1.8) contrast(1.1)!important;
  -webkit-backdrop-filter:blur(2px) saturate(1.8) contrast(1.1)!important;
}
.login-super-liquid .primary:hover{
  box-shadow:inset 0 2px rgba(255,255,255,1),inset 16px 0 30px rgba(125,211,252,.24),0 24px 60px rgba(2,6,23,.22)!important;
}
.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:before,.login-style-super-liquid .sidebar-collapse-toggle:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  opacity:0!important;
  transition:opacity .16s ease,transform .22s cubic-bezier(.14,1.6,.26,1)!important;
}
.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar-collapse-toggle:before{
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.16) 48%,rgba(255,255,255,.64))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96),inset 16px 0 28px rgba(103,232,249,.20),inset -14px 0 28px rgba(255,255,255,.22)!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(2px) saturate(1.75) contrast(1.12)!important;
  -webkit-backdrop-filter:blur(2px) saturate(1.75) contrast(1.12)!important;
}
.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:after{
  inset:3px 5px!important;
  z-index:1!important;
  background:linear-gradient(105deg,transparent 14%,rgba(255,255,255,.60) 32%,transparent 52%),radial-gradient(ellipse at 15% 8%,rgba(255,255,255,.78),transparent 38%)!important;
  filter:blur(.25px)!important;
  mix-blend-mode:screen!important;
}
.login-style-super-liquid .sidebar nav a:hover:before,.login-style-super-liquid .sidebar nav a:hover:after,.login-style-super-liquid .sidebar-collapse-toggle:hover:before,.login-style-super-liquid .sidebar-collapse-toggle:hover:after,.login-style-super-liquid .sidebar nav a.active:before,.login-style-super-liquid .sidebar nav a.active:after{
  opacity:1!important;
}
.login-style-super-liquid .sidebar nav a i,.login-style-super-liquid .sidebar nav a img,.login-style-super-liquid .sidebar nav a span,.login-style-super-liquid .sidebar-collapse-toggle span{
  position:relative!important;
  z-index:2!important;
}
.login-style-super-liquid .panel,.login-style-super-liquid .metrics article,.login-style-super-liquid .soft-card{
  backdrop-filter:url(#superLiquidGlassUi) blur(4px) saturate(1.45) contrast(1.06)!important;
  -webkit-backdrop-filter:blur(4px) saturate(1.45) contrast(1.06)!important;
}

/* Super liquid sidebar stability fix: keep refraction inside each row */
.login-style-super-liquid .sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{
  position:relative!important;
  overflow:hidden!important;
  contain:paint!important;
  isolation:auto!important;
  transform:none!important;
  min-height:48px!important;
  border-radius:18px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#eaf6ff!important;
}
.login-style-super-liquid .sidebar nav a:before,.login-style-super-liquid .sidebar nav a:after,.login-style-super-liquid .sidebar-collapse-toggle:before,.login-style-super-liquid .sidebar-collapse-toggle:after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover,.login-style-super-liquid .sidebar nav a.active{
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.10) 50%,rgba(255,255,255,.28))!important;
  border-color:rgba(103,232,249,.50)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.80),inset 0 -10px 22px rgba(255,255,255,.12),inset -10px 0 22px rgba(14,165,233,.14),0 10px 24px rgba(2,6,23,.14)!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(3px) saturate(1.48) contrast(1.06)!important;
  -webkit-backdrop-filter:blur(3px) saturate(1.48) contrast(1.06)!important;
  animation:leafGlassMenuStableJelly .42s cubic-bezier(.18,1.45,.28,1)!important;
}
.login-style-super-liquid .sidebar nav a.active{
  box-shadow:inset 4px 0 #67e8f9,inset 0 1px rgba(255,255,255,.86),inset -10px 0 22px rgba(14,165,233,.16),0 10px 24px rgba(2,6,23,.14)!important;
}
.login-style-super-liquid .sidebar nav a i,.login-style-super-liquid .sidebar nav a img,.login-style-super-liquid .sidebar nav a span,.login-style-super-liquid .sidebar-collapse-toggle span{
  position:relative!important;
  z-index:1!important;
  color:inherit!important;
  text-shadow:none!important;
}
.login-style-super-liquid .sidebar nav a:hover i,.login-style-super-liquid .sidebar nav a:hover span,.login-style-super-liquid .sidebar nav a.active i,.login-style-super-liquid .sidebar nav a.active span,.login-style-super-liquid .sidebar-collapse-toggle:hover span{
  text-shadow:0 1px 10px rgba(15,23,42,.18)!important;
}
.sidebar-collapsed.login-style-super-liquid .sidebar nav a,.sidebar-collapsed.login-style-super-liquid .sidebar-collapse-toggle{
  width:58px!important;
  min-height:52px!important;
  border-radius:18px!important;
}
@keyframes leafGlassMenuStableJelly{0%{transform:scale(1)}35%{transform:scale(1.018,.96)}68%{transform:scale(.99,1.02)}100%{transform:scale(1)}}

/* China enterprise theme refresh: square, pure red/black, no gradients */
.login-form-brand{display:none}
.login-china-enterprise{
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  min-height:100vh!important;
  padding:40px 18px!important;
  background-color:#23272d!important;
  background-image:none!important;
  color:#111!important;
}
.login-china-enterprise .login-copy{
  display:none!important;
}
.login-china-enterprise .login-form{
  display:block!important;
  width:min(760px,92vw)!important;
  padding:0!important;
  background:transparent!important;
}
.login-china-enterprise .login-form form{
  position:relative!important;
  width:100%!important;
  min-height:430px!important;
  margin:0 auto!important;
  padding:54px 54px 46px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 18px 42px rgba(0,0,0,.36)!important;
  color:#111!important;
}
.login-china-enterprise .login-form form:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:8px!important;
  background:#b40000!important;
}
.login-china-enterprise .login-form form:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:160px!important;
  height:6px!important;
  background:#b40000!important;
}
.login-china-enterprise .login-form-brand{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:0 0 44px!important;
  padding:0 0 22px!important;
  border-bottom:1px solid #d8d8d8!important;
}
.login-china-enterprise .login-form-brand img,.login-china-enterprise .login-form-brand i{
  width:58px!important;
  height:58px!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  background:#b40000!important;
  color:#fff!important;
  font-style:normal!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.login-china-enterprise .login-form-brand span{
  display:block!important;
  color:#111!important;
  line-height:1.1!important;
}
.login-china-enterprise .login-form-brand b{
  display:block!important;
  font-size:34px!important;
  font-weight:900!important;
  letter-spacing:-1px!important;
}
.login-china-enterprise .login-form-brand em{
  display:block!important;
  margin-top:8px!important;
  font-style:normal!important;
  color:#b40000!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}
.login-china-enterprise .login-form small{
  display:none!important;
}
.login-china-enterprise .login-form h2{
  margin:0 0 8px!important;
  color:#111!important;
  font-size:26px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}
.login-china-enterprise .login-form p{
  margin:0 0 22px!important;
  color:#555!important;
  font-size:14px!important;
}
.login-china-enterprise .login-form label{
  display:block!important;
  margin:18px 0!important;
  color:#111!important;
  font-size:0!important;
  font-weight:700!important;
}
.login-china-enterprise .login-form input{
  height:48px!important;
  width:100%!important;
  border:1px solid #bfbfbf!important;
  border-radius:0!important;
  background:#fff!important;
  color:#111!important;
  font-size:16px!important;
  box-shadow:none!important;
  padding:0 14px!important;
  outline:none!important;
}
.login-china-enterprise .login-form label:first-of-type input::placeholder,.login-china-enterprise .login-form label:first-of-type input{
  color:#111!important;
}
.login-china-enterprise .login-form input:focus{
  border-color:#b40000!important;
  box-shadow:inset 4px 0 0 #b40000!important;
}
.login-china-enterprise .login-form label:nth-of-type(1)::before{
  content:"用户名";
}
.login-china-enterprise .login-form label:nth-of-type(2)::before{
  content:"密码";
}
.login-china-enterprise .login-form label::before{
  display:block!important;
  margin:0 0 7px!important;
  color:#222!important;
  font-size:14px!important;
  font-weight:800!important;
}
.login-china-enterprise .primary{
  width:100%!important;
  height:50px!important;
  margin-top:8px!important;
  border:0!important;
  border-radius:0!important;
  background:#b40000!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.login-china-enterprise .primary:hover{
  background:#8f0000!important;
  transform:none!important;
}
.login-china-enterprise .flash{
  border-radius:0!important;
}
.login-china-enterprise .login-version-badge{
  right:auto!important;
  bottom:28px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:12px!important;
  letter-spacing:.5px!important;
}
.login-style-china-enterprise{
  --nav:#111;
  --nav2:#111;
  --blue:#b40000;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
  background:#f4f4f4!important;
}
.login-style-china-enterprise .sidebar{
  background:#fff!important;
  color:#333!important;
  border-right:1px solid #d8d8d8!important;
  box-shadow:none!important;
}
.login-style-china-enterprise .logo{
  height:58px!important;
  background:#111!important;
  color:#fff!important;
  border-bottom:6px solid #b40000!important;
  border-radius:0!important;
}
.login-style-china-enterprise .logo i,.login-style-china-enterprise .logo img{
  border-radius:0!important;
  background:#b40000!important;
  color:#fff!important;
}
.login-style-china-enterprise .sidebar nav{
  padding:0!important;
}
.login-style-china-enterprise .sidebar nav a,.login-style-china-enterprise .sidebar nav a.sub-link{
  margin:0!important;
  padding:13px 16px!important;
  border-radius:0!important;
  border-bottom:1px solid #e5e5e5!important;
  background:#fff!important;
  color:#333!important;
  font-size:14px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.login-style-china-enterprise .sidebar nav a:hover,.login-style-china-enterprise .sidebar nav a.active,.login-style-china-enterprise .sidebar nav a.sub-link:hover,.login-style-china-enterprise .sidebar nav a.sub-link.active{
  background:#b40000!important;
  color:#fff!important;
  box-shadow:none!important;
}
.login-style-china-enterprise .sidebar-collapse-toggle{
  margin:8px!important;
  border-radius:0!important;
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.login-style-china-enterprise .shell>header{
  height:58px!important;
  background:#111!important;
  color:#fff!important;
  border-bottom:6px solid #b40000!important;
  box-shadow:none!important;
}
.login-style-china-enterprise .global-search{
  height:32px!important;
  border-radius:0!important;
  background:#fff!important;
  border:1px solid #cfcfcf!important;
}
.login-style-china-enterprise .global-search input{
  color:#111!important;
}
.login-style-china-enterprise .global-search span{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  min-width:20px!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}
.login-style-china-enterprise main{
  background:#f4f4f4!important;
}
.login-style-china-enterprise .panel,.login-style-china-enterprise .metrics article,.login-style-china-enterprise .soft-card{
  border-radius:0!important;
  border:1px solid #d8d8d8!important;
  box-shadow:none!important;
  background:#fff!important;
}
.login-style-china-enterprise .btn,.login-style-china-enterprise button,.login-style-china-enterprise input,.login-style-china-enterprise select,.login-style-china-enterprise textarea{
  border-radius:0!important;
}
@media(max-width:760px){
  .login-china-enterprise .login-form{width:94vw!important}
  .login-china-enterprise .login-form form{padding:34px 24px 32px!important}
  .login-china-enterprise .login-form-brand b{font-size:26px!important}
}

/* China enterprise login compact card */
.login-china-enterprise{
  padding:32px 18px!important;
}
.login-china-enterprise .login-form{
  width:min(520px,92vw)!important;
}
.login-china-enterprise .login-form form{
  min-height:auto!important;
  padding:34px 38px 36px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.32)!important;
}
.login-china-enterprise .login-form form:before{
  height:6px!important;
}
.login-china-enterprise .login-form form:after{
  top:128px!important;
  height:4px!important;
}
.login-china-enterprise .login-form-brand{
  gap:14px!important;
  margin:0 0 34px!important;
  padding:0 0 18px!important;
}
.login-china-enterprise .login-form-brand img,.login-china-enterprise .login-form-brand i{
  width:48px!important;
  height:48px!important;
}
.login-china-enterprise .login-form-brand b{
  font-size:25px!important;
  letter-spacing:-.5px!important;
}
.login-china-enterprise .login-form-brand em{
  margin-top:5px!important;
  font-size:12px!important;
  letter-spacing:1.6px!important;
}
.login-china-enterprise .login-form h2{
  font-size:22px!important;
  margin-bottom:5px!important;
}
.login-china-enterprise .login-form p{
  margin-bottom:16px!important;
  font-size:13px!important;
}
.login-china-enterprise .login-form label{
  margin:13px 0!important;
}
.login-china-enterprise .login-form input{
  height:40px!important;
  font-size:14px!important;
  padding:0 11px!important;
}
.login-china-enterprise .primary{
  height:42px!important;
  margin-top:6px!important;
  font-size:15px!important;
}
.login-china-enterprise .login-version-badge{
  bottom:20px!important;
  font-size:12px!important;
}
@media(max-width:760px){
  .login-china-enterprise .login-form{width:92vw!important}
  .login-china-enterprise .login-form form{padding:28px 22px 30px!important}
  .login-china-enterprise .login-form form:after{top:116px!important}
  .login-china-enterprise .login-form-brand b{font-size:22px!important}
}

/* Single tooltip mode: when sidebar is collapsed, suppress every theme's hover bubble */
.sidebar-collapsed .sidebar nav a:before,
.sidebar-collapsed .sidebar nav a:after,
.sidebar-collapsed .sidebar nav a.sub-link:before,
.sidebar-collapsed .sidebar nav a.sub-link:after,
.sidebar-collapsed .sidebar-collapse-toggle:before,
.sidebar-collapsed .sidebar-collapse-toggle:after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}
.sidebar-collapsed .sidebar nav a:hover,
.sidebar-collapsed .sidebar nav a.sub-link:hover,
.sidebar-collapsed .sidebar-collapse-toggle:hover{
  transform:none!important;
  animation:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
}
.sidebar-collapsed .sidebar nav a:hover,
.sidebar-collapsed .sidebar nav a.sub-link:hover{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.sidebar-collapsed .sidebar nav a:hover i,
.sidebar-collapsed .sidebar nav a.sub-link:hover i,
.sidebar-collapsed .sidebar nav a:hover img,
.sidebar-collapsed .sidebar nav a.sub-link:hover img{
  transform:none!important;
  filter:none!important;
}
.sidebar-collapsed .sidebar nav a.active:hover{
  box-shadow:inset 0 -3px var(--blue)!important;
}

/* Zabbix style: renamed from image-glass, square controls and Zabbix-like workspace */
.login-image-glass{
  display:grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  min-height:100vh!important;
  padding:46px 18px!important;
  background:#ebeef1!important;
  color:#1f2d36!important;
}
.login-image-glass .login-copy{
  display:none!important;
}
.login-image-glass .login-form{
  display:block!important;
  width:min(520px,92vw)!important;
  padding:0!important;
  background:transparent!important;
}
.login-image-glass .login-form form{
  position:relative!important;
  width:100%!important;
  margin:0 auto!important;
  padding:92px 58px 58px!important;
  background:#fff!important;
  border:1px solid #d6dde2!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#1f2d36!important;
}
.login-image-glass .login-form form:before{
  content:"ZABBIX";
  position:absolute;
  top:42px;
  left:50%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  height:32px;
  padding:0 8px;
  background:#d40000;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:30px;
  line-height:1;
  font-weight:400;
  letter-spacing:.5px;
}
.login-image-glass .login-form-brand,
.login-image-glass .login-form small,
.login-image-glass .login-form h2,
.login-image-glass .login-form p{
  display:none!important;
}
.login-image-glass .login-form label{
  display:grid!important;
  gap:7px!important;
  margin:24px 0!important;
  color:#1f2d36!important;
  font-size:17px!important;
  font-weight:700!important;
}
.login-image-glass .login-form input{
  height:43px!important;
  padding:0 10px!important;
  background:#fff!important;
  border:1px solid #aebcc6!important;
  border-radius:0!important;
  color:#1f2d36!important;
  font-size:16px!important;
  box-shadow:none!important;
}
.login-image-glass .login-form input:focus{
  outline:0!important;
  border-color:#0275b8!important;
  box-shadow:0 0 0 1px #0275b8!important;
}
.login-image-glass .primary{
  height:44px!important;
  margin-top:8px!important;
  border-radius:0!important;
  background:#0878b7!important;
  color:#fff!important;
  font-size:17px!important;
  box-shadow:none!important;
}
.login-image-glass .primary:hover{
  background:#006ca8!important;
}
.login-image-glass .login-version-badge{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#7d909d!important;
}

.login-style-image-glass{
  --nav:#0d4f6d;
  --nav2:#0a425c;
  --blue:#0275b8;
  --bg:#eef3f6;
  --line:#d8e0e5;
  font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;
  background:#eef3f6!important;
}
.login-style-image-glass body,
.login-style-image-glass main{
  background:#eef3f6!important;
}
.login-style-image-glass .sidebar{
  background:#0d4f6d!important;
  color:#c8d8e1!important;
  border-right:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.login-style-image-glass .logo{
  height:74px!important;
  padding:18px 15px!important;
  border-bottom:0!important;
  color:#fff!important;
  background:#0d4f6d!important;
}
.login-style-image-glass .logo img,
.login-style-image-glass .logo i,
.login-style-image-glass .logo span{
  display:none!important;
}
.login-style-image-glass .logo:before{
  content:"ZABBIX";
  display:inline-flex;
  align-items:center;
  height:32px;
  padding:0 6px;
  background:#d40000;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:28px;
  line-height:1;
  font-weight:400;
  letter-spacing:.5px;
}
.login-style-image-glass .sidebar nav{
  padding:0!important;
}
.login-style-image-glass .sidebar nav a,
.login-style-image-glass .sidebar nav a.sub-link{
  min-height:44px!important;
  margin:0!important;
  padding:10px 16px!important;
  border-radius:0!important;
  background:#0d4f6d!important;
  color:#d5e3eb!important;
  border-left:4px solid transparent!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1.18!important;
  font-weight:700!important;
}
.login-style-image-glass .sidebar nav a:hover,
.login-style-image-glass .sidebar nav a.active,
.login-style-image-glass .sidebar nav a.sub-link:hover,
.login-style-image-glass .sidebar nav a.sub-link.active{
  background:#0a425c!important;
  color:#fff!important;
  border-left-color:#2ea8e5!important;
  box-shadow:none!important;
}
.login-style-image-glass .sidebar nav i{
  color:#9fc0d1!important;
}
.login-style-image-glass .sidebar nav a:hover i,
.login-style-image-glass .sidebar nav a.active i{
  color:#fff!important;
}
.login-style-image-glass .sidebar-collapse-toggle{
  margin:8px 14px!important;
  height:34px!important;
  border-radius:0!important;
  background:#07364b!important;
  color:#d5e3eb!important;
  border:1px solid #062b3d!important;
  box-shadow:none!important;
  font-size:14px!important;
}
.login-style-image-glass .sidebar-collapse-toggle .collapse-label{
  font-size:12px!important;
  letter-spacing:0!important;
}
.login-style-image-glass .shell>header{
  height:56px!important;
  background:#fff!important;
  color:#1f2d36!important;
  border-bottom:1px solid #d8e0e5!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.login-style-image-glass .global-search{
  height:34px!important;
  border-radius:0!important;
  background:#fff!important;
  border:1px solid #aebcc6!important;
  box-shadow:none!important;
}
.login-style-image-glass .global-search input{
  padding:7px 8px!important;
}
.login-style-image-glass .global-search input,
.login-style-image-glass .global-search input:focus{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  background:transparent!important;
}
.login-style-image-glass main{
  max-width:none!important;
  padding:24px!important;
}
.login-style-image-glass .panel,
.login-style-image-glass .metrics article,
.login-style-image-glass .soft-card{
  border-radius:0!important;
  border:1px solid #d8e0e5!important;
  box-shadow:none!important;
  background:#fff!important;
}
.login-style-image-glass .panel-head,
.login-style-image-glass th{
  background:#f8fafb!important;
}
.login-style-image-glass th,
.login-style-image-glass td{
  border-bottom:1px solid #d8e0e5!important;
}
.login-style-image-glass input,
.login-style-image-glass select,
.login-style-image-glass textarea,
.login-style-image-glass .filters>div,
.login-style-image-glass .filters button,
.login-style-image-glass .filters>a,
.login-style-image-glass .primary,
.login-style-image-glass .secondary,
.login-style-image-glass .danger,
.login-style-image-glass .status,
.login-style-image-glass .priority,
.login-style-image-glass .icon-box,
.login-style-image-glass .new-user input,
.login-style-image-glass .new-user select,
.login-style-image-glass .form-grid input,
.login-style-image-glass .form-grid select,
.login-style-image-glass .form-grid textarea{
  border-radius:0!important;
  box-shadow:none!important;
}
.login-style-image-glass input,
.login-style-image-glass select,
.login-style-image-glass textarea,
.login-style-image-glass .filters>div{
  background:#fff!important;
  border:1px solid #aebcc6!important;
}
.login-style-image-glass input:focus,
.login-style-image-glass select:focus,
.login-style-image-glass textarea:focus{
  outline:0!important;
  border-color:#0275b8!important;
  box-shadow:0 0 0 1px #0275b8!important;
}
.login-style-image-glass .filters>div{
  display:flex!important;
  align-items:center!important;
  height:38px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #aebcc6!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.login-style-image-glass .filters>div span{
  width:38px!important;
  min-width:38px!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  color:#101c2c!important;
  border-right:1px solid #aebcc6!important;
  background:#fff!important;
  font-size:16px!important;
  line-height:1!important;
}
.login-style-image-glass .filters>div input,
.login-style-image-glass .filters>div input:focus{
  flex:1 1 auto!important;
  min-width:0!important;
  height:100%!important;
  padding:0 14px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.login-style-image-glass .filters>div:focus-within{
  border-color:#0275b8!important;
  box-shadow:0 0 0 1px #0275b8!important;
}
.login-style-image-glass .filters>div:focus-within span{
  border-right-color:#0275b8!important;
}
.login-style-image-glass .primary,
.login-style-image-glass .filters button{
  background:#0878b7!important;
  border:1px solid #0878b7!important;
  color:#fff!important;
}
.login-style-image-glass .primary:hover,
.login-style-image-glass .filters button:hover{
  background:#006ca8!important;
  border-color:#006ca8!important;
}
.login-style-image-glass .secondary,
.login-style-image-glass .filters>a{
  background:#fff!important;
  border:1px solid #0878b7!important;
  color:#0878b7!important;
}
.login-style-image-glass .page-head small{
  color:#0275b8!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar nav a,
.sidebar-collapsed.login-style-image-glass .sidebar-collapse-toggle{
  border-radius:0!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar nav a,
.sidebar-collapsed.login-style-image-glass .sidebar nav a.sub-link{
  justify-content:center!important;
  gap:0!important;
  min-height:42px!important;
  padding:10px 0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar nav a:hover,
.sidebar-collapsed.login-style-image-glass .sidebar nav a.active,
.sidebar-collapsed.login-style-image-glass .sidebar nav a.sub-link:hover,
.sidebar-collapsed.login-style-image-glass .sidebar nav a.sub-link.active{
  color:transparent!important;
  background:#0a425c!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar nav a i,
.sidebar-collapsed.login-style-image-glass .sidebar nav a.sub-link i{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:22px!important;
  color:#d5e3eb!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar nav a:hover i,
.sidebar-collapsed.login-style-image-glass .sidebar nav a.active i{
  color:#fff!important;
}
.sidebar-collapsed.login-style-image-glass .logo:before{
  font-size:0!important;
  width:34px!important;
}
.sidebar-collapsed.login-style-image-glass .logo:before{
  content:"Z"!important;
  font-size:26px!important;
  justify-content:center!important;
}

/* Zabbix style brand fix: use configured system logo/name, not forced ZABBIX text */
.login-image-glass .login-form form{
  padding:54px 58px 58px!important;
}
.login-image-glass .login-form form:before,
.login-style-image-glass .logo:before,
.sidebar-collapsed.login-style-image-glass .logo:before{
  display:none!important;
  content:none!important;
}
.login-image-glass .login-form-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:0 0 34px!important;
  color:#1f2d36!important;
}
.login-image-glass .login-form-brand img,
.login-image-glass .login-form-brand i{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  border-radius:0!important;
  object-fit:cover!important;
  background:#eef3f6!important;
  color:#0d4f6d!important;
  font-style:normal!important;
  font-weight:900!important;
}
.login-image-glass .login-form-brand span{
  display:block!important;
  color:#1f2d36!important;
}
.login-image-glass .login-form-brand b{
  display:block!important;
  font-size:25px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
.login-image-glass .login-form-brand em{
  display:block!important;
  margin-top:4px!important;
  color:#7d909d!important;
  font-size:12px!important;
  font-style:normal!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}
.login-style-image-glass .logo img,
.login-style-image-glass .logo i,
.login-style-image-glass .logo span{
  display:block!important;
}
.login-style-image-glass .logo{
  gap:12px!important;
}
.login-style-image-glass .logo img,
.login-style-image-glass .logo i{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:0!important;
  object-fit:cover!important;
  background:#fff!important;
  color:#0d4f6d!important;
  font-style:normal!important;
  font-weight:900!important;
}
.login-style-image-glass .logo span{
  color:#fff!important;
  line-height:1.15!important;
}
.login-style-image-glass .logo span b{
  color:#fff!important;
  font-size:16px!important;
}
.sidebar-collapsed.login-style-image-glass .logo span{
  display:none!important;
}

/* Zabbix style compact login card + collapsed sidebar fix */
.login-image-glass .login-form{
  width:min(360px,90vw)!important;
}
.login-image-glass .login-form form{
  padding:28px 34px 32px!important;
}
.login-image-glass .login-form-brand{
  margin:0 0 18px!important;
  gap:12px!important;
}
.login-image-glass .login-form-brand b{
  font-size:22px!important;
}
.login-image-glass .login-form-brand em{
  font-size:11px!important;
  letter-spacing:1.2px!important;
}
.login-image-glass .login-form label{
  margin:12px 0!important;
  font-size:15px!important;
}
.login-image-glass .login-form input{
  height:38px!important;
  font-size:15px!important;
}
.login-image-glass .primary{
  height:40px!important;
  font-size:15px!important;
}
.sidebar-collapsed.login-style-image-glass .logo{
  height:64px!important;
  padding:0!important;
  justify-content:center!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar-collapse-toggle{
  width:50px!important;
  max-width:50px!important;
  height:38px!important;
  min-height:38px!important;
  margin:8px auto!important;
  padding:0!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar-collapse-toggle .collapse-label,
.sidebar-collapsed.login-style-image-glass .sidebar-collapse-toggle .collapse-open{
  display:none!important;
}
.sidebar-collapsed.login-style-image-glass .sidebar-collapse-toggle .collapse-closed{
  display:inline!important;
  font-size:20px!important;
  line-height:1!important;
}

/* Minimal style refinement: square controls with unified blue/white template colors */
.login-style-minimal{
  --nav:#126b9b;
  --nav2:#0878c7;
  --blue:#0878c7;
  --blue2:#d9ecff;
  --bg:#f5f5f5;
  --paper:#fff;
  --line:#d7d7d7;
  --ink:#222;
  --muted:#666;
}
.login-style-minimal .panel,
.login-style-minimal .metrics article,
.login-style-minimal .soft-card,
.login-style-minimal .appearance-section,
.login-style-minimal .itss-kpis article,
.login-style-minimal .flow-list div,
.login-style-minimal .icon-picker,
.login-style-minimal .ai-modal,
.login-style-minimal .version-log-panel{
  border-radius:0!important;
  box-shadow:none!important;
  border-color:#d7d7d7!important;
  background:#fff!important;
}
.login-style-minimal .primary,
.login-style-minimal .secondary,
.login-style-minimal .danger,
.login-style-minimal button,
.login-style-minimal .filters button,
.login-style-minimal .filters>a,
.login-style-minimal .pagination a,
.login-style-minimal .pagination span,
.login-style-minimal .link-action,
.login-style-minimal .delete-action,
.login-style-minimal .icon-box,
.login-style-minimal .icon-choice-grid button,
.login-style-minimal .icon-picker-head button,
.login-style-minimal .run-status,
.login-style-minimal .status,
.login-style-minimal .priority,
.login-style-minimal .module-mini a,
.login-style-minimal .module-mini i,
.login-style-minimal .logo i,
.login-style-minimal .logo img,
.login-style-minimal .sidebar-collapse-toggle{
  border-radius:0!important;
  box-shadow:none!important;
}
.login-style-minimal .primary,
.login-style-minimal .filters button,
.login-style-minimal button.primary{
  background:#0878c7!important;
  border:1px solid #0878c7!important;
  color:#fff!important;
}
.login-style-minimal .primary:hover,
.login-style-minimal .filters button:hover,
.login-style-minimal button.primary:hover{
  background:#126b9b!important;
  border-color:#126b9b!important;
}
.login-style-minimal .secondary,
.login-style-minimal .filters>a,
.login-style-minimal .pagination a,
.login-style-minimal .icon-picker-head button{
  background:#fff!important;
  border:1px solid #0878c7!important;
  color:#0878c7!important;
}
.login-style-minimal .secondary:hover,
.login-style-minimal .filters>a:hover,
.login-style-minimal .pagination a:hover{
  background:#d9ecff!important;
  color:#0878c7!important;
}
.login-style-minimal .danger,
.login-style-minimal .delete-action{
  background:#fff!important;
  border:1px solid #c9302c!important;
  color:#c9302c!important;
}
.login-style-minimal input,
.login-style-minimal select,
.login-style-minimal textarea,
.login-style-minimal .filters>div,
.login-style-minimal .global-search,
.login-style-minimal .form-grid input,
.login-style-minimal .form-grid select,
.login-style-minimal .form-grid textarea,
.login-style-minimal .new-user input,
.login-style-minimal .new-user select,
.login-style-minimal .activity-form textarea{
  border-radius:0!important;
  border-color:#b7cde0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.login-style-minimal input:focus,
.login-style-minimal select:focus,
.login-style-minimal textarea:focus{
  outline:0!important;
  border-color:#0878c7!important;
  box-shadow:0 0 0 1px #0878c7!important;
}
.login-style-minimal input[type="checkbox"],
.login-style-minimal input[type="radio"]{
  border-radius:0!important;
  accent-color:#0878c7!important;
}
.login-style-minimal .global-search span{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  min-width:20px!important;
  color:#222!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}
.login-style-minimal .global-search input,
.login-style-minimal .global-search input:focus,
.login-style-minimal .filters>div input,
.login-style-minimal .filters>div input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.login-style-minimal .panel-head,
.login-style-minimal th{
  background:#f2f6f9!important;
  color:#555!important;
}
.login-style-minimal th,
.login-style-minimal td{
  border-bottom-color:#d7d7d7!important;
}
.login-style-minimal .status{
  background:#d9ecff!important;
  color:#0878c7!important;
}
.login-style-minimal .page-head small,
.login-style-minimal .panel-head a,
.login-style-minimal td a,
.login-style-minimal .title-link{
  color:#0878c7!important;
}
.login-style-minimal .module-mini a:hover,
.login-style-minimal .icon-box:hover,
.login-style-minimal .icon-choice-grid button:hover{
  background:#d9ecff!important;
  border-color:#0878c7!important;
  color:#0878c7!important;
}
.login-style-minimal .module-mini i{
  background:#d9ecff!important;
  color:#0878c7!important;
}
.login-style-minimal .flash{
  border-radius:0!important;
}

/* Minimal style collapsed sidebar: keep only centered icons/arrow, no overflow */
.sidebar-collapsed.login-style-minimal .logo{
  height:46px!important;
  padding:0!important;
  justify-content:center!important;
}
.sidebar-collapsed.login-style-minimal .sidebar-collapse-toggle{
  width:50px!important;
  max-width:50px!important;
  height:34px!important;
  min-height:34px!important;
  margin:8px auto!important;
  padding:0!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.sidebar-collapsed.login-style-minimal .sidebar-collapse-toggle .collapse-label,
.sidebar-collapsed.login-style-minimal .sidebar-collapse-toggle .collapse-open{
  display:none!important;
}
.sidebar-collapsed.login-style-minimal .sidebar-collapse-toggle .collapse-closed{
  display:inline!important;
  font-size:20px!important;
  line-height:1!important;
}
.sidebar-collapsed.login-style-minimal .sidebar nav a,
.sidebar-collapsed.login-style-minimal .sidebar nav a.sub-link{
  justify-content:center!important;
  gap:0!important;
  padding:10px 0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.sidebar-collapsed.login-style-minimal .sidebar nav a i,
.sidebar-collapsed.login-style-minimal .sidebar nav a.sub-link i{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:22px!important;
  color:#0878c7!important;
}
.sidebar-collapsed.login-style-minimal .sidebar nav a:hover i,
.sidebar-collapsed.login-style-minimal .sidebar nav a.active i{
  color:#0878c7!important;
}

/* China enterprise controls: pure red primary actions and square geometry */
.login-style-china-enterprise .primary,
.login-style-china-enterprise .secondary,
.login-style-china-enterprise .danger,
.login-style-china-enterprise .filters button,
.login-style-china-enterprise .filters>a,
.login-style-china-enterprise .pagination a,
.login-style-china-enterprise .pagination span,
.login-style-china-enterprise .link-action,
.login-style-china-enterprise .delete-action,
.login-style-china-enterprise .icon-box,
.login-style-china-enterprise .icon-choice-grid button,
.login-style-china-enterprise .icon-picker-head button,
.login-style-china-enterprise .run-status,
.login-style-china-enterprise .status,
.login-style-china-enterprise .priority,
.login-style-china-enterprise .module-mini a,
.login-style-china-enterprise .module-mini i{
  border-radius:0!important;
  box-shadow:none!important;
}
.login-style-china-enterprise .primary,
.login-style-china-enterprise .filters button,
.login-style-china-enterprise button.primary{
  background:#b40000!important;
  border:1px solid #b40000!important;
  color:#fff!important;
}
.login-style-china-enterprise .primary:hover,
.login-style-china-enterprise .filters button:hover,
.login-style-china-enterprise button.primary:hover{
  background:#8f0000!important;
  border-color:#8f0000!important;
  color:#fff!important;
}
.login-style-china-enterprise .secondary,
.login-style-china-enterprise .filters>a,
.login-style-china-enterprise .pagination a,
.login-style-china-enterprise .icon-picker-head button{
  background:#fff!important;
  border:1px solid #333!important;
  color:#222!important;
}
.login-style-china-enterprise .secondary:hover,
.login-style-china-enterprise .filters>a:hover,
.login-style-china-enterprise .pagination a:hover{
  background:#f4e7e7!important;
  border-color:#b40000!important;
  color:#b40000!important;
}
.login-style-china-enterprise .pagination .current{
  background:#b40000!important;
  border-color:#b40000!important;
  color:#fff!important;
}
.login-style-china-enterprise .danger,
.login-style-china-enterprise .delete-action{
  background:#fff!important;
  border:1px solid #b40000!important;
  color:#b40000!important;
}
.login-style-china-enterprise input,
.login-style-china-enterprise select,
.login-style-china-enterprise textarea,
.login-style-china-enterprise .filters>div,
.login-style-china-enterprise .form-grid input,
.login-style-china-enterprise .form-grid select,
.login-style-china-enterprise .form-grid textarea,
.login-style-china-enterprise .new-user input,
.login-style-china-enterprise .new-user select,
.login-style-china-enterprise .activity-form textarea{
  border-radius:0!important;
  border-color:#cfcfcf!important;
  background:#fff!important;
  box-shadow:none!important;
}
.login-style-china-enterprise input:focus,
.login-style-china-enterprise select:focus,
.login-style-china-enterprise textarea:focus{
  outline:0!important;
  border-color:#b40000!important;
  box-shadow:0 0 0 1px #b40000!important;
}
.login-style-china-enterprise input[type="checkbox"],
.login-style-china-enterprise input[type="radio"]{
  border-radius:0!important;
  accent-color:#b40000!important;
}
.login-style-china-enterprise .global-search input,
.login-style-china-enterprise .global-search input:focus,
.login-style-china-enterprise .filters>div input,
.login-style-china-enterprise .filters>div input:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* China enterprise collapsed sidebar: icon-only menu with centered arrow */
.sidebar-collapsed.login-style-china-enterprise .sidebar-collapse-toggle{
  width:60px!important;
  max-width:60px!important;
  height:48px!important;
  min-height:48px!important;
  margin:8px auto!important;
  padding:0!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.sidebar-collapsed.login-style-china-enterprise .sidebar-collapse-toggle .collapse-label,
.sidebar-collapsed.login-style-china-enterprise .sidebar-collapse-toggle .collapse-open{
  display:none!important;
}
.sidebar-collapsed.login-style-china-enterprise .sidebar-collapse-toggle .collapse-closed{
  display:inline!important;
  width:auto!important;
  margin:0!important;
  font-size:22px!important;
  line-height:1!important;
  color:#fff!important;
}
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.sub-link{
  justify-content:center!important;
  gap:0!important;
  padding:13px 0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a i,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.sub-link i{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:22px!important;
  color:#b9c7e1!important;
}
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a:hover,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.active,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.sub-link:hover,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.sub-link.active{
  background:#b40000!important;
}
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a:hover i,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.active i,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.sub-link:hover i,
.sidebar-collapsed.login-style-china-enterprise .sidebar nav a.sub-link.active i{
  color:#fff!important;
}

/* AI technology theme based on the supplied technology presentation */
.login-ai-tech{
  display:block!important;
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:#0872df url('/static/ai-tech-login-bg.png') center/100% 100% no-repeat!important;
}
.login-ai-tech .login-copy{
  display:block!important;
  position:absolute;
  inset:0;
  padding:0!important;
  background:transparent!important;
  color:#fff;
  overflow:visible;
}
.login-ai-tech .login-copy:after,
.login-ai-tech .login-copy h1,
.login-ai-tech .login-copy>p,
.login-ai-tech .login-grid{
  display:none!important;
}
.login-ai-tech .login-brand{
  position:absolute;
  left:7.2%;
  top:8.6%;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  max-width:300px;
  padding:6px 14px;
  border:1px solid rgba(151,249,255,.78);
  border-radius:999px;
  background:linear-gradient(90deg,#2fe8ee,#168df7);
  box-shadow:0 0 24px rgba(45,232,238,.46),inset 0 1px rgba(255,255,255,.62);
  color:#fff;
  overflow:hidden;
}
.login-ai-tech .login-brand img,
.login-ai-tech .login-brand i{
  width:26px!important;
  height:26px!important;
  min-width:26px;
  border-radius:7px!important;
  background:#fff!important;
  color:#075cb8!important;
}
.login-ai-tech .login-brand b{
  display:block;
  max-width:220px;
  overflow:hidden;
  color:#fff;
  font-size:14px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.login-ai-tech .login-form{
  display:block!important;
  position:absolute;
  left:6.4%;
  top:28.5%;
  width:38%;
  height:50%;
  padding:0!important;
  background:transparent!important;
}
.login-ai-tech .login-form form{
  width:100%!important;
  height:100%;
  padding:0 10%!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#073669;
}
.login-ai-tech .login-form-brand,
.login-ai-tech .login-form small,
.login-ai-tech .login-form form>p{
  display:none!important;
}
.login-ai-tech .login-form h2{
  display:block!important;
  margin:0 0 12px!important;
  color:#eaffff!important;
  font-size:28px!important;
  letter-spacing:1px;
  text-shadow:0 0 18px rgba(75,235,245,.48),0 4px 16px rgba(2,37,105,.28);
}
.login-ai-tech .login-form label{
  display:grid;
  gap:6px;
  margin:10px 0!important;
  color:#dffcff;
  font-size:13px;
  font-weight:800;
}
.login-ai-tech .login-form input{
  width:100%;
  height:43px;
  padding:0 13px!important;
  border:1px solid rgba(2,103,169,.38)!important;
  border-radius:10px!important;
  outline:0;
  background:rgba(255,255,255,.88)!important;
  color:#073669!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 8px 22px rgba(3,94,168,.1);
}
.login-ai-tech .login-form input:focus{
  border-color:#087dd7!important;
  box-shadow:0 0 0 3px rgba(15,158,230,.18),0 0 24px rgba(22,215,237,.26)!important;
}
.login-ai-tech .primary{
  width:100%;
  height:43px;
  margin-top:10px;
  border:1px solid rgba(180,255,255,.76)!important;
  border-radius:11px!important;
  background:linear-gradient(90deg,#27e9ec,#159ef3)!important;
  box-shadow:0 10px 26px rgba(6,94,196,.25),0 0 24px rgba(39,233,236,.32)!important;
  color:#063b75!important;
  font-weight:900;
}
.login-ai-tech .primary:hover{
  background:linear-gradient(90deg,#55f5f4,#26b8ff)!important;
  transform:translateY(-1px);
}
.login-ai-tech .flash{
  margin:6px 0;
  border-radius:8px;
  padding:8px 10px;
  font-size:12px;
}
.login-ai-tech .login-version-badge{
  border-color:rgba(105,238,255,.6);
  background:rgba(4,47,137,.72);
  color:#dffcff;
  box-shadow:0 0 22px rgba(40,226,243,.24);
}
@media(max-width:1000px){
  .login-ai-tech{background-size:cover!important;background-position:center!important}
  .login-ai-tech .login-brand{left:20px;top:20px}
  .login-ai-tech .login-form{left:50%;top:50%;width:min(430px,88vw);height:auto;transform:translate(-50%,-46%)}
  .login-ai-tech .login-form form{height:auto;padding:28px 24px 30px!important;border:1px solid rgba(154,249,255,.72)!important;border-radius:26px!important;background:rgba(47,228,237,.93)!important;box-shadow:0 28px 80px rgba(2,31,108,.4),0 0 38px rgba(49,231,240,.28)!important}
  .login-ai-tech .login-form h2{display:block!important;margin:0 0 16px;color:#eaffff;font-size:25px}
}

.login-style-ai-tech{
  --blue:#1f8fff;
  --nav:#071521;
  --nav2:#0d2638;
  --ink:#e7f2ff;
  --muted:#8fa9bd;
  --panel:#132437;
  --line:rgba(90,132,166,.34);
  background:#081521!important;
  color:#dbeafe;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;
}
.login-style-ai-tech .sidebar{
  background:linear-gradient(180deg,#071521 0%,#0a1b2a 50%,#071521 100%)!important;
  color:#b7c8d8!important;
  border-right:1px solid rgba(76,113,143,.38)!important;
  box-shadow:12px 0 34px rgba(0,7,18,.35)!important;
}
.login-style-ai-tech .logo{
  color:#f4f9ff!important;
  border-bottom:1px solid rgba(76,113,143,.38)!important;
  background:rgba(4,15,26,.72)!important;
}
.login-style-ai-tech .logo i,
.login-style-ai-tech .logo img{
  border-radius:9px!important;
  background:#102235!important;
  box-shadow:0 0 0 1px rgba(78,136,178,.3),0 10px 24px rgba(0,9,20,.32)!important;
}
.login-style-ai-tech .sidebar nav a,
.login-style-ai-tech .sidebar nav a.sub-link{
  border:1px solid transparent;
  border-radius:6px!important;
  color:#b7c8d8!important;
}
.login-style-ai-tech .sidebar nav a:hover,
.login-style-ai-tech .sidebar nav a.active,
.login-style-ai-tech .sidebar nav a.sub-link:hover,
.login-style-ai-tech .sidebar nav a.sub-link.active{
  border-color:rgba(51,126,210,.45)!important;
  background:linear-gradient(90deg,rgba(11,78,175,.96),rgba(13,67,148,.82))!important;
  box-shadow:inset 3px 0 #28a7ff,0 10px 24px rgba(0,10,25,.18)!important;
  color:#f2f8ff!important;
}
.login-style-ai-tech .sidebar-collapse-toggle{
  border:1px solid rgba(82,128,164,.46)!important;
  border-radius:6px!important;
  background:rgba(11,31,48,.82)!important;
  color:#cfe2f2!important;
}
.login-style-ai-tech .shell{
  background:
    radial-gradient(circle at 78% 4%,rgba(31,143,255,.14),transparent 30%),
    linear-gradient(180deg,#091827 0%,#0c1c2c 46%,#081521 100%)!important;
}
.login-style-ai-tech .shell>header{
  background:rgba(6,18,31,.94)!important;
  color:#dbeafe!important;
  border-bottom:1px solid rgba(73,105,132,.36)!important;
  box-shadow:0 10px 28px rgba(0,7,18,.22)!important;
}
.login-style-ai-tech .global-search{
  border:1px solid rgba(80,118,150,.46)!important;
  border-radius:6px!important;
  background:rgba(13,31,48,.82)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05)!important;
}
.login-style-ai-tech .global-search span{color:#57aef7!important}
.login-style-ai-tech .global-search input{color:#fff!important}
.login-style-ai-tech .global-search input::placeholder{color:#8fa9bd!important}
.login-style-ai-tech main{color:#dbeafe}
.login-style-ai-tech .page-head h1,
.login-style-ai-tech .page-head p,
.login-style-ai-tech .page-head small{color:#dbeafe!important}
.login-style-ai-tech .page-head small{color:#2f9bff!important;text-shadow:0 0 16px rgba(47,155,255,.18)}
.login-style-ai-tech .soft-board-head h1,
.login-style-ai-tech .soft-card h2,
.login-style-ai-tech .soft-card-head h2,
.login-style-ai-tech .mini-line-card h2{
  color:#f4f9ff!important;
}
.login-style-ai-tech .soft-board-head p,
.login-style-ai-tech .soft-card-head span,
.login-style-ai-tech .soft-legend,
.login-style-ai-tech .soft-donut span{
  color:#9eb4c7!important;
}
.login-style-ai-tech .soft-board-head small,
.login-style-ai-tech .soft-donut b{
  color:#27d187!important;
}
.login-style-ai-tech .panel,
.login-style-ai-tech .metrics article,
.login-style-ai-tech .soft-card,
.login-style-ai-tech .appearance-section,
.login-style-ai-tech .itss-kpis article,
.login-style-ai-tech .flow-list div,
.login-style-ai-tech .ai-modal,
.login-style-ai-tech .icon-picker,
.login-style-ai-tech .version-log-panel{
  border:1px solid rgba(82,122,154,.38)!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,rgba(19,36,55,.94),rgba(14,31,49,.9))!important;
  box-shadow:0 18px 44px rgba(0,7,18,.22),inset 0 1px rgba(255,255,255,.05)!important;
  color:#dbeafe!important;
}
.login-style-ai-tech .panel-head,
.login-style-ai-tech th{
  background:rgba(34,58,83,.78)!important;
  color:#dbeafe!important;
  border-bottom-color:rgba(90,132,166,.34)!important;
}
.login-style-ai-tech th,
.login-style-ai-tech td{
  border-bottom-color:rgba(90,132,166,.24)!important;
  color:#d6e5f4!important;
}
.login-style-ai-tech td a,
.login-style-ai-tech .title-link,
.login-style-ai-tech .panel-head a{color:#42a5ff!important}
.login-style-ai-tech .panel-head span,
.login-style-ai-tech .form-help,
.login-style-ai-tech .list-footer,
.login-style-ai-tech .detail-side dt{color:#9eb4c7!important}
.login-style-ai-tech input,
.login-style-ai-tech select,
.login-style-ai-tech textarea,
.login-style-ai-tech .filters>div{
  border:1px solid rgba(80,118,150,.5)!important;
  border-radius:6px!important;
  background:rgba(8,21,35,.88)!important;
  color:#e7f2ff!important;
  box-shadow:none!important;
}
.login-style-ai-tech input:focus,
.login-style-ai-tech select:focus,
.login-style-ai-tech textarea:focus{
  outline:0!important;
  border-color:#1f8fff!important;
  box-shadow:0 0 0 2px rgba(31,143,255,.18)!important;
}
.login-style-ai-tech .primary,
.login-style-ai-tech .filters button,
.login-style-ai-tech button.primary{
  border:1px solid rgba(65,146,230,.72)!important;
  border-radius:6px!important;
  background:#0b57d0!important;
  box-shadow:0 8px 20px rgba(0,34,92,.22),inset 0 1px rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.login-style-ai-tech .primary:hover,
.login-style-ai-tech .filters button:hover,
.login-style-ai-tech button.primary:hover{
  background:#1477ef!important;
  transform:translateY(-1px);
}
.login-style-ai-tech .secondary,
.login-style-ai-tech .filters>a,
.login-style-ai-tech .pagination a{
  border:1px solid rgba(80,118,150,.48)!important;
  border-radius:6px!important;
  background:rgba(13,31,48,.84)!important;
  color:#cfe2f2!important;
}
.login-style-ai-tech .danger,
.login-style-ai-tech .delete-action{
  border-radius:6px!important;
  background:rgba(255,92,82,.16)!important;
  color:#ff8b7e!important;
}
.login-style-ai-tech .status,
.login-style-ai-tech .pagination .current{
  border-radius:6px!important;
  background:rgba(39,209,135,.18)!important;
  color:#39d98f!important;
}
.sidebar-collapsed.login-style-ai-tech .sidebar nav a,
.sidebar-collapsed.login-style-ai-tech .sidebar nav a.sub-link{
  border-radius:6px!important;
}

/* AI technology function pages: remove leftover light surfaces from shared admin/form styles */
.login-style-ai-tech .admin-tabbar{
  border-bottom-color:rgba(71,105,134,.48)!important;
  background:rgba(6,18,31,.45)!important;
}
.login-style-ai-tech .admin-tabbar .admin-tab{
  background:rgba(14,31,49,.94)!important;
  border-color:rgba(80,118,150,.5)!important;
  color:#9eb4c7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
.login-style-ai-tech .admin-tabbar .admin-tab:hover{
  background:rgba(19,49,78,.98)!important;
  color:#dbeafe!important;
}
.login-style-ai-tech .admin-tabbar .admin-tab.is-active{
  background:#0b57d0!important;
  border-color:#1f8fff!important;
  color:#fff!important;
  box-shadow:inset 3px 0 #28a7ff,0 12px 24px rgba(0,20,52,.22)!important;
}
.login-style-ai-tech .admin-tab-content{
  background:rgba(8,21,35,.82)!important;
  border-color:rgba(80,118,150,.44)!important;
  box-shadow:0 18px 44px rgba(0,7,18,.22),inset 0 1px rgba(255,255,255,.04)!important;
}
.login-style-ai-tech .relation-panel{
  background:linear-gradient(145deg,rgba(19,36,55,.94),rgba(14,31,49,.9))!important;
  border-color:rgba(82,122,154,.44)!important;
  color:#dbeafe!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
.login-style-ai-tech .relation-panel h3,
.login-style-ai-tech .relation-panel label{
  color:#dbeafe!important;
}

/* Unified square version badge on every login theme */
.login-version-badge,
.login-dynamic-glass .login-version-badge,
.login-glass .login-version-badge,
.login-image-glass .login-version-badge,
.login-tech-blue .login-version-badge,
.login-super-liquid .login-version-badge,
.login-china-enterprise .login-version-badge,
.login-argon .login-version-badge,
.login-minimal .login-version-badge,
.login-apple .login-version-badge,
.login-rounded .login-version-badge,
.login-enterprise .login-version-badge{
  border-radius:4px!important;
}

.login-style-ai-tech .notification-menu summary{
  background:rgba(13,31,48,.84)!important;
  border-color:rgba(80,118,150,.48)!important;
  color:#dbeafe!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 20px rgba(0,7,18,.22)!important;
}
.login-style-ai-tech .notification-menu summary:hover{
  background:rgba(19,49,78,.96)!important;
  border-color:#1f8fff!important;
}
.login-style-ai-tech .notification-menu em{
  box-shadow:0 0 0 2px #081521!important;
}
.login-style-ai-tech .notification-panel{
  background:linear-gradient(145deg,rgba(19,36,55,.98),rgba(14,31,49,.96))!important;
  border-color:rgba(82,122,154,.44)!important;
  color:#dbeafe!important;
  box-shadow:0 24px 70px rgba(0,7,18,.45),inset 0 1px rgba(255,255,255,.04)!important;
}
.login-style-ai-tech .notification-head,
.login-style-ai-tech .notification-list a{
  border-color:rgba(90,132,166,.24)!important;
}
.login-style-ai-tech .notification-head span,
.login-style-ai-tech .notification-list small,
.login-style-ai-tech .notification-empty{
  color:#9eb4c7!important;
}
.login-style-ai-tech .notification-list a:hover{
  background:rgba(31,143,255,.12)!important;
}
.login-style-ai-tech .notification-list i{
  color:#2f9bff!important;
}
.login-style-ai-tech .notification-list strong{
  color:#e7f2ff!important;
}

.login-style-super-liquid .sidebar nav a,.login-style-super-liquid .sidebar-collapse-toggle{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.login-style-super-liquid .sidebar nav a:hover,.login-style-super-liquid .sidebar-collapse-toggle:hover,.login-style-super-liquid .sidebar nav a.active{
  background:radial-gradient(ellipse at 22% 0,rgba(255,255,255,.48),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.22),rgba(89,172,227,.09) 52%,rgba(255,255,255,.15))!important;
  border-color:rgba(122,229,255,.82)!important;
  box-shadow:0 15px 30px rgba(2,6,23,.20),inset 0 2px rgba(255,255,255,.84),inset 0 -12px 24px rgba(78,176,235,.15),inset 14px 0 28px rgba(126,219,255,.12)!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(5px) saturate(1.6) contrast(1.08)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.6) contrast(1.08)!important;
}
.login-style-super-liquid .primary,.login-style-super-liquid .secondary,.login-style-super-liquid .filters button,.login-style-super-liquid .pagination a{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(84,177,231,.08) 55%,rgba(255,255,255,.14))!important;
  border-color:rgba(123,228,255,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),inset 0 -10px 20px rgba(80,180,235,.12),0 10px 22px rgba(2,6,23,.13)!important;
  color:inherit!important;
  backdrop-filter:url(#superLiquidGlassUi) blur(5px) saturate(1.45)!important;
  -webkit-backdrop-filter:blur(5px) saturate(1.45)!important;
}

/* V1.1.95: AI operations visual system */
@keyframes ai-grid-drift{
  from{background-position:0 0,0 0,0 0}
  to{background-position:72px 72px,-72px 72px,0 0}
}
@keyframes ai-orbit-drift{
  0%,100%{transform:rotate(-12deg) translate3d(0,0,0)}
  50%{transform:rotate(8deg) translate3d(14px,-8px,0)}
}
@keyframes ai-signal-run{
  0%{transform:translate3d(-30%,0,0);opacity:0}
  18%,78%{opacity:1}
  100%{transform:translate3d(330%,0,0);opacity:0}
}
@keyframes ai-panel-reveal{
  from{opacity:0;transform:translate3d(0,18px,0);filter:blur(4px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes ai-fold-open{
  from{opacity:0;transform:perspective(900px) rotateX(-7deg) translate3d(0,-10px,0)}
  to{opacity:1;transform:perspective(900px) rotateX(0) translate3d(0,0,0)}
}

.login-ai-tech{
  --ai-cyan:#41e8ff;
  --ai-blue:#347cff;
  --ai-ink:#070b14;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(356px,.7fr)!important;
  gap:clamp(28px,5vw,92px)!important;
  min-height:100vh!important;
  padding:clamp(28px,5vw,84px)!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#070b14!important;
}
.login-ai-tech::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(rgba(92,150,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(92,150,255,.08) 1px,transparent 1px),
    linear-gradient(110deg,#070b14 18%,#0a1730 56%,#08101d 100%);
  background-size:72px 72px,72px 72px,100% 100%;
  animation:ai-grid-drift 28s linear infinite;
}
.login-ai-tech::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 42%,rgba(32,110,255,.12) 50%,transparent 58%),
    linear-gradient(180deg,rgba(72,232,255,.06),transparent 26%,rgba(93,83,255,.08) 100%);
}
.login-ai-tech .ai-tech-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.login-ai-tech .ai-tech-orbit{
  position:absolute;
  display:block;
  width:min(46vw,660px);
  height:min(46vw,660px);
  border:1px solid rgba(86,217,255,.26);
  border-radius:48% 52% 45% 55%;
  box-shadow:inset 0 0 60px rgba(45,100,255,.08),0 0 80px rgba(32,118,255,.08);
  animation:ai-orbit-drift 15s ease-in-out infinite;
}
.login-ai-tech .orbit-a{left:12%;top:-24%;border-color:rgba(80,224,255,.32)}
.login-ai-tech .orbit-b{left:31%;bottom:-38%;width:min(34vw,480px);height:min(34vw,480px);animation-delay:-7s}
.login-ai-tech .ai-tech-beam{
  position:absolute;
  top:24%;
  left:-14%;
  width:66%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(67,234,255,.96),transparent);
  box-shadow:0 0 18px rgba(67,234,255,.65);
  transform:rotate(-20deg);
}
.login-ai-tech .ai-tech-signal{
  position:absolute;
  display:block;
  width:96px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--ai-cyan),transparent);
  box-shadow:0 0 12px rgba(65,232,255,.92);
  animation:ai-signal-run 6s linear infinite;
}
.login-ai-tech .signal-a{top:36%;left:12%;animation-delay:-1.5s}
.login-ai-tech .signal-b{bottom:22%;left:30%;animation-duration:8s;animation-delay:-5s}
.login-ai-tech .login-copy{
  position:relative!important;
  z-index:1;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-direction:column!important;
  max-width:720px!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  color:#f2f8ff!important;
  animation:ai-panel-reveal .7s cubic-bezier(.2,.75,.2,1) both;
}
.login-ai-tech .login-copy::before{
  content:"AI OPERATIONS";
  margin-bottom:22px;
  color:var(--ai-cyan);
  font-size:12px;
  font-weight:800;
  letter-spacing:3px;
}
.login-ai-tech .login-copy .login-brand{
  position:static!important;
  display:flex!important;
  align-items:center;
  gap:16px;
  margin:0 0 32px!important;
  padding:0!important;
  color:#ddecff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.login-ai-tech .login-copy .login-brand img,
.login-ai-tech .login-copy .login-brand i,
.login-ai-tech .login-form-brand i{
  display:grid;
  place-items:center;
  width:56px!important;
  min-width:56px!important;
  height:56px!important;
  border:1px solid rgba(65,232,255,.78);
  border-radius:8px;
  background:rgba(26,106,230,.2);
  color:#fff;
  box-shadow:0 0 22px rgba(55,165,255,.22),inset 0 0 14px rgba(65,232,255,.12);
}
.login-ai-tech .login-copy .login-brand b{
  max-width:none!important;
  color:#f4f8ff!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.1!important;
}
.login-ai-tech .login-copy h1{
  display:block!important;
  max-width:680px;
  margin:0!important;
  color:#f6fbff!important;
  font-size:clamp(44px,5.3vw,84px)!important;
  font-weight:760!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-shadow:0 0 38px rgba(79,144,255,.2);
}
.login-ai-tech .login-copy>p{
  display:block!important;
  max-width:560px;
  margin:24px 0 0!important;
  color:#aabbd2!important;
  font-size:17px!important;
  line-height:1.8!important;
}
.login-ai-tech .ai-system-telemetry{
  width:min(100%,620px);
  margin-top:34px;
  border-top:1px solid rgba(109,164,244,.26);
  border-bottom:1px solid rgba(109,164,244,.18);
  background:rgba(8,17,34,.25);
}
.login-ai-tech .ai-telemetry-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 0;
  color:#78a4d8;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.7px;
}
.login-ai-tech .ai-telemetry-head i{
  display:flex;
  align-items:center;
  gap:6px;
  color:#84f3c0;
  font-style:normal;
  letter-spacing:0;
}
.login-ai-tech .ai-telemetry-head i::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#55e6a0;
  box-shadow:0 0 10px #55e6a0;
}
.login-ai-tech .ai-telemetry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.login-ai-tech .ai-telemetry-item{
  position:relative;
  min-width:0;
  padding:16px 14px;
  border-top:1px solid rgba(109,164,244,.14);
  border-left:1px solid rgba(109,164,244,.14);
}
.login-ai-tech .ai-telemetry-item:first-child{border-left:0}
.login-ai-tech .ai-telemetry-item small{display:block;padding-right:12px;color:#c4d7ef;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.login-ai-tech .ai-telemetry-dot{position:absolute;right:12px;top:16px;width:5px;height:5px;border-radius:50%;background:var(--ai-cyan);box-shadow:0 0 9px var(--ai-cyan)}
.login-ai-tech .login-grid{
  display:flex!important;
  flex-wrap:wrap;
  gap:14px 26px;
  margin-top:38px!important;
  color:#91a8c7!important;
}
.login-ai-tech .login-grid span{padding:0!important;border:0!important;background:transparent!important}
.login-ai-tech .login-grid b{display:block;margin-bottom:3px;color:var(--ai-cyan)!important;font-size:20px!important}
.login-ai-tech .login-form{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:2;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  animation:ai-panel-reveal .7s .14s cubic-bezier(.2,.75,.2,1) both;
}
.login-ai-tech .login-form form{
  width:min(100%,440px)!important;
  height:auto!important;
  min-height:0!important;
  box-sizing:border-box;
  margin:0!important;
  padding:clamp(28px,3.2vw,48px)!important;
  border:1px solid rgba(103,159,255,.36)!important;
  border-radius:12px!important;
  background:rgba(8,14,27,.78)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.11)!important;
  backdrop-filter:blur(20px) saturate(1.2);
  -webkit-backdrop-filter:blur(20px) saturate(1.2);
}
.login-ai-tech .login-form form::before{
  content:"SYSTEM ACCESS";
  display:block;
  margin-bottom:20px;
  color:var(--ai-cyan);
  font-size:11px;
  font-weight:800;
  letter-spacing:2.4px;
}
.login-ai-tech .login-form-brand{margin-bottom:22px!important;color:#eaf4ff!important}
.login-ai-tech .login-form-brand em{color:#85a1c6!important}
.login-ai-tech .login-form small{color:#76a0d8!important}
.login-ai-tech .login-form h2{color:#f5f9ff!important;font-size:30px!important;letter-spacing:0!important}
.login-ai-tech .login-form p{color:#9fb2cd!important}
.login-ai-tech .login-form label{color:#c5d7ed!important}
.login-ai-tech .login-form input{
  border:1px solid rgba(104,145,202,.4)!important;
  border-radius:7px!important;
  background:rgba(4,10,20,.74)!important;
  color:#f4f8ff!important;
}
.login-ai-tech .login-form input:focus{border-color:var(--ai-cyan)!important;box-shadow:0 0 0 3px rgba(65,232,255,.12)!important}
.login-ai-tech .login-form .primary{
  min-height:48px;
  border:1px solid rgba(75,218,255,.75)!important;
  border-radius:7px!important;
  background:#176fe8!important;
  box-shadow:0 12px 26px rgba(6,77,187,.32),inset 0 1px rgba(255,255,255,.25)!important;
  color:#fff!important;
}
.login-ai-tech .login-form .primary:hover{background:#2585fb!important;transform:translateY(-1px)}
.login-ai-tech .login-version-badge{
  right:24px!important;
  bottom:22px!important;
  z-index:3;
  border:1px solid rgba(91,142,203,.32)!important;
  background:rgba(7,13,24,.68)!important;
  color:#89a8ce!important;
  backdrop-filter:blur(12px);
}

.login-style-ai-tech{
  --ai-cyan:#41e8ff;
  --ai-blue:#347cff;
  background:#070b14!important;
}
.login-style-ai-tech .shell{
  position:relative;
  overflow:hidden;
  background-color:#080d18!important;
  background-image:linear-gradient(rgba(93,142,225,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(93,142,225,.045) 1px,transparent 1px)!important;
  background-size:48px 48px!important;
}
.login-style-ai-tech .shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(126deg,transparent 12%,rgba(36,100,255,.09) 50%,transparent 76%);
}
.login-style-ai-tech .shell>header,
.login-style-ai-tech .shell>main{position:relative;z-index:1}
.login-style-ai-tech .soft-workbench::before{
  background:
    linear-gradient(90deg,rgba(65,232,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(65,232,255,.035) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
  opacity:.65!important;
}
.login-style-ai-tech .sidebar{
  background:rgba(6,11,21,.97)!important;
  border-right:1px solid rgba(80,135,218,.25)!important;
}
.login-style-ai-tech .sidebar .logo{border-bottom-color:rgba(80,135,218,.22)!important}
.login-style-ai-tech .sidebar nav a,
.login-style-ai-tech .sidebar-collapse-toggle{
  position:relative;
  overflow:hidden;
  border-radius:8px!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease!important;
}
.login-style-ai-tech .sidebar nav a::before{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  bottom:18%;
  width:2px;
  background:var(--ai-cyan);
  opacity:0;
  box-shadow:0 0 12px var(--ai-cyan);
  transition:opacity .2s ease;
}
.login-style-ai-tech .sidebar nav a:hover,
.login-style-ai-tech .sidebar nav a.active{transform:translateX(3px)!important}
.login-style-ai-tech .sidebar nav a:hover::before,
.login-style-ai-tech .sidebar nav a.active::before{opacity:1}
.login-style-ai-tech main>*{
  animation:ai-panel-reveal .46s cubic-bezier(.2,.75,.2,1) both;
}
.login-style-ai-tech main>*:nth-child(2){animation-delay:.055s}
.login-style-ai-tech main>*:nth-child(3){animation-delay:.11s}
.login-style-ai-tech main>*:nth-child(4){animation-delay:.165s}
.login-style-ai-tech .panel,
.login-style-ai-tech .metrics article,
.login-style-ai-tech .soft-card,
.login-style-ai-tech .appearance-section,
.login-style-ai-tech .itss-kpis article,
.login-style-ai-tech .flow-list div{
  border-color:rgba(98,155,239,.28)!important;
  border-radius:10px!important;
  background:rgba(11,19,34,.84)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.login-style-ai-tech .panel:hover,
.login-style-ai-tech .metrics article:hover,
.login-style-ai-tech .soft-card:hover,
.login-style-ai-tech .itss-kpis article:hover{
  transform:translateY(-2px);
  border-color:rgba(65,232,255,.48)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.25),0 0 0 1px rgba(65,232,255,.07),inset 0 1px rgba(255,255,255,.08)!important;
}
.login-style-ai-tech .primary,
.login-style-ai-tech .filters button,
.login-style-ai-tech button.primary{
  position:relative;
  overflow:hidden;
  border-color:rgba(65,232,255,.68)!important;
  background:#176fe8!important;
}
.login-style-ai-tech .primary::after,
.login-style-ai-tech .filters button::after,
.login-style-ai-tech button.primary::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:38%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  transform:translateX(-160%);
  transition:transform .45s ease;
}
.login-style-ai-tech .primary:hover::after,
.login-style-ai-tech .filters button:hover::after,
.login-style-ai-tech button.primary:hover::after{transform:translateX(420%)}
.login-style-ai-tech .ai-modal,
.login-style-ai-tech .icon-picker.open,
.login-style-ai-tech .notification-menu[open] .notification-panel,
.login-style-ai-tech .version-log[open] .version-log-panel{
  transform-origin:top right;
  animation:ai-fold-open .3s cubic-bezier(.2,.75,.2,1) both;
}
.login-style-ai-tech .ai-modal,
.login-style-ai-tech .icon-picker,
.login-style-ai-tech .notification-panel,
.login-style-ai-tech .version-log-panel{
  border-color:rgba(91,156,255,.38)!important;
  background:rgba(8,15,28,.94)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.login-style-ai-tech .admin-tabbar .admin-tab{border-radius:8px 8px 0 0!important}
.login-style-ai-tech .admin-tabbar .admin-tab.is-active{box-shadow:inset 0 -2px var(--ai-cyan),0 10px 24px rgba(0,20,52,.22)!important}
.login-style-ai-tech .dashboard-ai-backdrop{background:rgba(2,7,16,.68)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.login-style-ai-tech .dashboard-ai-panel{
  border:1px solid rgba(83,175,255,.56)!important;
  border-radius:14px!important;
  background:rgba(8,15,28,.96)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.56),0 0 0 1px rgba(65,232,255,.07),inset 0 1px rgba(255,255,255,.1)!important;
  color:#eaf4ff!important;
  animation:ai-fold-open .34s cubic-bezier(.2,.75,.2,1) both;
}
.login-style-ai-tech .dashboard-ai-head{border-bottom-color:rgba(94,150,224,.24)!important;background:linear-gradient(90deg,rgba(22,74,145,.22),rgba(8,15,28,.12))!important}
.login-style-ai-tech .dashboard-ai-head small{color:var(--ai-cyan)!important;letter-spacing:2.2px!important}
.login-style-ai-tech .dashboard-ai-head h2{color:#f2f8ff!important}
.login-style-ai-tech .dashboard-ai-close{border-color:rgba(100,151,220,.36)!important;background:rgba(14,28,49,.9)!important;color:#d8eaff!important}
.login-style-ai-tech .dashboard-ai-body{background-image:linear-gradient(rgba(80,146,235,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,146,235,.045) 1px,transparent 1px)!important;background-size:32px 32px!important}
.login-style-ai-tech .dashboard-ai-avatar{background:#176fe8!important;box-shadow:0 0 22px rgba(65,232,255,.25)!important}
.login-style-ai-tech .dashboard-ai-bubble{border-color:rgba(99,154,231,.28)!important;background:rgba(14,27,47,.92)!important;box-shadow:inset 0 1px rgba(255,255,255,.05)!important;color:#dceaff!important}
.login-style-ai-tech .dashboard-ai-compose{border-top-color:rgba(94,150,224,.24)!important;background:rgba(6,12,23,.94)!important}
.login-style-ai-tech .dashboard-ai-voice-tip{color:#87a2c8!important}
.login-style-ai-tech .dashboard-ai-compose textarea{border-color:rgba(91,159,235,.5)!important;background:rgba(3,9,18,.88)!important;color:#edf7ff!important}
.login-style-ai-tech .dashboard-ai-compose textarea:focus{border-color:var(--ai-cyan)!important;box-shadow:0 0 0 3px rgba(65,232,255,.12)!important}
.login-style-ai-tech .dashboard-ai-voice{background:rgba(11,27,49,.95)!important;border-color:rgba(91,159,235,.4)!important}

@keyframes ai-planet-spin{
  from{background-position:0 0,0 0,0 0}
  to{background-position:180px 0,-220px 0,0 0}
}
@keyframes ai-orbit-rotate{from{transform:rotate(-14deg)}to{transform:rotate(346deg)}}
@keyframes ai-orbit-reverse{from{transform:rotate(34deg)}to{transform:rotate(-326deg)}}
@keyframes ai-sparkle{
  0%,100%{opacity:.18;transform:scale(.55) rotate(0deg)}
  44%{opacity:.42;transform:scale(.8) rotate(25deg)}
  52%{opacity:1;transform:scale(1.18) rotate(45deg)}
  60%{opacity:.38;transform:scale(.72) rotate(65deg)}
}

/* AI operations core: a rotating planet and two true circular orbital paths. */
.login-ai-tech .ai-tech-scene{z-index:-1!important}
.login-ai-tech .ai-tech-planet{
  position:absolute;
  left:31%;
  top:20%;
  width:clamp(230px,22vw,390px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    repeating-linear-gradient(104deg,rgba(106,236,255,.14) 0 2px,transparent 2px 34px),
    repeating-linear-gradient(12deg,rgba(65,124,255,.13) 0 1px,transparent 1px 42px),
    radial-gradient(circle at 31% 28%,#5fe9ff 0 2%,#1979dd 18%,#0b3379 47%,#061126 74%);
  border:1px solid rgba(98,230,255,.52);
  box-shadow:inset -38px -28px 52px rgba(1,7,25,.76),inset 18px 14px 34px rgba(84,230,255,.22),0 0 0 18px rgba(40,126,255,.025),0 0 80px rgba(36,127,255,.24);
  animation:ai-planet-spin 20s linear infinite;
}
.login-ai-tech .ai-tech-planet::before{
  content:"";
  position:absolute;
  inset:-9%;
  border:1px solid rgba(77,225,255,.14);
  border-radius:50%;
  box-shadow:0 0 42px rgba(54,139,255,.12);
}
.login-ai-tech .ai-tech-planet::after{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:linear-gradient(132deg,rgba(255,255,255,.14),transparent 35%,rgba(12,86,205,.16) 72%,rgba(0,0,0,.34));
}
.login-ai-tech .ai-tech-orbit{
  left:calc(31% - clamp(64px,5.5vw,100px))!important;
  top:calc(20% - clamp(64px,5.5vw,100px))!important;
  width:clamp(360px,34vw,580px)!important;
  height:auto!important;
  aspect-ratio:1;
  border:1px solid rgba(83,225,255,.46)!important;
  border-radius:50%!important;
  box-shadow:none!important;
  animation:ai-orbit-rotate 19s linear infinite!important;
}
.login-ai-tech .ai-tech-orbit::after{
  content:"";
  position:absolute;
  top:-4px;
  left:17%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#8af5ff;
  box-shadow:0 0 13px #41e8ff,0 0 28px rgba(65,232,255,.8);
}
.login-ai-tech .orbit-b{
  left:calc(31% - clamp(32px,3vw,56px))!important;
  top:calc(20% - clamp(32px,3vw,56px))!important;
  width:clamp(290px,27vw,470px)!important;
  height:auto!important;
  border-color:rgba(90,137,255,.38)!important;
  animation:ai-orbit-reverse 27s linear infinite!important;
}
.login-ai-tech .orbit-b::after{left:68%;background:#9fa9ff;box-shadow:0 0 13px #8293ff,0 0 26px rgba(113,127,255,.72)}
.login-ai-tech .ai-tech-spark{
  position:absolute;
  width:14px;
  height:14px;
  background:linear-gradient(90deg,transparent 44%,#b6fbff 44% 56%,transparent 56%),linear-gradient(transparent 44%,#b6fbff 44% 56%,transparent 56%);
  filter:drop-shadow(0 0 7px #41e8ff) drop-shadow(0 0 16px rgba(65,232,255,.78));
  animation:ai-sparkle 5.8s ease-in-out infinite;
}
.login-ai-tech .spark-a{left:26%;top:15%;animation-delay:-1.4s}
.login-ai-tech .spark-b{left:54%;top:41%;width:10px;height:10px;animation-duration:7.2s;animation-delay:-4.1s}
.login-ai-tech .spark-c{left:18%;top:56%;width:8px;height:8px;animation-duration:6.4s;animation-delay:-2.7s}
.login-ai-tech .ai-tech-beam,
.login-ai-tech .ai-tech-signal{display:none!important}

@media(max-width:880px){
  .login-ai-tech{display:flex!important;flex-direction:column!important;padding:32px 22px!important;gap:38px!important}
  .login-ai-tech .login-copy{min-height:auto!important}
  .login-ai-tech .login-copy .login-brand{gap:12px;margin-bottom:26px!important}
  .login-ai-tech .login-copy .login-brand img,
  .login-ai-tech .login-copy .login-brand i{width:46px!important;min-width:46px!important;height:46px!important}
  .login-ai-tech .login-copy .login-brand b{font-size:23px!important}
  .login-ai-tech .login-copy h1{font-size:46px!important}
  .login-ai-tech .login-form{width:100%!important;justify-content:stretch!important}
  .login-ai-tech .login-form form{width:100%!important}
  .login-ai-tech .ai-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .login-ai-tech .ai-telemetry-item:nth-child(3){border-left:0}
  .login-ai-tech .ai-tech-planet{left:48%;top:3%;width:260px}
  .login-ai-tech .ai-tech-orbit{left:calc(48% - 100px)!important;top:calc(3% - 100px)!important;width:420px!important;height:auto!important}
  .login-ai-tech .orbit-b{left:calc(48% - 62px)!important;top:calc(3% - 62px)!important;width:320px!important;height:auto!important}
  .login-ai-tech .spark-a{left:22%;top:8%}
  .login-ai-tech .spark-b{left:72%;top:28%}
  .login-ai-tech .spark-c{left:32%;top:35%}
}
@media(prefers-reduced-motion:reduce){
  .login-ai-tech::before,
  .login-ai-tech .ai-tech-orbit,
  .login-ai-tech .ai-tech-spark,
  .login-ai-tech .ai-tech-signal,
  .login-style-ai-tech main>*,
  .login-style-ai-tech .ai-modal,
  .login-style-ai-tech .icon-picker.open,
  .login-style-ai-tech .notification-menu[open] .notification-panel,
  .login-style-ai-tech .version-log[open] .version-log-panel{animation:none!important}
  .login-style-ai-tech *{transition:none!important}
}
