:root{
  --bg:#020712; --bg2:#06101f; --panel:rgba(8,19,37,.82); --panel2:rgba(14,31,56,.78);
  --line:rgba(69,156,255,.32); --line2:rgba(255,196,69,.35); --text:#eef6ff; --muted:#95a7bf;
  --blue:#159cff; --blue2:#2e67ff; --gold:#ffc84d; --green:#24e083; --red:#ff4966; --purple:#9b6cff;
  --shadow:0 24px 80px rgba(0,0,0,.42); --radius:18px; --side:292px;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}.mono{font-family:Consolas,Monaco,monospace}.muted{color:var(--muted)}
body.app-shell{background:radial-gradient(circle at 82% 14%,rgba(21,156,255,.15),transparent 22%),radial-gradient(circle at 16% 86%,rgba(255,73,102,.08),transparent 18%),linear-gradient(180deg,rgba(2,7,18,.88),rgba(2,7,18,.98)),url('../img/dashboard_bg_v104.jpg') center top/cover fixed no-repeat;}
body.login-page{overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(255,73,102,.10),transparent 18%),radial-gradient(circle at 80% 20%,rgba(21,156,255,.16),transparent 18%),linear-gradient(90deg,rgba(2,7,18,.34),rgba(2,7,18,.56),rgba(2,7,18,.96)),url('../img/login_bg_v104.jpg') center/cover fixed no-repeat;}
body.login-page:before,body.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 12%,rgba(21,156,255,.25),transparent 30%),radial-gradient(circle at 12% 85%,rgba(255,200,77,.12),transparent 28%),linear-gradient(transparent 0 96%,rgba(21,156,255,.10) 96%);background-size:auto,auto,100% 8px;mix-blend-mode:screen;opacity:.78;animation:ambientShift 16s linear infinite;}
body.app-shell:after,body.login-page:after{content:"";position:fixed;inset:-20% -10%;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(21,156,255,.00) 30%,rgba(21,156,255,.08) 46%,rgba(21,156,255,.00) 58%,transparent 100%);transform:translateX(-45%);animation:screenSweep 12s ease-in-out infinite;}
@keyframes ambientShift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-12px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes screenSweep{0%,100%{transform:translateX(-55%) skewX(-14deg)}50%{transform:translateX(55%) skewX(-14deg)}}

.install-wrap,.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;padding:54px 7vw;gap:48px;position:relative;z-index:1}.install-wrap{grid-template-columns:1fr;max-width:1160px;margin:auto}.brand-hero{max-width:640px;text-align:center}.brand-hero .logo{width:150px;filter:drop-shadow(0 0 24px rgba(21,156,255,.6));}.brand-title{font-size:clamp(42px,5vw,72px);letter-spacing:6px;line-height:1;margin:24px 0 10px;font-weight:900;text-shadow:0 4px 0 rgba(0,0,0,.35)}.brand-title span{color:var(--blue)}.brand-sub{font-size:22px;color:#d8e6ff;line-height:1.55}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.feature{padding:18px;border:1px solid rgba(50,143,255,.25);border-radius:16px;background:rgba(6,16,31,.55);box-shadow:0 0 24px rgba(21,156,255,.12);text-align:left}.feature b{display:block;color:#fff;margin-bottom:6px}.feature i{font-style:normal;color:var(--blue);font-size:24px}.login-card,.install-card{position:relative;border:1px solid rgba(98,163,255,.38);border-radius:28px;background:linear-gradient(145deg,rgba(7,18,34,.90),rgba(4,10,22,.88));backdrop-filter:blur(8px);box-shadow:var(--shadow),inset 0 0 44px rgba(21,156,255,.08);padding:54px;overflow:hidden}.login-card:before,.install-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(21,156,255,.12),transparent);transform:translateX(-70%);animation:shine 7s infinite}.login-card>* ,.install-card>*{position:relative}.lock-icon{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid rgba(21,156,255,.5);box-shadow:0 0 40px rgba(21,156,255,.24);font-size:32px}.form-title{text-align:center;font-size:30px;font-weight:900;letter-spacing:1px;margin:0 0 28px}.form-title:before,.form-title:after{content:"";display:inline-block;width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));vertical-align:middle;margin:0 18px}.form-title:after{background:linear-gradient(90deg,var(--gold),transparent)}.field{margin:18px 0}.field label{display:block;font-weight:800;color:#fff;margin-bottom:10px}.control{width:100%;height:58px;border-radius:12px;border:1px solid rgba(126,160,205,.32);background:rgba(2,9,20,.78);color:#fff;padding:0 18px;outline:none;transition:.2s}.control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(21,156,255,.12)}textarea.control{height:96px;padding-top:15px}.btn{border:0;border-radius:12px;padding:14px 20px;color:white;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:10px;justify-content:center;transition:.18s;background:linear-gradient(135deg,#1257cf,#159cff);box-shadow:0 12px 28px rgba(21,156,255,.25)}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn.full{width:100%;height:62px;font-size:18px}.btn.red{background:linear-gradient(135deg,#981d36,#ff4966);box-shadow:0 12px 28px rgba(255,73,102,.18)}.btn.green{background:linear-gradient(135deg,#088b51,#24e083);box-shadow:0 12px 28px rgba(36,224,131,.18)}.btn.gold{background:linear-gradient(135deg,#8b5c08,#ffc84d);color:#101828}.btn.ghost{background:rgba(16,32,56,.9);border:1px solid rgba(90,145,220,.35);box-shadow:none}.btn.small{padding:9px 12px;font-size:13px;border-radius:9px}.alert{border-radius:14px;padding:14px 16px;margin:14px 0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff}.alert.error{border-color:rgba(255,73,102,.45);background:rgba(255,73,102,.14)}.alert.ok{border-color:rgba(36,224,131,.45);background:rgba(36,224,131,.12)}.alert.warn{border-color:rgba(255,200,77,.45);background:rgba(255,200,77,.12)}
@keyframes shine{0%,70%{transform:translateX(-75%)}100%{transform:translateX(75%)}}

.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--side);padding:18px 16px 24px;background:linear-gradient(180deg,rgba(3,13,28,.98),rgba(3,10,22,.95));border-right:1px solid var(--line);box-shadow:20px 0 80px rgba(0,0,0,.35);z-index:10;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(21,156,255,.45) transparent}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,156,255,.10),rgba(0,0,0,.16));pointer-events:none}.sidebar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(21,156,255,.04),transparent 55%);background-size:100% 220px;animation:sidebarFlow 10s linear infinite;pointer-events:none}@keyframes sidebarFlow{0%{background-position:0 -220px}100%{background-position:0 220px}}.side-inner{position:relative;min-height:100%;display:flex;flex-direction:column}.side-brand{text-align:center;border:1px solid rgba(21,156,255,.24);border-radius:22px;padding:18px 12px 16px;background:linear-gradient(180deg,rgba(4,13,26,.72),rgba(4,13,26,.56));box-shadow:inset 0 0 36px rgba(21,156,255,.10),0 0 26px rgba(21,156,255,.08)}.side-brand img{width:96px;height:96px;object-fit:cover;border-radius:16px;filter:drop-shadow(0 0 22px rgba(255,73,102,.28)) drop-shadow(0 0 12px rgba(21,156,255,.40));box-shadow:0 0 0 1px rgba(255,255,255,.06)}.side-brand h1{font-size:32px;letter-spacing:5px;margin:10px 0 2px}.side-brand h1 span{color:var(--blue)}.side-brand small{color:var(--gold);letter-spacing:2px;font-weight:900}.admin-mini{display:flex;align-items:center;gap:12px;padding:14px 8px;border-bottom:1px solid rgba(112,150,200,.15)}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(21,156,255,.16)}.admin-mini b{display:block}.admin-mini small{color:#32d987}.nav-title{font-size:11px;letter-spacing:1.7px;color:var(--muted);font-weight:900;margin:16px 10px 10px}.nav{display:grid;gap:7px}.nav a{height:49px;border-radius:12px;display:flex;align-items:center;gap:14px;padding:0 14px;color:#d4dfef;background:rgba(6,17,33,.58);border:1px solid rgba(91,130,180,.14);font-weight:800;transition:.18s transform,.18s box-shadow,.18s background}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(17,91,219,.95),rgba(21,156,255,.24));border-color:rgba(21,156,255,.58);box-shadow:0 0 24px rgba(21,156,255,.2);transform:translateX(2px)}.nav a.logout{color:#ff7086}.system-card{margin-top:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(4,13,27,.82),rgba(4,13,27,.72));padding:16px;box-shadow:inset 0 0 24px rgba(21,156,255,.06);flex-shrink:0}.pulse{height:34px;margin:10px 0;background:linear-gradient(90deg,transparent,rgba(36,224,131,.18),transparent);border-radius:10px;position:relative;overflow:hidden}.pulse:after{content:"";position:absolute;left:0;right:0;top:17px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 20px var(--green);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
.main{margin-left:var(--side);min-height:100vh;padding:24px 28px 38px;position:relative}.topbar{height:72px;border:1px solid rgba(21,156,255,.28);border-radius:18px;background:rgba(5,15,31,.78);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 22px;margin-bottom:20px;box-shadow:0 20px 60px rgba(0,0,0,.25);position:relative;overflow:hidden}.topbar:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0,rgba(21,156,255,.06) 40%,transparent 55%);transform:translateX(-60%);animation:topSweep 8s ease-in-out infinite}@keyframes topSweep{0%,100%{transform:translateX(-65%)}50%{transform:translateX(65%)}}.top-title b{font-size:24px}.top-title small{display:block;color:var(--muted);margin-top:3px}.clock{border:1px solid rgba(119,159,210,.22);border-radius:12px;padding:12px 16px;background:rgba(0,0,0,.22)}.hero{position:relative;min-height:198px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(90deg,rgba(5,16,32,.97),rgba(5,16,32,.88),rgba(5,16,32,.72)),url('../img/dashboard_bg_v104.jpg') center center/cover no-repeat;padding:34px 38px;margin-bottom:22px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.hero h2{font-size:42px;margin:8px 0 8px}.hero .eyebrow{color:#4ab7ff;font-weight:900;letter-spacing:2px;text-transform:uppercase}.hero p{color:#cfddf3;line-height:1.6;max-width:650px}.hero:after{content:"";position:absolute;right:0;bottom:0;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(21,156,255,.12));animation:heroGlow 8s ease-in-out infinite;}@keyframes heroGlow{0%,100%{opacity:.65}50%{opacity:1}}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 46%,rgba(255,73,102,.10),transparent 18%),radial-gradient(circle at 78% 50%,rgba(255,255,255,.06),transparent 30%);pointer-events:none;}
.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(6,minmax(150px,1fr));margin-bottom:18px}.stat{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(13,32,57,.80),rgba(4,12,26,.82));padding:22px;min-height:124px;box-shadow:inset 0 0 34px rgba(21,156,255,.06);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:-40%;right:-10%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(21,156,255,.10),transparent 70%);pointer-events:none}.stat .k{color:#9fb2ca;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1px}.stat .v{font-size:34px;font-weight:950;margin-top:8px}.stat.blue{border-color:rgba(21,156,255,.42)}.stat.green{border-color:rgba(36,224,131,.38)}.stat.red{border-color:rgba(255,73,102,.38)}.stat.gold{border-color:rgba(255,200,77,.36)}.stat.purple{border-color:rgba(155,108,255,.38)}
.panel{border:1px solid rgba(82,143,220,.24);border-radius:16px;background:rgba(6,16,31,.84);box-shadow:0 20px 64px rgba(0,0,0,.28);overflow:hidden;position:relative;isolation:isolate}.panel:before{content:"";position:absolute;top:0;left:-35%;width:45%;height:100%;background:linear-gradient(115deg,transparent,rgba(21,156,255,.06),transparent);transform:skewX(-18deg);animation:panelSweep 14s ease-in-out infinite;pointer-events:none}@keyframes panelSweep{0%,100%{left:-50%}50%{left:115%}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(89,136,200,.18);background:linear-gradient(180deg,rgba(12,27,50,.62),rgba(12,27,50,.46))}.panel-head h3{margin:0;font-size:16px;letter-spacing:.5px}.panel-body{padding:20px}.dash-columns{grid-template-columns:1.1fr .9fr 1fr;margin-bottom:18px}.activity{display:grid;gap:12px}.activity-item{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.activity-item:last-child{border-bottom:0}.activity-item span:first-child{color:#dbe7f7}.activity-item time{color:var(--muted);white-space:nowrap}.status-list{display:grid;gap:10px}.status-list div{display:flex;justify-content:space-between}.ok-dot{color:var(--green);font-weight:900}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.toolbar .control{height:48px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:880px}.table th{color:#99abc4;text-align:left;text-transform:uppercase;font-size:12px;letter-spacing:1px;padding:14px 12px;border-bottom:1px solid rgba(116,157,213,.22)}.table td{padding:14px 12px;border-bottom:1px solid rgba(116,157,213,.10);vertical-align:middle;color:#e9f3ff}.table tr:hover td{background:rgba(21,156,255,.045)}.key-badge,.tag{display:inline-flex;border-radius:8px;padding:6px 9px;background:rgba(21,156,255,.13);border:1px solid rgba(21,156,255,.38);color:#65c9ff;font-family:Consolas,monospace;font-size:12px}.tag.green{background:rgba(36,224,131,.14);border-color:rgba(36,224,131,.32);color:#70ffaa}.tag.red{background:rgba(255,73,102,.14);border-color:rgba(255,73,102,.32);color:#ff8da0}.tag.gold{background:rgba(255,200,77,.14);border-color:rgba(255,200,77,.32);color:#ffd980}.tag.gray{background:rgba(160,174,192,.14);border-color:rgba(160,174,192,.24);color:#cbd5e1}.actions{display:flex;gap:8px;flex-wrap:wrap}.inline-form{display:inline}.copy-btn{cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid .wide{grid-column:1/-1}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.footer-note{color:var(--muted);margin-top:18px;font-size:13px;padding:2px 0 14px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hide-mobile{display:initial}
@media (max-width:1300px){.stats{grid-template-columns:repeat(3,1fr)}.dash-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:920px){:root{--side:0px}.sidebar{position:relative;width:auto;height:auto;overflow:visible}.main{margin-left:0;padding:18px}.stats,.kpi-row,.form-grid,.form-grid.two{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr;padding:28px}.brand-hero{display:none}.login-card{padding:30px}.topbar{height:auto;gap:12px;align-items:flex-start;flex-direction:column}.hero h2{font-size:30px}.hide-mobile{display:none}.feature-row{grid-template-columns:1fr}}
@media (max-height:930px){.side-brand img{width:86px;height:86px}.side-brand h1{font-size:28px}.side-brand small{font-size:12px}.admin-mini{padding:12px 6px}.nav a{height:45px}.system-card{padding:14px}.pulse{height:28px}.pulse:after{top:14px}.system-card p{margin:8px 0 0;line-height:1.35;font-size:13px}}

.logo-mark{width:110px;height:110px;object-fit:cover;border-radius:22px;box-shadow:0 0 24px rgba(21,156,255,.25),0 0 40px rgba(255,73,102,.12);}
.install-header-logo{width:86px;height:86px;object-fit:cover;border-radius:18px;box-shadow:0 0 22px rgba(255,73,102,.18),0 0 16px rgba(21,156,255,.18);}

.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(21,156,255,.45),rgba(21,156,255,.14));border-radius:999px}.sidebar::-webkit-scrollbar-track{background:transparent}.clock{box-shadow:inset 0 0 18px rgba(21,156,255,.06)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.10) 45%,transparent 60%);transform:translateX(-80%);transition:transform .4s ease}.btn:hover:after{transform:translateX(55%)}.system-card b{display:block;letter-spacing:.5px}.system-card .ok-dot{margin-top:4px}.hero h2{text-shadow:0 8px 34px rgba(0,0,0,.35)}

