*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f6fb;color:#1b1f3b}
.banner{background:#fff3cd;color:#7a5a00;text-align:center;padding:8px;font-size:14px;font-weight:600}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#fff;border-bottom:1px solid #e5e7f0}
.brand{display:flex;gap:12px;align-items:center;font-size:18px}.brand img{height:40px}
main{max-width:1100px;margin:auto;padding:20px}.card{background:#fff;border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:0 2px 10px #1b1f3b0d}
h2{margin:0 0 14px;font-size:20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.n{background:#5b3df5;color:#fff;border-radius:50%;width:28px;height:28px;display:inline-grid;place-items:center;font-size:14px}
.hidden{display:none}textarea{width:100%;border:1px solid #d7dbea;border-radius:10px;padding:12px;font:inherit;font-size:14px}
button{cursor:pointer;font:inherit;border-radius:9px;border:0;padding:10px 16px}.primary{background:#5b3df5;color:#fff;margin-top:12px;font-weight:600}
.ghost{background:#eef0f8;color:#1b1f3b}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.presets button.on{background:#5b3df5;color:#fff}
.agents{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}
.ag{border:1px solid #e5e7f0;border-radius:10px;padding:10px;font-size:13px}.ag b{display:block}.ag.run{border-color:#5b3df5;background:#f1eeff}.ag.done{border-color:#18a058;background:#eefaf3}
.ag .st{font-size:12px;color:#667}.console{background:#0f1226;color:#c9d1ff;font-family:ui-monospace,Menlo,monospace;font-size:13px;border-radius:10px;padding:14px;height:260px;overflow:auto}
.console .a{color:#9d8cff}.console .ok{color:#5ee49a}.console .w{color:#ffcf5c}
.tag{font-size:12px;background:#fff3cd;color:#7a5a00;padding:3px 8px;border-radius:20px}.tag.warn{background:#ffe1e1;color:#a11}
.must{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip{background:#eef0f8;padding:4px 10px;border-radius:20px;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.cand{border:1px solid #e5e7f0;border-radius:12px;padding:14px;cursor:pointer;transition:.15s}.cand:hover{box-shadow:0 4px 14px #5b3df522}
.cand.ap{border-color:#18a058}.cand.rj{opacity:.45}.row{display:flex;justify-content:space-between;font-size:13px;margin:4px 0}
.score{font-weight:700;color:#5b3df5;font-size:22px}.risk-low{color:#18a058}.risk-med{color:#c98a00}.risk-high{color:#d33}
.bar{height:6px;background:#eef0f8;border-radius:4px}.bar i{display:block;height:100%;background:#5b3df5;border-radius:4px}
.roi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi{background:#f1eeff;border-radius:12px;padding:16px}.kpi b{font-size:26px;color:#5b3df5;display:block}
.small{font-size:12px;color:#667}.drawer{position:fixed;top:0;right:-480px;width:min(460px,100%);height:100%;background:#fff;box-shadow:-6px 0 24px #0002;padding:24px;overflow:auto;transition:right .25s;z-index:9}
.drawer.open{right:0}.close{float:right}.msg{background:#f5f6fb;border-left:3px solid #5b3df5;padding:12px;font-size:14px;white-space:pre-wrap;border-radius:6px}
.btns{display:flex;gap:8px;margin-top:12px}.ap-b{background:#18a058;color:#fff}.rj-b{background:#ffe1e1;color:#a11}
footer{text-align:center;font-size:12px;color:#667;padding:20px}
@media(max-width:600px){header{padding:10px}.brand{font-size:15px}main{padding:10px}}