:root{--bg: #05070A;--panel: #0a0e16;--card: rgba(255,255,255,.035);--card-hi: rgba(255,255,255,.06);--card-border: rgba(10,77,255,.22);--card-border-hover: rgba(45,107,255,.55);--text: #ffffff;--muted: rgba(255,255,255,.55);--faint: rgba(255,255,255,.32);--accent: #2d6bff;--accent-deep: #0A4DFF;--red: #FF4500;--cat-media: #FF4500;--cat-cloud: #2d6bff;--cat-dev: #8b52ff;--cat-infra: #00C853;--cat-hw: #FF9100;--ok: #00C853;--warn: #FF9100;--down: #ff4d4d;--glow: rgba(10,77,255,.16);--hair: rgba(255,255,255,.07);--overlay: rgba(3,5,9,.72)}:root[data-theme=dark]{--bg: #05070A;--panel: #0a0e16;--card: rgba(255,255,255,.035);--card-hi: rgba(255,255,255,.06);--card-border: rgba(10,77,255,.22);--card-border-hover: rgba(45,107,255,.55);--text: #ffffff;--muted: rgba(255,255,255,.55);--faint: rgba(255,255,255,.32);--accent: #2d6bff;--accent-deep: #0A4DFF;--red: #FF4500;--cat-media: #FF4500;--cat-cloud: #2d6bff;--cat-dev: #8b52ff;--cat-infra: #00C853;--cat-hw: #FF9100;--ok: #00C853;--warn: #FF9100;--down: #ff4d4d;--glow: rgba(10,77,255,.16);--hair: rgba(255,255,255,.07);--overlay: rgba(3,5,9,.72)}:root[data-theme=light]{--bg: #eaeef6;--panel: #f5f7fb;--card: #ffffff;--card-hi: #ffffff;--card-border: rgba(10,77,255,.16);--card-border-hover: rgba(10,77,255,.45);--text: #0a1020;--muted: #5b6373;--faint: #98a0b0;--accent: #0A4DFF;--accent-deep: #0A4DFF;--red: #e03e00;--cat-media: #e03e00;--cat-cloud: #0A4DFF;--cat-dev: #6f34ff;--cat-infra: #0f9d47;--cat-hw: #d97600;--ok: #0f9d47;--warn: #d97600;--down: #d63232;--glow: rgba(10,77,255,.1);--hair: rgba(10,20,40,.08);--overlay: rgba(20,28,48,.45)}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: #eaeef6;--panel: #f5f7fb;--card: #ffffff;--card-hi: #ffffff;--card-border: rgba(10,77,255,.16);--card-border-hover: rgba(10,77,255,.45);--text: #0a1020;--muted: #5b6373;--faint: #98a0b0;--accent: #0A4DFF;--accent-deep: #0A4DFF;--red: #e03e00;--cat-media: #e03e00;--cat-cloud: #0A4DFF;--cat-dev: #6f34ff;--cat-infra: #0f9d47;--cat-hw: #d97600;--ok: #0f9d47;--warn: #d97600;--down: #d63232;--glow: rgba(10,77,255,.1);--hair: rgba(10,20,40,.08);--overlay: rgba(20,28,48,.45)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 420px at 50% -160px,var(--glow),transparent 70%),var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.gk{max-width:1200px;margin:0 auto;padding:22px clamp(14px,3vw,34px) 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px}.brand .logo{height:46px;width:auto;flex:none;filter:drop-shadow(0 0 10px rgba(10,77,255,.4))}.brand h1{margin:0;font-size:19px;font-weight:600;letter-spacing:.06em}.brand .sub{margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}.top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);background:var(--card);border:1px solid var(--hair);border-radius:9px;padding:8px 12px}.pill .i{color:var(--accent);display:inline-flex}.seg{display:inline-flex;background:var(--card);border:1px solid var(--hair);border-radius:9px;padding:3px}.seg button{all:unset;cursor:pointer;font-size:12px;color:var(--muted);padding:6px 11px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;transition:.15s}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.icon-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--muted);background:var(--card);border:1px solid var(--hair);border-radius:9px;transition:.15s}.icon-btn:hover{color:var(--text);border-color:var(--card-border-hover)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:30px}.metric{background:var(--card);border:1px solid var(--hair);border-radius:14px;padding:16px 18px}.metric .k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.metric .v{font-size:28px;font-weight:600;margin:0;font-variant-numeric:tabular-nums;line-height:1}.metric .v small{font-size:16px;color:var(--muted);font-weight:400}.legend{display:flex;gap:18px;flex-wrap:wrap;margin:0 2px 12px;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:7px}.legend .dot{width:8px;height:8px;border-radius:50%}.section-h{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:26px 2px 12px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.tile{all:unset;box-sizing:border-box;position:relative;background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:15px 16px;overflow:hidden;transition:.18s;cursor:pointer;display:block}.tile:hover{border-color:var(--card-border-hover);background:var(--card-hi);box-shadow:0 0 0 1px #2d6bff26,0 10px 30px #00000073,0 0 26px var(--glow);transform:translateY(-2px)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tile-ic{color:var(--text);opacity:.9}.badge.agent{color:var(--accent)}.badge.ping{color:var(--muted)}.badge.web{color:var(--faint)}.tile h3{margin:0 0 3px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.catdot{width:7px;height:7px;border-radius:50%;flex:none}.tile .stat{margin:0;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.sdot{width:8px;height:8px;border-radius:50%;flex:none}.cat{position:absolute;top:0;left:0;bottom:0;width:3px}.hero{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(420px 160px at 12% 0%,var(--glow),transparent 70%);pointer-events:none}.hero .l{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.hero .hic{width:52px;height:52px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;background:#2d6bff24;color:var(--accent);border:1px solid var(--card-border)}.hero h2{margin:0 0 5px;font-size:17px;font-weight:600}.hero .stat{margin:0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}.hero .r{display:flex;gap:10px;position:relative;z-index:1}.btn{all:unset;box-sizing:border-box;cursor:pointer;font-size:13px;font-weight:500;padding:10px 18px;border-radius:9px;border:1px solid var(--hair);color:var(--text);background:var(--card);transition:.15s}.btn:hover{border-color:var(--card-border-hover);background:var(--card-hi)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-deep);box-shadow:0 0 18px #0a4dff80}.overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:440px;max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid var(--card-border);border-radius:16px;padding:22px 24px}.modal h2{margin:0 0 4px;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.modal .hint{margin:0 0 18px;font-size:12.5px;color:var(--muted)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input[type=text],.field input[type=password],.field input[type=number]{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:9px;color:var(--text);font-size:14px;padding:10px 12px}.field input[type=text],.field input[type=password],.field input[type=number]:focus{outline:none;border-color:var(--card-border-hover)}.field label.check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);text-transform:none;letter-spacing:0;margin:0;cursor:pointer}.field label.check input{width:auto}.divider{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:20px 0 12px;padding-top:14px;border-top:1px solid var(--hair)}.preview{font-size:12px;color:var(--faint);margin-top:6px;word-break:break-all}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-wide{max-width:560px}.tile-actions{display:flex;align-items:center;gap:8px}.tile-toggle{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:var(--muted);border:1px solid var(--hair);transition:.15s}.tile-toggle:hover{color:var(--text);border-color:var(--card-border-hover)}.tile-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-toggle:disabled{opacity:.5;cursor:default}.modal select,.modal textarea{width:100%;background:var(--card);border:1px solid var(--card-border);border-radius:9px;color:var(--text);font-size:14px;padding:10px 12px;font-family:inherit}.modal textarea{resize:vertical;min-height:64px}.modal select:focus,.modal textarea:focus{outline:none;border-color:var(--card-border-hover)}.ai-answer{margin-top:16px;background:var(--card);border:1px solid var(--hair);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6;white-space:pre-wrap;max-height:320px;overflow-y:auto}.btn-col{display:flex;flex-direction:column;gap:10px}.btn.danger{border-color:var(--down);color:var(--down)}.btn.danger:hover{background:#ff4d4d1f}@media(max-width:640px){.gk{padding:16px 14px 40px}.brand h1{font-size:17px}.brand .logo{height:38px}.seg button{padding:6px 9px}.metrics{grid-template-columns:repeat(2,1fr)}.hero{flex-direction:column;align-items:stretch}.hero .r{width:100%}.hero .r .btn{flex:1;text-align:center;justify-content:center}.modal{padding:18px}}