@media (min-height:931px){.system-card{margin-top:auto}}


/* ===== v1.0.4 Premium Wolf Touch ===== */
.login-wrap.premium-login{grid-template-columns:1.08fr .92fr;gap:54px}
.brand-hero.hard-hero{position:relative;padding:18px 6px 18px 0;text-align:left;max-width:700px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid rgba(21,156,255,.26);border-radius:999px;background:rgba(3,14,28,.56);box-shadow:0 0 22px rgba(21,156,255,.12);font-size:12px;letter-spacing:1.8px;font-weight:900;color:#75c7ff}
.feature-hard{margin-top:34px}
.auth-quote{margin-top:20px;font-size:15px;letter-spacing:1.3px;color:#ffcf66;text-transform:uppercase;text-shadow:0 0 18px rgba(255,200,77,.16)}
.hard-card{padding-top:42px;background:linear-gradient(145deg,rgba(7,18,34,.92),rgba(4,10,22,.92));border-color:rgba(98,163,255,.46);box-shadow:var(--shadow),inset 0 0 54px rgba(21,156,255,.10),0 0 0 1px rgba(255,255,255,.03)}
.card-corners{position:absolute;inset:14px;border:1px solid rgba(21,156,255,.16);border-radius:20px;pointer-events:none}
.card-corners:before,.card-corners:after{content:"";position:absolute;width:80px;height:80px;border:2px solid rgba(21,156,255,.34)}
.card-corners:before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-top-left-radius:16px}
.card-corners:after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-bottom-right-radius:16px}
.lock-logo{width:86px;height:86px;padding:10px;background:linear-gradient(145deg,rgba(8,21,40,.95),rgba(5,12,24,.92));box-shadow:0 0 40px rgba(21,156,255,.18),0 0 24px rgba(255,73,102,.14)}
.lock-logo img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.security-ribbon{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;margin:0 0 18px;border-radius:12px;background:rgba(5,14,28,.62);border:1px solid rgba(21,156,255,.18);color:#93cfff;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}
.login-note{text-align:center;margin-top:18px;font-size:14px}
.mini-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.mini-hud div{padding:12px;border:1px solid rgba(21,156,255,.16);border-radius:12px;background:rgba(6,16,31,.45);text-align:center}
.mini-hud b{display:block;font-size:11px;letter-spacing:1.5px;color:#7bc7ff;margin-bottom:5px}
.mini-hud span{font-size:13px;color:#deedff}
.nav a .ico{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid rgba(104,152,214,.18);background:linear-gradient(180deg,rgba(11,24,44,.78),rgba(7,15,29,.76));box-shadow:inset 0 0 18px rgba(21,156,255,.07);flex:0 0 28px}
.nav a .ico svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.nav a.active .ico,.nav a:hover .ico{background:linear-gradient(180deg,rgba(20,102,233,.95),rgba(10,47,115,.9));box-shadow:0 0 18px rgba(21,156,255,.22)}
.nav a.logout .ico{color:#ff8a9f}
.avatar-wolf{box-shadow:0 0 18px rgba(21,156,255,.18), inset 0 0 12px rgba(255,255,255,.04)}
.hud-card{padding-bottom:18px}
.hud-card .stat-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:2px}
.stat-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#eaf7ff;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,38,66,.96),rgba(7,18,34,.9));box-shadow:inset 0 0 20px rgba(21,156,255,.10),0 0 22px rgba(0,0,0,.18)}
.hud-card .v{font-size:38px;line-height:1;margin:10px 0 8px;text-shadow:0 0 24px rgba(21,156,255,.10)}
.hud-meter{height:8px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden;margin-top:14px;position:relative}
.hud-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(21,156,255,.95),rgba(95,202,255,.9));box-shadow:0 0 18px rgba(21,156,255,.25)}
.stat.green .hud-meter span{background:linear-gradient(90deg,rgba(36,224,131,.95),rgba(123,255,186,.92))}
.stat.red .hud-meter span{background:linear-gradient(90deg,rgba(255,73,102,.95),rgba(255,128,150,.92))}
.stat.gold .hud-meter span{background:linear-gradient(90deg,rgba(255,200,77,.95),rgba(255,230,154,.92))}
.stat.purple .hud-meter span{background:linear-gradient(90deg,rgba(155,108,255,.95),rgba(199,169,255,.92))}
.hud-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;letter-spacing:1.2px;color:#85a9ca;font-weight:800}
.hud-grid{height:16px;margin-top:10px;border-radius:8px;opacity:.55;background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:8px 8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.topbar .clock{position:relative;overflow:hidden}
.topbar .clock:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(21,156,255,.10) 42%,transparent 60%);transform:translateX(-70%);animation:clockSweep 8s ease-in-out infinite}
@keyframes clockSweep{0%,100%{transform:translateX(-70%)}50%{transform:translateX(70%)}}
.system-card p b{display:inline}
.hero .eyebrow{position:relative;display:inline-block;padding-right:18px}
.hero .eyebrow:after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;border-radius:50%;background:rgba(21,156,255,.8);box-shadow:0 0 16px rgba(21,156,255,.6);transform:translateY(-50%)}
@media (max-width:1180px){.login-wrap.premium-login{grid-template-columns:1fr}.brand-hero.hard-hero{text-align:center;max-width:none}.mini-hud{grid-template-columns:1fr}.security-ribbon{justify-content:center}.feature-hard{grid-template-columns:1fr}}
@media (max-width:920px){.topbar .clock{width:100%}.nav a .ico{width:26px;height:26px;flex-basis:26px}.hud-card .v{font-size:34px}.security-ribbon{font-size:10px}.side-brand small{letter-spacing:1.4px}}


/* v1.0.4.2 login polish */
.hard-card{background:linear-gradient(90deg,rgba(5,14,29,.96) 0%,rgba(5,14,29,.94) 56%,rgba(5,14,29,.80) 100%)}
.login-stack{max-width:660px;position:relative;z-index:2}
.security-ribbon{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}
.security-ribbon span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(8,20,37,.72);border:1px solid rgba(21,156,255,.18);line-height:1.1;white-space:nowrap}
.security-ribbon i{font-style:normal;color:#7bc7ff}
.mini-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.mini-hud .mini-tile{padding:13px 12px;border:1px solid rgba(21,156,255,.16);border-radius:12px;background:rgba(6,16,31,.58);text-align:center;box-shadow:inset 0 0 14px rgba(21,156,255,.05)}
.mini-hud .mini-tile small{display:block;font-size:11px;letter-spacing:1.6px;color:#7bc7ff;font-weight:800;margin-bottom:6px}
.mini-hud .mini-tile strong{display:block;font-size:14px;line-height:1.25;color:#eef6ff;font-weight:800}
.login-note{max-width:540px;margin-left:auto;margin-right:auto}
@media (max-width:1180px){.login-stack{max-width:none}.security-ribbon{justify-content:center}.security-ribbon span{white-space:normal;text-align:center;justify-content:center}.mini-hud{grid-template-columns:1fr}}


/* v1.0.4.2 animated premium login */
body.login-page:before{content:"";position:fixed;inset:-10% -20%;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgba(21,156,255,.00) 42%,rgba(21,156,255,.08) 48%,rgba(120,210,255,.14) 50%,rgba(21,156,255,.08) 52%,rgba(21,156,255,.00) 58%,transparent 100%);transform:translateX(-65%) skewX(-18deg);animation:loginSweep 9s ease-in-out infinite;z-index:0}
body.login-page:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);opacity:.18;mix-blend-mode:screen;z-index:0}
@keyframes loginSweep{0%,100%{transform:translateX(-65%) skewX(-18deg)}50%{transform:translateX(65%) skewX(-18deg)}}
.login-card.hard-card{position:relative;isolation:isolate}
.login-card.hard-card:after{content:"";position:absolute;left:16px;right:16px;top:18px;height:140px;background:linear-gradient(180deg,rgba(21,156,255,.12),rgba(21,156,255,0));filter:blur(14px);opacity:.55;pointer-events:none;z-index:0}
.login-card .card-corners{box-shadow:inset 0 0 30px rgba(21,156,255,.04),0 0 28px rgba(21,156,255,.04)}
.login-card .control{background:linear-gradient(180deg,rgba(8,19,37,.94),rgba(4,11,23,.96));border:1px solid rgba(110,158,223,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),inset 0 0 20px rgba(21,156,255,.04),0 10px 24px rgba(0,0,0,.12);transition:border-color .2s ease, box-shadow .2s ease, transform .18s ease}
.login-card .control::placeholder{color:rgba(211,227,246,.48)}
.login-card .control:hover{border-color:rgba(85,171,255,.52);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 0 22px rgba(21,156,255,.06),0 0 0 3px rgba(21,156,255,.06),0 10px 24px rgba(0,0,0,.15)}
.login-card .control:focus{border-color:#37adff;transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 0 22px rgba(21,156,255,.10),0 0 0 4px rgba(21,156,255,.12),0 0 24px rgba(21,156,255,.18),0 16px 34px rgba(0,0,0,.22)}
.login-card .field label{letter-spacing:.8px}
.login-card .btn.full{position:relative;height:64px;border:1px solid rgba(125,189,255,.24);background:linear-gradient(180deg,#1f83ff 0%,#1155cf 52%,#0f45aa 100%);box-shadow:0 16px 34px rgba(21,156,255,.24),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -10px 24px rgba(0,0,0,.18);text-transform:uppercase;letter-spacing:1px}
.login-card .btn.full:before{content:"";position:absolute;left:14px;right:14px;top:8px;height:16px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));opacity:.7}
.login-card .btn.full:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.02) 35%,rgba(255,255,255,.22) 49%,rgba(255,255,255,.02) 63%,transparent 100%);transform:translateX(-110%);transition:transform .45s ease}
.login-card .btn.full:hover{transform:translateY(-2px) scale(1.003);filter:brightness(1.04);box-shadow:0 22px 40px rgba(21,156,255,.28),0 0 0 4px rgba(21,156,255,.08),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -10px 24px rgba(0,0,0,.2)}
.login-card .btn.full:hover:after{transform:translateX(110%)}
.login-card .btn.full:active{transform:translateY(0) scale(.996)}
.login-card .btn.full span,.login-card .btn.full strong{position:relative;z-index:1}
.mini-hud .mini-tile{position:relative;overflow:hidden}
.mini-hud .mini-tile:after{content:"";position:absolute;left:-20%;right:-20%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(120,210,255,.7),transparent);animation:tileLine 4.8s linear infinite;opacity:.55}
@keyframes tileLine{0%{transform:translateX(-70%)}100%{transform:translateX(70%)}}

/* === v1.0.5 Premium HUD + Wolf/Flag update === */
body.app-shell{background:
  radial-gradient(circle at 82% 14%,rgba(21,156,255,.15),transparent 22%),
  radial-gradient(circle at 16% 86%,rgba(255,73,102,.08),transparent 18%),
  linear-gradient(180deg,rgba(2,7,18,.92),rgba(2,7,18,.985)),
  url('../img/dashboard_bg_v104.jpg') center top/cover fixed no-repeat;
}
body.login-page{
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 28%,rgba(255,73,102,.10),transparent 18%),
    radial-gradient(circle at 80% 20%,rgba(21,156,255,.16),transparent 18%),
    linear-gradient(90deg,rgba(2,7,18,.42),rgba(2,7,18,.64),rgba(2,7,18,.92)),
    url('../img/wolf_flag_premium_bg.png') center/cover fixed no-repeat;
}
body.app-shell .main:before{
  content:"";position:fixed;right:-4%;top:10%;width:min(42vw,820px);height:min(42vw,820px);pointer-events:none;
  background:url('../img/wolf_flag_premium_bg.png') center/contain no-repeat;opacity:.075;filter:saturate(1.1) blur(.2px);
  mix-blend-mode:screen;z-index:0;
}
.main > *{position:relative;z-index:1}
.hero{background:
  linear-gradient(90deg,rgba(5,16,32,.97),rgba(5,16,32,.88),rgba(5,16,32,.72)),
  url('../img/wolf_flag_premium_bg.png') center 38%/cover no-repeat;
}
.hero:before{background:
  radial-gradient(circle at 82% 46%,rgba(255,73,102,.12),transparent 18%),
  radial-gradient(circle at 78% 50%,rgba(255,255,255,.05),transparent 30%),
  linear-gradient(90deg,rgba(255,255,255,.015),transparent 40%,rgba(21,156,255,.05) 100%);
}

