.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.toolbar-tabs{display:flex;gap:2px;background:var(--bg-2);padding:4px;border-radius:var(--radius-pill)}.toolbar-tabs .tab{padding:8px var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-12);color:var(--ink-3);transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);display:flex;align-items:center;gap:6px}.toolbar-tabs .tab:hover{color:var(--ink-1)}.toolbar-tabs .tab.active{background:var(--bg-3);color:var(--accent)}.tab-count{background:var(--bg-3);color:var(--ink-3);font-size:10px;padding:1px 6px;border-radius:var(--radius-pill)}.tab.active .tab-count{background:var(--accent-soft);color:var(--accent)}.btn-primary{padding:9px var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-12);font-weight:500;transition:background var(--dur-base) var(--ease-out)}.btn-primary:hover{background:var(--accent-2)}.btn-ghost{padding:9px var(--space-4);background:transparent;color:var(--ink-3);border:1px solid var(--line-1);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-12);transition:color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.btn-ghost:hover{color:var(--ink-1);border-color:var(--line-2)}.add-form{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3);background:var(--bg-2);border-radius:var(--radius-3);margin-bottom:var(--space-4);border:1px solid var(--accent-soft)}.add-form input,.add-form select{flex:1;min-width:160px;padding:9px 12px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--radius-2);font-size:var(--text-14);color:var(--ink-1);outline:none;transition:border-color var(--dur-base) var(--ease-out)}.add-form input:focus,.add-form select:focus{border-color:var(--accent)}.projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.project-card{padding:var(--space-5);background:var(--bg-2);border-radius:var(--radius-3);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.project-card:hover{box-shadow:var(--shadow-2);background:var(--bg-3)}.project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.project-name{font-size:var(--text-16);font-weight:500;color:var(--ink-1);flex:1}.project-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-3);color:var(--ink-3)}.project-status.active{color:var(--ok);background:color-mix(in srgb,var(--ok) 15%,transparent)}.project-status.paused{color:var(--warn);background:color-mix(in srgb,var(--warn) 15%,transparent)}.project-status.idea{color:var(--accent);background:var(--accent-soft)}.project-status.done{color:var(--ink-4)}.project-sub{font-size:13.5px;color:var(--ink-2);line-height:1.55}.project-link{font-family:var(--font-mono);font-size:var(--text-12);color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-actions{display:flex;gap:6px;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--line-1)}.action-btn{font-family:var(--font-mono);font-size:var(--text-11);padding:6px 10px;border-radius:var(--radius-1);color:var(--ink-3);transition:color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.action-btn:hover{color:var(--ink-1);background:var(--bg-3)}.action-btn.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.empty-state{grid-column:1 / -1;padding:var(--space-7);text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius-3);color:var(--ink-3)}.empty-state h3{font-size:var(--text-18);color:var(--ink-2);margin:0 0 var(--space-2);font-weight:500}