:root,[data-theme=dark]{--bg: #0f0f12;--surface: #1a1a20;--surface2: #24242c;--text: #e8e6e3;--text-muted: #9b98a0;--accent: #7c6cf9;--accent-hover: #9388fa;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--border: #2a2a32;--input-border: #333;--button-hover: #2e2e38;--radius: 10px;--font: "DM Sans", system-ui, sans-serif;--modal-overlay: rgba(0, 0, 0, .6);--swatch-selected-border: #fff}[data-theme=light]{--bg: #f4f3f8;--surface: #fff;--surface2: #e8e6f0;--text: #1a1a22;--text-muted: #5c5a6a;--accent: #6b5bdc;--accent-hover: #5a4bc9;--success: #22c55e;--warning: #eab308;--danger: #ef4444;--border: #d4d2e0;--input-border: #c4c2d0;--button-hover: #d8d6e4;--modal-overlay: rgba(0, 0, 0, .35);--swatch-selected-border: #1a1a22}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:1rem}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1rem;background:var(--surface2);color:var(--text);transition:background .2s}button:hover{background:var(--button-hover)}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.danger{background:var(--danger);color:#fff}.btn-delete-round{width:2rem;height:2rem;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-delete-round:hover{opacity:.9;transform:scale(1.05)}input,textarea,select{background:var(--surface2);border:1px solid var(--input-border);color:var(--text);border-radius:var(--radius);padding:.5rem .75rem;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}.app{max-width:1000px;margin:0 auto;padding:1.5rem}nav{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}nav a{color:var(--text-muted)}nav a:hover,nav a.active{color:var(--accent)}nav .spacer{flex:1}.nav-btn-ideas-wrap{position:relative;display:inline-flex}.nav-badge-pending{position:absolute;top:-2px;right:-2px;width:.9rem;height:.9rem;border-radius:50%;background:var(--danger);border:2px solid var(--bg);pointer-events:none}.nav-icon{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;border-radius:var(--radius)}.nav-icon:hover,.nav-icon.active{color:var(--accent)}.nav-btn-round{width:2.5rem;height:2.5rem;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;transition:transform .2s,box-shadow .2s}.nav-btn-round:hover{background:var(--accent-hover);color:#fff;transform:scale(1.05)}.nav-btn-round.active{background:var(--accent-hover);color:#fff;box-shadow:0 0 0 2px var(--surface2)}.nav-btn-new-idea img{margin-top:1px}.btn-back-round{width:2.5rem;height:2.5rem;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;transition:transform .2s,box-shadow .2s;text-decoration:none}.btn-back-round:hover{background:var(--accent-hover);color:#fff;transform:scale(1.05)}.card{background:var(--surface);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border)}.card h2,.card h3{margin-top:0}.badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.85rem}.badge.actiu{background:#4ade8033;color:var(--success)}.badge.pausat{background:#fbbf2433;color:var(--warning)}.badge.acabat{background:#9ca3af33;color:var(--text-muted)}.status-dot{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.status-dot.actiu{background:var(--success)}.status-dot.pausat{background:var(--warning)}.status-dot.acabat{background:var(--text-muted)}.bulb-indicator{width:2rem;height:2rem;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent);color:#fff}.bulb-indicator svg{display:block}.grid{display:grid;gap:1rem}@media(min-width:600px){.grid.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.filters{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters input[type=search]{max-width:240px}.filters select{width:auto;min-width:120px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;color:var(--text-muted);font-size:.9rem}.notes-list{margin-top:1.5rem}.note-item{background:var(--surface2);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.note-item.reviewed{opacity:.7}.note-item .note-meta{font-size:.85rem;color:var(--text-muted)}.wizard-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.wizard-steps span{padding:.35rem .75rem;border-radius:var(--radius);background:var(--surface2);font-size:.9rem}.wizard-steps span.active{background:var(--accent);color:#fff}.wizard-steps span.done{background:#4ade8033;color:var(--success)}.empty{color:var(--text-muted);text-align:center;padding:2rem}.link-list{list-style:none;padding:0;margin:0}.link-list li{margin-bottom:.5rem}.link-list a{word-break:break-all}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tags span{background:var(--surface2);padding:.2rem .5rem;border-radius:6px;font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius);padding:1.5rem;max-width:420px;width:100%;border:1px solid var(--border)}.actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.color-picker-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.color-palette{display:flex;flex-wrap:wrap;gap:.35rem}.color-swatch{width:2rem;height:2rem;border-radius:50%;padding:0;border:2px solid transparent;cursor:pointer;flex-shrink:0}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--swatch-selected-border);box-shadow:0 0 0 2px var(--surface2)}.color-custom{display:flex;align-items:center;gap:.5rem}.color-custom-label{margin:0;font-size:.9rem;color:var(--text-muted)}.color-input-native{width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:50%;cursor:pointer;background:transparent}.color-input-native::-webkit-color-swatch-wrapper{padding:2px}.color-input-native::-webkit-color-swatch{border-radius:50%;border:2px solid var(--surface2)}.project-color-bar{width:4px;border-radius:2px;flex-shrink:0;align-self:stretch}.theme-toggle{width:2.5rem;height:2.5rem;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface2);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:transform .2s,background .2s;flex-shrink:0}.theme-toggle:hover{background:var(--button-hover);transform:scale(1.05)}.theme-toggle svg{width:1.25rem;height:1.25rem}