/* login claw button */
.login-submit{position:relative;gap:14px;padding-inline:18px 22px;letter-spacing:.6px}
.login-submit .btn-arrow{font-size:20px;opacity:.92}
.btn-claw{width:30px;height:24px;position:relative;display:inline-block;filter:drop-shadow(0 0 8px rgba(255,255,255,.18)) drop-shadow(0 0 8px rgba(21,156,255,.30));}
.btn-claw i{position:absolute;top:1px;bottom:1px;width:4px;border-radius:999px;background:linear-gradient(180deg,#e9f6ff 0%,#6cc6ff 55%,#0b2b57 100%);transform:skewX(-20deg);box-shadow:0 0 10px rgba(108,198,255,.42)}
.btn-claw i:nth-child(1){left:2px}
.btn-claw i:nth-child(2){left:12px;height:22px;top:0}
.btn-claw i:nth-child(3){left:22px}
.login-submit:hover .btn-claw i{box-shadow:0 0 14px rgba(108,198,255,.68),0 0 22px rgba(255,255,255,.16)}

/* animated HUD stat cards */
.stat{transition:transform .2s ease, box-shadow .25s ease, border-color .25s ease}
.stat:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(0,0,0,.28), inset 0 0 34px rgba(21,156,255,.08), 0 0 28px rgba(21,156,255,.10)}
.stat .v.stat-value{
  position:relative;
  text-shadow:0 0 10px rgba(255,255,255,.06),0 0 18px rgba(21,156,255,.18);
  transition:text-shadow .2s ease, transform .2s ease;
}
.stat .v.stat-value.is-live{
  animation:hudNumberPulse 2.6s ease-in-out infinite;
}
@keyframes hudNumberPulse{
  0%,100%{text-shadow:0 0 10px rgba(255,255,255,.06),0 0 18px rgba(21,156,255,.18),0 0 0 rgba(21,156,255,0);transform:translateZ(0)}
  50%{text-shadow:0 0 14px rgba(255,255,255,.12),0 0 26px rgba(21,156,255,.40),0 0 42px rgba(21,156,255,.18);transform:translateY(-1px)}
}
.stat .v.stat-value.bump{animation:hudNumberBump .45s ease}
@keyframes hudNumberBump{0%{transform:scale(.92);opacity:.7}55%{transform:scale(1.08)}100%{transform:scale(1)}}
.stat .v.stat-value::after{
  content:"";position:absolute;left:-14px;right:-14px;bottom:-8px;height:20px;border-radius:999px;
  background:radial-gradient(circle,rgba(21,156,255,.20),transparent 68%);filter:blur(10px);opacity:.55;pointer-events:none;
}
.stat.green .v.stat-value{color:#f2fff8;text-shadow:0 0 12px rgba(36,224,131,.15),0 0 26px rgba(36,224,131,.20)}
.stat.red .v.stat-value{color:#fff7fa;text-shadow:0 0 12px rgba(255,73,102,.14),0 0 26px rgba(255,73,102,.20)}
.stat.gold .v.stat-value{color:#fffbed;text-shadow:0 0 12px rgba(255,200,77,.15),0 0 26px rgba(255,200,77,.20)}
.stat.purple .v.stat-value{color:#faf5ff;text-shadow:0 0 12px rgba(155,108,255,.16),0 0 26px rgba(155,108,255,.24)}

/* HUD tables */
.hud-table-wrap{position:relative;border-radius:14px;background:linear-gradient(180deg,rgba(3,12,26,.68),rgba(3,12,26,.42));border:1px solid rgba(63,130,210,.14);box-shadow:inset 0 0 30px rgba(21,156,255,.05)}
.hud-table-wrap:before,
.hud-table-wrap:after{
  content:"";position:absolute;inset:10px;pointer-events:none;border-radius:10px;
}
.hud-table-wrap:before{
  border-top:1px solid rgba(70,180,255,.22);border-left:1px solid rgba(70,180,255,.14);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.02);
  clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
}
.hud-table-wrap:after{
  background:
    linear-gradient(90deg,rgba(21,156,255,.22),transparent 18%) top left/180px 1px no-repeat,
    linear-gradient(270deg,rgba(21,156,255,.18),transparent 20%) top right/180px 1px no-repeat,
    linear-gradient(0deg,rgba(21,156,255,.18),transparent 22%) bottom left/1px 140px no-repeat,
    linear-gradient(180deg,rgba(21,156,255,.18),transparent 22%) top right/1px 140px no-repeat;
  opacity:.85;
}
.table.table-hud{position:relative;background:
  linear-gradient(180deg,rgba(255,255,255,.012),transparent 34px);
}
.table.table-hud thead{position:relative}
.table.table-hud thead th{position:relative;background:linear-gradient(180deg,rgba(10,28,50,.65),rgba(7,19,36,.2));}
.table.table-hud thead th:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(21,156,255,.55),transparent)}
.table.table-hud thead th:not(:last-child):before{content:"";position:absolute;right:0;top:24%;bottom:24%;width:1px;background:linear-gradient(180deg,transparent,rgba(21,156,255,.18),transparent)}
.table.table-hud tbody tr{position:relative}
.table.table-hud tbody td{position:relative;background-image:linear-gradient(90deg,rgba(21,156,255,0),rgba(21,156,255,0));transition:background-color .18s ease, box-shadow .18s ease, transform .18s ease}
.table.table-hud tbody tr:hover td{background:rgba(21,156,255,.06);box-shadow:inset 0 1px 0 rgba(90,190,255,.08), inset 0 -1px 0 rgba(90,190,255,.08)}
.table.table-hud tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 rgba(21,156,255,.55), inset 0 1px 0 rgba(90,190,255,.08), inset 0 -1px 0 rgba(90,190,255,.08)}
.table.table-hud tbody tr td:first-child:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,transparent,rgba(21,156,255,.12),transparent)}
.table.table-hud tbody tr:hover td:first-child:before{background:linear-gradient(180deg,transparent,rgba(21,156,255,.55),transparent)}
.table.table-hud tbody td .key-badge{box-shadow:0 0 0 1px rgba(21,156,255,.10), inset 0 0 18px rgba(21,156,255,.06)}

/* premium action clusters */
.actions{gap:7px}
.actions .btn.small,.page-actions .btn.small{min-height:36px}
.panel-head h3{letter-spacing:.7px}
.panel-head{position:relative}
.panel-head:after{content:"";position:absolute;left:20px;bottom:0;width:120px;height:1px;background:linear-gradient(90deg,rgba(21,156,255,.5),transparent)}

/* sidebar bottom visible */
.system-card .muted{display:block;padding-bottom:10px;line-height:1.6}
.sidebar{padding-bottom:42px}

@media (max-width:920px){
  body.login-page{background-position:64% center}
  body.app-shell .main:before{width:84vw;height:84vw;right:-22vw;top:18%}
}


/* === v1.0.6 Honor / Scanline / Flag update === */
.hard-card{
  background:
    radial-gradient(circle at 78% 18%, rgba(21,156,255,.09), transparent 24%),
    linear-gradient(135deg,rgba(5,14,29,.95) 0%,rgba(6,18,34,.94) 48%,rgba(4,12,24,.90) 100%);
}
.login-card:before{opacity:.45}
.login-card.hard-card:after{
  left:22px;right:22px;top:20px;height:130px;
  background:linear-gradient(180deg,rgba(21,156,255,.10),rgba(21,156,255,0));
  filter:blur(18px);opacity:.48;
}
.login-stack{padding-left:2px}
.auth-quote{
  margin-top:18px;
  color:#ffc84d;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
  text-shadow:0 0 16px rgba(255,200,77,.12);
}
.generator-panel{position:relative;overflow:hidden}
.generator-panel:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(21,156,255,.0) 35%,rgba(21,156,255,.10) 48%,rgba(21,156,255,.0) 60%,transparent 100%);
  transform:translateX(-120%);animation:generatorSweep 7.6s ease-in-out infinite;
}
@keyframes generatorSweep{0%,100%{transform:translateX(-120%)}50%{transform:translateX(120%)}}
.form-grid-generate{position:relative;z-index:1}
.generator-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.generator-actions .btn{min-height:46px}
.export-btn{position:relative;overflow:hidden}
.export-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.0) 40%,rgba(255,255,255,.18) 50%,rgba(255,255,255,0) 60%,transparent 100%);transform:translateX(-120%);transition:transform .5s ease}
.export-btn:hover:after{transform:translateX(120%)}
.generator-note{display:flex;align-items:center;gap:10px;color:#a5b8cf;font-size:13px;margin-top:4px}
.tag.blueish{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:rgba(21,156,255,.14);border:1px solid rgba(21,156,255,.28);color:#8fd6ff;font-size:11px;font-weight:900;letter-spacing:1px}

/* dashboard flag */
.dashboard-hero{position:relative;overflow:hidden;min-height:188px;padding-right:320px}
.hero-flag-wrap{position:absolute;right:28px;top:22px;bottom:22px;width:260px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.hero-flag-glow{position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle at 58% 50%,rgba(255,73,102,.16),transparent 42%),radial-gradient(circle at 72% 34%,rgba(255,255,255,.08),transparent 18%);filter:blur(8px);opacity:.95}
.turkish-flag-card{position:relative;width:100%;height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(20,11,18,.26),rgba(95,0,18,.12));box-shadow:inset 0 0 44px rgba(255,73,102,.10),inset 0 0 22px rgba(255,255,255,.03),0 14px 32px rgba(0,0,0,.18);overflow:hidden}
.turkish-flag{position:absolute;inset:18px;border-radius:14px;background:linear-gradient(135deg,#7e0016 0%,#b70824 42%,#c20d27 70%,#7f0218 100%);box-shadow:inset 0 0 50px rgba(255,255,255,.06),0 0 24px rgba(255,73,102,.10)}
.turkish-flag:before{content:"";position:absolute;left:44px;top:50%;width:76px;height:76px;border-radius:50%;background:#fff;transform:translateY(-50%);opacity:.98}
.turkish-flag:after{content:"";position:absolute;left:58px;top:50%;width:60px;height:60px;border-radius:50%;background:#b60a23;transform:translateY(-50%)}
.turkish-flag .crescent{display:none}
.turkish-flag .star{position:absolute;left:114px;top:50%;transform:translateY(-52%) rotate(0deg);font-size:34px;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.28)}
.flag-caption{position:absolute;left:0;right:0;bottom:10px;text-align:center;color:#ffd9df;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px rgba(255,255,255,.08)}

/* status badge neon */
.status-badge{position:relative;overflow:hidden;font-weight:900;letter-spacing:.4px}
.status-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.0) 35%,rgba(255,255,255,.24) 50%,rgba(255,255,255,0) 65%,transparent 100%);transform:translateX(-135%);animation:badgeSweep 5.5s linear infinite;pointer-events:none}
@keyframes badgeSweep{0%{transform:translateX(-135%)}100%{transform:translateX(135%)}}
.status-badge.status-live{
  color:#effff7;border-color:rgba(36,224,131,.42);background:linear-gradient(180deg,rgba(7,34,24,.96),rgba(4,22,15,.92));
  box-shadow:0 0 0 1px rgba(36,224,131,.12), inset 0 0 14px rgba(36,224,131,.12),0 0 18px rgba(36,224,131,.16);
  text-shadow:0 0 12px rgba(36,224,131,.22);
}
.status-badge.status-live:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;border-radius:50%;background:#32f59a;transform:translateY(-50%);box-shadow:0 0 0 4px rgba(50,245,154,.10),0 0 14px rgba(50,245,154,.65)}
.status-badge.status-live{padding-left:22px}
.status-badge.status-closed,.status-badge.status-timeout{box-shadow:0 0 0 1px rgba(255,200,77,.08), inset 0 0 12px rgba(255,200,77,.05),0 0 14px rgba(255,200,77,.06)}
.status-badge.status-banned,.status-badge.status-failed{box-shadow:0 0 0 1px rgba(255,73,102,.08), inset 0 0 12px rgba(255,73,102,.06),0 0 14px rgba(255,73,102,.08)}

/* table row scanline */
.table.table-hud tbody tr{overflow:hidden}
.table.table-hud tbody tr:after{content:"";position:absolute;left:-32%;top:0;bottom:0;width:32%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(120,210,255,.02) 18%,rgba(120,210,255,.18) 52%,rgba(120,210,255,.02) 82%,transparent 100%);transform:skewX(-22deg) translateX(-220%);animation:rowScan 8.8s linear infinite;opacity:.45}
.table.table-hud tbody tr:nth-child(2n):after{animation-duration:10.4s;animation-delay:-2.3s}
.table.table-hud tbody tr:nth-child(3n):after{animation-duration:9.6s;animation-delay:-5.1s}
.table.table-hud tbody tr:hover:after{opacity:.8}
@keyframes rowScan{0%{transform:skewX(-22deg) translateX(-220%)}100%{transform:skewX(-22deg) translateX(560%)}}

/* subtle dashboard stat background polish */
.hud-card{position:relative;overflow:hidden}
.hud-card:after{content:"";position:absolute;inset:auto 12px 10px 12px;height:1px;background:linear-gradient(90deg,transparent,rgba(21,156,255,.35),transparent);opacity:.8}

@media (max-width:1100px){
  .dashboard-hero{padding-right:22px}
  .hero-flag-wrap{position:relative;right:auto;top:auto;bottom:auto;width:100%;height:140px;margin-top:18px}
}
@media (max-width:920px){
  .auth-quote{font-size:14px;line-height:1.5}
  .generator-actions{flex-direction:column;align-items:stretch}
}


/* === v1.0.7 Premium tools + refined flag + harder table hover === */
.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tool-card{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-radius:16px;border:1px solid rgba(21,156,255,.18);background:linear-gradient(180deg,rgba(6,18,35,.88),rgba(4,14,28,.72));box-shadow:inset 0 0 22px rgba(21,156,255,.04),0 10px 24px rgba(0,0,0,.12);text-decoration:none;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.tool-card:hover{transform:translateY(-2px);border-color:rgba(21,156,255,.38);box-shadow:inset 0 0 28px rgba(21,156,255,.07),0 14px 30px rgba(0,0,0,.16),0 0 24px rgba(21,156,255,.10)}
.tool-title{color:#fff;font-weight:900;letter-spacing:.5px}
.tool-sub{color:#9fb6cf;font-size:13px;line-height:1.45}

/* more premium flag */
.hero-flag-wrap{width:290px}
.hero-flag-glow{background:radial-gradient(circle at 68% 48%,rgba(255,62,92,.12),transparent 34%),radial-gradient(circle at 36% 60%,rgba(255,255,255,.06),transparent 20%);filter:blur(16px);opacity:1}
.turkish-flag-emblem{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}
.flag-cloth{position:relative;width:248px;height:132px;border-radius:22px;background:
  linear-gradient(140deg,rgba(109,5,26,.92) 0%,rgba(170,10,41,.96) 40%,rgba(118,6,27,.94) 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), inset 0 8px 22px rgba(255,255,255,.05), inset 0 -18px 24px rgba(30,0,0,.22), 0 16px 34px rgba(0,0,0,.18), 0 0 32px rgba(255,72,102,.08);
  transform:perspective(900px) rotateY(-10deg) rotateX(3deg);
  overflow:hidden;
}
.flag-cloth:before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0) 22%,rgba(255,255,255,.08) 46%,rgba(255,255,255,0) 66%,rgba(255,255,255,.05) 84%,rgba(255,255,255,0)),
  radial-gradient(circle at 20% 28%,rgba(255,255,255,.18),transparent 18%),
  radial-gradient(circle at 70% 70%,rgba(0,0,0,.10),transparent 30%);
  mix-blend-mode:screen;opacity:.55}
.flag-cloth:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 24%,rgba(0,0,0,.10) 100%)}
.flag-crescent-outer,.flag-crescent-inner{position:absolute;top:50%;border-radius:50%;transform:translateY(-50%)}
.flag-crescent-outer{left:48px;width:72px;height:72px;background:#fff;box-shadow:0 0 24px rgba(255,255,255,.10)}
.flag-crescent-inner{left:64px;width:58px;height:58px;background:rgba(170,10,41,.96)}
.flag-star{position:absolute;left:118px;top:50%;transform:translateY(-53%);font-size:30px;color:#fff;text-shadow:0 0 18px rgba(255,255,255,.22)}
.flag-wave{position:absolute;top:-12%;bottom:-12%;width:42px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0),rgba(0,0,0,.06));filter:blur(1px);opacity:.65}
.flag-wave.wave-a{left:36%;transform:skewX(-12deg)}
.flag-wave.wave-b{left:68%;transform:skewX(-10deg)}
.flag-caption{position:relative;left:auto;right:4px;bottom:auto;margin-top:8px;padding:7px 12px;border-radius:999px;background:rgba(5,15,30,.68);border:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:2px;color:#ffd7df;box-shadow:inset 0 0 16px rgba(255,255,255,.03)}

/* harder table hover */
.table.table-hud tbody tr{transition:transform .18s ease, filter .18s ease}
.table.table-hud tbody tr:hover{transform:translateX(5px);filter:saturate(1.05)}
.table.table-hud tbody td{transition:background-color .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease}
.table.table-hud tbody tr:hover td{background:linear-gradient(180deg,rgba(14,34,58,.62),rgba(8,20,36,.70));box-shadow:inset 0 1px 0 rgba(120,210,255,.16), inset 0 -1px 0 rgba(120,210,255,.12), 0 0 26px rgba(21,156,255,.04)}
.table.table-hud tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 rgba(21,156,255,.88), inset 0 1px 0 rgba(120,210,255,.16), inset 0 -1px 0 rgba(120,210,255,.12), 0 0 26px rgba(21,156,255,.05)}
.table.table-hud tbody tr:hover td:last-child{box-shadow:inset -1px 0 0 rgba(21,156,255,.20), inset 0 1px 0 rgba(120,210,255,.16), inset 0 -1px 0 rgba(120,210,255,.12), 0 0 26px rgba(21,156,255,.05)}
.table.table-hud tbody tr:before{content:"";position:absolute;left:6px;right:6px;top:2px;bottom:2px;border-radius:10px;border:1px solid rgba(21,156,255,0);pointer-events:none;transition:border-color .18s ease, box-shadow .18s ease;z-index:0}
.table.table-hud tbody tr:hover:before{border-color:rgba(21,156,255,.18);box-shadow:inset 0 0 26px rgba(21,156,255,.04), 0 0 24px rgba(21,156,255,.05)}
.table.table-hud tbody tr td{z-index:1}

