:root{
 --primary:#FF6B35;
 --secondary:#3498DB;
 --accent:#2ECC71;
 --bg:#121212;
 --panel:#1A1A1A;
 --text:#FFFFFF;
 --muted:#888;
 --border:#262626;
 --r:3px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--text);font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input{font-family:inherit;color:inherit}
ul{list-style:none}

/* NAV */.topnav{display:flex;align-items:center;padding:14px 28px;background:var(--bg);border-bottom:1px solid var(--border);gap:32px;position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em;color:var(--accent)}.navitems{display:flex;gap:24px;flex:1}.navitems li{cursor:pointer;color:var(--muted);font-size:12px;letter-spacing:.12em;padding:6px 0;border-bottom:2px solid transparent;transition:.15s}.navitems li:hover{color:#fff}.navitems li.active{color:#fff;border-bottom-color:var(--primary)}.status{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;color:var(--accent)}.status.dot,.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);display:inline-block}

/* MAIN */.main{padding:28px;max-width:1500px;margin:0 auto}

/* METRICS */.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:18px}.metric-card.label{font-size:10px;color:var(--muted);letter-spacing:.18em;margin-bottom:12px}.metric-card.value{font-size:28px;font-weight:700;margin-bottom:10px}.bar{height:4px;background:#2a2a2a;border-radius:2px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--primary),#ff8e5e)}.metric-card.sub{margin-top:8px;font-size:11px;color:var(--muted)}.chart-card{padding:14px 18px}.areachart{width:100%;height:60px;margin-top:10px;display:block}

/* INTEGRATIONS */.integrations{display:flex;align-items:center;gap:24px;padding:16px 20px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);margin-bottom:24px}.int-label{font-size:10px;letter-spacing:.18em;color:var(--muted)}.int-icons{display:flex;gap:14px}.int{width:38px;height:38px;border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;justify-content:center;background:#0f0f0f;cursor:pointer;transition:.15s}.int:hover{border-color:var(--primary);transform:translateY(-1px)}

/* CONTENT GRID */.content-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:40px}.content-main{display:flex;flex-direction:column;gap:20px}

/* PROMPT */.prompt-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:32px}.headline{font-size:22px;letter-spacing:.18em;font-weight:700;margin-bottom:8px}.subheadline{color:var(--muted);font-size:12px;margin-bottom:22px}.prompt-row{display:flex;gap:10px;margin-bottom:14px}.prompt-row input{flex:1;background:#0d0d0d;border:1px solid var(--border);padding:14px 16px;border-radius:var(--r);color:#fff;outline:none;transition:.15s;font-size:13px}.prompt-row input:focus{border-color:var(--primary)}
#runBtn{background:var(--primary);color:#fff;border:none;padding:0 28px;border-radius:var(--r);font-weight:700;letter-spacing:.16em;cursor:pointer;transition:.15s}
#runBtn:hover{background:#ff5722}.ready-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2em;color:var(--accent);padding:6px 12px;border:1px solid #1f3a26;border-radius:var(--r);background:#0e1a13}

/* SKILLS */.skills-section{display:flex;flex-direction:column;gap:18px}.domain h3{font-size:11px;letter-spacing:.22em;color:var(--muted);margin-bottom:10px;padding-left:2px}.skill-grid{display:flex;flex-wrap:wrap;gap:8px}.skill{background:#1a1a1a;color:#e6e6e6;border:1px solid var(--border);padding:10px 14px;border-radius:var(--r);font-size:12px;cursor:pointer;transition:.15s;letter-spacing:.02em}.skill:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}

/* OUTPUT */.output-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.output-header{padding:14px 20px;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.18em;color:var(--muted);display:flex;align-items:center;gap:10px}.out-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.output-body{padding:22px;font-size:12.5px;line-height:1.7;color:#cfcfcf;max-height:520px;overflow-y:auto}.output-body p{margin-bottom:12px}.output-body ul,.output-body ol{margin:0 0 14px 20px}.output-body li{margin-bottom:6px}.output-body.hl{color:var(--primary);font-weight:700;letter-spacing:.04em;margin-top:6px}.output-body.sources li{color:var(--secondary)}

/* SIDEBAR */.sidebar{display:flex;flex-direction:column;gap:16px}.sb-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:18px}.sb-title{font-size:10px;letter-spacing:.22em;color:var(--muted);margin-bottom:14px}.barchart{width:100%;height:110px;display:block}.day-labels{display:flex;justify-content:space-between;padding:8px 4px 0;font-size:10px;color:var(--muted)}.activity li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #222;font-size:11.5px}.activity li:last-child{border-bottom:none}.activity em{margin-left:auto;color:var(--muted);font-style:normal;font-size:10px}.a-dot{width:6px;height:6px;border-radius:50%;background:#444}.a-dot.acc{background:var(--primary);box-shadow:0 0 6px var(--primary)}.vault-list li{padding:6px 0;font-size:11.5px;color:#bbb;border-bottom:1px solid #222}.vault-list li:last-child{border:none}

/* SECTIONS */.section-title{font-size:14px;letter-spacing:.22em;margin:30px 0 20px;padding-bottom:10px;border-bottom:1px solid var(--border)}

/* ARCH */.arch-diagram{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:30px 20px;display:flex;flex-direction:column;gap:24px;align-items:center}.arch-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;position:relative}.arch-node{padding:10px 18px;border:1px solid var(--border);border-radius:var(--r);background:#0f0f0f;font-size:11px;letter-spacing:.14em}.arch-node.user{background:#0e1a13;border-color:var(--accent);color:var(--accent)}.arch-node.conductor{background:#1c0e08;border-color:var(--primary);color:var(--primary);font-size:12px;padding:14px 24px}.asterisk{color:var(--primary);font-size:18px;margin-right:6px}.domain-node{cursor:pointer;transition:.15s}.domain-node:hover{border-color:var(--secondary);color:var(--secondary)}.arch-row.tasks.task{padding:6px 12px;font-size:10px;color:var(--muted);border:1px dashed #2a2a2a;border-radius:var(--r)}

/* VAULT TREE */.vault-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:24px}.vault-col{display:flex;flex-direction:column;gap:6px}.folder{padding:8px 12px;font-size:12px;border-radius:var(--r)}.folder.root{background:#0f0f0f;border:1px solid var(--border);color:var(--primary);font-weight:700;letter-spacing:.08em}.folder.child{margin-left:18px;color:#bbb;border-left:1px solid #2a2a2a;padding-left:16px}

/* FOOTER */.footer{padding:30px 28px 50px;border-top:1px solid var(--border);max-width:1500px;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.foot-block h4{font-size:11px;letter-spacing:.22em;color:var(--primary);margin-bottom:12px}.foot-block p{color:var(--muted);font-size:11px;margin-bottom:14px}.trigger-row,.tool-row{display:flex;flex-wrap:wrap;gap:8px}.trigger,.tool-row span{padding:6px 12px;border:1px solid var(--border);border-radius:var(--r);font-size:10px;letter-spacing:.14em;color:#bbb;background:#0f0f0f}.trigger{border-color:#2a3a4a;color:var(--secondary)}

/* RESPONSIVE */
 (max-width: 1100px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.vault-tree{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.navitems{display:none}
}
 (max-width: 600px){.main{padding:18px}.metrics{grid-template-columns:1fr}.topnav{padding:12px 16px;gap:12px}.prompt-card{padding:22px}.headline{font-size:18px}
}