:root{--bg:#16181d;--bg-2:#1b1e25;--card:#1f232b;--card-hover:#262b34;--border:#2b303a;--text:#e8eaf0;--muted:#8b93a7;--accent:#4f7cff;--green:#2fd08a;--red:#ff5470;--amber:#f5b342}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#232838 0,var(--bg) 55%);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.scan-fx-wrap{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.scan-fx{position:absolute;inset:0;width:100vw;height:100vh;opacity:.11;animation:scanfx-fade .5s ease}.scan-line{position:absolute;left:0;right:0;height:2px;top:0;background:linear-gradient(90deg,transparent,rgba(47,208,138,.75),transparent);box-shadow:0 0 14px 2px rgba(47,208,138,.5);animation:scan-sweep 2.6s linear infinite;will-change:transform}.scan-fx-wrap:not(.running) .scan-line{animation-play-state:paused}@keyframes scanfx-fade{0%{opacity:0}to{opacity:.11}}@keyframes scan-sweep{0%{transform:translateY(-3vh)}to{transform:translateY(103vh)}}.nav,.wrap{position:relative;z-index:1}.nav{justify-content:space-between;padding:20px 32px;max-width:1120px;margin:0 auto}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:18px;letter-spacing:.2px}.brand .logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#7b5cff);display:grid;place-items:center}.nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover{color:var(--text)}.wrap{max-width:1120px;margin:0 auto;padding:24px 32px 96px}.hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center;padding:32px 0 16px}.hero h1{font-size:52px;line-height:1.04;margin:0 0 20px;font-weight:800;letter-spacing:-1px}.hero h1 .accent-green{color:var(--green)}.hero h1 .accent-red{color:var(--red)}.hero p{color:var(--muted);line-height:1.7;max-width:420px;margin:0 0 28px}.btn,.hero p{font-size:15px}.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:13px 26px;font-weight:600;cursor:pointer;transition:transform .06s ease,background .2s ease}.btn:hover{background:#3d6bf0}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:#2a2f3a}.btn.ghost:hover{background:#333947}.cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .06s ease}.card:hover{background:var(--card-hover);border-color:#3a4150}.card:active{transform:translateY(1px)}.card.active{border-color:var(--accent)}.card .icon{color:var(--muted);margin-bottom:14px}.card .title{font-weight:700;font-size:15px;letter-spacing:.3px}.card .status{color:var(--muted);font-size:13px;margin-top:4px}.card .status.ok{color:var(--green)}.card .status.bad{color:var(--red)}.badge{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:inline-grid;place-items:center;font-size:14px;font-weight:700;color:#0d0f13;vertical-align:middle}.card .badge{position:absolute;top:18px;right:18px}.badge.ok{background:var(--green)}.badge.bad{background:var(--red);color:#fff}.badge.idle,.badge.na{background:#363c48;color:var(--muted)}.detail{margin-top:28px;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;overflow:hidden}.detail .head{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--border)}.detail .head .title{font-size:16px;font-weight:700}.detail .body{padding:8px 22px 18px}.item-title{font-weight:600;font-size:14px;margin:16px 0 6px;display:flex;align-items:center;gap:8px}.note{color:var(--amber);font-size:13px;margin:6px 0}.kv{display:grid;grid-template-columns:220px 1fr;grid-gap:12px;gap:12px;padding:11px 0;border-top:1px solid #23272f}.kv:first-child{border-top:0}.kv .k{color:var(--muted)}.kv .k,.kv .v{font-size:13px}.kv .v{word-break:break-word}.kv .v.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#c3ccdd}.chip-ok{color:var(--green);font-weight:600}.chip-bad{color:var(--red);font-weight:600}.muted{color:var(--muted)}.sub-block{margin:4px 0 4px 12px;padding-left:12px;border-left:2px solid #2b303a}.meta-line{color:var(--muted);font-size:12.5px;margin-top:14px}.meta-line code{color:#aeb7c9;background:#22262f;padding:1px 6px;border-radius:5px}.err{color:var(--red);margin-top:16px}@media (max-width:820px){.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:38px}.kv{grid-template-columns:1fr;gap:2px}}