@media (max-width:1200px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:920px){.tool-grid{grid-template-columns:1fr}.hero-flag-wrap{width:100%}.turkish-flag-emblem{align-items:center}.flag-cloth{transform:none}}


/* === v1.0.8 Flag parallax / soft animation === */
.dashboard-hero{overflow:hidden;isolation:isolate}
.hero-flag-wrap{transform-style:preserve-3d;perspective:1200px}
.hero-flag-wrap::before{content:"";position:absolute;inset:-8px -10px -8px -10px;border-radius:28px;background:radial-gradient(circle at 72% 44%,rgba(255,255,255,.06),transparent 18%),radial-gradient(circle at 35% 60%,rgba(255,77,116,.08),transparent 28%);filter:blur(20px);opacity:.8;pointer-events:none;animation:flagAura 8.5s ease-in-out infinite}
.hero-flag-glow{animation:flagGlowPulse 8.2s ease-in-out infinite}
.turkish-flag-emblem{will-change:transform;animation:flagFloat 7.6s ease-in-out infinite}
.flag-cloth{will-change:transform;backface-visibility:hidden;transform-style:preserve-3d;animation:flagBreath 6.8s ease-in-out infinite}
.flag-cloth:before{animation:flagShimmer 9.2s ease-in-out infinite}
.flag-cloth:after{animation:flagSweep 12s ease-in-out infinite}
.flag-caption{will-change:transform;animation:captionFloat 7.6s ease-in-out infinite}
.flag-wave{animation:clothWave 5.8s ease-in-out infinite}
.flag-wave.wave-b{animation-delay:-2.1s}
.flag-star,.flag-crescent-outer{animation:flagSymbolGlow 6.2s ease-in-out infinite}
.flag-crescent-inner{animation:flagInnerPulse 6.2s ease-in-out infinite}

@keyframes flagFloat{
  0%,100%{transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg)}
  25%{transform:translate3d(-3px,-5px,0) rotateX(1.2deg) rotateY(-1.4deg)}
  50%{transform:translate3d(2px,1px,0) rotateX(-.4deg) rotateY(1.2deg)}
  75%{transform:translate3d(-1px,4px,0) rotateX(.8deg) rotateY(-.6deg)}
}
@keyframes flagBreath{
  0%,100%{transform:perspective(900px) rotateY(-10deg) rotateX(3deg) scale(1)}
  50%{transform:perspective(900px) rotateY(-8.5deg) rotateX(2.2deg) scale(1.012)}
}
@keyframes flagGlowPulse{
  0%,100%{opacity:.92;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:1;transform:translate3d(0,-2px,0) scale(1.03)}
}
@keyframes captionFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-2px,-2px,0)}
}
@keyframes clothWave{
  0%,100%{opacity:.52;transform:skewX(-12deg) translateX(0)}
  50%{opacity:.78;transform:skewX(-8deg) translateX(6px)}
}
@keyframes flagShimmer{
  0%,100%{opacity:.46;transform:translateX(0)}
  50%{opacity:.72;transform:translateX(10px)}
}
@keyframes flagSweep{
  0%,100%{opacity:1}
  50%{opacity:.82}
}
@keyframes flagAura{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.025)}
}
@keyframes flagSymbolGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(255,255,255,.0))}
  50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.20))}
}
@keyframes flagInnerPulse{
  0%,100%{box-shadow:inset 0 0 0 rgba(255,255,255,0)}
  50%{box-shadow:inset 0 0 18px rgba(255,255,255,.05)}
}

@media (prefers-reduced-motion: reduce){
  .hero-flag-wrap::before,.hero-flag-glow,.turkish-flag-emblem,.flag-cloth,.flag-cloth:before,.flag-cloth:after,.flag-caption,.flag-wave,.flag-star,.flag-crescent-outer,.flag-crescent-inner{animation:none !important}
}
@media (max-width:920px){
  .turkish-flag-emblem,.flag-cloth,.flag-caption{animation-duration:9s}
}


/* === v1.0.9 Ambient FX Pack === */
.dashboard-hero{position:relative;overflow:hidden;isolation:isolate}
.dashboard-hero:before{content:"";position:absolute;inset:-18% -12%;pointer-events:none;background:radial-gradient(circle at 76% 32%,rgba(21,156,255,.12),transparent 24%),radial-gradient(circle at 66% 48%,rgba(255,255,255,.04),transparent 18%);z-index:0}
.dashboard-hero > *{position:relative;z-index:1}
.hero-scanline{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero-scanline:before{content:"";position:absolute;left:-15%;right:-15%;top:18%;height:92px;background:linear-gradient(180deg,rgba(85,194,255,0),rgba(85,194,255,.10),rgba(170,229,255,.18),rgba(85,194,255,.10),rgba(85,194,255,0));filter:blur(12px);transform:translateY(-180px);opacity:.9;animation:heroScan 7.8s ease-in-out infinite}
.hero-scanline:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px);opacity:.08;mix-blend-mode:screen}
@keyframes heroScan{0%,100%{transform:translateY(-180px)}50%{transform:translateY(270px)}}

.flag-particles{position:absolute;inset:-14px;pointer-events:none;z-index:0;filter:drop-shadow(0 0 6px rgba(255,255,255,.18))}
.flag-particles .fp{position:absolute;display:block;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(123,199,255,.82) 46%,rgba(123,199,255,0) 75%);opacity:.0;animation:flagSpark 10s linear infinite}
.flag-particles .fp:after{content:"";position:absolute;left:-10px;top:1px;width:18px;height:1px;background:linear-gradient(90deg,rgba(123,199,255,0),rgba(123,199,255,.42),rgba(123,199,255,0));transform-origin:left center}
.flag-particles .fp1{left:8%;top:70%;animation-delay:0s}
.flag-particles .fp2{left:14%;top:46%;animation-delay:1.3s}
.flag-particles .fp3{left:26%;top:84%;animation-delay:2.1s}
.flag-particles .fp4{left:42%;top:28%;animation-delay:3.7s}
.flag-particles .fp5{left:58%;top:74%;animation-delay:4.6s}
.flag-particles .fp6{left:66%;top:36%;animation-delay:5.5s}
.flag-particles .fp7{left:80%;top:62%;animation-delay:6.4s}
.flag-particles .fp8{left:88%;top:42%;animation-delay:7.2s}
@keyframes flagSpark{
  0%{opacity:0;transform:translate3d(-14px,8px,0) scale(.5)}
  8%{opacity:.75}
  50%{opacity:.9}
  100%{opacity:0;transform:translate3d(26px,-20px,0) scale(1.2)}
}

.login-wrap[data-login-parallax-scene]{position:relative;perspective:1400px;transform-style:preserve-3d}
.login-wrap[data-login-parallax-scene] .brand-hero,
.login-wrap[data-login-parallax-scene] .login-card,
.login-wrap[data-login-parallax-scene] [data-login-layer]{will-change:transform}
.login-ambient-particles{position:absolute;inset:-8% -6%;pointer-events:none;z-index:0;overflow:hidden}
.login-ambient-particles .lp{position:absolute;width:2px;height:2px;border-radius:50%;background:#d7efff;box-shadow:0 0 10px rgba(123,199,255,.5);opacity:0;animation:loginParticle 11s linear infinite}
.login-ambient-particles .lp:after{content:"";position:absolute;left:-14px;top:0;width:16px;height:1px;background:linear-gradient(90deg,rgba(123,199,255,0),rgba(123,199,255,.4),rgba(123,199,255,0))}
.login-ambient-particles .lp1{left:6%;top:68%;animation-delay:0s}
.login-ambient-particles .lp2{left:18%;top:26%;animation-delay:1.6s}
.login-ambient-particles .lp3{left:34%;top:78%;animation-delay:3.1s}
.login-ambient-particles .lp4{left:54%;top:18%;animation-delay:4.4s}
.login-ambient-particles .lp5{left:72%;top:60%;animation-delay:6.2s}
.login-ambient-particles .lp6{left:88%;top:40%;animation-delay:8.1s}
@keyframes loginParticle{
  0%{opacity:0;transform:translate3d(-12px,8px,0) scale(.4)}
  10%{opacity:.7}
  55%{opacity:.85}
  100%{opacity:0;transform:translate3d(30px,-18px,0) scale(1.2)}
}
.brand-hero.hard-hero,.login-card.hard-card{transform-style:preserve-3d}
.brand-hero.hard-hero:before{content:"";position:absolute;inset:-8% -10%;pointer-events:none;background:radial-gradient(circle at 25% 38%,rgba(255,73,102,.14),transparent 18%),radial-gradient(circle at 62% 48%,rgba(21,156,255,.10),transparent 24%);filter:blur(20px);opacity:.8;z-index:0}
.brand-hero.hard-hero > *,.login-card.hard-card > *{position:relative;z-index:1}
.login-card.hard-card:before{animation-duration:6.2s}
.login-card.hard-card:after{animation:loginPanelGlow 7.2s ease-in-out infinite}
@keyframes loginPanelGlow{0%,100%{opacity:.42}50%{opacity:.68}}

.btn{isolation:isolate;background-size:100% 100%,220% 2px,180% 1px;background-repeat:no-repeat;background-position:0 0,-160% calc(100% - 2px),160% 0;background-image:inherit,linear-gradient(90deg,rgba(255,255,255,0),rgba(150,225,255,.95),rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,0))}
.btn:hover{background-position:0 0,160% calc(100% - 2px),-130% 0;box-shadow:0 16px 34px rgba(21,156,255,.24),0 0 0 1px rgba(255,255,255,.05),inset 0 0 18px rgba(255,255,255,.04)}
.btn.red:hover{box-shadow:0 16px 34px rgba(255,73,102,.22),0 0 0 1px rgba(255,255,255,.05),inset 0 0 18px rgba(255,255,255,.04)}
.btn.green:hover{box-shadow:0 16px 34px rgba(36,224,131,.22),0 0 0 1px rgba(255,255,255,.05),inset 0 0 18px rgba(255,255,255,.04)}
.btn.gold:hover{box-shadow:0 16px 34px rgba(255,200,77,.24),0 0 0 1px rgba(255,255,255,.05),inset 0 0 18px rgba(255,255,255,.04)}
.btn.ghost:hover{box-shadow:0 0 0 1px rgba(90,145,220,.35),0 12px 24px rgba(21,156,255,.10),inset 0 0 18px rgba(21,156,255,.05)}
.login-card .btn.full:hover{background-position:0 0,160% calc(100% - 3px),-130% 0}

