*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f3f4f6}#root{min-height:100vh}.app{min-height:100vh;background:#f3f4f6}.app-nav{display:flex;justify-content:center;gap:8px;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:200}.nav-btn{padding:10px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.nav-btn:hover{border-color:#3b82f6;color:#3b82f6}.nav-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.projects-container{max-width:1200px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.category-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px}.category-btn{padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.category-btn:hover{border-color:var(--cat-border, #3b82f6);color:var(--cat-text, #3b82f6);background:var(--cat-bg, #eff6ff)}.category-btn.active{background:var(--cat-bg, #3b82f6);border-color:var(--cat-border, #3b82f6);color:var(--cat-text, white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.project-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative}.project-card:hover{border-color:var(--card-border, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-card.selected{border-color:var(--card-border, #3b82f6);box-shadow:0 0 0 3px var(--card-bg, #dbeafe)}.project-icon{font-size:32px;margin-bottom:12px}.project-card h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#1f2937;line-height:1.3}.project-category{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.project-metric{margin-top:12px;padding:8px 12px;background:#ecfdf5;border-radius:8px;font-size:14px;font-weight:600;color:#059669}.project-detail-panel{position:fixed;top:100px;right:20px;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #00000026;padding:24px;z-index:100}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #3b82f6}.detail-icon{font-size:36px}.detail-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937;line-height:1.3}.detail-description{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 16px}.detail-section{margin-bottom:16px}.detail-section h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280}.detail-metric{padding:12px;background:#ecfdf5;border-radius:8px;font-size:18px;font-weight:700;color:#059669;text-align:center}.detail-tags{display:flex;flex-wrap:wrap;gap:6px}.detail-tag{padding:6px 12px;background:#e0f2fe;color:#0369a1;border-radius:6px;font-size:12px;font-weight:500}.detail-highlight{margin:0;padding:12px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;font-style:italic}.projects-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:32px;font-weight:700;color:#3b82f6}.stat-label{font-size:13px;color:#6b7280}@media(max-width:768px){.project-detail-panel{position:fixed;inset:auto 0 0;width:100%;border-radius:12px 12px 0 0;max-height:60vh;overflow-y:auto}.projects-grid{grid-template-columns:1fr}.projects-summary{gap:16px}.stat-number{font-size:24px}.nav-btn{padding:8px 16px;font-size:13px}}.documentation-container{max-width:900px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.doc-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:40px}.doc-content h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 16px;padding-bottom:16px;border-bottom:3px solid #3b82f6}.doc-intro{color:#4b5563;font-size:16px;line-height:1.6;margin-bottom:32px}.doc-section{margin-bottom:32px}.doc-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.doc-subsection{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.doc-subsection h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 12px}.doc-content ul{margin:0;padding-left:20px}.doc-content li{color:#4b5563;font-size:14px;line-height:1.8;margin-bottom:4px}.doc-content li strong{color:#1f2937}.doc-content ul ul{margin-top:8px}.doc-footer{color:#6b7280;font-size:14px;font-style:italic;margin-top:32px;padding-top:24px;border-top:2px solid #e5e7eb}.pdf-container{max-width:1200px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pdf-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.pdf-viewer{width:100%;height:calc(100vh - 280px);min-height:500px;border:none;display:block}.pdf-actions{display:flex;justify-content:center;gap:12px;margin-top:16px}.download-btn,.open-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.download-btn{background:#3b82f6;color:#fff}.download-btn:hover{background:#2563eb}.open-btn{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.open-btn:hover{background:#eff6ff}@media(max-width:768px){.doc-content{padding:20px}.doc-content h1{font-size:22px}.pdf-viewer{height:calc(100vh - 320px);min-height:400px}.pdf-actions{flex-direction:column}.download-btn,.open-btn{text-align:center}}.tech-stack-container{max-width:100%;min-height:100vh;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{text-align:center;margin-bottom:20px}.header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.header .subtitle{color:#6b7280;font-size:14px;margin:0}.diagram-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;position:relative}.diagram-svg{width:100%;height:calc(100vh - 200px);min-height:600px;display:block}.node{transition:opacity .3s ease}.node:hover .node-bg{filter:brightness(.95)}.node.selected .node-bg{filter:drop-shadow(0 0 8px rgba(59,130,246,.5))}.flow-animation{animation:flowAnimation 1s linear infinite}@keyframes flowAnimation{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.info-panel{position:fixed;top:100px;right:20px;width:280px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:20px;z-index:100}.info-panel h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600;border-bottom:2px solid #3b82f6;padding-bottom:8px}.info-panel h4{margin:0 0 8px;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.group-members{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.group-members ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.group-members li{background:#e0f2fe;color:#0369a1;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.connections-info ul{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.connections-info li{padding:8px 0;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px}.connections-info li:last-child{border-bottom:none}.connections-info .arrow{font-size:14px;font-weight:600}.connections-info .outgoing .arrow{color:#10b981}.connections-info .incoming .arrow{color:#f59e0b}.connections-info .conn-label{color:#9ca3af;font-size:11px;margin-left:4px}.clear-btn{width:100%;margin-top:16px;padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease}.clear-btn:hover{background:#e5e7eb}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.legend-color{width:20px;height:14px;border-radius:3px;border:2px solid}@media(max-width:768px){.info-panel{position:fixed;inset:auto 0 0;width:100%;border-radius:12px 12px 0 0;max-height:50vh;overflow-y:auto}.header h1{font-size:22px}.legend{gap:12px}.legend-item{font-size:11px}}.development-plan{max-width:900px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.development-plan.with-worklist{max-width:1400px}.plan-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}.plan-header{text-align:center;margin-bottom:32px}.plan-title-row{display:flex;justify-content:center;align-items:center;gap:24px}.plan-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.plan-subtitle{color:#6b7280;font-size:16px;margin:0}.edit-mode-btn{padding:8px 20px;background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.edit-mode-btn:hover{background:#f3f4f6;border-color:#9ca3af}.edit-mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.edit-mode-btn.active:hover{background:#2563eb;border-color:#2563eb}.development-plan.editing .clickable-item:not(.edit-mode){opacity:.7}.clickable-item.edit-mode{cursor:default}.clickable-item.edit-mode:hover{background:#f9fafb}.clickable-item.edit-mode .item-text{cursor:pointer}.clickable-item.edit-mode .item-text:hover{text-decoration:underline;text-decoration-style:dotted}.clickable-item.editing{background:#eff6ff;border-color:#3b82f6}.item-edit-input{flex:1;padding:6px 10px;border:1px solid #3b82f6;border-radius:4px;font-size:14px;outline:none;min-width:0}.item-edit-input:focus{box-shadow:0 0 0 2px #3b82f633}.item-edit-btn{padding:4px 8px;background:transparent;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .15s ease;margin-left:auto}.item-edit-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.item-save-btn{padding:4px 10px;background:#10b981;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:all .15s ease}.item-save-btn:hover{background:#059669}.item-cancel-btn{padding:4px 10px;background:#6b7280;border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;transition:all .15s ease}.item-cancel-btn:hover{background:#4b5563}.drag-handle{color:#9ca3af;cursor:grab;padding:0 4px;font-size:12px;-webkit-user-select:none;user-select:none;letter-spacing:-2px}.drag-handle:hover{color:#6b7280}.clickable-item.edit-mode[draggable=true]{cursor:grab}.clickable-item.edit-mode[draggable=true]:active{cursor:grabbing}.clickable-item.edit-mode.drag-over{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.export-buttons{display:flex;justify-content:center;gap:12px;margin-top:16px}.export-btn{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#f3f4f6;border-color:#9ca3af}.export-btn.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.export-btn.primary:hover{background:#2563eb;border-color:#2563eb}.export-btn.import{background:#f0fdf4;border-color:#22c55e;color:#15803d;cursor:pointer}.export-btn.import:hover{background:#dcfce7;border-color:#16a34a}.plan-content{display:flex;flex-direction:column;gap:24px}.plan-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.section-header{padding:16px 24px;border-bottom:3px solid}.section-header.general{background:#eff6ff;border-color:#3b82f6}.section-header.general h2{color:#1e40af}.section-header.community{background:#f0fdf4;border-color:#22c55e}.section-header.community h2{color:#166534}.section-header.savings{background:#fef3c7;border-color:#f59e0b}.section-header.savings h2{color:#92400e}.section-header h2{margin:0;font-size:20px;font-weight:600}.feature-list{padding:20px 24px;margin:0;list-style:none}.feature-list>li{padding:12px 0;border-bottom:1px solid #f3f4f6;color:#374151;font-size:15px;line-height:1.5}.feature-list>li:last-child{border-bottom:none}.feature-list.nested>li{padding:16px 0}.feature-list strong{color:#1f2937;font-weight:600}.feature-desc{color:#6b7280;font-style:italic}.feature-list ul{margin:12px 0 0;padding-left:24px;list-style:disc}.feature-list ul li{padding:6px 0;color:#4b5563;font-size:14px}.feature-list ul ul{margin-top:8px;list-style:circle}.feature-list ul ul li{color:#6b7280;font-size:13px}.savings-grid{padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.savings-item{background:#fffbeb;border:2px solid #fde68a;border-radius:10px;padding:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.savings-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.savings-name{font-size:14px;font-weight:500;color:#78350f;margin-bottom:8px}.savings-name a{color:#78350f;text-decoration:underline}.savings-name a:hover{color:#451a03}.savings-amount{font-size:24px;font-weight:700;color:#b45309}.savings-note{font-size:11px;color:#92400e;margin-top:6px;font-style:italic}.savings-total{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border-top:2px solid #fde68a}.total-label{font-size:18px;font-weight:600;color:#fff}.total-amount{font-size:32px;font-weight:800;color:#fff}.clickable-list{padding:12px}.clickable-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:4px 0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clickable-item:hover{background:#f1f5f9;border-color:#3b82f6;transform:translate(2px)}.clickable-item.in-worklist{background:#ecfdf5;border-color:#10b981;cursor:default;opacity:.7}.clickable-item.in-worklist:hover{transform:none}.clickable-item.parent-item{background:#e2e8f0;border-color:#cbd5e1;cursor:default}.clickable-item.parent-item:hover{background:#e2e8f0;border-color:#cbd5e1;transform:none}.clickable-item.depth-1{margin-left:20px;background:#fff}.clickable-item.depth-2{margin-left:40px;background:#fff;font-size:13px}.item-add-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:50%;font-size:14px;font-weight:700;line-height:1;padding-bottom:1px}.clickable-item.in-worklist .item-add-icon{background:#10b981}.item-text{flex:1;color:#1e293b;font-size:14px;line-height:1.4}.item-detail{color:#64748b;font-size:12px}.item-parent{flex-shrink:0;padding:2px 8px;background:#e0e7ff;color:#4338ca;border-radius:4px;font-size:10px;font-weight:500}.item-delete-btn{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#94a3b8;font-size:16px;cursor:pointer;opacity:0;transition:all .2s ease}.clickable-item:hover .item-delete-btn{opacity:1}.item-delete-btn:hover{background:#fee2e2;color:#dc2626}.feature-group{margin-bottom:8px}.feature-subitems{margin-left:0}.feature-subgroup{margin-bottom:4px}.add-item-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;margin:4px 0;background:transparent;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:13px;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.add-item-btn:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.add-item-btn.depth-1{margin-left:20px;width:calc(100% - 20px)}.add-item-btn.depth-2{margin-left:40px;width:calc(100% - 40px)}.add-item-input{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;background:#f8fafc;border:1px solid #3b82f6;border-radius:8px}.add-item-input.depth-1{margin-left:20px}.add-item-input.depth-2{margin-left:40px}.add-item-input input{flex:1;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;transition:border-color .2s ease}.add-item-input input:focus{border-color:#3b82f6}.add-item-confirm{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.add-item-confirm:hover:not(:disabled){background:#2563eb}.add-item-confirm:disabled{background:#94a3b8;cursor:not-allowed}.add-item-cancel{padding:6px 12px;background:#e2e8f0;color:#64748b;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-cancel:hover{background:#cbd5e1;color:#334155}.worklist-panel{position:sticky;top:80px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;border:2px solid #e5e7eb;min-height:400px;display:flex;flex-direction:column}.worklist-panel.empty{border-style:dashed;border-color:#cbd5e1}.worklist-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.worklist-header h3{margin:0;font-size:16px;font-weight:600}.clear-worklist-btn{padding:6px 12px;background:#fff3;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.clear-worklist-btn:hover{background:#ffffff4d}.worklist-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#94a3b8}.worklist-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.worklist-empty p{margin:0;font-size:14px;line-height:1.5}.worklist-items{flex:1;padding:12px;overflow-y:auto;max-height:calc(100vh - 300px)}.worklist-item{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:grab;transition:all .2s ease}.worklist-item:hover{background:#f1f5f9;box-shadow:0 2px 8px #00000014}.worklist-item.drag-over{border-color:#6366f1;border-style:dashed;background:#eef2ff}.worklist-item:active{cursor:grabbing}.worklist-priority{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-size:12px;font-weight:700}.worklist-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.worklist-item-name{font-size:13px;font-weight:500;color:#1e293b;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.worklist-item-parent{font-size:10px;color:#64748b}.worklist-item-category{display:inline-block;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.worklist-item-category.general{background:#dbeafe;color:#1e40af}.worklist-item-category.community{background:#dcfce7;color:#166534}.worklist-item-actions{display:flex;gap:4px;flex-shrink:0}.move-btn,.remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.move-btn{background:#e2e8f0;color:#64748b}.move-btn:hover:not(:disabled){background:#cbd5e1;color:#334155}.move-btn:disabled{opacity:.3;cursor:not-allowed}.remove-btn{background:#fee2e2;color:#dc2626}.remove-btn:hover{background:#fecaca}.worklist-footer{padding:12px 20px;background:#f8fafc;border-top:1px solid #e2e8f0}.worklist-count{font-size:13px;color:#64748b;font-weight:500}@media(max-width:1024px){.plan-layout{grid-template-columns:1fr}.worklist-panel{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;max-height:50vh;z-index:100}.worklist-panel.empty{max-height:120px}.worklist-items{max-height:calc(50vh - 140px)}.development-plan.with-worklist .plan-content{padding-bottom:140px}}@media(max-width:768px){.development-plan{padding:16px}.plan-header h1{font-size:24px}.section-header{padding:12px 16px}.section-header h2{font-size:18px}.feature-list{padding:16px}.savings-grid{padding:16px;grid-template-columns:1fr 1fr;gap:12px}.savings-item{padding:12px}.savings-amount{font-size:20px}.savings-total{flex-direction:column;gap:8px;text-align:center;padding:16px}.total-amount{font-size:28px}.clickable-item.depth-1{margin-left:12px}.clickable-item.depth-2{margin-left:24px}}