@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#0a0e1a;--bg2:#0f1520;--bg3:#141b27;--card:#131927;--border:#1e2840;--border2:#243050;--text:#e2e8f5;--muted:#5a6a8a;--primary:#1a8fe0;--primary2:#0d6fbf;--success:#10c96a;--warning:#f5a623;--danger:#e0324a;--cyan:#00d4ff;--purple:#7c3aed;--orange:#f97316}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:13px;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.font-mono{font-family:JetBrains Mono,monospace}input,select,textarea{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 12px;font-size:13px;font-family:Inter,sans-serif;outline:none;width:100%;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}button{cursor:pointer;font-family:Inter,sans-serif;font-size:12px;transition:all .15s}.btn-primary{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600}.btn-primary:hover{background:var(--primary2)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted);padding:6px 12px;border-radius:6px}.btn-ghost:hover{border-color:var(--border2);color:var(--text)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger);padding:6px 12px;border-radius:6px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;border:1px solid}.tag{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-family:JetBrains Mono,monospace;background:var(--bg2);border:1px solid var(--border);color:var(--muted)}.pill-elite{color:#10c96a;border-color:#10c96a33;background:#10c96a0d}.pill-strong{color:#1a8fe0;border-color:#1a8fe033;background:#1a8fe00d}.pill-competitive{color:#00d4ff;border-color:#00d4ff33;background:#00d4ff0d}.pill-moderate{color:#f5a623;border-color:#f5a62333;background:#f5a6230d}.pill-weak{color:#f97316;border-color:#f9731633;background:#f973160d}.pill-concern{color:#e0324a;border-color:#e0324a33;background:#e0324a0d}.pill-critical{color:#f03;border-color:#f033;background:#ff00330d}.score-elite{color:#10c96a}.score-strong{color:#1a8fe0}.score-competitive{color:#00d4ff}.score-moderate{color:#f5a623}.score-weak{color:#f97316}.score-concern{color:#e0324a}.score-critical{color:#f03}.bar-track{height:4px;background:var(--bg2);border-radius:2px;flex:1}.bar-fill{height:4px;border-radius:2px;transition:width .6s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:24px;width:520px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-title{font-size:16px;font-weight:700;margin-bottom:4px}.modal-sub{font-size:12px;color:var(--muted);margin-bottom:20px}.form-group{margin-bottom:14px}.form-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;display:block}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table{width:100%;border-collapse:collapse}.table th{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:hover td{background:var(--bg2)}.table tr:last-child td{border-bottom:none}.alert-item{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:8px}.alert-critical{border-left:3px solid var(--danger)}.alert-high{border-left:3px solid var(--warning)}.alert-medium{border-left:3px solid #6b7280}.alert-low{border-left:3px solid var(--success)}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}select option{background:var(--bg2)}