@media (prefers-reduced-motion: reduce){
  .hero-scanline:before,.flag-particles .fp,.login-ambient-particles .lp,.login-card.hard-card:after{animation:none !important}
}


/* === v1.0.10 Sweep / Tilt / Energy polish === */
.sidebar{animation:sidebarBreath 6.8s ease-in-out infinite}
.sidebar:before{opacity:.92;animation:sidebarInnerGlow 6.8s ease-in-out infinite}
.sidebar:after{opacity:.92}
.side-brand,.system-card{position:relative;overflow:hidden}
.side-brand:after,.system-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0%,rgba(101,203,255,.10),transparent 48%);opacity:.75;animation:sidebarCardBreath 6s ease-in-out infinite}
@keyframes sidebarBreath{0%,100%{box-shadow:20px 0 80px rgba(0,0,0,.35), 2px 0 0 rgba(21,156,255,.08)}50%{box-shadow:20px 0 80px rgba(0,0,0,.38), 0 0 36px rgba(21,156,255,.16), 2px 0 0 rgba(21,156,255,.18)}}
@keyframes sidebarInnerGlow{0%,100%{opacity:.74}50%{opacity:1}}
@keyframes sidebarCardBreath{0%,100%{opacity:.42;transform:translateY(0)}50%{opacity:.85;transform:translateY(-3px)}}

.table.table-hud thead th{overflow:hidden}
.table.table-hud thead th:before{content:"";position:absolute;left:-55%;top:0;bottom:0;width:45%;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(118,218,255,.18),rgba(255,255,255,0));transform:skewX(-22deg) translateX(-180%);animation:theadSweep 6.6s linear infinite}
.table.table-hud thead th:nth-child(2):before{animation-delay:-1.1s}
.table.table-hud thead th:nth-child(3):before{animation-delay:-2.2s}
.table.table-hud thead th:nth-child(4):before{animation-delay:-3.0s}
.table.table-hud thead th:nth-child(5):before{animation-delay:-4.1s}
.table.table-hud thead th:nth-child(6):before{animation-delay:-1.7s}
.table.table-hud thead th:nth-child(7):before{animation-delay:-5.1s}
.table.table-hud thead th:nth-child(8):before{animation-delay:-2.6s}
.table.table-hud thead th:nth-child(9):before{animation-delay:-3.6s}
.table.table-hud thead th:nth-child(10):before{animation-delay:-4.8s}
@keyframes theadSweep{0%{transform:skewX(-22deg) translateX(-220%)}100%{transform:skewX(-22deg) translateX(560%)}}

.login-submit{overflow:hidden}
.btn-electric{position:absolute;inset:0;pointer-events:none;z-index:0}
.btn-electric i{position:absolute;display:block;height:2px;border-radius:999px;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(198,240,255,.95),rgba(92,191,255,.75),rgba(255,255,255,0));box-shadow:0 0 14px rgba(113,209,255,.5),0 0 28px rgba(113,209,255,.18);filter:blur(.15px);animation:electricArc 2.8s ease-in-out infinite}
.btn-electric i:nth-child(1){left:5%;top:23%;width:52px;transform:rotate(-10deg);animation-delay:0s}
.btn-electric i:nth-child(2){left:18%;top:66%;width:70px;transform:rotate(8deg);animation-delay:.7s}
.btn-electric i:nth-child(3){right:16%;top:34%;width:60px;transform:rotate(-13deg);animation-delay:1.3s}
.btn-electric i:nth-child(4){right:6%;top:70%;width:44px;transform:rotate(12deg);animation-delay:1.9s}
.login-submit:hover .btn-electric i{animation-duration:1.5s}
.login-submit > span:not(.btn-electric){position:relative;z-index:1}
@keyframes electricArc{
  0%,100%{opacity:0;transform:scaleX(.6) translateX(-6px)}
  8%{opacity:.0}
  14%{opacity:.85}
  18%{opacity:.18}
  22%{opacity:.95}
  28%{opacity:.05}
  36%{opacity:.78}
  44%{opacity:0;transform:scaleX(1.06) translateX(6px)}
}

