*{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}}