.admin-layout{color:#fff;background:#020716;min-height:100vh;display:flex}.admin-sidebar{background:#071126;border-right:1px solid #a0b4ff1f;width:300px;padding:24px;overflow-y:auto}.admin-sidebar h2{margin:0 0 8px;font-size:24px}.admin-user{color:#8fa2d8;margin-bottom:20px;font-size:13px}.admin-menu{gap:10px;display:grid}.admin-menu button{text-align:left;color:#fff;cursor:pointer;background:#111a35;border:1px solid #a0b4ff1f;border-radius:14px;padding:14px 16px}.admin-main{flex:1;padding:28px;overflow:auto}.admin-top{background:#111a35b8;border:1px solid #a0b4ff1f;border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding:20px 24px;display:flex}.admin-top h1{margin:0}.admin-top p{color:#b7c4e8;margin:6px 0 0}.top-actions{align-items:center;gap:12px;display:flex}.top-search{color:#fff;background:#0b1530;border:1px solid #a0b4ff2e;border-radius:14px;width:260px;padding:13px 16px}.admin-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4b72ff,#7d5bff);border:none;border-radius:14px;padding:13px 18px}.admin-kpi{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.kpi-card{background:linear-gradient(135deg,#111a35,#17244a);border:1px solid #a0b4ff24;border-radius:22px;padding:22px;box-shadow:0 0 26px #5b8cff1a}.kpi-card span{color:#b7c4e8}.kpi-card strong{margin-top:10px;font-size:30px;display:block}.admin-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.admin-panel{background:#111a35d1;border:1px solid #a0b4ff24;border-radius:24px;padding:24px}.admin-panel h2{margin-top:0}.log-item,.timeline-item,.notice-row{color:#cbd7ff;background:#0b1530;border-radius:16px;margin-top:10px;padding:14px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.quick-card{cursor:pointer;background:#111a35;border:1px solid #a0b4ff24;border-radius:18px;padding:18px}.preview-box{color:#cbd7ff;white-space:pre-wrap;background:#0b1530;border:1px dashed #a0b4ff38;border-radius:18px;margin-top:18px;padding:20px}.risk-row{color:#8effc8;background:#39ff9f1a;border:1px solid #39ff9f33;border-radius:16px;justify-content:space-between;gap:12px;margin-top:10px;padding:14px;display:flex}.risk-row.warn{color:#ffd27a;background:#ffbb3d1a;border-color:#ffbb3d38}.admin-table{border-collapse:collapse;width:100%;margin-top:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #a0b4ff1a;padding:14px}.admin-table th{color:#9fb5ff}.status{color:#8effc8;background:#39ff9f1f;border-radius:999px;padding:6px 10px;display:inline-block}.status.warn{color:#ffd27a;background:#ffbb3d1f}.chart{align-items:end;gap:14px;height:240px;margin-top:22px;display:flex}.bar{background:linear-gradient(#7d5bff,#4b72ff);border-radius:14px 14px 0 0;flex:1}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-full{grid-column:1/-1}.form-input,.form-textarea,.form-select{color:#fff;background:#0b1530;border:1px solid #a0b4ff2e;border-radius:14px;width:100%;margin-top:8px;padding:16px}.form-textarea{min-height:150px}.form-label{color:#b7c4e8;font-size:14px}.loading{color:#9fb5ff}.error{color:#ff8fa3}.server-row{background:#0b1530;border-radius:16px;justify-content:space-between;margin-top:10px;padding:14px;display:flex}.server-row b{color:#8effc8}@media (width<=1000px){.admin-layout{display:block}.admin-sidebar{width:100%}.admin-kpi,.admin-grid,.quick-grid,.form-grid{grid-template-columns:1fr}.admin-top{display:block}.top-actions{margin-top:16px;display:block}.top-search{width:100%;margin-bottom:10px}}*{box-sizing:border-box}body{background:#000814;margin:0;font-family:Arial,sans-serif}.main-screen{background:radial-gradient(circle,#08111f 0%,#000814 100%);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.particles{position:absolute;inset:0}.particles:before,.particles:after{content:"";opacity:.14;background-image:radial-gradient(#ffd700cc 1px,#0000 1px);background-size:60px 60px;width:200%;height:200%;animation:18s linear infinite particleMove;position:absolute}.particles:after{opacity:.08;animation-duration:28s}.cursor-light{pointer-events:none;z-index:1;filter:blur(8px);background:radial-gradient(circle,#00ffe12e 0%,#ffd7001a 35%,#0000 70%);border-radius:50%;width:300px;height:300px;position:fixed}.logo-wrap{text-align:center;z-index:5;animation:4s ease-in-out infinite floatLogo;position:relative}.logo-wrap:before{content:"";filter:blur(2px);z-index:0;background:conic-gradient(#0000 0deg,#00ffe12e 40deg,#0000 80deg 360deg);border-radius:50%;width:620px;height:620px;animation:8s linear infinite radarSpin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.logo-wrap:after{content:"";filter:blur(18px);z-index:0;background:radial-gradient(circle,#ffd70073 0%,#00ffff2e 35%,#00ffff0d 60%,#0000 75%);border-radius:50%;width:260px;height:260px;animation:3s ease-in-out infinite energyCore;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.gold-orbit{z-index:0;border:2px solid #ffd70059;border-radius:50%;width:430px;height:430px;animation:10s linear infinite orbitSpin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px #ffd70080,0 0 80px #ffd70040}.logo-gold{z-index:2;filter:sepia()saturate(5)hue-rotate(8deg)brightness(1.2)drop-shadow(0 0 20px #ffd70080)drop-shadow(0 0 50px #ffd70040);width:320px;animation:2.5s ease-in-out infinite goldPulse,5s infinite hologramShake;position:relative}.main-title{z-index:2;color:#f7d774;letter-spacing:4px;margin-top:24px;font-size:54px;font-weight:800;animation:4s infinite hologramText;position:relative}.sub-title{z-index:2;color:#9fb8ff;letter-spacing:6px;margin-top:10px;font-size:18px;position:relative}.enter-button{z-index:3;color:#08111f;letter-spacing:3px;cursor:pointer;background:linear-gradient(135deg,#f7d774,#b8860b);border:none;border-radius:999px;margin-top:20px;padding:16px 42px;font-size:16px;font-weight:800;animation:2.4s ease-in-out infinite buttonPulse;position:relative;box-shadow:0 0 20px #ffd7008c,0 0 60px #ffd70040}.live-clock{color:#7cffb2;letter-spacing:2px;text-shadow:0 0 12px #7cffb2b3;z-index:5;font-size:18px;font-weight:700;position:absolute;top:-40px;right:-40px}.system-online{color:#00ffe1;letter-spacing:3px;z-index:5;background:#00ffe114;border:1px solid #00ffe166;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite onlineBlink;position:absolute;top:-20px;left:-40px;box-shadow:0 0 20px #00ffe140}.scan-data{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;color:#7cffb2;letter-spacing:1px;text-align:left;background:#00142894;border:1px solid #00ffc833;border-radius:16px;width:220px;padding:16px;font-family:monospace;font-size:12px;position:absolute;bottom:10px;left:-180px;box-shadow:0 0 25px #00ffc81f}.scan-data p{opacity:0;margin:10px 0;animation:.6s forwards scanLog}.scan-data p:first-child{animation-delay:.2s}.scan-data p:nth-child(2){animation-delay:.8s}.scan-data p:nth-child(3){animation-delay:1.4s}.scan-data p:nth-child(4){animation-delay:2s}.scan-data p:nth-child(5){animation-delay:2.6s}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes particleMove{0%{transform:translate(0)}to{transform:translate(-120px,-120px)}}@keyframes orbitSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes radarSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes energyCore{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}}@keyframes goldPulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes hologramShake{0%,to{transform:translate(0)scale(1)}20%{transform:translate(1px,-1px)scale(1.01)}40%{transform:translate(-1px,1px)scale(1)}60%{transform:translate(1px,1px)scale(1.02)}80%{transform:translate(-1px,-1px)scale(1)}}@keyframes hologramText{0%,to{text-shadow:0 0 10px #ffd700cc,0 0 30px #ffd70066}50%{text-shadow:2px 0 10px #00ffffb3,-2px 0 18px #ffd700cc,0 0 40px #ffd70080}}@keyframes buttonPulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes onlineBlink{0%,to{opacity:.7}50%{opacity:1}}@keyframes scanLog{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.logo-gold{width:210px}.main-title{letter-spacing:2px;font-size:34px}.sub-title{letter-spacing:3px;font-size:12px}.enter-button{margin-top:18px;padding:12px 26px;font-size:13px}.live-clock{font-size:13px;top:-55px;right:0}.system-online{padding:6px 10px;font-size:10px;top:-20px;left:0}.scan-data{width:90%;margin:24px auto 0;font-size:10px;position:relative;bottom:auto;left:auto}.gold-orbit{width:300px;height:300px}.logo-wrap:before{width:420px;height:420px}.logo-wrap:after{width:180px;height:180px}}.login-panel{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#001428b8;border:1px solid #00ffe12e;border-radius:24px;flex-direction:column;gap:18px;width:380px;padding:42px;animation:1s loginFade;display:flex;position:relative;box-shadow:0 0 30px #00ffe11f,0 0 80px #ffd70014}.login-panel h1{text-align:center;color:#f7d774;letter-spacing:4px;margin:0 0 12px}.login-panel input{color:#fff;background:#ffffff0a;border:1px solid #00ffe12e;border-radius:14px;outline:none;height:52px;padding:0 18px;font-size:15px}.login-panel input::placeholder{color:#8aa7c7}.login-panel button{color:#08111f;letter-spacing:3px;cursor:pointer;background:linear-gradient(135deg,#f7d774,#b8860b);border:none;border-radius:14px;height:52px;margin-top:8px;font-size:15px;font-weight:800;box-shadow:0 0 25px #ffd70047}.login-panel button:hover{transform:scale(1.03)}@keyframes loginFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-sidebar button{color:#9fb8ff;text-align:left;letter-spacing:1px;cursor:pointer;background:#ffffff0a;border:1px solid #00ffe11f;border-radius:14px;width:100%;margin-bottom:12px;padding:14px 12px;font-size:15px}.dashboard-sidebar button:hover{color:#f7d774;border-color:#ffd70073;box-shadow:0 0 20px #ffd70024}.page-box{background:#ffffff0d;border:1px solid #00ffe12e;border-radius:24px;padding:40px;box-shadow:0 0 24px #00ffc81a,inset 0 0 30px #ffd7000a}.page-box h1{color:#f7d774;letter-spacing:4px}.page-box p{color:#9fffdc;font-size:28px}
