@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-deep: #060610;--bg-primary: #0a0b18;--bg-secondary: #0f1022;--bg-card: rgba(14, 15, 30, .7);--bg-card-hover: rgba(20, 22, 42, .85);--bg-input: rgba(10, 11, 22, .8);--border: rgba(100, 90, 180, .2);--border-accent: rgba(140, 120, 240, .4);--text-primary: #e0dff5;--text-secondary: #908ab8;--text-muted: #605a80;--purple: #a855f7;--purple-dim: rgba(168, 85, 247, .12);--purple-glow: rgba(168, 85, 247, .3);--cyan: #22d3ee;--cyan-dim: rgba(34, 211, 238, .1);--green: #4ade80;--green-dim: rgba(74, 222, 128, .1);--pink: #f472b6;--amber: #fbbf24;--red: #f87171;--radius: 10px;--radius-sm: 6px;--transition: .2s ease;--glass-bg: linear-gradient(135deg, rgba(14, 15, 30, .6), rgba(10, 11, 22, .85));--glass-border: 1px solid rgba(100, 90, 180, .2);--glass-shadow: 0 8px 32px rgba(0,0,0,.4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,system-ui,sans-serif;background:var(--bg-deep);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 20% 0%,rgba(168,85,247,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(34,211,238,.03) 0%,transparent 50%)}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{max-width:1400px;margin:0 auto;padding:24px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.header-left h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#c084fc,#818cf8 40%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-subtitle{color:var(--text-muted);font-size:13px;font-family:JetBrains Mono,monospace}.header-right{display:flex;gap:8px}.btn{background:var(--glass-bg);border:var(--glass-border);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-family:Space Grotesk,sans-serif;font-weight:600;transition:all var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn:hover{border-color:var(--border-accent);color:var(--text-primary)}.btn-sm{padding:4px 10px;font-size:11px}.btn-primary{background:#a855f733;border-color:var(--purple);color:var(--purple)}.btn-primary:hover{box-shadow:0 0 12px var(--purple-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.stats-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.stat-card{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);padding:16px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);transition:all var(--transition)}.stat-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.stat-card-value{font-size:26px;font-weight:700;font-family:JetBrains Mono,monospace}.stat-unit{font-size:14px;color:var(--text-muted);margin-left:4px}.stat-card-label{font-size:10px;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:1px}.tabs{display:flex;gap:4px;margin-bottom:20px}.tab{background:var(--bg-input);border:1px solid var(--border);color:var(--text-secondary);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:Space Grotesk,sans-serif;transition:all var(--transition)}.tab:hover{border-color:var(--border-accent);color:var(--text-primary)}.tab.active{background:#a855f726;border-color:var(--purple);color:var(--purple)}.panel{background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glass-shadow);margin-bottom:16px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}.panel-header h3{font-size:13px;font-weight:700;letter-spacing:1px}.panel-actions{display:flex;gap:8px;align-items:center}.panel-count{font-size:11px;padding:2px 10px;border-radius:10px;background:var(--purple-dim);border:1px solid rgba(168,85,247,.2);color:var(--purple);font-family:JetBrains Mono,monospace}.badge{font-size:10px;padding:3px 10px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace}.badge-idle{background:#64647833;color:var(--text-muted)}.badge-in_progress{background:#fbbf2426;color:var(--amber)}.badge-completed{background:#4ade801f;color:var(--green)}.context-field{margin-bottom:12px}.context-label{display:block;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.context-value{font-size:14px}.context-list{list-style:none;margin-top:4px}.context-list li{padding:4px 0;font-size:13px;color:var(--text-secondary)}.context-list li.pending{color:var(--amber)}.context-list li.pending:before{content:"⏳ "}.contact-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;margin-top:6px}.contact-card strong{color:var(--cyan);font-size:13px}.contact-card p{font-size:12px;color:var(--text-secondary);margin-top:4px}.edit-form{display:flex;flex-direction:column;gap:10px}.edit-form label{font-size:11px;color:var(--text-muted);text-transform:uppercase}.edit-form input,.edit-form select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;font-family:Space Grotesk,sans-serif}.edit-form input:focus,.edit-form select:focus{border-color:var(--purple);outline:none}.file-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.file-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.file-row:hover{background:var(--bg-input)}.file-name{flex:1;font-size:13px;font-weight:500}.file-size,.file-date{font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.file-content{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;max-height:500px;overflow-y:auto}.file-editor{width:100%;background:var(--bg-input);border:1px solid var(--purple);color:var(--text-primary);padding:14px;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.6;resize:vertical}.file-editor:focus{outline:none;box-shadow:0 0 8px var(--purple-dim)}.events-list{display:flex;flex-direction:column;gap:4px;max-height:500px;overflow-y:auto}.event-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px}.event-row:hover{background:var(--bg-input)}.event-cat{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace;white-space:nowrap}.event-cat-conversation{background:var(--purple-dim);color:var(--purple)}.event-cat-decision{background:var(--cyan-dim);color:var(--cyan)}.event-cat-memory{background:var(--green-dim);color:var(--green)}.event-cat-error{background:#f871711a;color:var(--red)}.event-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{font-size:10px;color:var(--text-muted);font-family:JetBrains Mono,monospace;white-space:nowrap}.two-col{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overview-grid{display:grid;grid-template-columns:1fr;gap:16px}.text-muted{color:var(--text-muted);font-size:13px;padding:12px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width: 900px){.stats-bar{grid-template-columns:repeat(3,1fr)}.two-col,.config-grid{grid-template-columns:1fr}}@media (max-width: 600px){.stats-bar{grid-template-columns:repeat(2,1fr)}.app{padding:12px}.tabs{flex-wrap:wrap}}
