@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0b0f1a;--bg2: #111827;--bg3: #1a2235;--bg4: #222d42;--border: #2a3550;--border2: #364060;--text: #dde3f0;--text2: #7a8caa;--text3: #4a5a78;--blue: #3b82f6;--blue-d: rgba(59,130,246,.14);--green: #22c55e;--green-d: rgba(34,197,94,.14);--red: #ef4444;--red-d: rgba(239,68,68,.14);--yellow: #f59e0b;--yellow-d: rgba(245,158,11,.14);--orange: #f97316;--r: 8px;--r2: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.hdr{display:flex;justify-content:space-between;align-items:center;padding:0 28px;height:58px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.hdr-brand{display:flex;align-items:center;gap:10px}.hdr-logo{width:34px;height:34px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;letter-spacing:-.3px;flex-shrink:0}.hdr-name{font-size:15px;font-weight:700;letter-spacing:-.3px}.hdr-sub{font-size:11px;color:var(--text3);font-weight:400}.hdr-nav{display:flex;gap:3px;background:var(--bg3);padding:4px;border-radius:var(--r);border:1px solid var(--border)}.nav-btn{padding:6px 16px;border:none;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;color:var(--text2);background:transparent;transition:.15s;font-family:inherit}.nav-btn:hover{color:var(--text);background:var(--bg4)}.nav-btn.active{background:var(--blue);color:#fff;box-shadow:0 2px 8px #3b82f659}.wrap{max-width:1440px;margin:0 auto;padding:28px}.two-col{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.pipeline{display:flex;align-items:stretch;gap:0;margin-bottom:24px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.pipe-step{flex:1;display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:500;color:var(--text3);border-right:1px solid var(--border);transition:.2s;position:relative;cursor:default;min-width:0}.pipe-step:last-child{border-right:none}.pipe-step.done{color:var(--green);background:var(--green-d)}.pipe-step.active{color:var(--blue);background:var(--blue-d);font-weight:600}.pipe-step.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.pipe-num{width:22px;height:22px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;color:var(--text3)}.pipe-step.done .pipe-num{background:var(--green);color:#fff}.pipe-step.active .pipe-num{background:var(--blue);color:#fff}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:24px}.card+.card{margin-top:16px}.card-title{font-size:15px;font-weight:700;margin-bottom:4px;letter-spacing:-.2px}.card-sub{font-size:12px;color:var(--text2);margin-bottom:20px;line-height:1.6}.section-sep{height:1px;background:var(--border);margin:20px 0}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.fg{margin-bottom:14px}.fg label{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:14px;font-family:inherit;transition:.15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--blue);background:var(--bg4);box-shadow:0 0 0 3px var(--blue-d)}.input-wrap{position:relative}.input-wrap input{padding-right:44px}.unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text3);font-family:JetBrains Mono,monospace;pointer-events:none}.tiles{display:grid;gap:8px;margin-bottom:16px}.tiles-2{grid-template-columns:repeat(2,1fr)}.tiles-3{grid-template-columns:repeat(3,1fr)}.tiles-4{grid-template-columns:repeat(4,1fr)}.tile{padding:12px 8px;border:1px solid var(--border);border-radius:var(--r);text-align:center;cursor:pointer;transition:.15s;background:var(--bg3);-webkit-user-select:none;user-select:none}.tile:hover{border-color:var(--blue);background:var(--bg4)}.tile.sel{border-color:var(--blue);background:var(--blue-d);color:var(--blue)}.tile-icon{font-size:20px;display:block;margin-bottom:4px;line-height:1}.tile-label{font-size:11px;font-weight:600;line-height:1.2}.tile-desc{font-size:10px;color:var(--text2);margin-top:2px}.tile.sel .tile-desc{color:#3b82f6b3}.btn{padding:10px 20px;border:none;border-radius:var(--r);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s;letter-spacing:.1px}.btn-primary{background:var(--blue);color:#fff;width:100%;padding:13px;font-size:14px;box-shadow:0 2px 10px #3b82f64d}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 16px #3b82f666}.btn-primary:disabled{background:var(--bg3);color:var(--text3);cursor:not-allowed;box-shadow:none}.btn-success{background:var(--green);color:#fff;width:100%;padding:13px;font-size:14px;box-shadow:0 2px 10px #22c55e4d}.btn-success:hover:not(:disabled){background:#16a34a}.btn-ghost{background:var(--bg3);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg4);color:var(--text)}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger{background:var(--red);color:#fff;padding:5px 10px;font-size:12px}.btn-danger:hover{background:#dc2626}.btn-row{display:flex;gap:10px;margin-top:20px}.btn-row .btn-primary{flex:1}.flags{display:flex;flex-direction:column;gap:7px;margin-top:14px}.flag{display:flex;gap:10px;padding:10px 12px;border-radius:var(--r);border-left:3px solid;font-size:12px;line-height:1.5}.flag-red{background:var(--red-d);border-color:var(--red)}.flag-yellow{background:var(--yellow-d);border-color:var(--yellow)}.flag-info{background:var(--blue-d);border-color:var(--blue)}.flag-icon{font-size:14px;flex-shrink:0;margin-top:1px}.flag-title{font-weight:700;margin-bottom:2px}.flag-red .flag-title{color:var(--red)}.flag-yellow .flag-title{color:var(--yellow)}.flag-info .flag-title{color:var(--blue)}.flag-detail{color:var(--text2)}.arch-cards{display:flex;flex-direction:column;gap:12px}.arch-card{border:2px solid var(--border);border-radius:var(--r2);padding:18px;cursor:pointer;transition:.15s;background:var(--bg3);position:relative}.arch-card:hover{border-color:var(--blue-d);background:var(--bg4)}.arch-card.sel{border-color:var(--blue);background:var(--blue-d)}.arch-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.arch-icon{width:44px;height:44px;background:var(--bg);border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;border:1px solid var(--border)}.arch-name{font-size:15px;font-weight:700;margin-bottom:2px}.arch-tagline{font-size:12px;color:var(--text2);line-height:1.4}.arch-score-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.arch-score-label{font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.4px;width:80px}.arch-score-bar{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.arch-score-fill{height:100%;border-radius:3px;transition:.3s}.arch-score-val{font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;width:32px;text-align:right}.arch-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.arch-meta-item{background:var(--bg);border-radius:5px;padding:7px 9px;border:1px solid var(--border)}.arch-meta-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.arch-meta-val{font-size:12px;font-weight:600;font-family:JetBrains Mono,monospace;color:var(--text)}.arch-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arch-list-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-weight:600}.arch-list li{font-size:12px;color:var(--text2);margin-left:14px;margin-bottom:3px;line-height:1.4}.arch-best{position:absolute;top:0;right:14px;font-size:10px;font-weight:700;padding:2px 9px;border-radius:0 0 6px 6px;text-transform:uppercase;letter-spacing:.4px}.sys-cards{display:flex;flex-direction:column;gap:10px}.sys-card{border:1px solid var(--border);border-radius:var(--r2);padding:16px;cursor:pointer;transition:.15s;background:var(--bg3)}.sys-card:hover{border-color:var(--blue);background:var(--bg4)}.sys-card.sel{border-color:var(--blue);background:var(--blue-d)}.sys-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sys-robot{display:flex;align-items:center;gap:8px}.sys-rank{width:22px;height:22px;border-radius:50%;background:var(--bg);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text2);flex-shrink:0}.sys-card.sel .sys-rank{background:var(--blue);color:#fff}.sys-robot-name{font-size:14px;font-weight:700}.sys-type{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--bg);color:var(--text2);border:1px solid var(--border);font-weight:500}.sys-compat{display:flex;gap:5px;flex-wrap:wrap}.compat{font-size:10px;padding:2px 7px;border-radius:3px;font-weight:700}.compat-ok{background:var(--green-d);color:var(--green)}.compat-fail{background:var(--red-d);color:var(--red)}.comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.comp-chip{background:var(--bg);border-radius:5px;padding:6px 8px;border:1px solid var(--border)}.comp-chip-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.3px}.comp-chip-val{font-size:11px;font-weight:500;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sys-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border)}.sys-price{font-size:16px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text)}.sys-delivery{font-size:12px;color:var(--text2)}.best-tag{position:absolute;top:-1px;right:14px;font-size:10px;font-weight:700;padding:2px 9px;background:var(--blue);color:#fff;border-radius:0 0 6px 6px;text-transform:uppercase;letter-spacing:.4px}.dash{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:20px;position:sticky;top:78px}.dash-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text2);margin-bottom:16px}.feasibility{padding:16px;border-radius:var(--r);border:1px solid;margin-bottom:16px;text-align:center}.feasibility-ok{background:var(--green-d);border-color:var(--green)}.feasibility-warn{background:var(--yellow-d);border-color:var(--yellow)}.feasibility-crit{background:var(--red-d);border-color:var(--red)}.feasibility-pending{background:var(--bg3);border-color:var(--border)}.feas-dot{width:10px;height:10px;border-radius:50%;margin:0 auto 8px;transition:.3s}.feas-dot-ok{background:var(--green);box-shadow:0 0 10px var(--green);animation:pg 2s infinite}.feas-dot-warn{background:var(--yellow);box-shadow:0 0 10px var(--yellow);animation:py 2s infinite}.feas-dot-crit{background:var(--red);box-shadow:0 0 10px var(--red);animation:pr 2s infinite}.feas-dot-pending{background:var(--bg4)}@keyframes pg{0%,to{box-shadow:0 0 4px var(--green)}50%{box-shadow:0 0 12px var(--green)}}@keyframes py{0%,to{box-shadow:0 0 4px var(--yellow)}50%{box-shadow:0 0 12px var(--yellow)}}@keyframes pr{0%,to{box-shadow:0 0 4px var(--red)}50%{box-shadow:0 0 12px var(--red)}}.feas-label{font-size:13px;font-weight:700;letter-spacing:.3px}.feasibility-ok .feas-label{color:var(--green)}.feasibility-warn .feas-label{color:var(--yellow)}.feasibility-crit .feas-label{color:var(--red)}.feasibility-pending .feas-label{color:var(--text3)}.feas-sub{font-size:11px;color:var(--text2);margin-top:3px}.metrics{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg3);border-radius:var(--r);border:1px solid var(--border)}.metric-label{font-size:11px;color:var(--text2)}.metric-val{font-size:13px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text)}.gauge{background:var(--bg3);border-radius:var(--r);padding:13px;margin-bottom:9px;border:1px solid var(--border)}.gauge-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.gauge-lbl{font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.gauge-val{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;margin-bottom:3px;line-height:1}.gauge-sub{font-size:11px;color:var(--text3)}.gauge-bar{height:4px;background:var(--bg);border-radius:3px;overflow:hidden;margin-top:8px}.gauge-fill{height:100%;border-radius:3px;transition:width .5s}.gf-g{background:var(--green)}.gf-y{background:var(--yellow)}.gf-r{background:var(--red)}.iface-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.iface-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg3);border-radius:var(--r);border:1px solid var(--border)}.iface-label{font-size:12px;color:var(--text2)}.iface-detail{font-size:10px;color:var(--text3);margin-top:1px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge-g{background:var(--green-d);color:var(--green)}.badge-r{background:var(--red-d);color:var(--red)}.badge-y{background:var(--yellow-d);color:var(--yellow)}.badge-b{background:var(--blue-d);color:var(--blue)}.empty{text-align:center;padding:40px 16px;color:var(--text3)}.empty-icon{font-size:32px;margin-bottom:10px}.empty-t{font-size:13px;font-weight:600;color:var(--text2);margin-bottom:5px}.empty-d{font-size:12px;line-height:1.6}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:18px}.stat-val{font-size:28px;font-weight:700;font-family:JetBrains Mono,monospace;line-height:1;margin-bottom:4px}.stat-lbl{font-size:12px;color:var(--text2)}.ktable{width:100%;border-collapse:collapse}.ktable th{text-align:left;padding:9px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--text2);border-bottom:1px solid var(--border)}.ktable td{padding:9px 12px;font-size:13px;border-bottom:1px solid var(--border);vertical-align:middle}.ktable tr:last-child td{border-bottom:none}.ktable tr:hover td{background:var(--bg3)}@media (max-width:1100px){.two-col{grid-template-columns:1fr}.dash{position:static}}@media (max-width:700px){.pipeline{flex-wrap:wrap}.row2,.row3{grid-template-columns:1fr}.tiles-4,.tiles-3,.stat-row{grid-template-columns:repeat(2,1fr)}}