:root{--bg:#02070b;--panel:#07141d;--line:rgba(78,242,255,.22);--cyan:#4ef2ff;--green:#00f5a0;--text:#eaffff;--muted:#9fcfd0;--danger:#ff5c7a;--gold:#ffdf7e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#102230 0,#02070b 45%,#010306 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.qk-bg{position:fixed;inset:0;background:linear-gradient(90deg,rgba(78,242,255,.04) 1px,transparent 1px),linear-gradient(rgba(0,245,160,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 80%);pointer-events:none}.qk-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 34px;background:rgba(2,7,11,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.qk-brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none}.qk-orb{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--green),var(--cyan));color:#001014;font-weight:900;box-shadow:0 0 24px rgba(0,245,160,.35)}.qk-brand strong{display:block;letter-spacing:2px}.qk-brand small{display:block;color:var(--muted);font-size:12px}.qk-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.qk-nav a{color:#dff;text-decoration:none;padding:10px 12px;border:1px solid rgba(78,242,255,.14);border-radius:999px;background:rgba(7,20,29,.5)}.qk-nav a:hover{border-color:var(--green);box-shadow:0 0 18px rgba(0,245,160,.16)}.qk-shell{width:min(1180px,94vw);margin:34px auto 70px}.qk-panel{background:linear-gradient(145deg,rgba(7,20,29,.98),rgba(2,7,11,.96));border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.03);margin-bottom:24px}.qk-centered{text-align:center;max-width:760px;margin:44px auto}.qk-hero{text-align:center;padding:34px}.qk-hero h1,.qk-panel h1{margin:0 0 10px;font-size:clamp(30px,5vw,58px);letter-spacing:-1px}.qk-panel h2{margin:0 0 16px;color:var(--cyan)}.qk-sub{color:var(--muted);line-height:1.6}.qk-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.qk-card{grid-column:span 4;background:rgba(255,255,255,.025);border:1px solid rgba(78,242,255,.16);border-radius:20px;padding:20px}.qk-card.wide{grid-column:span 8}.qk-card.full{grid-column:1/-1}.qk-kpi{font-size:38px;font-weight:900;color:var(--green)}.qk-btn,button.qk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:13px 18px;background:linear-gradient(90deg,var(--green),var(--cyan));color:#001014;font-weight:900;text-decoration:none;cursor:pointer}.qk-btn.secondary{background:#0c1e2a;color:var(--text);border:1px solid var(--line)}.qk-btn.danger{background:linear-gradient(90deg,#ff5c7a,#ffb86c);color:#160309}.qk-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}.qk-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px}.qk-table th,.qk-table td{padding:13px 12px;border-bottom:1px solid rgba(78,242,255,.12);text-align:left;vertical-align:top}.qk-table th{color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:1px}.qk-badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#dff;background:rgba(78,242,255,.06)}.qk-badge.ok{border-color:rgba(0,245,160,.45);color:var(--green)}.qk-badge.warn{border-color:rgba(255,223,126,.55);color:var(--gold)}.qk-badge.bad{border-color:rgba(255,92,122,.55);color:var(--danger)}input,textarea,select{width:100%;background:#041018;color:var(--text);border:1px solid rgba(78,242,255,.2);border-radius:14px;padding:13px 14px;margin:8px 0 14px;font:inherit}label{display:block;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:1px}.qk-pre{white-space:pre-wrap;word-break:break-word;background:#02070a;border:1px solid rgba(78,242,255,.2);border-radius:16px;padding:18px;max-height:460px;overflow:auto;color:#dff}.qk-score{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:conic-gradient(var(--green) calc(var(--score)*1%),rgba(78,242,255,.12) 0);box-shadow:0 0 28px rgba(0,245,160,.2)}.qk-score span{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;background:#041018;font-size:34px;font-weight:900;color:var(--green)}.qk-foot{border-top:1px solid var(--line);padding:24px 34px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#02070b;text-align:center}@media(max-width:860px){.qk-top{position:relative;align-items:flex-start;flex-direction:column}.qk-card,.qk-card.wide{grid-column:1/-1}.qk-nav{justify-content:flex-start}.qk-foot{justify-content:center}.qk-table{font-size:13px}}