:root{--bg:#07111f;--panel:#0d1b2f;--panel2:#10243d;--text:#eef7ff;--muted:#96a8bc;--accent:#69e3ff;--good:#38e884;--bad:#ff5a6c;--warn:#ffd166;--line:#ffffff1a}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,#183b68,transparent 35%),radial-gradient(circle at bottom right,#38e8841f,transparent 28%),var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.shell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050d19d1;height:100vh;padding:24px;position:sticky;top:0;overflow:auto}.brand{align-items:center;gap:12px;margin-bottom:20px;font-size:24px;display:flex}.brand small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.searchBox input{width:100%;color:var(--text);border:1px solid var(--line);background:#07111f;border-radius:14px;margin-bottom:16px;padding:12px}.nav{width:100%;color:var(--text);cursor:pointer;text-align:right;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;margin:6px 0;padding:13px 12px;font-size:15px;display:flex}.nav:hover,.activeNav{background:#69e3ff1a;border-color:#69e3ff3d}.nav strong{background:#ffffff14;border-radius:999px;margin-right:auto;padding:2px 8px;font-size:11px}.nav em{color:var(--warn);font-size:11px;font-style:normal}.content{max-width:1500px;padding:34px}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#69e3ff29,#38e88414);border-radius:30px;justify-content:space-between;align-items:center;gap:24px;padding:30px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.hero h1{margin:10px 0;font-size:42px;line-height:1.05}.hero p{color:var(--muted);max-width:760px}.actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}button{background:var(--accent);color:#04101d;cursor:pointer;border:0;border-radius:14px;padding:12px 16px;font-weight:800}button:disabled{opacity:.55}.secondaryBtn{background:#38e884f2}.ghostBtn{color:var(--text);border:1px solid var(--line);background:#ffffff14}.miniStats,.statusStrip>div,.scoreRing{border:1px solid var(--line);background:#ffffff12;border-radius:18px;min-width:120px;padding:12px 18px}.scoreRing{text-align:center;background:conic-gradient(var(--good),var(--accent),#ffffff14);border-radius:50%;place-items:center;width:102px;height:102px;display:grid;box-shadow:0 0 40px #69e3ff29}.scoreRing b{font-size:24px}.scoreRing span,.miniStats span,.statusStrip span{color:var(--muted);font-size:12px;display:block}.statusStrip{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 28px;display:grid}.sectionTitle{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 16px;display:flex}.sectionTitle h2{margin:0}.sectionTitle span{color:var(--muted);font-size:13px}.twoCol{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.lockPanel{background:#ffd1661a;border:1px solid #ffd16640;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:18px;display:flex}.lockPanel p{color:var(--muted);margin:4px 0 0}.lockPanel input,.chat input{color:var(--text);border:1px solid var(--line);background:#07111f;border-radius:12px;padding:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.grid.compact{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{border:1px solid var(--line);background:linear-gradient(#ffffff14,#ffffff09);border-radius:24px;padding:20px;box-shadow:0 18px 60px #00000038}.cardTop{justify-content:space-between;align-items:center;display:flex}.bigIcon{font-size:34px}.dot{background:var(--muted);border-radius:50%;width:12px;height:12px;box-shadow:0 0 20px}.dot.active{background:var(--good);color:var(--good)}.dot.inactive{background:var(--warn);color:var(--warn)}.dot.error{background:var(--bad);color:var(--bad)}.card h3{margin:14px 0 8px}.card p{color:var(--muted);min-height:58px}.account{color:var(--accent);margin:10px 0;font-size:13px}.badges{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.badges span{background:#69e3ff1f;border:1px solid #69e3ff2e;border-radius:999px;padding:5px 8px;font-size:11px}pre{text-align:left;white-space:pre-wrap;border:1px solid var(--line);color:#cfe7ff;direction:ltr;background:#00000038;border-radius:14px;max-height:150px;padding:12px;overflow:auto}.testPanel,.searchResults,.timeline{border:1px solid var(--line);background:#ffffff0b;border-radius:24px;margin-bottom:22px;padding:18px}.testGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.test{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;padding:14px}.test.ok{border-color:#38e88459}.test.fail{border-color:#ff5a6c73}.test span{color:var(--muted);margin:5px 0;font-size:12px;display:block}.test p{color:#cfe7ff;margin:0;font-size:13px}.timeline{position:sticky;top:22px}.event{border-right:3px solid var(--accent);background:#ffffff0b;border-radius:14px;margin:10px 0;padding:12px 14px;position:relative}.event.ok{border-color:var(--good)}.event.warn{border-color:var(--warn)}.event.error{border-color:var(--bad)}.event.change{border-color:#bd8cff}.event p{color:var(--muted);margin:4px 0;font-size:13px}.event time{color:var(--accent);font-size:11px}.chatFab{border-radius:999px;width:58px;height:58px;font-size:24px;position:fixed;bottom:24px;left:26px;box-shadow:0 10px 40px #69e3ff40}.chat{border:1px solid var(--line);background:#081526;border-radius:22px;width:min(380px,100vw - 48px);position:fixed;bottom:94px;left:28px;overflow:hidden;box-shadow:0 20px 80px #0006}.chat header{background:var(--panel2);padding:14px 16px;font-weight:800}.chatBody{max-height:310px;padding:14px;overflow:auto}.chatBody p{background:#ffffff12;border-radius:14px;padding:10px 12px}.chatBody .user{background:#69e3ff26}.chat form{border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.chat input{flex:1}@media (max-width:1120px){.twoCol{grid-template-columns:1fr}.timeline{position:relative;top:auto}}@media (max-width:850px){.shell{grid-template-columns:1fr}.sidebar{border-left:0;border-bottom:1px solid var(--line);height:auto;position:relative}.content{padding:18px}.hero{display:block}.hero h1{font-size:32px}.statusStrip{grid-template-columns:repeat(2,1fr)}.lockPanel{display:block}.lockPanel input{width:100%;margin:12px 0}}
