:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--bg-card-inner: #f0f0f0;--bg-card-hover: #e8e8e8;--text-primary: #0a0a0a;--text-secondary: #555555;--text-muted: #888888;--text-heading: #111111;--border-color: #dddddd;--border-subtle: #eeeeee;--accent: #007bff;--accent-hover: #0056b3;--success: #28a745;--danger: #dc3545;--modal-overlay: rgba(0, 0, 0, .4);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1a1a1a;--bg-card-inner: #252525;--bg-card-hover: #2e2e2e;--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--text-muted: #888888;--text-heading: #ffffff;--border-color: #333333;--border-subtle: #444444;--accent: #007bff;--accent-hover: #0056b3;--success: #28a745;--danger: #dc3545;--modal-overlay: rgba(0, 0, 0, .7)}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s,color .3s}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.dashboard{max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}header h1{margin:0;font-size:28px;color:var(--text-heading)}.header-info{display:flex;align-items:center;gap:15px;color:var(--text-secondary)}.theme-toggle{background:var(--bg-card-inner);border:1px solid var(--border-color);color:var(--text-primary);font-size:18px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .2s}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:scale(1.1)}.refresh-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.refresh-btn:hover{background:var(--accent-hover)}.notification{background:var(--success);color:#fff;padding:12px 20px;margin-bottom:20px;border-radius:4px;text-align:center;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:background .3s,border-color .3s}.panel h2{margin-top:0;margin-bottom:15px;font-size:18px;color:var(--text-heading)}.empty{color:var(--text-muted);text-align:center;padding:20px}.process-list{display:flex;flex-direction:column;gap:10px}.process-item{background:var(--bg-card-inner);border-left:4px solid var(--accent);padding:12px;border-radius:4px;transition:background .2s,transform .1s}.process-item.clickable{cursor:pointer}.process-item.clickable:hover{background:var(--bg-card-hover);transform:translate(2px)}.process-item.status-completed{border-left-color:var(--success)}.process-item.status-failed{border-left-color:var(--danger)}.process-item.status-unknown{border-left-color:var(--text-muted)}.process-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.task-name{font-weight:700;text-transform:capitalize;color:var(--text-primary)}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;text-transform:uppercase}.status-badge.running{background:var(--accent);color:#fff}.status-badge.completed{background:var(--success);color:#fff}.status-badge.failed{background:var(--danger);color:#fff}.status-badge.unknown{background:var(--text-muted);color:#fff}.process-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.memory-stats h3{font-size:14px;margin:20px 0 10px;color:var(--text-secondary)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat-card{background:var(--bg-card-inner);padding:15px;border-radius:4px;text-align:center;transition:background .3s}.stat-value{font-size:32px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-muted);margin-top:5px}.category-breakdown{display:flex;flex-direction:column;gap:8px}.category-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-card-inner);border-radius:4px;color:var(--text-primary);transition:background .3s}.category-name{text-transform:capitalize}.category-count{font-weight:700;color:var(--accent)}.storage-info{margin-top:15px;padding:10px;background:var(--bg-card-inner);border-radius:4px;text-align:center;font-size:14px;color:var(--text-muted)}.activity-list{display:flex;flex-direction:column;gap:10px}.activity-item{background:var(--bg-card-inner);padding:12px;border-radius:4px;border-left:4px solid var(--text-muted);transition:background .3s}.activity-item.success{border-left-color:var(--success)}.activity-item.failure{border-left-color:var(--danger)}.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}.activity-icon{font-size:16px}.activity-name{font-weight:700;text-transform:capitalize;color:var(--text-primary)}.activity-time{font-size:11px;color:var(--text-muted);margin-bottom:5px}.activity-outcome{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-checks{display:flex;flex-direction:column;gap:12px}.health-summary{display:flex;gap:8px;justify-content:center;margin-bottom:4px}.health-count{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:700;font-size:16px;color:#fff}.health-count.health-green{background:var(--success)}.health-count.health-yellow{background:#e6a817}.health-count.health-red{background:var(--danger)}.health-list{display:flex;flex-direction:column;gap:6px}.health-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card-inner);border-radius:4px;transition:background .2s}.health-item:hover{background:var(--bg-card-hover)}.health-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.health-status-green .health-indicator{background:var(--success)}.health-status-yellow .health-indicator{background:#e6a817}.health-status-red .health-indicator{background:var(--danger)}.health-info{display:flex;flex-direction:column;min-width:0}.health-name{font-weight:600;font-size:13px;color:var(--text-primary)}.health-message{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gaps-panel{display:flex;flex-direction:column;gap:12px}.gaps-summary{display:flex;gap:12px;justify-content:center}.gaps-count{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;background:var(--accent);color:#fff}.gaps-count.gaps-closed{background:var(--success)}.gaps-list{display:flex;flex-direction:column;gap:4px}.gap-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-card-inner);border-radius:4px;font-size:13px;transition:background .2s}.gap-item:hover{background:var(--bg-card-hover)}.gap-checkbox{font-family:monospace;font-size:12px;color:var(--text-muted);flex-shrink:0}.gap-name{color:var(--text-primary)}.gap-closed .gap-name{color:var(--text-muted);text-decoration:line-through}.gaps-priorities{margin-top:8px}.gaps-priorities h3{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.priority-item{display:flex;align-items:flex-start;gap:10px;padding:6px 10px;background:var(--bg-card-inner);border-radius:4px;margin-bottom:4px}.priority-rank{font-weight:700;font-size:14px;color:var(--accent);flex-shrink:0;width:24px}.priority-info{display:flex;flex-direction:column;gap:2px}.priority-name{font-size:13px;font-weight:600;color:var(--text-primary)}.priority-rationale{font-size:11px;color:var(--text-muted)}.proposals-list{display:flex;flex-direction:column;gap:8px}.proposal-item{background:var(--bg-card-inner);border-left:4px solid var(--accent);padding:10px 12px;border-radius:4px;transition:background .2s,transform .1s}.proposal-item:hover{background:var(--bg-card-hover);transform:translate(2px)}.proposal-item.proposal-completed{border-left-color:var(--success)}.proposal-item.proposal-in-progress{border-left-color:#e6a817}.proposal-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.proposal-priority{font-weight:700;font-size:12px;color:var(--accent);background:var(--bg-card-hover);padding:2px 6px;border-radius:4px}.proposal-gap{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.proposal-effort{font-size:11px;padding:2px 8px;border-radius:10px;color:#fff;text-transform:capitalize}.effort-low{background:var(--success)}.effort-medium{background:#e6a817}.effort-high{background:var(--danger)}.proposal-status-line{display:flex;align-items:center;gap:8px}.proposal-status-badge{font-size:11px;padding:1px 6px;border-radius:4px;text-transform:capitalize;background:var(--bg-card-hover);color:var(--text-muted)}.proposal-status-badge.status-proposed{color:var(--accent)}.proposal-status-badge.status-in-progress{color:#e6a817}.proposal-status-badge.status-completed{color:var(--success)}.proposal-time{font-size:11px;color:var(--text-muted)}.proposal-approach{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-card-inner);border-radius:4px}.proposal-step{font-size:13px;color:var(--text-primary);padding:4px 0;border-bottom:1px solid var(--border-color)}.proposal-step:last-child{border-bottom:none}.memory-browser{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:30px;transition:background .3s,border-color .3s}.memory-browser-header{margin-bottom:15px}.memory-browser-header h2{margin:0 0 12px;font-size:18px;color:var(--text-heading)}.memory-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.memory-tabs{display:flex;gap:4px}.memory-tab{padding:6px 16px;border:1px solid var(--border-color);background:var(--bg-card-inner);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s,color .2s,border-color .2s}.memory-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.memory-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.memory-filters{display:flex;gap:8px;align-items:center}.memory-select{padding:6px 10px;border:1px solid var(--border-color);background:var(--bg-card-inner);color:var(--text-primary);border-radius:4px;font-size:13px;cursor:pointer}.memory-refresh{padding:6px 12px;font-size:12px}.memory-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto}.memory-entry{background:var(--bg-card-inner);border-left:4px solid var(--accent);padding:12px;border-radius:4px;transition:background .2s,transform .1s}.memory-entry.clickable{cursor:pointer}.memory-entry.clickable:hover{background:var(--bg-card-hover);transform:translate(2px)}.memory-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.memory-category-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;color:#fff;text-transform:capitalize;font-weight:500}.memory-significance{font-size:11px;color:var(--text-muted);padding:2px 6px;background:var(--bg-card-hover);border-radius:4px}.memory-entry-time{font-size:11px;color:var(--text-muted);margin-left:auto}.memory-entry-content{font-size:13px;color:var(--text-primary);line-height:1.4;margin-bottom:6px}.memory-entry-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.relevance-bar{display:flex;align-items:center;gap:6px;flex:0 0 120px;height:6px;background:var(--bg-card-hover);border-radius:3px;overflow:visible;position:relative}.relevance-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.relevance-label{font-size:10px;color:var(--text-muted);margin-left:4px;white-space:nowrap;position:absolute;right:-32px}.memory-source,.memory-file{font-size:11px;color:var(--text-muted)}.memory-file{font-family:monospace}.memory-count{margin-top:10px;font-size:12px;color:var(--text-muted);text-align:right}.entry-detail h4{margin:16px 0 8px;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.entry-detail-meta{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-card-inner);border-radius:4px;margin-bottom:12px}.entry-detail-row{display:flex;align-items:center;gap:12px}.entry-detail-label{font-size:12px;color:var(--text-muted);min-width:90px;text-transform:uppercase;letter-spacing:.3px}.entry-detail-value{font-size:13px;color:var(--text-primary)}.entry-detail-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.entry-tags{display:flex;flex-wrap:wrap;gap:4px}.entry-tag{display:inline-block;padding:2px 8px;background:var(--bg-card-hover);border:1px solid var(--border-subtle);border-radius:4px;font-size:11px;color:var(--text-secondary)}.entry-tag.mono{font-family:SF Mono,Fira Code,monospace}.actions{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:background .3s,border-color .3s}.actions h2{margin-top:0;margin-bottom:15px;font-size:18px;color:var(--text-heading)}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.action-buttons button,.action-buttons a{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-block}.action-buttons button:hover,.action-buttons a:hover{background:var(--accent-hover)}.modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:14px;color:var(--text-secondary);font-family:monospace}.modal-close{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:16px;cursor:pointer;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:var(--bg-card-hover);color:var(--text-heading)}.modal-body{overflow-y:auto;padding:20px;flex:1}.modal-content{margin:0;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.plan-overview{display:flex;flex-direction:column;gap:16px}.plan-phase{background:var(--bg-card-inner);border-left:4px solid var(--text-muted);border-radius:4px;padding:12px;transition:background .2s}.plan-phase.phase-complete{border-left-color:var(--success)}.plan-phase.phase-active{border-left-color:var(--accent)}.plan-phase.phase-planned{border-left-color:var(--text-muted)}.plan-phase-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.plan-phase-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.plan-phase-name{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.plan-phase-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;color:#fff}.plan-phase-status.phase-complete{background:var(--success)}.plan-phase-status.phase-active{background:var(--accent)}.plan-phase-status.phase-planned{background:var(--text-muted)}.plan-progress-bar{height:6px;background:var(--bg-card-hover);border-radius:3px;overflow:hidden;margin-bottom:4px}.plan-progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .4s ease}.phase-complete .plan-progress-fill{background:var(--success)}.plan-progress-label{font-size:11px;color:var(--text-muted);margin-bottom:8px}.plan-objectives{display:flex;flex-direction:column;gap:3px}.plan-obj{display:flex;align-items:center;gap:6px;font-size:12px;padding:2px 4px}.plan-obj-check{font-family:monospace;font-size:11px;color:var(--text-muted);flex-shrink:0}.plan-obj-name{color:var(--text-primary)}.plan-obj.obj-done .plan-obj-name{color:var(--text-muted);text-decoration:line-through}.plan-next{margin-top:4px}.plan-next h3,.plan-blockers h3{font-size:13px;color:var(--text-secondary);margin:0 0 6px}.plan-next-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-card-inner);border-radius:4px;border-left:4px solid var(--accent)}.plan-next-item.plan-blocked{border-left-color:#e6a817}.plan-next-name{font-size:13px;font-weight:600;color:var(--text-primary)}.plan-next-status{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;color:#fff}.plan-next-status.ready{background:var(--accent)}.plan-next-status.blocked{background:#e6a817}.plan-blockers{margin-top:4px}.plan-blocker{font-size:12px;color:var(--text-secondary);padding:4px 10px;background:var(--bg-card-inner);border-left:3px solid #e6a817;border-radius:4px;margin-bottom:4px}