.dashboard-hero{padding-right:370px;min-height:236px}
.hero-side-showcase{position:absolute;right:24px;top:24px;bottom:24px;width:300px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}
.showcase-orb{position:absolute;right:18px;top:8px;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle,rgba(21,156,255,.22) 0%,rgba(21,156,255,.10) 28%,rgba(21,156,255,.03) 48%,transparent 72%);filter:blur(12px);opacity:.85;animation:showcasePulse 7.2s ease-in-out infinite}
.showcase-panel{position:relative;width:100%;padding:16px 16px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(5,16,31,.78),rgba(4,12,24,.68));border:1px solid rgba(79,145,224,.22);box-shadow:inset 0 0 26px rgba(21,156,255,.06),0 16px 34px rgba(0,0,0,.18);overflow:hidden}
.showcase-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(21,156,255,.0) 30%,rgba(21,156,255,.12) 50%,rgba(21,156,255,.0) 70%,transparent 100%);transform:translateX(-120%);animation:showcaseSweep 8.4s ease-in-out infinite}
.showcase-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative;z-index:1}
.showcase-head img{width:52px;height:52px;border-radius:12px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 22px rgba(21,156,255,.16)}
.showcase-head small{display:block;color:#8fd6ff;font-size:11px;letter-spacing:1.7px;font-weight:900}
.showcase-head strong{display:block;color:#fff;font-size:16px;letter-spacing:.8px}
.showcase-list{display:grid;gap:10px;position:relative;z-index:1}
.showcase-list div{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(86,148,224,.16);background:linear-gradient(180deg,rgba(6,18,35,.74),rgba(4,12,25,.72));box-shadow:inset 0 0 18px rgba(21,156,255,.04)}
.showcase-list span{color:#78d3ff;font-size:11px;letter-spacing:1.5px;font-weight:900}
.showcase-list b{color:#eaf4ff;font-size:13px;font-weight:800}
.showcase-foot{position:relative;z-index:1;margin-top:12px;padding-top:10px;border-top:1px solid rgba(100,155,230,.16);font-size:11px;letter-spacing:2px;color:#ffd77f;text-transform:uppercase;text-align:center;text-shadow:0 0 14px rgba(255,200,77,.12)}
@keyframes showcasePulse{0%,100%{transform:scale(1);opacity:.74}50%{transform:scale(1.06);opacity:1}}
@keyframes showcaseSweep{0%,100%{transform:translateX(-120%)}50%{transform:translateX(120%)}}

.stats .stat{transform-style:preserve-3d;will-change:transform}
.stats .stat .stat-top,.stats .stat .v,.stats .stat .muted,.stats .stat .hud-meter,.stats .stat .hud-meta,.stats .stat .hud-grid{transform:translateZ(0);transition:transform .18s ease}
.stats .stat.is-tilting .stat-top{transform:translateZ(24px)}
.stats .stat.is-tilting .v{transform:translateZ(34px)}
.stats .stat.is-tilting .muted{transform:translateZ(16px)}
.stats .stat.is-tilting .hud-meter,.stats .stat.is-tilting .hud-meta{transform:translateZ(20px)}
.stats .stat.is-tilting .hud-grid{transform:translateZ(12px)}
.stats .stat:hover{box-shadow:0 24px 54px rgba(0,0,0,.28), inset 0 0 34px rgba(21,156,255,.08), 0 0 28px rgba(21,156,255,.10)}

@media (max-width:1320px){
  .dashboard-hero{padding-right:330px}
  .hero-side-showcase{width:250px}
}
@media (max-width:1100px){
  .dashboard-hero{padding-right:22px;min-height:unset}
  .hero-side-showcase{position:relative;right:auto;top:auto;bottom:auto;width:100%;margin-top:14px}
  .showcase-panel{max-width:420px}
}

@media (prefers-reduced-motion: reduce){
  .sidebar,.sidebar:before,.side-brand:after,.system-card:after,.table.table-hud thead th:before,.btn-electric i,.showcase-orb,.showcase-panel:before{animation:none !important}
}


/* === v1.0.11 Pulse / Neon / HUD Ring / Icon glows === */
.status-badge.status-live{
  animation:liveBadgePulse 1.8s ease-in-out infinite;
  box-shadow:0 0 0 1px rgba(36,224,131,.18), inset 0 0 18px rgba(36,224,131,.18), 0 0 22px rgba(36,224,131,.20), 0 0 36px rgba(36,224,131,.10);
}
.status-badge.status-live:before{
  animation:liveDotPulse 1.2s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(50,245,154,.32),0 0 18px rgba(50,245,154,.85),0 0 28px rgba(50,245,154,.28);
}
.status-badge.status-live:after{animation-duration:2.8s;opacity:.8}
@keyframes liveBadgePulse{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-1px);filter:brightness(1.08)}
}
@keyframes liveDotPulse{
  0%{box-shadow:0 0 0 0 rgba(50,245,154,.36),0 0 16px rgba(50,245,154,.90),0 0 28px rgba(50,245,154,.22)}
  70%{box-shadow:0 0 0 8px rgba(50,245,154,0),0 0 22px rgba(50,245,154,.92),0 0 34px rgba(50,245,154,.32)}
  100%{box-shadow:0 0 0 0 rgba(50,245,154,0),0 0 16px rgba(50,245,154,.90),0 0 28px rgba(50,245,154,.22)}
}

.table.table-hud tbody tr:hover{transform:translateX(5px);filter:saturate(1.08) brightness(1.03)}
.table.table-hud tbody tr:hover td{
  background:linear-gradient(180deg,rgba(14,34,58,.76),rgba(8,20,36,.82));
  box-shadow:inset 0 1px 0 rgba(120,210,255,.24), inset 0 -1px 0 rgba(120,210,255,.18), 0 0 30px rgba(21,156,255,.09);
}
.table.table-hud tbody tr:hover td:first-child{
  box-shadow:inset 4px 0 0 rgba(21,156,255,.95), inset 0 1px 0 rgba(120,210,255,.24), inset 0 -1px 0 rgba(120,210,255,.18), 0 0 32px rgba(21,156,255,.10);
}
.table.table-hud tbody tr:hover td:last-child{
  box-shadow:inset -2px 0 0 rgba(21,156,255,.34), inset 0 1px 0 rgba(120,210,255,.24), inset 0 -1px 0 rgba(120,210,255,.18), 0 0 32px rgba(21,156,255,.10);
}
.table.table-hud tbody tr:before{left:4px;right:4px;top:1px;bottom:1px;border-radius:11px}
.table.table-hud tbody tr:hover:before{
  border-color:rgba(67,188,255,.42);
  box-shadow:inset 0 0 30px rgba(21,156,255,.10), 0 0 28px rgba(21,156,255,.14), 0 0 0 1px rgba(67,188,255,.08);
}
.table.table-hud tbody tr:hover:after{opacity:1;filter:brightness(1.15)}

.dashboard-hero{padding-right:480px;min-height:320px}
.hero-flag-wrap{right:280px;top:30px;bottom:auto;width:240px;height:170px}
.hero-live-module{position:absolute;right:24px;top:24px;bottom:24px;width:400px;display:flex;align-items:center;gap:18px;z-index:2}
.hero-side-showcase{display:none !important}
.wolf-hud-ring{position:relative;width:168px;height:168px;flex:0 0 168px;border-radius:50%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 20px rgba(21,156,255,.12))}
.wolf-hud-ring .ring{position:absolute;border-radius:50%;border:1px solid rgba(121,210,255,.18)}
.wolf-hud-ring .ring-a{inset:0;border-width:2px;border-color:rgba(121,210,255,.28);box-shadow:0 0 0 6px rgba(21,156,255,.03),inset 0 0 18px rgba(21,156,255,.04);animation:spinRing 11s linear infinite}
.wolf-hud-ring .ring-b{inset:16px;border-style:dashed;border-color:rgba(121,210,255,.22);animation:spinRingReverse 8.4s linear infinite}
.wolf-hud-ring .ring-c{inset:34px;border-color:rgba(255,73,102,.22);box-shadow:inset 0 0 16px rgba(255,73,102,.05);animation:spinRing 5.6s linear infinite}
.wolf-hud-ring .ring-scan{position:absolute;inset:6px;border-radius:50%;background:conic-gradient(from 180deg,transparent 0 62%,rgba(21,156,255,.0) 72%,rgba(21,156,255,.42) 84%,rgba(170,234,255,.14) 88%,transparent 100%);filter:blur(1px);animation:spinRing 3.6s linear infinite;opacity:.88}
.wolf-core{position:relative;width:72px;height:72px;border-radius:18px;background:linear-gradient(180deg,rgba(6,20,39,.92),rgba(4,11,24,.92));border:1px solid rgba(121,210,255,.20);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px rgba(21,156,255,.06),0 0 24px rgba(21,156,255,.12);z-index:2}
.wolf-core img{width:58px;height:58px;border-radius:14px}
.ring-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#7dd7ff;box-shadow:0 0 18px rgba(125,215,255,.8),0 0 30px rgba(125,215,255,.24)}
.dot-a{top:18px;left:30px;animation:ringDotFloat 3.4s ease-in-out infinite}
.dot-b{right:22px;top:48px;animation:ringDotFloat 2.6s ease-in-out infinite -1.1s}
.dot-c{bottom:26px;left:40px;background:#ff6a87;box-shadow:0 0 18px rgba(255,106,135,.8),0 0 30px rgba(255,106,135,.24);animation:ringDotFloat 3.8s ease-in-out infinite -.6s}
.ring-tag{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;font-weight:900;color:#95ddff;text-shadow:0 0 10px rgba(21,156,255,.18);white-space:nowrap}
.ring-tag.top{top:-10px}
.ring-tag.bottom{bottom:-12px;color:#ffd77f;text-shadow:0 0 10px rgba(255,192,88,.16)}
.mini-live-panel{flex:1;min-width:0;padding:18px 16px 16px;border-radius:20px;background:linear-gradient(180deg,rgba(4,14,28,.88),rgba(4,11,22,.78));border:1px solid rgba(88,150,228,.22);box-shadow:inset 0 0 30px rgba(21,156,255,.06),0 18px 36px rgba(0,0,0,.16);position:relative;overflow:hidden}
.mini-live-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(21,156,255,.0) 30%,rgba(21,156,255,.12) 48%,rgba(21,156,255,.0) 66%,transparent 100%);transform:translateX(-120%);animation:miniPanelSweep 8.4s ease-in-out infinite}
.ml-head,.ml-grid,.ml-foot{position:relative;z-index:1}
.ml-head small{display:block;color:#88d5ff;font-size:11px;letter-spacing:2px;font-weight:900}
.ml-head strong{display:block;color:#fff;font-size:18px;letter-spacing:.6px;margin-top:2px}
.ml-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ml-grid div{padding:12px;border-radius:14px;border:1px solid rgba(90,158,228,.16);background:linear-gradient(180deg,rgba(5,17,33,.76),rgba(4,12,24,.74));box-shadow:inset 0 0 18px rgba(21,156,255,.04)}
.ml-grid span{display:block;color:#7ed3ff;font-size:11px;letter-spacing:1.8px;font-weight:900}
.ml-grid b{display:block;color:#f6fbff;font-size:24px;line-height:1.1;margin-top:4px;text-shadow:0 0 16px rgba(255,255,255,.08), 0 0 18px rgba(21,156,255,.10)}
.ml-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(105,162,228,.16);font-size:11px;letter-spacing:1.8px;color:#ffd77f;text-transform:uppercase;text-align:center}
@keyframes spinRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinRingReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes ringDotFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.08)}}
@keyframes miniPanelSweep{0%,100%{transform:translateX(-120%)}50%{transform:translateX(120%)}}

.nav a .ico{position:relative;overflow:hidden;transition:box-shadow .22s ease,border-color .22s ease,background .22s ease,transform .18s ease, color .22s ease}
.nav a:hover .ico{transform:translateY(-1px)}
.nav a:nth-child(1) .ico{border-color:rgba(78,169,255,.20);box-shadow:0 0 16px rgba(78,169,255,.10), inset 0 0 14px rgba(78,169,255,.04)}
.nav a:nth-child(2) .ico{border-color:rgba(111,225,195,.18);box-shadow:0 0 16px rgba(111,225,195,.09), inset 0 0 14px rgba(111,225,195,.04)}
.nav a:nth-child(3) .ico{border-color:rgba(176,122,255,.18);box-shadow:0 0 16px rgba(176,122,255,.09), inset 0 0 14px rgba(176,122,255,.04)}
.nav a:nth-child(4) .ico{border-color:rgba(255,117,89,.18);box-shadow:0 0 16px rgba(255,117,89,.09), inset 0 0 14px rgba(255,117,89,.04)}
.nav a:nth-child(5) .ico{border-color:rgba(255,206,90,.18);box-shadow:0 0 16px rgba(255,206,90,.09), inset 0 0 14px rgba(255,206,90,.04)}
.nav a:nth-child(6) .ico{border-color:rgba(151,176,255,.18);box-shadow:0 0 16px rgba(151,176,255,.09), inset 0 0 14px rgba(151,176,255,.04)}
.nav a.logout .ico{border-color:rgba(255,92,121,.18);box-shadow:0 0 16px rgba(255,92,121,.10), inset 0 0 14px rgba(255,92,121,.04)}
.nav a.active:nth-child(1) .ico{box-shadow:0 0 18px rgba(78,169,255,.24), inset 0 0 16px rgba(78,169,255,.08)}
.nav a.active:nth-child(2) .ico{box-shadow:0 0 18px rgba(111,225,195,.22), inset 0 0 16px rgba(111,225,195,.08)}
.nav a.active:nth-child(3) .ico{box-shadow:0 0 18px rgba(176,122,255,.22), inset 0 0 16px rgba(176,122,255,.08)}
.nav a.active:nth-child(4) .ico{box-shadow:0 0 18px rgba(255,117,89,.22), inset 0 0 16px rgba(255,117,89,.08)}
.nav a.active:nth-child(5) .ico{box-shadow:0 0 18px rgba(255,206,90,.22), inset 0 0 16px rgba(255,206,90,.08)}
.nav a.active:nth-child(6) .ico{box-shadow:0 0 18px rgba(151,176,255,.22), inset 0 0 16px rgba(151,176,255,.08)}
.nav a .ico:after{content:"";position:absolute;inset:-14px;background:radial-gradient(circle,rgba(255,255,255,.10),transparent 50%);opacity:0;transition:opacity .18s ease}
.nav a:hover .ico:after,.nav a.active .ico:after{opacity:1}

@media (max-width:1480px){
  .dashboard-hero{padding-right:420px}
  .hero-live-module{width:340px}
  .hero-flag-wrap{right:240px;width:210px}
  .wolf-hud-ring{width:140px;height:140px;flex-basis:140px}
}
@media (max-width:1260px){
  .dashboard-hero{padding-right:24px;min-height:unset}
  .hero-live-module{position:relative;right:auto;top:auto;bottom:auto;width:100%;margin-top:18px;justify-content:flex-start}
  .hero-flag-wrap{position:relative;right:auto;top:auto;bottom:auto;width:220px;height:150px;margin-top:16px;margin-left:auto}
}
@media (max-width:860px){
  .hero-live-module{flex-direction:column;align-items:flex-start}
  .wolf-hud-ring{margin-left:6px}
}
@media (prefers-reduced-motion: reduce){
  .status-badge.status-live,.status-badge.status-live:before,.wolf-hud-ring .ring-a,.wolf-hud-ring .ring-b,.wolf-hud-ring .ring-c,.wolf-hud-ring .ring-scan,.ring-dot,.mini-live-panel:before{animation:none !important}
}

/* === v1.0.14 Concept Match Pack: cinematic login + radar dashboard + premium session === */
.topbar-v112{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:18px;align-items:center}
.top-motto{display:flex;align-items:center;gap:12px;justify-content:center;color:#a9bdd6;font-size:14px;min-width:0}
.top-motto em{font-family:cursive;color:#7faedc;font-size:20px;opacity:.75;white-space:nowrap}
.mini-tr-flag{width:42px;height:24px;border-radius:6px;background:linear-gradient(135deg,#b70624,#7d0018);display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 18px rgba(255,73,102,.16),inset 0 0 12px rgba(255,255,255,.06)}
.mini-tr-flag i{position:absolute;left:11px;width:13px;height:13px;border-radius:50%;background:#fff}.mini-tr-flag i:after{content:"";position:absolute;left:4px;top:1px;width:11px;height:11px;border-radius:50%;background:#b70624}.mini-tr-flag b{position:absolute;left:25px;color:#fff;font-size:10px;line-height:1}
.admin-role-badge{margin-left:auto;border:1px solid rgba(105,167,238,.25);background:rgba(21,156,255,.08);color:#9cd8ff;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;letter-spacing:.8px}

body.login-page.login-v112{overflow:hidden;background:linear-gradient(90deg,rgba(2,7,18,.10),rgba(2,7,18,.25),rgba(2,7,18,.72)),url('../img/login_cinematic_v112.jpg') center/cover fixed no-repeat}
.login-shell-v112{min-height:100vh;display:grid;grid-template-columns:1.14fr .86fr;gap:46px;align-items:center;padding:36px 54px;position:relative;isolation:isolate}
.login-shell-v112:before{content:"";position:absolute;inset:16px;border:1px solid rgba(18,129,255,.20);border-radius:22px;pointer-events:none;box-shadow:inset 0 0 44px rgba(21,156,255,.04)}
.login-brand-v112{position:relative;z-index:1;max-width:820px;color:#edf6ff}
.login-top-strip{position:fixed;top:28px;left:42px;right:42px;display:flex;align-items:center;gap:22px;color:#8fcfff;font-size:13px;letter-spacing:1.5px;font-weight:900;text-transform:uppercase;pointer-events:none;opacity:.88}
.login-top-strip .flame-mark{color:#ff455f;font-size:22px}.login-top-strip b{padding:10px 16px;border:1px solid rgba(21,156,255,.18);border-radius:10px;background:rgba(2,9,19,.58);color:#dceeff}.login-top-strip span:last-child{margin-left:auto}
.login-main-logo{width:210px;height:210px;object-fit:cover;border-radius:34px;filter:drop-shadow(0 0 28px rgba(21,156,255,.22)) drop-shadow(0 0 20px rgba(255,73,102,.16));margin:0 0 18px 105px}
.login-brand-v112 h1{font-size:76px;line-height:.94;letter-spacing:16px;margin:0;color:#f5f8ff;text-shadow:0 16px 32px rgba(0,0,0,.34)}.login-brand-v112 h1 span{color:#19a8ff}.license-title{font-size:26px;letter-spacing:24px;margin:20px 0 44px 70px;color:#f3f6ff;opacity:.94}.login-brand-v112 h3{color:#20b5ff;font-size:18px;letter-spacing:1.4px;margin:0 0 14px;text-transform:uppercase}.login-brand-v112 p{max-width:680px;color:#cad7e8;font-size:17px;line-height:1.65}
.login-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}.login-feature-grid div{min-height:130px;padding:18px 14px;border:1px solid rgba(21,156,255,.24);border-radius:14px;background:linear-gradient(180deg,rgba(3,14,28,.58),rgba(2,8,18,.48));box-shadow:inset 0 0 26px rgba(21,156,255,.04)}.login-feature-grid i{display:block;color:#16a8ff;font-size:30px;text-align:center;margin-bottom:12px}.login-feature-grid b{display:block;color:#dff2ff;text-align:center;font-size:14px;letter-spacing:.5px}.login-feature-grid small{display:block;color:#9fb4cc;text-align:center;line-height:1.45;margin-top:8px}
.login-system-line{margin-top:24px;display:grid;grid-template-columns:90px auto auto 1fr;align-items:center;gap:18px;max-width:780px;padding:14px 18px;border-radius:15px;border:1px solid rgba(21,156,255,.24);background:rgba(2,10,21,.58);box-shadow:inset 0 0 26px rgba(21,156,255,.05)}.system-emblem{width:66px;height:66px;border:1px solid rgba(21,156,255,.22);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#8ed7ff;background:rgba(4,18,36,.66)}.login-system-line b{color:#fff;letter-spacing:1px}.login-system-line strong{color:#24f08f;font-size:14px}.mini-eq{height:24px;display:flex;align-items:end;gap:5px}.mini-eq i{display:block;flex:1;min-width:8px;height:12px;background:#159cff;box-shadow:0 0 12px rgba(21,156,255,.28);animation:eqPulse 1.8s ease-in-out infinite}.mini-eq i:nth-child(2n){height:18px;animation-delay:.2s}.mini-eq i:nth-child(3n){height:8px;animation-delay:.4s}@keyframes eqPulse{50%{height:24px;filter:brightness(1.3)}}
.login-panel-v112{position:relative;z-index:2;margin-left:auto;width:min(690px,100%);padding:56px 56px 44px;border-radius:24px;background:linear-gradient(180deg,rgba(4,13,26,.92),rgba(3,10,22,.88));border:1px solid rgba(21,156,255,.32);box-shadow:0 36px 90px rgba(0,0,0,.34),inset 0 0 54px rgba(21,156,255,.07);overflow:hidden}.panel-border-glow{position:absolute;inset:14px;border:1px solid rgba(21,156,255,.22);border-radius:18px;pointer-events:none;box-shadow:inset 0 0 24px rgba(21,156,255,.04)}.login-panel-v112:before{content:"";position:absolute;inset:auto -20% 150px -20%;height:140px;background:linear-gradient(90deg,transparent,rgba(21,156,255,.25),transparent);filter:blur(22px);animation:loginPanelSweep112 6s ease-in-out infinite}.login-panel-logo{display:block;width:112px;height:112px;object-fit:cover;border-radius:24px;margin:0 auto 26px;filter:drop-shadow(0 0 24px rgba(21,156,255,.16))}.login-panel-v112 h2{text-align:center;font-size:34px;letter-spacing:2px;margin:0 0 8px}.login-panel-v112>p{text-align:center;margin-bottom:34px}.input-icon{position:relative}.input-icon span{position:absolute;left:16px;bottom:16px;color:#8dbbd7;font-size:25px;z-index:1}.input-icon em{position:absolute;right:16px;bottom:18px;color:#8dbbd7;font-style:normal}.input-icon .control{height:56px;padding-left:62px;border-radius:8px;background:rgba(2,10,21,.66);border-color:rgba(20,148,255,.38);color:#eaf6ff}.login-options{display:flex;align-items:center;justify-content:space-between;margin:8px 0 34px;color:#adc3da;font-size:14px}.login-options a{color:#18a8ff}.login-options input{accent-color:#159cff}.wild-electric{height:82px;border-radius:14px!important;font-size:24px!important;letter-spacing:2px!important;background:linear-gradient(180deg,#1399ff,#064bc8)!important;border:1px solid rgba(133,219,255,.38)!important;box-shadow:0 0 0 1px rgba(21,156,255,.20),0 0 36px rgba(21,156,255,.44),0 0 90px rgba(21,156,255,.18),inset 0 0 22px rgba(255,255,255,.12)!important}.wild-electric:before{height:24px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)!important}.wild-electric .btn-electric i{height:3px;box-shadow:0 0 18px rgba(120,230,255,.88),0 0 40px rgba(21,156,255,.48)}.login-status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.login-status-cards div{padding:18px 14px;border-radius:14px;border:1px solid rgba(21,156,255,.24);background:rgba(2,10,21,.58);text-align:center}.login-status-cards i{display:block;font-size:30px;color:#10a9ff}.login-status-cards span{display:block;color:#a5bdd7;margin-top:8px}.login-status-cards b{display:block;color:#24f08f;font-size:20px;letter-spacing:1px;margin:4px 0}.login-status-cards small{color:#a9b8c7;line-height:1.4}
@keyframes loginPanelSweep112{0%,100%{transform:translateX(-35%);opacity:.36}50%{transform:translateX(35%);opacity:.78}}

.dashboard-hero.v112{min-height:360px;padding:34px 480px 34px 38px;background:linear-gradient(90deg,rgba(4,13,27,.96),rgba(4,13,27,.78),rgba(4,13,27,.72)),url('../img/dashboard_hero_v112.jpg') center/cover no-repeat}.dashboard-hero.v112 h2 span{color:#19a8ff}.hero-main-copy{position:relative;z-index:2;max-width:680px}.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hero-chips span{height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:9px;border:1px solid rgba(21,156,255,.22);background:rgba(3,14,28,.56);color:#d9efff;font-size:12px;font-weight:900;letter-spacing:.5px;box-shadow:inset 0 0 18px rgba(21,156,255,.04)}.hero-protect-card{display:flex;align-items:center;gap:16px;max-width:520px;padding:16px 18px;border-radius:14px;border:1px solid rgba(21,156,255,.25);background:linear-gradient(180deg,rgba(6,20,38,.76),rgba(3,12,24,.66));box-shadow:inset 0 0 24px rgba(21,156,255,.05)}.protect-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(21,156,255,.28);border-radius:12px;background:rgba(21,156,255,.08);font-size:28px}.hero-protect-card b{display:block;color:#16bdff;letter-spacing:.8px}.hero-protect-card small{display:block;color:#aebfd3;margin-top:3px}.sparkline{margin-left:auto;width:150px;height:38px;display:flex;align-items:end;gap:5px}.sparkline i{display:block;flex:1;background:linear-gradient(180deg,#1cc5ff,#0a498d);box-shadow:0 0 10px rgba(21,156,255,.18);height:40%;animation:sparkUp 2.2s ease-in-out infinite}.sparkline i:nth-child(2){height:66%;animation-delay:.2s}.sparkline i:nth-child(3){height:28%;animation-delay:.4s}.sparkline i:nth-child(4){height:76%;animation-delay:.6s}.sparkline i:nth-child(5){height:46%;animation-delay:.8s}.sparkline i:nth-child(6){height:90%;animation-delay:1s}.sparkline i:nth-child(7){height:34%;animation-delay:1.2s}.sparkline i:nth-child(8){height:72%;animation-delay:1.4s}.sparkline i:nth-child(9){height:52%;animation-delay:1.6s}@keyframes sparkUp{50%{filter:brightness(1.5);transform:scaleY(1.12)}}
.hero-radar-core{position:absolute;right:360px;top:36px;width:270px;height:270px;border-radius:50%;z-index:2}.radar-label{position:absolute;top:-14px;left:0;right:0;text-align:center;color:#44c8ff;font-size:11px;font-weight:900;letter-spacing:1.6px}.radar-ring{position:absolute;border:1px solid rgba(41,157,255,.22);border-radius:50%;inset:0}.radar-ring.r2{inset:32px}.radar-ring.r3{inset:64px}.radar-ring.r4{inset:96px}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 270deg,rgba(25,168,255,.55),rgba(25,168,255,.16) 14%,transparent 25%);animation:spinRing 4s linear infinite;filter:drop-shadow(0 0 14px rgba(21,156,255,.44))}.radar-cross{position:absolute;background:linear-gradient(90deg,transparent,rgba(41,157,255,.28),transparent)}.radar-cross.x{left:0;right:0;top:50%;height:1px}.radar-cross.y{top:0;bottom:0;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(41,157,255,.28),transparent)}.radar-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#19a8ff;box-shadow:0 0 14px #19a8ff}.rd1{top:52px;right:38px}.rd2{top:92px;left:38px;background:#ff315b;box-shadow:0 0 14px #ff315b}.rd3{bottom:56px;right:72px}.rd4{bottom:102px;left:80px;background:#ff315b;box-shadow:0 0 14px #ff315b}.radar-status{position:absolute;left:18px;right:18px;bottom:-45px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.radar-status span{padding:8px 10px;border-radius:8px;background:rgba(2,10,22,.72);border:1px solid rgba(21,156,255,.18);color:#7ed5ff;font-size:11px;font-weight:900;text-align:center}.radar-status b{color:#26ef91}.hero-live-module.v112-live{right:26px;width:315px;gap:12px}.v112-live .wolf-hud-ring{width:138px;height:138px;flex-basis:138px}.v112-live .mini-live-panel{padding:16px}.v112-live .ml-grid b{font-size:24px}
.stats .stat .trend{margin:8px 0 6px;color:#24f08f;font-size:12px;font-weight:900}.stats .stat .trend.down{color:#ff647e}.v112-dash-panels{grid-template-columns:1.15fr 1.15fr .8fr}.system-side-panel .perf-card{margin-top:18px;border-top:1px solid rgba(21,156,255,.14);padding-top:14px}.perf-card b{font-size:12px;color:#a8c4df;letter-spacing:1px}.perf-bars{height:74px;display:flex;align-items:end;gap:6px;margin-top:10px}.perf-bars i{flex:1;background:linear-gradient(180deg,#159cff,#063d81);box-shadow:0 0 10px rgba(21,156,255,.20);border-radius:4px 4px 0 0;animation:perfWave 2.5s ease-in-out infinite}.perf-bars i:nth-child(2n){animation-delay:.25s}.perf-bars i:nth-child(3n){animation-delay:.55s}@keyframes perfWave{50%{filter:brightness(1.3);transform:scaleY(1.08)}}

.session-hero.v112-session-hero{position:relative;min-height:170px;border:1px solid rgba(21,156,255,.28);border-radius:18px;overflow:hidden;background:linear-gradient(90deg,rgba(4,13,27,.96),rgba(4,13,27,.76)),url('../img/dashboard_hero_v112.jpg') center/cover no-repeat;padding:28px 34px;margin-bottom:18px}.session-hero h2{font-size:42px;margin:6px 0;color:#f2f7ff}.session-wolf-eye{position:absolute;right:34px;top:18px;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(21,156,255,.22);box-shadow:inset 0 0 30px rgba(21,156,255,.08),0 0 30px rgba(21,156,255,.12)}.session-wolf-eye img{width:84px;height:84px;border-radius:20px}.session-watch-panel{display:grid;grid-template-columns:1.4fr .7fr 1.1fr;gap:16px;margin:0 0 18px}.watch-left,.watch-radar,.watch-wave{border:1px solid rgba(21,156,255,.24);border-radius:16px;background:linear-gradient(180deg,rgba(5,16,31,.86),rgba(4,12,24,.78));box-shadow:inset 0 0 28px rgba(21,156,255,.05);overflow:hidden;position:relative}.panel-head.clean{border:0;background:transparent;padding:16px 18px 0}.watch-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px 18px}.watch-kpis div{padding:14px;border:1px solid rgba(21,156,255,.16);border-radius:12px;background:rgba(2,10,22,.54)}.watch-kpis span{display:block;color:#8ed7ff;font-size:11px;font-weight:900;letter-spacing:.8px}.watch-kpis b{display:block;color:#fff;font-size:28px;margin-top:6px}.watch-kpis small{display:block;color:#9fb6cf}.watch-kpis i{display:block;height:22px;margin-top:8px;background:linear-gradient(135deg,transparent 0 20%,rgba(21,156,255,.45) 22%,transparent 24% 36%,rgba(21,156,255,.34) 38%,transparent 40%);background-size:36px 22px;animation:streakMove 2s linear infinite}.watch-radar{min-height:170px;display:flex;align-items:center;justify-content:center}.watch-radar span{position:absolute;border-radius:50%;border:1px solid rgba(21,156,255,.24)}.watch-radar span:nth-child(2){inset:26px}.watch-radar span:nth-child(3){inset:52px}.watch-radar span:nth-child(4){inset:78px}.watch-radar i{width:150px;height:150px;border-radius:50%;background:conic-gradient(from 0deg,rgba(21,156,255,.55),transparent 24%);animation:spinRing 3s linear infinite}.watch-wave{padding:20px}.live-dot{position:absolute;right:18px;top:16px;color:#ff476b;font-weight:900;letter-spacing:1.2px}.watch-wave>b{color:#bce6ff;letter-spacing:1.2px}.wave-line{height:64px;margin:20px 0;display:flex;align-items:center;gap:4px}.wave-line i{flex:1;height:2px;background:#13a8ff;box-shadow:0 0 8px rgba(21,156,255,.4);animation:waveBars 1.5s ease-in-out infinite}.wave-line i:nth-child(2n){height:22px}.wave-line i:nth-child(3n){height:38px}.wave-line i:nth-child(4n){height:12px}@keyframes waveBars{50%{filter:brightness(1.4);transform:scaleY(1.2)}}.watch-health{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.watch-health div{padding:12px;border:1px solid rgba(21,156,255,.16);border-radius:12px;text-align:center;color:#9fb8d2}.watch-health strong{display:block;color:#fff;font-size:18px}.watch-health small{display:block;color:#24f08f}
@keyframes streakMove{to{background-position:72px 0}}

.table.table-hud tbody tr:hover{transform:translateX(7px);filter:saturate(1.15) brightness(1.06)}.table.table-hud tbody tr:hover:before{border-color:rgba(67,188,255,.62)!important;box-shadow:inset 0 0 36px rgba(21,156,255,.14),0 0 32px rgba(21,156,255,.18),0 0 0 1px rgba(67,188,255,.12)!important}.table.table-hud tbody tr:hover td:first-child{box-shadow:inset 5px 0 0 rgba(21,156,255,1),inset 0 1px 0 rgba(120,210,255,.28),inset 0 -1px 0 rgba(120,210,255,.22),0 0 36px rgba(21,156,255,.13)!important}.table.table-hud tbody tr:hover td{background:linear-gradient(180deg,rgba(14,40,70,.80),rgba(8,20,36,.88))!important}.table.table-hud tbody tr:hover:after{background:linear-gradient(90deg,transparent,rgba(120,220,255,.34),rgba(255,255,255,.14),rgba(120,220,255,.26),transparent);animation-duration:1.4s}
@media (max-width:1500px){.dashboard-hero.v112{padding-right:420px}.hero-radar-core{right:310px;width:220px;height:220px}.hero-live-module.v112-live{width:290px}.watch-kpis{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1260px){.topbar-v112{grid-template-columns:1fr auto}.top-motto{grid-column:1 / -1;order:3}.dashboard-hero.v112{padding-right:34px}.hero-radar-core,.hero-live-module.v112-live{position:relative;right:auto;top:auto;width:100%;height:auto;margin-top:18px}.hero-radar-core{height:240px;max-width:320px}.session-watch-panel{grid-template-columns:1fr}.login-shell-v112{grid-template-columns:1fr;overflow:auto}.login-panel-v112{margin:0 auto}.login-main-logo{margin-left:0}.login-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.login-feature-grid,.login-status-cards,.watch-health,.watch-kpis,.v112-dash-panels{grid-template-columns:1fr}.login-brand-v112 h1{font-size:48px;letter-spacing:8px}.license-title{letter-spacing:12px;margin-left:0}.login-shell-v112{padding:28px}.login-panel-v112{padding:34px 24px}}


/* === v1.0.14 Login Clean Concept Fix ===
   Temiz wallpaper entegre edildi: artık arka planda UI/resim üst üste binmez. */
body.login-page.login-v112,
body.login-page.login-v112.login-clean-v114{
  overflow:auto;
  background:
    radial-gradient(circle at 72% 18%,rgba(21,156,255,.10),transparent 22%),
    radial-gradient(circle at 28% 20%,rgba(255,42,78,.14),transparent 24%),
    linear-gradient(90deg,rgba(2,7,18,.34) 0%,rgba(2,7,18,.22) 34%,rgba(2,7,18,.46) 58%,rgba(2,7,18,.78) 100%),
    url('../img/login_wallpaper_clean_v114.png') center center/cover fixed no-repeat !important;
}
.login-shell-v112{
  grid-template-columns:minmax(680px,1.08fr) minmax(540px,.92fr);
  gap:42px;
  min-height:100vh;
  padding:34px 54px;
}
.login-shell-v112:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(2,7,18,.12),transparent 42%,rgba(2,7,18,.22)),
    repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px);
  mix-blend-mode:screen;
  opacity:.28;
}
.login-brand-v112,.login-panel-v112{position:relative;z-index:2}
.login-brand-v112{
  max-width:760px;
  padding-top:72px;
  text-shadow:0 12px 28px rgba(0,0,0,.45);
}
.login-top-strip{
  z-index:4;
  background:linear-gradient(90deg,rgba(2,10,22,.72),rgba(2,10,22,.22),rgba(2,10,22,.72));
  border:1px solid rgba(21,156,255,.16);
  border-radius:13px;
  padding:8px 14px;
  backdrop-filter:blur(6px);
}
.login-main-logo{
  width:190px;
  height:190px;
  margin:0 0 18px 96px;
  box-shadow:0 0 42px rgba(21,156,255,.08),0 0 32px rgba(255,55,86,.08);
}
.login-brand-v112 h1{
  font-size:clamp(54px,4.4vw,76px);
  letter-spacing:14px;
}
.license-title{
  letter-spacing:22px;
  margin:18px 0 38px 64px;
}
.login-brand-v112 h3{
  max-width:670px;
  text-shadow:0 0 18px rgba(21,156,255,.12);
}
.login-brand-v112 p{
  max-width:710px;
  background:linear-gradient(90deg,rgba(2,8,18,.34),transparent);
  border-left:2px solid rgba(21,156,255,.20);
  padding-left:16px;
}
.login-feature-grid div,
.login-system-line{
  background:linear-gradient(180deg,rgba(3,14,28,.64),rgba(2,8,18,.52));
  backdrop-filter:blur(5px);
}
.login-panel-v112{
  width:min(650px,100%);
  padding:54px 50px 42px;
  background:
    linear-gradient(180deg,rgba(4,13,26,.88),rgba(3,10,22,.83)),
    radial-gradient(circle at 55% 0%,rgba(21,156,255,.12),transparent 34%);
  backdrop-filter:blur(10px);
  border-color:rgba(21,156,255,.34);
}
.login-panel-v112:before{
  opacity:.70;
}
.login-panel-v112:after{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:18px;
  border:1px solid rgba(21,156,255,.16);
  pointer-events:none;
  box-shadow:inset 0 0 40px rgba(21,156,255,.035);
}
.login-panel-v112 .control{
  background:rgba(2,10,21,.76);
  color:#eaf6ff;
}
.login-panel-v112 .control::placeholder{color:#6c89a7}
.login-panel-v112 .control:-webkit-autofill,
.login-panel-v112 .control:-webkit-autofill:hover,
.login-panel-v112 .control:-webkit-autofill:focus{
  -webkit-text-fill-color:#eaf6ff;
  transition:background-color 9999s ease-in-out 0s;
  -webkit-box-shadow:0 0 0 1000px rgba(2,10,21,.92) inset,0 0 0 1px rgba(20,148,255,.38);
  box-shadow:0 0 0 1000px rgba(2,10,21,.92) inset,0 0 0 1px rgba(20,148,255,.38);
  caret-color:#eaf6ff;
}
.login-status-cards div{
  background:linear-gradient(180deg,rgba(3,14,28,.70),rgba(2,8,18,.58));
  backdrop-filter:blur(5px);
}
@media (max-width:1260px){
  .login-shell-v112{grid-template-columns:1fr;gap:30px;padding:72px 34px 34px}
  .login-brand-v112{max-width:none;padding-top:30px}
  .login-main-logo{margin-left:0}
  .license-title{margin-left:0}
  .login-panel-v112{margin:0 auto}
}
@media (max-width:760px){
  .login-shell-v112{padding:84px 20px 28px}
  .login-top-strip{left:18px;right:18px;top:18px;flex-wrap:wrap;gap:10px}
  .login-brand-v112 h1{font-size:46px;letter-spacing:7px}
  .license-title{letter-spacing:10px;font-size:18px}
  .login-panel-v112{padding:34px 22px}
}

/* v1.0.14.1 login panel size + transparency refinement */
body.login-page.login-v112.login-clean-v114 .login-shell-v112{
  grid-template-columns:minmax(620px,1.1fr) minmax(470px,.82fr);
  gap:36px;
  padding:26px 42px;
}
body.login-page.login-v112.login-clean-v114 .login-brand-v112{
  max-width:720px;
  padding-top:44px;
}
body.login-page.login-v112.login-clean-v114 .login-main-logo{
  width:170px;
  height:170px;
  margin:0 0 14px 82px;
}
body.login-page.login-v112.login-clean-v114 .license-title{
  margin:14px 0 30px 56px;
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid{
  gap:14px;
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid div,
body.login-page.login-v112.login-clean-v114 .login-system-line{
  background:linear-gradient(180deg,rgba(3,14,28,.46),rgba(2,8,18,.30));
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112{
  width:min(560px,100%);
  padding:36px 38px 28px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(4,13,26,.58),rgba(3,10,22,.44)),
    radial-gradient(circle at 55% 0%,rgba(21,156,255,.10),transparent 34%);
  backdrop-filter:blur(8px);
  box-shadow:0 24px 64px rgba(0,0,0,.28), inset 0 0 54px rgba(21,156,255,.04);
}
body.login-page.login-v112.login-clean-v114 .panel-border-glow{
  inset:12px;
  border-color:rgba(21,156,255,.14);
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112:after{
  inset:12px;
  border-color:rgba(21,156,255,.10);
}
body.login-page.login-v112.login-clean-v114 .login-panel-logo{
  width:96px;
  height:96px;
  margin:0 auto 18px;
  border-radius:22px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112 h2{
  font-size:26px;
  margin:0 0 6px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112>p{
  margin-bottom:24px;
  font-size:14px;
  color:#b8cade;
}
body.login-page.login-v112.login-clean-v114 .field{
  margin-bottom:16px;
}
body.login-page.login-v112.login-clean-v114 .field label{
  font-size:13px;
  margin-bottom:8px;
}
body.login-page.login-v112.login-clean-v114 .input-icon span{
  left:14px;
  bottom:14px;
  font-size:22px;
}
body.login-page.login-v112.login-clean-v114 .input-icon em{
  right:14px;
  bottom:16px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112 .control{
  height:50px;
  padding-left:56px;
  background:rgba(2,10,21,.48);
}
body.login-page.login-v112.login-clean-v114 .login-options{
  margin:4px 0 20px;
  font-size:13px;
}
body.login-page.login-v112.login-clean-v114 .wild-electric{
  height:64px;
  border-radius:13px!important;
  font-size:18px!important;
  letter-spacing:1.2px!important;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards{
  gap:12px;
  margin-top:20px;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards div{
  padding:14px 10px;
  background:linear-gradient(180deg,rgba(3,14,28,.48),rgba(2,8,18,.32));
}
body.login-page.login-v112.login-clean-v114 .login-status-cards i{
  font-size:24px;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards span{
  margin-top:6px;
  font-size:12px;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards b{
  font-size:16px;
  margin:3px 0;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards small{
  font-size:12px;
  line-height:1.35;
}
@media (max-width:1260px){
  body.login-page.login-v112.login-clean-v114 .login-shell-v112{
    grid-template-columns:1fr;
    gap:24px;
    padding:64px 28px 28px;
  }
  body.login-page.login-v112.login-clean-v114 .login-brand-v112{
    padding-top:20px;
  }
  body.login-page.login-v112.login-clean-v114 .login-panel-v112{
    width:min(620px,100%);
    margin:0 auto;
  }
}
@media (max-width:760px){
  body.login-page.login-v112.login-clean-v114 .login-shell-v112{
    padding:78px 16px 22px;
  }
  body.login-page.login-v112.login-clean-v114 .login-panel-v112{
    width:100%;
    padding:28px 18px 22px;
  }
  body.login-page.login-v112.login-clean-v114 .login-panel-logo{
    width:84px;
    height:84px;
  }
  body.login-page.login-v112.login-clean-v114 .login-panel-v112 h2{
    font-size:22px;
  }
  body.login-page.login-v112.login-clean-v114 .wild-electric{
    height:58px;
    font-size:17px!important;
  }
}


/* === v1.0.15 final login fit: compact panel + glass transparency === */
body.login-page.login-v112.login-clean-v114{
  overflow:auto;
  min-height:100vh;
}
body.login-page.login-v112.login-clean-v114 .login-shell-v112{
  min-height:100vh;
  grid-template-columns:minmax(600px,1.12fr) minmax(430px,.78fr);
  gap:30px;
  align-items:center;
  padding:22px 40px;
}
body.login-page.login-v112.login-clean-v114 .login-shell-v112:before{
  inset:12px;
  opacity:.76;
}
body.login-page.login-v112.login-clean-v114 .login-brand-v112{
  max-width:690px;
  padding-top:30px;
}
body.login-page.login-v112.login-clean-v114 .login-top-strip{
  top:18px;
  left:34px;
  right:34px;
  padding:7px 12px;
  background:linear-gradient(90deg,rgba(2,10,22,.62),rgba(2,10,22,.18),rgba(2,10,22,.58));
}
body.login-page.login-v112.login-clean-v114 .login-main-logo{
  width:150px;
  height:150px;
  margin:0 0 12px 72px;
  border-radius:30px;
}
body.login-page.login-v112.login-clean-v114 .login-brand-v112 h1{
  font-size:clamp(48px,3.9vw,68px);
  letter-spacing:12px;
}
body.login-page.login-v112.login-clean-v114 .license-title{
  font-size:21px;
  letter-spacing:18px;
  margin:12px 0 28px 48px;
}
body.login-page.login-v112.login-clean-v114 .login-brand-v112 h3{
  font-size:16px;
  margin-bottom:10px;
}
body.login-page.login-v112.login-clean-v114 .login-brand-v112 p{
  font-size:15px;
  line-height:1.56;
  max-width:650px;
  background:linear-gradient(90deg,rgba(2,8,18,.24),transparent);
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid{
  margin-top:22px;
  gap:12px;
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid div{
  min-height:112px;
  padding:14px 12px;
  background:linear-gradient(180deg,rgba(3,14,28,.34),rgba(2,8,18,.22));
  border-color:rgba(21,156,255,.18);
  backdrop-filter:blur(3px);
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid i{
  font-size:24px;
  margin-bottom:9px;
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid b{
  font-size:12px;
}
body.login-page.login-v112.login-clean-v114 .login-feature-grid small{
  font-size:12px;
  line-height:1.35;
}
body.login-page.login-v112.login-clean-v114 .login-system-line{
  margin-top:16px;
  max-width:640px;
  grid-template-columns:64px auto auto 1fr;
  gap:13px;
  padding:12px 14px;
  background:linear-gradient(180deg,rgba(3,14,28,.34),rgba(2,8,18,.22));
  border-color:rgba(21,156,255,.17);
  backdrop-filter:blur(3px);
}
body.login-page.login-v112.login-clean-v114 .system-emblem{
  width:50px;
  height:50px;
  font-size:26px;
}
body.login-page.login-v112.login-clean-v114 .mini-eq{
  height:20px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112{
  width:min(500px,100%);
  padding:30px 34px 24px;
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(4,13,26,.46),rgba(3,10,22,.32)),
    radial-gradient(circle at 50% 0%,rgba(21,156,255,.08),transparent 38%);
  border-color:rgba(21,156,255,.26);
  backdrop-filter:blur(6px);
  box-shadow:0 20px 54px rgba(0,0,0,.24), inset 0 0 44px rgba(21,156,255,.032);
}
body.login-page.login-v112.login-clean-v114 .panel-border-glow{
  inset:10px;
  opacity:.68;
  border-color:rgba(21,156,255,.10);
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112:before{
  opacity:.45;
  height:100px;
  inset:auto -20% 120px -20%;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112:after{
  inset:10px;
  border-color:rgba(21,156,255,.08);
  box-shadow:inset 0 0 26px rgba(21,156,255,.02);
}
body.login-page.login-v112.login-clean-v114 .login-panel-logo{
  width:84px;
  height:84px;
  margin:0 auto 16px;
  border-radius:20px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112 h2{
  font-size:24px;
  letter-spacing:1.5px;
  margin-bottom:4px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112>p{
  font-size:13px;
  margin-bottom:20px;
}
body.login-page.login-v112.login-clean-v114 .field{
  margin-bottom:14px;
}
body.login-page.login-v112.login-clean-v114 .field label{
  font-size:12px;
  margin-bottom:7px;
}
body.login-page.login-v112.login-clean-v114 .input-icon span{
  left:13px;
  bottom:13px;
  font-size:20px;
}
body.login-page.login-v112.login-clean-v114 .input-icon em{
  right:13px;
  bottom:14px;
}
body.login-page.login-v112.login-clean-v114 .login-panel-v112 .control{
  height:46px;
  padding-left:52px;
  background:rgba(2,10,21,.36);
  border-color:rgba(20,148,255,.32);
}
body.login-page.login-v112.login-clean-v114 .login-options{
  margin:2px 0 17px;
  font-size:12px;
}
body.login-page.login-v112.login-clean-v114 .wild-electric{
  height:56px;
  font-size:17px!important;
  letter-spacing:1px!important;
  border-radius:12px!important;
  box-shadow:0 0 0 1px rgba(21,156,255,.16),0 0 28px rgba(21,156,255,.32),0 0 70px rgba(21,156,255,.12),inset 0 0 18px rgba(255,255,255,.09)!important;
}
body.login-page.login-v112.login-clean-v114 .wild-electric:before{
  height:18px!important;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards{
  gap:10px;
  margin-top:17px;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards div{
  padding:12px 9px;
  background:linear-gradient(180deg,rgba(3,14,28,.36),rgba(2,8,18,.24));
  border-color:rgba(21,156,255,.17);
  backdrop-filter:blur(3px);
}
body.login-page.login-v112.login-clean-v114 .login-status-cards i{
  font-size:22px;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards span{
  margin-top:5px;
  font-size:11px;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards b{
  font-size:15px;
  margin:2px 0;
}
body.login-page.login-v112.login-clean-v114 .login-status-cards small{
  font-size:11px;
  line-height:1.3;
}
@media (max-height:850px) and (min-width:1261px){
  body.login-page.login-v112.login-clean-v114 .login-shell-v112{padding-top:18px;padding-bottom:18px;}
  body.login-page.login-v112.login-clean-v114 .login-brand-v112{padding-top:36px;}
  body.login-page.login-v112.login-clean-v114 .login-main-logo{width:132px;height:132px;margin-left:62px;}
  body.login-page.login-v112.login-clean-v114 .license-title{margin-bottom:20px;}
  body.login-page.login-v112.login-clean-v114 .login-feature-grid div{min-height:98px;}
  body.login-page.login-v112.login-clean-v114 .login-system-line{margin-top:12px;}
  body.login-page.login-v112.login-clean-v114 .login-panel-v112{width:min(470px,100%);padding:24px 30px 20px;}
  body.login-page.login-v112.login-clean-v114 .login-panel-logo{width:72px;height:72px;margin-bottom:12px;}
  body.login-page.login-v112.login-clean-v114 .login-panel-v112 h2{font-size:22px;}
  body.login-page.login-v112.login-clean-v114 .login-panel-v112>p{margin-bottom:16px;}
  body.login-page.login-v112.login-clean-v114 .login-status-cards{margin-top:14px;}
}
@media (max-width:1260px){
  body.login-page.login-v112.login-clean-v114 .login-shell-v112{
    grid-template-columns:1fr;
    gap:22px;
    padding:64px 28px 26px;
  }
  body.login-page.login-v112.login-clean-v114 .login-panel-v112{
    width:min(560px,100%);
    margin:0 auto;
  }
}
@media (max-width:760px){
  body.login-page.login-v112.login-clean-v114 .login-shell-v112{padding:78px 16px 22px;}
  body.login-page.login-v112.login-clean-v114 .login-panel-v112{width:100%;padding:24px 16px 20px;}
  body.login-page.login-v112.login-clean-v114 .login-status-cards{grid-template-columns:1fr;}
}