@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";html,body,#root{margin:0!important;padding:0!important;height:100%;width:100%;overflow-x:hidden}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-padding-top:0;scroll-padding-bottom:0}body{overflow-y:auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;padding-top:70px;margin:0;min-width:320px;min-height:100vh;scroll-behavior:auto}*{scroll-behavior:inherit}#root{scroll-behavior:auto}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}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;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.bg-green-500{background-color:#10b981}.bg-red-100{background-color:#fee2e2}.bg-red-200{background-color:#fecaca}.bg-purple-100{background-color:#f3e8ff}.bg-purple-500{background-color:#8b5cf6}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-green-500{color:#10b981}.text-green-600{color:#059669}.text-green-700{color:#047857}.text-red-400{color:#f87171}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.text-purple-700{color:#7c3aed}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-red-200{border-color:#fecaca}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.border{border-width:1px}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-full{width:100%}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-16{height:4rem}.h-32{height:8rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cursor-pointer{cursor:pointer}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-indigo-700:hover{background-color:#4338ca}.hover\:text-indigo-700:hover{color:#4338ca}.hover\:text-red-800:hover{color:#991b1b}.hover\:opacity-80:hover{opacity:.8}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.max-w-sm{max-width:24rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.focus\:ring-2:focus{box-shadow:0 0 0 2px #6366f180}.focus\:ring-indigo-500:focus{box-shadow:0 0 0 2px #6366f180}.focus\:border-indigo-500:focus{border-color:#6366f1}input[type=url]{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input[type=url]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}button:disabled{opacity:.5;cursor:not-allowed}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.z-10{z-index:10}.z-50{z-index:50}.bg-opacity-50{background-color:#00000080}.bg-gray-100{background-color:#f3f4f6}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-orange-100{background-color:#fed7aa}.bg-red-50{background-color:#fef2f2}.text-gray-600{color:#4b5563}.text-blue-600{color:#2563eb}.text-green-600{color:#16a34a}.text-orange-600{color:#ea580c}.text-red-600{color:#dc2626}.focus\:outline-none:focus{outline:none}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.mt-1{margin-top:.25rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}*{box-sizing:border-box}#root{width:100%;margin:0;padding:0}.main-content{margin:0;padding:0;width:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto}html,body{overflow-x:hidden}body{overflow-y:auto}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background-color:#f8fafc}.error-boundary-content{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.error-icon{margin-bottom:1rem}.error-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.error-message{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.error-details{text-align:left;margin:1.5rem 0;padding:1rem;background-color:#f3f4f6;border-radius:4px;border:1px solid #e5e7eb}.error-details summary{cursor:pointer;font-weight:500;color:#374151;margin-bottom:.5rem}.error-stack{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:#dc2626;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.error-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.retry-button,.reload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:all .2s;cursor:pointer;border:none}.retry-button{background-color:#3b82f6;color:#fff}.retry-button:hover{background-color:#2563eb}.reload-button{background-color:#6b7280;color:#fff}.reload-button:hover{background-color:#4b5563}.project-card-catalog{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:100%}.project-card-catalog:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.project-card-catalog:focus{outline:2px solid #3b60f6;outline-offset:2px}.project-card-catalog__image-container{width:100%;height:160px;overflow:hidden;position:relative}.project-card-catalog__image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.project-card-catalog:hover .project-card-catalog__image{transform:scale(1.05)}.project-card-catalog__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;gap:.75rem}.project-card-catalog__meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.project-card-catalog__duration{display:flex;align-items:center;gap:.25rem}.project-card-catalog__positions{display:flex;align-items:center;gap:.25rem;font-weight:500;color:#059669}.project-card-catalog__title{font-size:1.25rem;font-weight:700;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-catalog__description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.project-card-catalog__tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.project-card-catalog__tech-item{background-color:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #e5e7eb}.project-card-catalog__tech-more{background-color:#e5e7eb;color:#6b7280;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #d1d5db}.project-card-catalog__cta{padding-top:1rem;margin-top:auto;border-top:1px solid #e5e7eb}.project-card-catalog__view-link{display:flex;align-items:center;gap:.5rem;color:#6366f1;font-weight:600;font-size:.875rem;transition:color .2s ease-in-out}.project-card-catalog:hover .project-card-catalog__view-link{color:#43459f}.project-card-catalog__arrow-icon{font-size:.75rem;transition:transform .2s ease-in-out}.project-card-catalog:hover .project-card-catalog__arrow-icon{transform:translate(2px)}@media (max-width: 768px){.project-card-catalog__content{padding:1rem}.project-card-catalog__title{font-size:1.125rem}.project-card-catalog__image-container{height:140px}}.loading-illustration{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;min-height:400px;text-align:center}.illustration-container{position:relative;margin-bottom:2rem}.glow-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,rgba(99,102,241,.05) 50%,transparent 100%);border-radius:50%;animation:pulse-glow 3s ease-in-out infinite}.search-illustration{width:120px;height:80px;color:#7c3aed;animation:float-bob 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(139,92,246,.2))}.loading-content{max-width:400px}.loading-headline{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;line-height:1.4}.loading-subtext{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.shimmer-line{width:200px;height:2px;background:linear-gradient(90deg,transparent,#7c3aed,transparent);margin:0 auto;animation:shimmer 2s ease-in-out infinite;border-radius:1px}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes shimmer{0%{opacity:.3;transform:translate(-100%)}50%{opacity:1;transform:translate(0)}to{opacity:.3;transform:translate(100%)}}@media (max-width: 768px){.loading-illustration{padding:2rem 1rem;min-height:300px}.loading-headline{font-size:1.25rem}.loading-subtext{font-size:.875rem}.search-illustration{width:100px;height:67px}.glow-background{width:100px;height:100px}}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10}.loading-overlay .loading-illustration{min-height:auto;padding:1rem}.loading-overlay .search-illustration{width:60px;height:40px;animation:float-bob 2s ease-in-out infinite}.loading-overlay .loading-headline{font-size:1rem;margin-bottom:.5rem}.loading-overlay .loading-subtext{display:none}.loading-overlay .shimmer-line{width:100px;height:1px}.search-projects-page{background-color:#fff!important;min-height:100vh}.page-header{display:flex;justify-content:center;width:100%;padding-top:3rem}.page-container{max-width:1500px;margin-inline:auto;padding-inline:2rem;box-sizing:border-box}.search-projects-page .section-title{font-size:1.75rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;margin-top:2rem;text-align:left;border-bottom:1px solid #e5e7eb;padding:0 0 1rem 2rem;display:block;box-sizing:border-box}@media (max-width: 768px){.page-container{padding-inline:1rem}.search-projects-page .section-title{padding:0 0 1rem 1rem}}@media (max-width: 480px){.page-container{padding-inline:.5rem}.search-projects-page .section-title{padding:0 0 1rem .5rem}}.search-section{width:100%;max-width:1200px;padding:0 2rem}.page-title.left-align{text-align:left;font-size:2.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;margin-left:0;width:100%;padding-left:0;padding-bottom:1rem}.search-row{display:flex;flex-wrap:wrap;gap:1rem;width:100%;align-items:center;padding-left:0}.search-container{flex:1;min-width:240px;display:flex;align-items:center;position:relative}.search-input.pill{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #e5e7eb;border-radius:9999px;background:#fff;font-size:1rem;outline:none;box-shadow:0 1px 3px #0000000f;transition:all .2s ease}.search-input.pill:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.search-icon-btn{position:absolute;right:.25rem;width:36px;height:36px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.filter-btn{padding:.6rem 1.2rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#6366f1;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 1px 3px #0000000f}.filter-tabs.left-align{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-left:0}.tab-btn.pill{padding:.5rem 1rem;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#1f2937;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000f}.tab-btn.pill:hover{background:#f9fafb;border-color:#d1d5db}.tab-btn.pill.active{background:#6366f1;color:#fff;border-color:#6366f1}.projects-section{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:200px;position:relative}.find-more-container{display:flex;justify-content:center;margin-top:2rem;width:100%}.find-more-btn{background:#f8fafc;border:2px solid #e2e8f0;color:#475569;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.find-more-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-1px)}.find-more-btn:active{transform:translateY(0);background:#e2e8f0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:1.5rem;justify-content:center;align-items:stretch}.projects-grid:has(.project-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(280px,320px));max-width:1000px}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,300px))}}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,280px))}}@media (max-width: 600px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,250px))}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr;max-width:300px}}.no-results{text-align:center;color:#6b7280;font-size:1.125rem;width:100%;max-width:1200px;padding:2rem}@media (max-width: 768px){.search-row{flex-direction:column;align-items:stretch}.filter-btn{width:100%;justify-content:center}}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem auto;color:#dc2626;font-size:.875rem;width:100%;max-width:1200px;padding:1rem 2rem}.error-message{margin:0;font-weight:500}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.search-hero-container{position:relative;max-width:64rem;margin:0 auto;margin-top:3rem;padding:0 1rem}.search-hero-wrapper{position:relative}.search-hero-input-container{position:relative;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(229,231,235,.5)}.search-hero-input{width:100%;height:6rem;padding:1.25rem 4.5rem 1.25rem 1.25rem;font-size:1.125rem;background:transparent;border:none;outline:none;border-radius:1rem;transition:all .2s ease;resize:none;line-height:1.5;font-family:inherit;overflow-y:auto;min-height:6rem;max-height:12rem}.search-hero-input:focus{box-shadow:none}.search-hero-input-container:focus-within{box-shadow:0 0 0 2px #8b5cf699,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-hero-input::placeholder{color:transparent}@media (min-width: 768px){.search-hero-input{font-size:1.25rem}}.search-hero-typewriter-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;pointer-events:none;padding-top:1.25rem}.search-hero-typewriter-text{padding:0 4.5rem 0 1.25rem;font-size:1.125rem;color:#9ca3af;line-height:1.5;font-family:inherit}@media (min-width: 768px){.search-hero-typewriter-text{font-size:1.25rem}}.search-hero-caret{display:inline-block;width:2px;height:1.25rem;background-color:#8b5cf6;margin-left:.25rem;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;vertical-align:baseline}.search-hero-button{position:absolute;right:.75rem;bottom:.75rem;height:2rem;width:2rem;background-color:#7c3aed;border:none;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-hero-button:hover{background-color:#6d28d9;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.search-hero-button:active{transform:scale(.95)}.search-hero-button svg{color:#fff;flex-shrink:0}.search-hero-button:disabled{opacity:.6;cursor:not-allowed}.home-page{min-height:100vh;background-color:#fff}.hero-section{background:url(/Background_platform.png) center center/cover no-repeat;background-size:100%;padding:7rem 1rem 5rem;text-align:center}.hero-headline{font-size:2.25rem;line-height:2.5rem;font-weight:800;color:#000;text-align:center}.hero-subheading{font-size:1.5rem;line-height:1.75rem;color:#6366f1;text-align:center;margin-top:1rem;font-weight:700}.projects-section{padding:.5rem 1rem;display:flex;justify-content:center}.section-header{text-align:center;margin-top:1rem;margin-bottom:1rem}.section-title{font-size:2.5rem;line-height:2.75rem;font-weight:700;color:#1f2937;margin:0}.section-header h2.section-title{font-size:1.8rem;line-height:1.1;font-weight:600;margin:0;text-align:center;font-family:Poppins}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2.5rem;max-width:1200px;width:100%;margin-left:auto;margin-right:auto}.view-more-container{text-align:center;margin-top:2rem}.view-more-button{background-color:#fff;color:#6366f1;border:2px solid #6366f1;border-radius:9999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.view-more-button:hover{background-color:#6366f1;color:#fff}.view-more-button:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.view-project-link{display:flex;align-items:center;gap:.5rem;color:#6366f1;font-weight:600;font-size:.875rem;transition:color .2s ease}.view-project-link:hover{color:#4f46e5}.arrow-icon{font-size:.75rem;transition:transform .2s ease}.view-project-link:hover .arrow-icon{transform:translate(2px)}@media (min-width: 640px){.hero-headline{font-size:3.75rem;line-height:1}.hero-subheading{font-size:1.5rem;line-height:1.75rem}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 639px){.hero-subheading{font-size:1.125rem;line-height:1.5rem}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.footer{background-color:#f3f4f6;padding:2rem 1rem;margin-top:4rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.copyright{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.footer-nav{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-link{font-size:.875rem;color:#6b7280;text-decoration:none;transition:color .2s ease;position:relative}.footer-link:hover{color:#4b5563}.footer-link:hover:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#4b5563}.linkedin-link{display:flex;align-items:center;justify-content:center}.linkedin-icon{width:18px;height:18px;transition:transform .2s ease}.linkedin-link:hover .linkedin-icon{transform:scale(1.1)}.linkedin-link:hover:after{display:none}@media (max-width: 640px){.footer-nav{gap:1.5rem}}.modal-content.request-to-join-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none}.modal-body{padding:0 1.5rem 1.5rem}.modal-description{margin:0 0 1.5rem;color:#6b7280;font-size:.875rem;line-height:1.5}.no-roles-message{text-align:center;padding:2rem 1rem;color:#6b7280}.no-roles-message p{margin:0;font-size:.875rem}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin:0}.form-select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background-color:#fff;color:#111827;transition:all .2s}.form-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-select.error{border-color:#ef4444}.form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:inherit;color:#111827;resize:vertical;min-height:100px;transition:all .2s}.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-textarea:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.character-count{font-size:.75rem;color:#6b7280;text-align:right;margin-top:.25rem}.error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none;min-height:44px}.btn-primary{background-color:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-content.request-to-join-modal{max-height:95vh}.modal-header,.modal-body{padding-left:1rem;padding-right:1rem}.modal-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.modal-content.create-project-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;outline:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;padding:.5rem;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-button:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:0 1.5rem 1.5rem;text-align:center}.modal-icon{display:flex;justify-content:center;margin-bottom:1rem}.modal-icon .text-indigo-600{color:#4f46e5}.modal-description{margin:0 0 1rem;color:#374151;font-size:1rem;line-height:1.5}.modal-description strong{color:#111827;font-weight:600}.modal-info{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.modal-info p{margin:0;color:#64748b;font-size:.875rem;line-height:1.5}.modal-form{display:flex;flex-direction:column}.modal-actions{display:flex;gap:.75rem;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none;min-height:44px;min-width:120px;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background-color:#4338ca}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #4f46e54d}.animate-spin{animation:spin 1s linear infinite}.modal-content:focus{outline:none}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-content.create-project-modal{max-height:95vh}.modal-header,.modal-body{padding-left:1rem;padding-right:1rem}.modal-actions{flex-direction:column}.btn{width:100%}}.toast{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:400px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-message{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:inherit;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-info{background-color:#e3f2fd;color:#1976d2;border-left:4px solid #2196f3}.toast-success{background-color:#e8f5e8;color:#2e7d32;border-left:4px solid #4caf50}.toast-warning{background-color:#fff3e0;color:#f57c00;border-left:4px solid #ff9800}.toast-error{background-color:#ffebee;color:#c62828;border-left:4px solid #f44336}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}}.project-page{min-height:100vh;padding:2rem 1rem;background-color:#fff}.project-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;padding:1rem}.project-content{display:flex;flex-direction:column;gap:1.5rem}.project-tagline{text-transform:uppercase;font-size:.875rem;color:#6b7280;letter-spacing:.05em}.project-title{font-weight:700;font-size:2.25rem;color:#1f2937;line-height:1.2}.project-description{color:#374151;font-size:1rem;line-height:1.75}.project-metadata{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.metadata-item{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.cta-button{background-color:#6366f1;color:#fff;font-weight:500;padding:.5rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;transition:background-color .2s;align-self:flex-start}.cta-button:hover{background-color:#4c1d95}.project-visual{display:flex;justify-content:center;align-items:flex-start}.visual-container{width:100%;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;background-color:#f9fafb;padding:1rem}.project-showcase{width:100%;height:auto;border-radius:.5rem;object-fit:cover}.project-overview{max-width:1200px;margin:4rem auto 0;padding:0 1rem}.overview-container{display:grid;grid-template-columns:1fr;gap:2rem}.overview-container>*{min-width:0}.goals-section{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;margin-bottom:1rem}.goals-list{display:flex;flex-direction:column;gap:1rem}.goal-item{display:flex;align-items:center;gap:1rem}.goal-number{background-color:#818cf8;color:#fff;width:2rem;height:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.goal-text{color:#4b5563;line-height:1.5}.roles-section{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.roles-list{display:flex;flex-direction:column;gap:.75rem}.role-item{display:flex;align-items:center;gap:.75rem;background-color:#f3f4f6;padding:.75rem 1rem;border-radius:.375rem;color:#4b5563}.contact-button{display:flex;align-items:center;gap:.5rem;background-color:#6366f1;color:#fff;padding:.5rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;transition:background-color .2s;margin-top:1.5rem;font-weight:500}.contact-button:hover{background-color:#4f46e5}.project-tech{max-width:1200px;margin:4rem auto 0;padding:0 1rem}.tech-container{display:grid;grid-template-columns:1fr;gap:2rem}.tech-section{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem;margin-bottom:1rem}.details-section{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.tech-subsection{margin-bottom:1.5rem}.tech-subsection:last-child{margin-bottom:0}.subsection-title{font-weight:600;color:#111827;margin-bottom:1rem;font-size:1rem}.tech-list{display:flex;flex-wrap:wrap;gap:.75rem}.tech-pill{background-color:#f3f4f6;color:#4b5563;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem}.lang-pill{border:1px solid #e5e7eb;color:#6366f1;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem}.details-list{display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e5e7eb}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-size:.875rem}.detail-value{color:#111827;font-weight:500}.team-section{max-width:1200px;margin:4rem auto 0;padding:0 1rem}.team-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:1.5rem}.team-member{display:flex;flex-direction:column;align-items:center;text-align:center}.member-image{width:6rem;height:6rem;border-radius:9999px;overflow:hidden;margin-bottom:1rem}.member-image img{width:100%;height:100%;object-fit:cover}.member-name{font-weight:600;color:#111827;font-size:1rem;margin-bottom:.25rem}.member-role{color:#6366f1;font-size:.875rem;margin-bottom:.75rem}.profile-link{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem;text-decoration:none;transition:color .2s}.profile-link:hover{color:#4b5563}@media (min-width: 768px){.project-container{grid-template-columns:1fr 1fr;gap:2rem}.project-title{font-size:3rem}.project-description{font-size:1.125rem}.overview-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.goals-section,.roles-section{height:100%;display:flex;flex-direction:column}.goals-section{margin-bottom:0}.tech-container{grid-template-columns:2fr 1fr}.tech-section{margin-bottom:0}.team-grid{grid-template-columns:repeat(4,1fr)}}.about-page{min-height:100vh;background-color:#fff;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.about-hero{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:8rem 1rem 6rem;text-align:center;color:#fff;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/Background_platform.png) center center/cover no-repeat;opacity:.1;z-index:0}.about-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.about-hero-title{font-size:3.5rem;line-height:1.1;font-weight:800;margin:0 0 1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.about-hero-subtitle{font-size:1.5rem;line-height:1.6;font-weight:400;margin:0;opacity:.95}.about-section{padding:5rem 1rem;background-color:#fff}.about-section-alt{background-color:#f9fafb}.about-container{max-width:1200px;margin:0 auto}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-section-title{font-size:2.5rem;line-height:1.2;font-weight:700;color:#1f2937;margin:0 0 2rem}.about-section-text{font-size:1.125rem;line-height:1.7;color:#6b7280;margin:0}.text-center{text-align:center}.about-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.about-step{text-align:center;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.about-step:hover{transform:translateY(-4px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.about-step-number{width:4rem;height:4rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.about-step-title{font-size:1.5rem;line-height:1.3;font-weight:600;color:#1f2937;margin:0 0 1rem}.about-step-text{font-size:1rem;line-height:1.6;color:#6b7280;margin:0}.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.about-value{text-align:center;padding:2rem 1rem;background-color:#fff;border-radius:1rem;box-shadow:0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.about-value:hover{transform:translateY(-2px);box-shadow:0 8px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.about-value-icon{font-size:3rem;margin-bottom:1rem;display:block}.about-value-title{font-size:1.25rem;line-height:1.3;font-weight:600;color:#1f2937;margin:0 0 1rem}.about-value-text{font-size:1rem;line-height:1.6;color:#6b7280;margin:0}.about-cta{margin-top:3rem}.about-cta-button{display:inline-block;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #6366f14d}.about-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166;color:#fff;text-decoration:none}.about-cta-button:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}@media (max-width: 768px){.about-hero{padding:6rem 1rem 4rem}.about-hero-title{font-size:2.5rem}.about-hero-subtitle{font-size:1.25rem}.about-section{padding:3rem 1rem}.about-section-title{font-size:2rem}.about-steps{grid-template-columns:1fr;gap:2rem}.about-values{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.about-step{padding:1.5rem}.about-value{padding:1.5rem 1rem}}@media (max-width: 480px){.about-hero-title{font-size:2rem}.about-hero-subtitle{font-size:1.125rem}.about-section-title{font-size:1.75rem}.about-step-number{width:3rem;height:3rem;font-size:1.25rem}.about-value-icon{font-size:2.5rem}.about-cta-button{padding:.875rem 1.5rem;font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-step,.about-value{animation:fadeInUp .6s ease-out}html{scroll-behavior:smooth}.about-cta-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media print{.about-hero,.about-cta-button{background:#6366f1!important;-webkit-print-color-adjust:exact;color-adjust:exact}}.notification-bell-container{position:relative;display:inline-block}.bell-button{background:none;border:none;cursor:pointer;padding:.5rem;color:#4a5568;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative}.bell-button:hover{color:#490476;background-color:#f7fafc;transform:translateY(-1px)}.bell-button:focus{outline:none;box-shadow:0 0 0 2px #490476}.bell-button.disconnected{opacity:.6}.bell-button.disconnected:hover{opacity:.8}.bell-icon{width:20px;height:20px;transition:all .2s ease}.bell-icon.active{color:#490476;animation:bell-shake .5s ease-in-out}@keyframes bell-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.connection-indicator{position:absolute;bottom:2px;right:2px;width:8px;height:8px;border-radius:50%;border:1px solid white}.connection-indicator.connected{background-color:#10b981;box-shadow:0 0 4px #10b98166}.connection-indicator.disconnected{background-color:#ef4444;box-shadow:0 0 4px #ef444466}.unread-badge{position:absolute;top:-2px;right:-2px;background-color:#ef4444;color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0000001a}.notification-dropdown{position:absolute;right:0;top:100%;margin-top:.5rem;width:320px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;z-index:1000;animation:dropdown-fade-in .2s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{padding:1rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.notification-title-section{display:flex;flex-direction:column;gap:.25rem}.notification-title{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0}.connection-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.status-dot{width:6px;height:6px;border-radius:50%}.connection-status.connected .status-dot{background-color:#10b981;box-shadow:0 0 4px #10b98166}.connection-status.disconnected .status-dot{background-color:#ef4444;box-shadow:0 0 4px #ef444466}.status-text{color:#718096;font-weight:500}.notification-actions{display:flex;align-items:center;gap:.5rem}.mark-all-read-btn{background:none;border:none;color:#490476;font-size:.875rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.mark-all-read-btn:hover{background-color:#f7fafc;color:#2d1b69}.close-btn{background:none;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#718096;background-color:#f7fafc}.close-icon{width:16px;height:16px}.notifications-list{max-height:400px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:4px}.notifications-list::-webkit-scrollbar-track{background:#f1f5f9}.notifications-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.notifications-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.empty-notifications{padding:2rem;text-align:center;color:#718096;font-size:.875rem}.notification-item{padding:1rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#f0f9ff;border-left:3px solid #490476}.notification-item:last-child{border-bottom:none}.notification-content{display:flex;align-items:flex-start;gap:.75rem}.notification-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.notification-icon.success{color:#10b981}.notification-icon.error{color:#ef4444}.notification-icon.info{color:#3b82f6}.notification-details{flex:1;min-width:0}.notification-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.notification-item-title{font-size:.875rem;font-weight:600;color:#1a202c;margin:0;line-height:1.25}.notification-item-message{font-size:.875rem;color:#4a5568;margin:.25rem 0 0;line-height:1.4}.notification-item-time{font-size:.75rem;color:#a0aec0;margin:.5rem 0 0}.remove-notification-btn{background:none;border:none;color:#a0aec0;cursor:pointer;padding:.125rem;border-radius:2px;transition:all .2s ease;flex-shrink:0}.remove-notification-btn:hover{color:#718096;background-color:#f1f5f9}.remove-icon{width:12px;height:12px}.notification-footer{padding:1rem;border-top:1px solid #e2e8f0}.clear-all-btn{width:100%;background:none;border:none;color:#718096;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease}.clear-all-btn:hover{color:#4a5568;background-color:#f7fafc}@media (max-width: 768px){.notification-dropdown{width:280px;right:-1rem}.notification-header,.notification-item,.notification-footer{padding:.75rem}}@media (max-width: 480px){.notification-dropdown{width:calc(100vw - 2rem);right:-1rem;left:-1rem}}.notification-dropdown{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 10px 25px #00000026!important}.notification-title{color:#1a202c!important}.notification-item{border-bottom-color:#f1f5f9!important}.notification-item:hover{background-color:#f8fafc!important}.notification-item.unread{background-color:#f0f9ff!important;border-left:3px solid #490476!important}.notification-item-title{color:#1a202c!important}.notification-item-message{color:#4a5568!important}.notification-item-time{color:#a0aec0!important}.notification-header{border-bottom-color:#e2e8f0!important}.notification-footer{border-top-color:#e2e8f0!important}.mark-all-read-btn{color:#490476!important}.mark-all-read-btn:hover{background-color:#f7fafc!important;color:#2d1b69!important}.close-btn{color:#a0aec0!important}.close-btn:hover{color:#718096!important;background-color:#f7fafc!important}.clear-all-btn{color:#718096!important}.clear-all-btn:hover{color:#4a5568!important;background-color:#f7fafc!important}.empty-notifications{color:#718096!important}.remove-notification-btn{color:#a0aec0!important}.remove-notification-btn:hover{color:#718096!important;background-color:#f1f5f9!important}.status-text{color:#718096!important}.quick-actions{display:flex;gap:.5rem;margin-top:.5rem}.quick-action-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.quick-action-btn:disabled{opacity:.6;cursor:not-allowed}.approve-btn{background-color:#10b981;color:#fff}.approve-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.reject-btn{background-color:#ef4444;color:#fff}.reject-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px)}.action-icon{width:12px;height:12px}.platform-NavBar{background-color:#fff;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000;font-family:Arial,sans-serif;width:100%}.platform-brand{margin-left:-20px;display:flex;align-items:center}.platform-brand img.logo{height:60px;width:auto;transform:none}.platform-nav{display:flex;gap:1.5rem;align-items:center;white-space:nowrap}.nav-link{color:#4a5568!important;text-decoration:none!important;font-weight:500;font-size:1rem;transition:color .2s ease;background:none!important;border:none!important;outline:none!important;white-space:nowrap}.nav-link:hover{color:#490476!important;background:none!important;border:none!important;text-decoration:none!important}.nav-link:focus{outline:none!important;color:#490476!important;background:none!important;border:none!important}.dropdown{position:relative}.dropdown-trigger{background:none!important;border:none!important;cursor:pointer;font-family:inherit;font-size:1rem;color:#4a5568!important;font-weight:500;padding:0;transition:color .2s ease;outline:none!important;white-space:nowrap}.dropdown-trigger:hover{color:#490476!important;background:none!important;border:none!important;border-color:transparent!important}.dropdown-trigger:focus{outline:none!important;color:#490476!important;background:none!important;border:none!important}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:.5rem 0;min-width:200px;margin-top:.5rem;opacity:0;transform:translateY(-10px);animation:dropdownSlideIn .2s ease-out forwards}@keyframes dropdownSlideIn{to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:.5rem 1rem;color:#4a5568;text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;font-family:inherit;font-size:1rem;cursor:pointer;border-radius:0}.dropdown-item:hover{background:none!important;color:#490476!important;padding-left:1rem!important}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.profile-dropdown{right:0;left:auto;min-width:220px}.user-info{cursor:default;padding:.75rem 1rem}.user-info:hover{background-color:transparent;color:#4a5568}.user-name{display:block;font-weight:600;color:#2d3748;margin-bottom:.25rem}.user-role{display:block;font-size:.875rem;color:#718096;font-weight:500}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:.5rem 0}.logout-item{color:#e53e3e;font-weight:500}.logout-item:hover{background-color:#fed7d7;color:#c53030}.platform-controls{display:flex;align-items:center;gap:.5rem}.vertical-separator{height:24px;width:1px;background-color:#e2e8f0;margin:0 .5rem}.icon-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.25rem;color:#4a5568;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{color:#490476;background-color:#f7fafc;transform:translateY(-1px)}.user-profile{display:flex;align-items:center;gap:.75rem}.avatar-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.25rem;color:#4a5568;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;border-radius:6px}.avatar-button:hover{color:#490476;background-color:#f7fafc;transform:translateY(-1px)}.avatar-button:active{transform:translateY(0)}.avatar-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.avatar-button:disabled:hover{background-color:transparent;transform:none}.avatar-button svg{color:#4a5568;stroke:#4a5568;fill:none}.profile-chevron{color:#718096;transition:all .2s ease}.avatar-button:hover .profile-chevron{color:#490476}.user-profile .dropdown.open .profile-chevron{transform:rotate(180deg)}.username{color:#718096;font-size:.875rem}.mobile-menu-button{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#4a5568;padding:.5rem}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem;box-shadow:0 4px 6px #0000001a}.mobile-nav-link{display:block;padding:.75rem 1rem;color:#4a5568;text-decoration:none;font-weight:500;border-bottom:1px solid #edf2f7}.mobile-nav-link:last-child{border-bottom:none}.mobile-divider{height:1px;background-color:#e2e8f0;margin:.5rem 0}.logout-mobile{color:#e53e3e;font-weight:500}.logout-mobile:hover{background-color:#fed7d7;color:#c53030}.mobile-user-info{padding:.75rem 1rem;background-color:#f7fafc;border-radius:8px;margin:.5rem 0}.mobile-user-details{display:flex;align-items:center;gap:.75rem}.mobile-user-text{display:flex;flex-direction:column;gap:.25rem}.mobile-user-name{font-weight:600;color:#2d3748;font-size:1rem}.mobile-user-role{font-size:.875rem;color:#718096;font-weight:500}@media (max-width: 768px){.platform-nav{display:none}.mobile-menu-button,.mobile-menu{display:block}.platform-controls{display:flex;align-items:center;gap:.5rem}.platform-controls .icon-button,.platform-controls .vertical-separator,.platform-controls .username{display:none}}.icon-button:focus{outline:2px solid #490476;outline-offset:2px}.avatar-button:focus{outline:2px solid #490476;outline-offset:2px}.dropdown-item:focus{outline:none!important;background:none!important;color:#490476!important}.profile-page{min-height:100vh;background-color:#f9fafb;padding:2rem 1rem}.profile-content{max-width:1200px;margin:0 auto}.back-button-container{max-width:1200px;margin:0 auto 2rem;padding:0 1rem}.back-button{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:#6b7280;border:none;padding:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s}.back-button:hover{color:#4b5563}.profile-header{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:1rem;padding:2rem;position:relative;margin-bottom:2rem}.header-content{display:flex;align-items:flex-start;gap:2rem;position:relative}.profile-image-container{width:8rem;height:8rem;border-radius:9999px;overflow:hidden;border:4px solid white;margin-top:-4rem;background-color:#fff}.profile-image{width:100%;height:100%;object-fit:cover}.profile-info{flex:1;color:#fff}.name-badge{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.profile-name{font-size:2rem;font-weight:700;margin:0}.profile-badge{background-color:#fff3;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.profile-subtitle{font-size:1rem;margin-bottom:1rem;opacity:.9}.social-icons{display:flex;gap:1rem}.social-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#fff3;color:#fff;transition:background-color .2s}.social-icon:hover{background-color:#ffffff4d}.profile-actions{display:flex;gap:1rem;align-items:center}.action-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.message-button{background-color:#fff3;color:#fff}.message-button:hover{background-color:#ffffff4d}.follow-button{background-color:#fff;color:#6366f1;padding:.5rem 1.5rem;font-weight:500}.follow-button:hover{background-color:#f3f4f6}.menu-button{background-color:#fff3;color:#fff}.menu-button:hover{background-color:#ffffff4d}.about-section{max-width:1200px;margin:0 auto}.about-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.about-content{color:#4b5563;line-height:1.75}.about-paragraph{margin-bottom:1rem}.about-paragraph:last-child{margin-bottom:0}.expertise-section{max-width:1200px;margin:2rem auto 0}.expertise-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1rem}.tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border-radius:.375rem}.tab:hover{color:#4b5563;background-color:#f3f4f6}.tab.active{color:#6366f1;background-color:#f3f4f6}.badge-list{display:flex;flex-wrap:wrap;gap:.75rem}.expertise-badge{background-color:#f3f4f6;color:#4b5563;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem}.interests-section{max-width:1200px;margin:2rem auto 0}.interests-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.interests-list{display:flex;flex-wrap:wrap;gap:.75rem}.interest-tag{border:1px solid #e5e7eb;color:#6366f1;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;transition:all .2s}.interest-tag:hover{background-color:#f3f4f6}.achievements-section{margin:2rem 0 0}.achievements-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.achievements-grid{max-width:680px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,200px);gap:24px;justify-content:center;align-items:start}.achievement-card{background-color:#fff;border-radius:16px;padding:1.5rem;text-align:center;position:relative;transition:all .3s ease;box-shadow:0 6px 18px #0f172a1f,0 2px 8px #0f172a14;display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;aspect-ratio:1 / 1}.achievement-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026}.achievement-card.locked{opacity:.5}.achievement-icon{font-size:3rem;margin-bottom:.75rem;display:block;flex-shrink:0}.achievement-title{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.3;flex-shrink:0}.achievement-description{color:#6b7280;font-size:.8rem;line-height:1.4;margin-bottom:.25rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.locked-badge{background-color:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:9999px;font-size:.7rem;font-weight:500;margin-top:.25rem;flex-shrink:0}.projects-section{margin:2rem 0 0}.projects-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.status-badge{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:26px;padding:0 10px;font-size:.875rem;line-height:1;font-weight:600;border-radius:9999px;background:#f8fafc;color:#0f172a;border:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000f;min-width:0;min-height:0;margin:0}.status-badge .status-icon{width:14px;height:14px;flex:0 0 auto}.status-badge.completed{background:#ecfdf5;color:#065f46;border-color:#34d399}.status-badge.inprogress{background:#fff7ed;color:#b45309;border-color:#fdba74}.status-badge.pending{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.status-badge.unknown{background:#f3f4f6;color:#64748b;border-color:#cbd5e1}.project-role{font-size:.875rem;color:#4b5563;margin:0}.role-text{color:#6366f1;font-weight:500}.project-team{margin:0}.team-avatars{display:flex;align-items:center}.team-avatar{width:2rem;height:2rem;border-radius:9999px;border:2px solid white;margin-left:-.5rem}.team-avatar:first-child{margin-left:0}.more-members{margin-left:.5rem;color:#6b7280;font-size:.875rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.tech-badge{background-color:#f3f4f6;color:#4b5563;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem}.button-container{margin-top:auto;padding-top:1.5rem;border-top:1px solid #e5e7eb}.view-project-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:#6366f1;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.view-project-button:hover{background-color:#4f46e5}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:center;text-align:center}.profile-image-container{margin-top:-6rem}.profile-info{display:flex;flex-direction:column;align-items:center}.name-badge{justify-content:center}.profile-actions{width:100%;justify-content:center;margin-top:1rem}.tabs{flex-wrap:wrap}.tab{flex:1;justify-content:center}.achievements-grid{grid-template-columns:1fr;gap:1rem}.achievement-card{min-height:180px}.projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.achievements-grid{grid-template-columns:repeat(auto-fit,160px);gap:20px;max-width:100%}.achievement-card{width:160px;height:160px;padding:1rem}.achievement-icon{font-size:2rem;margin-bottom:.5rem}.achievement-title{font-size:.9rem;margin-bottom:.4rem}.achievement-description{font-size:.75rem}}@media (max-width: 480px){.achievements-grid{grid-template-columns:repeat(auto-fit,140px);gap:16px}.achievement-card{width:140px;height:140px;padding:.875rem}.achievement-icon{font-size:1.75rem;margin-bottom:.4rem}.achievement-title{font-size:.85rem;margin-bottom:.3rem}.achievement-description{font-size:.7rem}}.loading-container{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{font-size:1rem;color:#6b7280}.no-projects{text-align:center;padding:2rem;color:#6b7280;font-size:1rem}.choose-role-page{background-color:#fff;min-height:100vh;padding:2rem 1rem;font-family:Poppins,sans-serif}.choose-role-container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}.page-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;font-family:Poppins,sans-serif;display:block;width:100%}.page-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6;font-family:Poppins,sans-serif;display:block;width:100%}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.role-card{background:#fff;border:2px solid #6366f1;border-radius:1rem;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:280px;display:flex;flex-direction:column}.role-card:hover{background-color:#6366f1;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.role-card:hover .role-title,.role-card:hover .role-subtitle,.role-card:hover .role-description{color:#fff}.role-card.selected{background-color:#6366f1;border-color:#6366f1;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.role-card.selected .role-title,.role-card.selected .role-subtitle,.role-card.selected .role-description{color:#fff}.role-content{flex:1;display:flex;flex-direction:column}.role-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;font-family:Poppins,sans-serif;transition:color .3s ease}.role-subtitle{font-size:1rem;font-weight:500;color:#4b5563;margin-bottom:1rem;font-family:Poppins,sans-serif;transition:color .3s ease;line-height:1.5}.role-description{font-size:.875rem;color:#6b7280;line-height:1.6;font-family:Poppins,sans-serif;transition:color .3s ease;flex:1}.selected-indicator{position:absolute;top:1rem;right:1rem;background-color:#fff;color:#6366f1;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.action-section{text-align:center;margin-top:2rem}.action-text{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;font-family:Poppins,sans-serif}.submit-button{background-color:#6366f1;color:#fff;border:none;border-radius:.75rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif;min-width:200px}.submit-button:hover:not(.disabled){background-color:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-button:active:not(.disabled){transform:translateY(0)}.submit-button.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.role-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.page-title{font-size:2rem}}@media (max-width: 768px){.role-grid{grid-template-columns:1fr;gap:1.5rem}.page-title{font-size:1.875rem}.page-subtitle{font-size:1rem}.page-header{margin-bottom:2.5rem}.role-card{padding:1.5rem;min-height:240px}.choose-role-page{padding:1rem .5rem}.choose-role-container{padding:0 .5rem}}@media (max-width: 480px){.page-title{font-size:1.625rem}.role-card{padding:1.25rem;min-height:220px}.submit-button{min-width:180px;padding:.75rem 1.5rem}}.sidebar{width:250px;background-color:#fff;border-right:1px solid #e5e7eb;height:calc(100vh - 64px);position:fixed;left:0;top:80px;z-index:100;overflow-y:auto;box-shadow:2px 0 4px #0000000d}.sidebar-nav{padding:1rem 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#4b5563;text-decoration:none;font-weight:500;font-size:.875rem;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;font-family:inherit;cursor:pointer;border-radius:8px;margin:.25rem .5rem;width:calc(100% - 1rem)}.nav-link:hover{background-color:#f9fafb;color:#6366f1}.nav-link.active{background-color:#f3f0ff;color:#490476;font-weight:500}.nav-link.active .nav-icon{color:#490476}.nav-icon{color:#6b7280;transition:color .2s ease}.nav-label{flex:1}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative;padding-top:0;border-right:none;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.sidebar-nav{padding:.5rem 0}.nav-list{display:flex;overflow-x:auto;padding:0 1rem;gap:.5rem}.nav-item{flex-shrink:0}.nav-link{padding:.5rem 1rem;border-left:none;border-bottom:3px solid transparent;border-radius:8px;white-space:nowrap}.nav-link:hover{border-left-color:transparent;border-bottom-color:#e5e7eb}.nav-link.active{border-left-color:transparent;border-bottom-color:#6366f1}.nav-label{display:none}.nav-icon{margin:0}}@media (max-width: 360px){.nav-link{padding:.5rem .75rem}}.work-area-layout{display:flex;min-height:calc(100vh - 64px);background-color:#fff;flex:1}.work-area-main{flex:1;margin-left:250px;padding:0;overflow-x:hidden;min-height:calc(100vh - 64px)}@media (max-width: 768px){.work-area-layout{flex-direction:column;min-height:calc(100vh - 64px)}.work-area-main{margin-left:0;margin-top:0;min-height:calc(100vh - 64px)}}.project-card-work{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f;transition:all .2s ease-in-out;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:100%;border:1px solid #e5e7eb}.project-card-work:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#3b82f6}.project-card-work:focus{outline:2px solid #3b82f6;outline-offset:2px}.project-card-work__image-container{width:100%;height:120px;overflow:hidden;position:relative;background-color:#f9fafb}.project-card-work__image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-in-out}.project-card-work:hover .project-card-work__image{transform:scale(1.02)}.project-card-work__status-badge{position:absolute;top:.5rem;right:.5rem;background-color:#10b981;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.project-card-work__content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.project-card-work__title{font-size:1.125rem;font-weight:600;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-work__description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.project-card-work__tech-stack{display:flex;flex-wrap:wrap;gap:.375rem;margin:.5rem 0}.project-card-work__tech-item{background-color:#f1f5f9;color:#475569;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid #e2e8f0}.project-card-work__tech-more{background-color:#e2e8f0;color:#64748b;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;border:1px solid #cbd5e1}.project-card-work__cta{padding-top:.75rem;margin-top:auto;border-top:1px solid #f3f4f6}.project-card-work__action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.project-card-work__view-link{display:flex;align-items:center;gap:.375rem;color:#3b82f6;font-weight:600;font-size:.875rem;transition:color .2s ease-in-out}.project-card-work:hover .project-card-work__view-link{color:#1d4ed8}.project-card-work__arrow-icon{font-size:.75rem;transition:transform .2s ease-in-out}.project-card-work:hover .project-card-work__arrow-icon{transform:translate(2px)}.btn-primary{background:#490476;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-primary:hover:not(:disabled){background:#3a0360;transform:translateY(-1px);box-shadow:0 2px 4px -1px #4904764d}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.project-card-work .btn-secondary{background:#490476!important;color:#fff!important;border:1px solid #490476!important;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:.25rem}.project-card-work .btn-secondary:hover{background:#3a0360!important;border-color:#3a0360!important;transform:translateY(-1px);box-shadow:0 1px 2px -1px #4904764d}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.project-card-work__content{padding:.75rem}.project-card-work__title{font-size:1rem}.project-card-work__image-container{height:100px}.project-card-work__tech-stack{gap:.25rem}.project-card-work__tech-item,.project-card-work__tech-more{font-size:.6875rem;padding:.125rem .375rem}.project-card-work__action-buttons{flex-direction:column;gap:.375rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.join-requests-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.join-requests-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.join-requests-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.join-requests-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #490476;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{color:#6b7280;font-size:.875rem;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center}.error-icon{color:#dc2626}.error-state h3{font-size:1.25rem;font-weight:600;color:#dc2626;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.error-state p{color:#7f1d1d;font-size:.875rem;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button:hover{background:#b91c1c}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem;text-align:center}.empty-icon{color:#9ca3af}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.empty-state p{color:#6b7280;font-size:.875rem;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.join-requests-layout{display:flex;height:100%;min-height:500px}.requests-list{width:40%;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;background:#f9fafb}.requests-list h3{font-size:1rem;font-weight:600;color:#374151;margin:0;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#fff;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.requests-container{flex:1;overflow-y:auto;padding:.5rem}.request-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease}.request-item:hover{border-color:#490476;box-shadow:0 2px 4px -1px #0000001a}.request-item.selected{border-color:#490476;background:#f8f5ff;box-shadow:0 2px 4px -1px #4904761a}.request-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.requester-info{display:flex;align-items:center;gap:.5rem}.user-icon{color:#6b7280}.requester-name{font-weight:600;color:#111827;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.status-icon{color:#6b7280}.status-icon.pending{color:#f59e0b}.status-icon.approved{color:#10b981}.status-icon.rejected{color:#ef4444}.request-details{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.request-role,.request-date{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.role-icon,.date-icon{color:#9ca3af}.request-message-preview{display:flex;align-items:flex-start;gap:.375rem;font-size:.75rem;color:#6b7280;line-height:1.4}.message-icon{color:#9ca3af;margin-top:.125rem;flex-shrink:0}.request-details-panel{flex:1;display:flex;flex-direction:column;background:#fff}.request-detail-content{flex:1;padding:1.5rem;overflow-y:auto}.detail-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.detail-section{margin-bottom:2rem}.detail-section h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.detail-item{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.detail-icon{color:#6b7280;flex-shrink:0}.detail-item div{display:flex;flex-direction:column;gap:.125rem}.detail-label{font-size:.75rem;color:#6b7280;font-weight:500;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.detail-value{font-size:.875rem;color:#111827;font-weight:500;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.message-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;gap:.75rem}.message-content .message-icon{color:#6b7280;margin-top:.125rem;flex-shrink:0}.message-content p{margin:0;color:#374151;line-height:1.5;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.detail-actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;flex:1;justify-content:center}.approve-button{background:#10b981;color:#fff}.approve-button:hover:not(:disabled){background:#059669}.reject-button{background:#ef4444;color:#fff}.reject-button:hover:not(:disabled){background:#dc2626}.action-button:disabled{opacity:.6;cursor:not-allowed}.no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280}.no-selection-icon{color:#9ca3af;margin-bottom:1rem}.no-selection h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.no-selection p{font-size:.875rem;color:#6b7280;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.decision-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:1rem}.decision-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.decision-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.decision-modal-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.decision-modal-content{padding:1.5rem 2rem}.decision-modal-content p{color:#374151;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reason-input{display:flex;flex-direction:column;gap:.5rem}.reason-input label{font-size:.875rem;font-weight:500;color:#374151;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reason-input textarea{border:1px solid #d1d5db;border-radius:6px;padding:.75rem;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;resize:vertical;min-height:80px}.reason-input textarea:focus{outline:none;border-color:#490476;box-shadow:0 0 0 3px #4904761a}.decision-modal-actions{display:flex;gap:.75rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.cancel-button{background:#f3f4f6;color:#374151;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.confirm-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.confirm-button.approve{background:#10b981;color:#fff}.confirm-button.approve:hover:not(:disabled){background:#059669}.confirm-button.reject{background:#ef4444;color:#fff}.confirm-button.reject:hover:not(:disabled){background:#dc2626}.confirm-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.join-requests-modal{max-width:95vw;max-height:95vh}.join-requests-modal-header{padding:1rem 1.5rem}.header-title h2{font-size:1.25rem}.join-requests-layout{flex-direction:column;min-height:400px}.requests-list{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;max-height:300px}.requests-list h3{padding:.75rem 1rem}.requests-container{padding:.25rem}.request-item{padding:.75rem}.request-detail-content{padding:1rem}.detail-actions{flex-direction:column}.decision-modal{max-width:95vw}.decision-modal-header,.decision-modal-content,.decision-modal-actions{padding:1rem 1.5rem}.decision-modal-actions{flex-direction:column}}@media (max-width: 480px){.join-requests-modal-overlay{padding:.5rem}.join-requests-modal-header{padding:.75rem 1rem}.header-title h2{font-size:1.125rem}.request-detail-content{padding:.75rem}.detail-actions{gap:.5rem}.action-button{padding:.625rem 1rem;font-size:.8125rem}.decision-modal-header,.decision-modal-content,.decision-modal-actions{padding:.75rem 1rem}}.repository-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.repository-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.repository-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.header-content{display:flex;flex-direction:column;gap:.25rem}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.header-icon{color:#490476}.header-subtitle{font-size:.875rem;color:#6b7280;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.close-button{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background-color:#f3f4f6;color:#374151}.repository-modal-content{padding:2rem;flex:1;overflow-y:auto}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.form-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.label-icon{color:#6b7280}.form-input{border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#490476;box-shadow:0 0 0 3px #4904761a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{color:#ef4444;font-size:.75rem;font-weight:500;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.input-hint{color:#6b7280;font-size:.75rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.repository-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e5e7eb}.cancel-button{background:#f3f4f6;color:#374151;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.cancel-button:hover:not(:disabled){background:#e5e7eb}.cancel-button:disabled{opacity:.6;cursor:not-allowed}.save-button{background:#490476;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;align-items:center;gap:.5rem}.save-button:hover:not(:disabled){background:#3a0360;transform:translateY(-1px);box-shadow:0 2px 4px -1px #4904764d}.save-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.repository-modal{max-width:95vw;max-height:95vh}.repository-modal-header{padding:1rem 1.5rem}.header-title h2{font-size:1.25rem}.repository-modal-content{padding:1.5rem}.repository-modal-actions{flex-direction:column}.cancel-button,.save-button{width:100%;justify-content:center}}@media (max-width: 480px){.repository-modal-overlay{padding:.5rem}.repository-modal-header{padding:.75rem 1rem}.header-title h2{font-size:1.125rem}.repository-modal-content{padding:1rem}}.my-projects-page{padding:2rem 1rem;max-width:1200px;margin:0 auto;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.my-projects-header{margin-bottom:2rem;text-align:left!important;display:block;width:100%}.page-title{font-size:2.25rem;line-height:2.5rem;font-weight:400;color:#1f2937;margin:0 0 .5rem;text-align:left;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.page-subtitle{font-size:1rem;line-height:1.5rem;color:#6b7280;margin:0;font-weight:400;text-align:left!important;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;display:block;width:100%}.content-region{min-height:400px}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px}.skeleton-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:1200px}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-image{height:200px;background-color:#e5e7eb}.skeleton-content{padding:1.5rem}.skeleton-meta{height:16px;background-color:#e5e7eb;border-radius:4px;margin-bottom:.75rem;width:60%}.skeleton-title{height:20px;background-color:#e5e7eb;border-radius:4px;margin-bottom:.75rem;width:80%}.skeleton-description{height:16px;background-color:#e5e7eb;border-radius:4px;margin-bottom:.5rem;width:100%}.skeleton-description:last-of-type{width:70%}.skeleton-tech{height:24px;background-color:#e5e7eb;border-radius:4px;margin-top:1rem;width:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-state{display:flex;justify-content:center;align-items:center;min-height:300px}.error-content{text-align:center;padding:2rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-width:500px;width:100%}.error-content h3{font-size:1.25rem;font-weight:600;color:#dc2626;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.error-content p{font-size:.875rem;color:#7f1d1d;margin:0 0 1rem;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button:hover:not(:disabled){background:#b91c1c}.retry-button:disabled{background:#9ca3af;cursor:not-allowed}.empty-state{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-content{text-align:center;padding:2rem;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;max-width:500px;width:100%}.empty-content h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.empty-content p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}@media (max-width: 768px){.my-projects-page{padding:1rem .5rem}.my-projects-header{margin-bottom:1.5rem}.page-title{font-size:1.875rem;line-height:2.25rem}.page-subtitle{font-size:.875rem}.tabs-container{margin-bottom:1.5rem}.tabs-row{gap:.375rem}.tab-button{padding:.625rem 1rem;font-size:.8125rem}.content-placeholder{padding:1.5rem 1rem}.placeholder-title{font-size:1.125rem}.skeleton-cards,.projects-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 360px){.my-projects-page{padding:.75rem .25rem}.tabs-row{gap:.25rem}.tab-button{padding:.5rem .875rem;font-size:.75rem}.tab-icon{width:14px;height:14px}.skeleton-cards,.projects-grid{grid-template-columns:1fr;gap:.75rem}.error-content,.empty-content{padding:1.5rem 1rem}}.work-area-content{min-height:calc(100vh - 80px);padding-bottom:120px}.footer{bottom:0;left:0;right:0;width:100%;z-index:200;background-color:#f3f4f6}.work-area-page{min-height:100vh;background-color:#fff;padding:2rem 1rem}.work-area-header{max-width:1200px;margin:0 auto 2rem;padding:0 1rem}.welcome-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;text-align:left}.welcome-subtitle{font-size:1rem;line-height:1.5rem;color:#6366f1;margin:0;font-weight:400}.actions-bar-placeholder{max-width:1200px;margin:0 auto 2rem;padding:1rem;background-color:#f9fafb;border-radius:8px;border:2px dashed #d1d5db;text-align:center;color:#6b7280;font-size:.875rem}.actions-bar-placeholder:before{content:"Actions/Filters Bar Placeholder"}.main-grid-placeholder{max-width:1200px;margin:0 auto;padding:2rem 1rem;background-color:#f9fafb;border-radius:8px;border:2px dashed #d1d5db;text-align:center;color:#6b7280;font-size:.875rem;min-height:400px;display:flex;align-items:center;justify-content:center}.main-grid-placeholder:before{content:"Main Grid Container Placeholder (Active/Upcoming/Recent cards)"}@media (max-width: 768px){.work-area-page{padding:1rem .5rem}.work-area-header{padding:0 .5rem;margin-bottom:1.5rem}.welcome-title{font-size:1.875rem;line-height:2.25rem}.welcome-subtitle{font-size:.875rem}.actions-bar-placeholder,.main-grid-placeholder{margin-left:.5rem;margin-right:.5rem;padding:1rem .5rem}}@media (max-width: 360px){.welcome-title{font-size:1.5rem;line-height:2rem}.actions-bar-placeholder,.main-grid-placeholder{margin-left:.25rem;margin-right:.25rem;padding:.75rem .25rem}}.task-card{border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;transition:all .2s ease;border:1px solid transparent;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.task-card:focus{outline:2px solid #490476;outline-offset:2px}.task-card{background-color:#fff}.task-content{display:flex;flex-direction:column;gap:.75rem}.task-title{font-size:1.2rem!important;font-weight:500;color:#1f2937;margin:0;line-height:1.4;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}.meta-badges{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.status-badge{padding:.1875rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.status-todo{background-color:#f3f4f6;color:#374151}.status-inprogress{background-color:#dbeafe;color:#1e40af}.status-blocked{background-color:#fecaca;color:#dc2626}.status-done{background-color:#bbf7d0;color:#166534}.priority-badge{padding:.1875rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.type-badge{padding:.1875rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#f3f4f6;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.due-date{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.75rem;font-weight:500;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.due-date svg{flex-shrink:0}@media (max-width: 768px){.task-card{padding:1.25rem}.task-title{font-size:1rem}.task-description{font-size:.8125rem}.task-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.meta-badges{gap:.375rem}.status-badge,.priority-badge,.type-badge{font-size:.6875rem;padding:.1875rem .625rem}.due-date{font-size:.6875rem}}@media (max-width: 480px){.task-card{padding:1rem}.meta-badges{flex-direction:column;align-items:flex-start;gap:.25rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:#f3f4f6;color:#374151}.modal-close-button:focus{outline:2px solid #9333ea;outline-offset:2px}.modal-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.date-input-container{position:relative;display:flex;align-items:center}.date-icon{position:absolute;left:.75rem;color:#6b7280;pointer-events:none;z-index:1}.form-date-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.form-date-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.error-message{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.cancel-button{padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.cancel-button:focus{outline:2px solid #9333ea;outline-offset:2px}.submit-button{padding:.75rem 1.5rem;background-color:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.submit-button:hover{background-color:#7c3aed}.submit-button:focus{outline:2px solid #9333ea;outline-offset:2px}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1rem 0;margin-bottom:1rem}.modal-form{padding:0 1rem 1rem}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:1rem}.modal-actions{flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.cancel-button,.submit-button{width:100%;justify-content:center}}@media (max-width: 480px){.modal-header h2{font-size:1.125rem}.form-input,.form-textarea,.form-select,.form-date-input{padding:.625rem}.cancel-button,.submit-button{padding:.625rem 1rem}}.my-tasks-container{width:100%;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.my-tasks-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.add-task-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.add-task-button:hover{background-color:#7c3aed}.add-task-button:focus{outline:2px solid #9333ea;outline-offset:2px}.my-tasks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.status-group{border-radius:1rem;padding:1.5rem;min-height:200px;display:flex;flex-direction:column;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.status-group.bg-gray-50{background-color:#f9fafb}.status-group.bg-indigo-50{background-color:#eef2ff}.status-group.bg-red-50{background-color:#fef2f2}.status-group.bg-green-50{background-color:#f0fdf4}.status-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.1)}.status-group-title-container{display:flex;align-items:center;gap:.5rem}.status-group-icon{flex-shrink:0}.status-group-icon.text-gray-500{color:#6b7280}.status-group-icon.text-indigo-500{color:#6366f1}.status-group-icon.text-red-500{color:#ef4444}.status-group-icon.text-green-500{color:#22c55e}.status-group-icon.animate-spin{animation:spin 1s linear infinite}.status-group-title{font-size:.875rem;font-weight:600;color:#374151;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.status-group-count{background-color:#0000001a;color:#6b7280;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:9999px;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.status-group-content{flex:1;display:flex;flex-direction:column;gap:.75rem;max-height:350px;overflow-y:auto;padding-right:.25rem}.status-group-content::-webkit-scrollbar{width:4px}.status-group-content::-webkit-scrollbar-track{background:transparent}.status-group-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.status-group-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.my-tasks-skeleton{display:flex;flex-direction:column;gap:1rem}.task-card-skeleton{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.skeleton-title{height:1.5rem;width:60%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.75rem}.skeleton-description{height:1rem;width:100%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-description:last-of-type{width:80%;margin-bottom:1rem}.skeleton-meta{height:1.5rem;width:40%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.my-tasks-error{display:flex;justify-content:center;align-items:center;min-height:200px}.error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:2rem;text-align:center;max-width:400px;width:100%}.error-card h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.error-card p{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.my-tasks-empty{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-card{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;max-width:400px;width:100%}.empty-card h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.empty-card p{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 1024px){.my-tasks-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.my-tasks-header{margin-bottom:1rem}.add-task-button{width:100%;justify-content:center}.my-tasks-grid{gap:.75rem}.status-group{padding:1rem;min-height:150px}.status-group-header{margin-bottom:.75rem;padding-bottom:.5rem}.status-group-title{font-size:1rem}.status-group-content{max-height:300px;gap:.5rem}.task-card-skeleton{padding:1.25rem}.error-card,.empty-card{padding:1.5rem;margin:0 1rem}}.reply-item{display:flex;gap:.75rem;padding:.75rem;background:#f9fafb;border-radius:.5rem;border-left:3px solid #e5e7eb;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-content{flex:1;min-width:0}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reply-author{display:flex;align-items:center;gap:.5rem}.reply-author-name{font-size:.8125rem;font-weight:600;color:#1f2937;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-author-role{font-size:.75rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#9ca3af;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-text{font-size:.8125rem;color:#374151;line-height:1.5;margin-bottom:.75rem;white-space:pre-wrap;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-actions{display:flex;align-items:center;gap:.75rem}.reply-like-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:.375rem;font-size:.75rem;font-weight:500;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-like-button:hover{background-color:#f3f4f6;color:#374151}.reply-like-button.liked{color:#9333ea;background-color:#f3f0ff}.reply-like-button:focus{outline:2px solid #9333ea;outline-offset:2px}.reply-like-count{font-size:.75rem;font-weight:500}@media (max-width: 768px){.reply-item{padding:.5rem}.reply-header{flex-direction:column;align-items:flex-start;gap:.25rem}.reply-time{align-self:flex-end}.reply-author{flex-direction:column;align-items:flex-start;gap:.125rem}}.reply-composer{display:flex;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-composer-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-composer-form{flex:1;display:flex;flex-direction:column;gap:.75rem}.reply-composer-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#fff;resize:vertical;min-height:2.5rem;max-height:6rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.reply-composer-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.reply-composer-input::placeholder{color:#9ca3af}.reply-composer-actions{display:flex;justify-content:flex-end;gap:.75rem}.reply-composer-cancel{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-composer-cancel:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.reply-composer-cancel:focus{outline:2px solid #9333ea;outline-offset:2px}.reply-composer-submit{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-composer-submit:hover:not(:disabled){background-color:#7c3aed}.reply-composer-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.reply-composer-submit:focus{outline:2px solid #9333ea;outline-offset:2px}@media (max-width: 768px){.reply-composer{padding:.5rem}.reply-composer-actions{flex-direction:column;gap:.5rem}.reply-composer-cancel,.reply-composer-submit{width:100%;justify-content:center}}.post-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:box-shadow .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.post-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-name{font-size:.875rem;font-weight:600;color:#1f2937;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.author-role{font-size:.75rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.post-meta{display:flex;align-items:center;gap:.75rem}.post-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.post-menu-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.post-menu-button:hover{background-color:#f3f4f6;color:#374151}.post-menu-button:focus{outline:2px solid #9333ea;outline-offset:2px}.post-content{font-size:.875rem;color:#374151;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.content-link{color:#9333ea;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.content-link:hover{text-decoration-color:#9333ea}.post-actions{display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.action-button:hover{background-color:#f3f4f6;color:#374151}.action-button.liked{color:#9333ea;background-color:#f3f0ff}.action-button:focus{outline:2px solid #9333ea;outline-offset:2px}.action-count{font-size:.75rem;font-weight:500}.replies-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.reply-composer-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-composer-toggle:hover{background-color:#f3f4f6;border-color:#d1d5db}.reply-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.reply-placeholder{color:#9ca3af;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.replies-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}@media (max-width: 768px){.post-card{padding:1rem}.post-header{flex-direction:column;align-items:flex-start;gap:.75rem}.post-meta{align-self:flex-end}.post-actions{gap:.75rem}.action-button{padding:.375rem .5rem;font-size:.8125rem}}@media (max-width: 480px){.post-actions{flex-wrap:wrap;gap:.5rem}.action-button{flex:1;justify-content:center;min-width:0}}.new-post-composer{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:1.5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.composer-author{display:flex;align-items:center;gap:.75rem}.composer-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-info{display:flex;flex-direction:column;gap:.125rem}.composer-name{font-size:.875rem;font-weight:600;color:#1f2937;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-role{font-size:.75rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.composer-close:hover{background-color:#f3f4f6;color:#374151}.composer-close:focus{outline:2px solid #9333ea;outline-offset:2px}.composer-form{display:flex;flex-direction:column;gap:1rem}.composer-textarea{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#fff;resize:vertical;min-height:6rem;max-height:12rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.composer-textarea:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.composer-textarea::placeholder{color:#9ca3af}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-hint{font-size:.75rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-buttons{display:flex;gap:.75rem}.composer-cancel{padding:.75rem 1.5rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-cancel:hover{background-color:#f9fafb;border-color:#9ca3af;color:#374151}.composer-cancel:focus{outline:2px solid #9333ea;outline-offset:2px}.composer-submit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.composer-submit:hover:not(:disabled){background-color:#7c3aed}.composer-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.composer-submit:focus{outline:2px solid #9333ea;outline-offset:2px}@media (max-width: 768px){.new-post-composer{padding:1rem}.composer-actions{flex-direction:column;gap:1rem;align-items:stretch}.composer-hint{text-align:center}.composer-buttons{justify-content:center}.composer-cancel,.composer-submit{flex:1;justify-content:center}}@media (max-width: 480px){.composer-buttons{flex-direction:column}.composer-cancel,.composer-submit{width:100%}}.forum-container{width:100%;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.forum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.forum-title-section{display:flex;align-items:center;gap:.75rem}.forum-icon{color:#9333ea}.forum-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.forum-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#6b7280;pointer-events:none}.search-input{padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#1f2937;background:#fff;width:200px;transition:border-color .2s ease,box-shadow .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.search-input:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.search-input::placeholder{color:#9ca3af}.sort-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.sort-select:focus{outline:none;border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a}.new-post-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.new-post-button:hover{background-color:#7c3aed}.new-post-button:focus{outline:2px solid #9333ea;outline-offset:2px}.forum-content,.posts-list,.forum-skeleton{display:flex;flex-direction:column;gap:1.5rem}.post-skeleton{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.skeleton-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.skeleton-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-meta{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:1rem;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-line.short{width:60%}.skeleton-content{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.skeleton-actions{display:flex;gap:1rem}.skeleton-button{width:4rem;height:2rem;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.375rem}.forum-empty{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-card{text-align:center;padding:3rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:2px dashed #d1d5db;max-width:400px}.empty-icon{color:#9ca3af;margin-bottom:1rem}.empty-card h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.empty-card p{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.empty-action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#9333ea;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.empty-action-button:hover{background-color:#7c3aed}.forum-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-top:1px solid #e5e7eb;margin-top:2rem}.pagination-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.page-size-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.pagination-controls{display:flex;align-items:center;gap:1rem}.pagination-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button:focus{outline:2px solid #9333ea;outline-offset:2px}.page-indicator{font-size:.875rem;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.forum-header{flex-direction:column;align-items:stretch;gap:1rem}.forum-actions{flex-direction:column;gap:.75rem}.search-input{width:100%}.forum-pagination{flex-direction:column;gap:1rem;align-items:stretch}.pagination-controls{justify-content:center}}@media (max-width: 480px){.forum-title{font-size:1.25rem}.empty-card{padding:2rem 1rem}.pagination-button{padding:.5rem .75rem;font-size:.8125rem}}.forum-error{display:flex;justify-content:center;align-items:center;min-height:400px}.project-work-page{padding:2rem 1rem;max-width:1200px;margin:0 auto;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.project-header{margin-bottom:2rem}.header-content{display:flex;align-items:center;justify-content:space-between}.project-title{font-size:2.25rem;line-height:2.5rem;font-weight:400;color:#1f2937;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.title-skeleton{height:2.5rem;width:300px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.kpi-section{margin-bottom:2rem}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.kpi-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.refresh-button:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.kpi-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;position:relative;transition:box-shadow .2s ease}.kpi-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.kpi-content{display:flex;flex-direction:column;height:100%}.kpi-label{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.kpi-value{flex:1;display:flex;align-items:center;margin-bottom:.5rem}.kpi-number{font-size:2rem;font-weight:700;color:#1f2937;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.kpi-empty{font-size:2rem;font-weight:700;color:#9ca3af;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.kpi-skeleton{height:2rem;width:60px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.kpi-icon{position:absolute;top:1.5rem;right:1.5rem;color:#490476;opacity:.3}.kpi-empty-caption{font-size:.75rem;color:#9ca3af;font-style:italic;margin-top:.25rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.kpi-error{display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:.875rem}.kpi-error-caption{text-align:center;margin-top:.5rem}.kpi-retry-button{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s}.kpi-retry-button:hover{background:#dc2626}.kpi-overdue{color:#ef4444!important;font-weight:600}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container h2{color:#ef4444;margin-bottom:.5rem}.error-container p{color:#6b7280;margin:0}.tabs-container{margin-bottom:2rem}.tabs-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:9999px;background-color:#f3f4f6;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;outline:none}.tab-button:hover{color:#490476;background-color:#f9fafb}.tab-button:focus{outline:2px solid #490476;outline-offset:2px}.tab-button.active,.tab-button.active:hover{background-color:#490476;color:#fff}.tab-icon{flex-shrink:0}.tab-label{white-space:nowrap}.content-region{min-height:400px;display:flex;align-items:center;justify-content:center}.content-placeholder{text-align:center;padding:2rem;background-color:#f9fafb;border-radius:8px;border:2px dashed #d1d5db;max-width:500px;width:100%}.placeholder-title{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.placeholder-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.error-banner{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.error-banner p{color:#dc2626;margin:0;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button{padding:.5rem 1rem;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button:hover:not(:disabled){background-color:#b91c1c}.retry-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.project-work-page{padding:1rem .5rem}.project-title{font-size:1.875rem;line-height:2.25rem}.title-skeleton{height:2.25rem;width:250px}.kpi-header{flex-direction:column;align-items:flex-start;gap:1rem}.kpi-title{font-size:1.25rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.kpi-card{padding:1.25rem}.kpi-number,.kpi-empty{font-size:1.75rem}.kpi-icon{top:1.25rem;right:1.25rem}}@media (max-width: 360px){.project-work-page{padding:.75rem .25rem}.project-title{font-size:1.5rem;line-height:2rem}.title-skeleton{height:2rem;width:200px}.kpi-grid{grid-template-columns:1fr;gap:.75rem}.kpi-card{padding:1rem}.kpi-number,.kpi-empty{font-size:1.5rem}.kpi-icon{top:1rem;right:1rem}.refresh-button{padding:.375rem .75rem;font-size:.8125rem}.tabs-container{margin-bottom:1.5rem}.tabs-row{gap:.375rem}.tab-button{padding:.625rem 1rem;font-size:.8125rem}.content-placeholder{padding:1.5rem 1rem}.placeholder-title{font-size:1.125rem}}@media (max-width: 360px){.project-work-page{padding:.75rem .25rem}.project-title{font-size:1.5rem;line-height:2rem}.title-skeleton{height:2rem;width:200px}.kpi-grid{grid-template-columns:1fr;gap:.75rem}.kpi-card{padding:1rem}.kpi-number,.kpi-empty{font-size:1.5rem}.kpi-icon{top:1rem;right:1rem}.refresh-button{padding:.25rem .5rem;font-size:.75rem}.tabs-row{gap:.25rem}.tab-button{padding:.5rem .875rem;font-size:.75rem}.tab-icon{width:14px;height:14px}.content-placeholder{padding:1.5rem 1rem}}.subtask-item{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:.5rem;transition:all .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.subtask-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.subtask-item.completed{opacity:.7}.subtask-content{display:flex;align-items:center;padding:.75rem;gap:.75rem}.subtask-drag-handle{display:flex;align-items:center;color:#9ca3af;cursor:grab;padding:.25rem;border-radius:.25rem;transition:color .2s ease}.subtask-drag-handle:hover{color:#6b7280}.subtask-drag-handle:active{cursor:grabbing}.subtask-checkbox{width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.375rem;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.subtask-checkbox:hover{border-color:#6366f1;background-color:#f8fafc}.subtask-checkbox:focus{outline:2px solid #6366f1;outline-offset:2px}.subtask-item.completed .subtask-checkbox{background-color:#22c55e;border-color:#22c55e;color:#fff}.subtask-title-container{flex:1;min-width:0}.subtask-title{font-size:.875rem;color:#1f2937;line-height:1.5;cursor:pointer;transition:color .2s ease}.subtask-item.completed .subtask-title{text-decoration:line-through;color:#9ca3af}.subtask-edit-input{width:100%;font-size:.875rem;color:#1f2937;background:transparent;border:1px solid #6366f1;border-radius:.375rem;padding:.25rem .5rem;outline:none;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.subtask-edit-input:focus{box-shadow:0 0 0 3px #6366f11a}.subtask-actions{display:flex;align-items:center;gap:.25rem;opacity:0;transition:opacity .2s ease}.subtask-item:hover .subtask-actions{opacity:1}.subtask-action-button{width:1.75rem;height:1.75rem;border:none;background:transparent;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#6b7280}.subtask-action-button:hover{background-color:#f3f4f6;color:#374151}.subtask-action-button:focus{outline:2px solid #6366f1;outline-offset:2px}.subtask-action-button.edit:hover{color:#6366f1;background-color:#eef2ff}.subtask-action-button.delete:hover{color:#ef4444;background-color:#fef2f2}.subtask-action-button.save:hover{color:#22c55e;background-color:#f0fdf4}.subtask-action-button.cancel:hover{color:#6b7280;background-color:#f3f4f6}@media (max-width: 768px){.subtask-content{padding:.5rem;gap:.5rem}.subtask-drag-handle{display:none}.subtask-actions{opacity:1}}.task-details-page{padding:2rem 1rem;max-width:1200px;margin:0 auto;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;gap:1.5rem}.task-details-header{display:flex;flex-direction:column;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;color:#6366f1;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;width:fit-content}.back-button:hover{color:#4c1d95}.task-title-section{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.task-title{font-size:2rem;font-weight:600;color:#1f2937;margin:0;line-height:1.2;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;flex:1}.task-header-actions{display:flex;align-items:center;gap:1rem}.status-dropdown{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;min-width:140px}.status-dropdown:focus{outline:2px solid #6366f1;outline-offset:2px;border-color:#6366f1}.task-meta-chips{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.priority-badge{padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.priority-low{background-color:#f0fdf4;color:#166534}.priority-medium{background-color:#fef3c7;color:#d97706}.priority-high{background-color:#fed7aa;color:#ea580c}.priority-critical{background-color:#fecaca;color:#dc2626}.type-badge{padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;background-color:#f3f4f6;color:#6b7280;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.due-date-chip{display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;background-color:#e0f2fe;color:#0369a1;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-description-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.task-description-card h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-description-card p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.6;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.subtasks-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.subtasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.subtasks-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.subtasks-counter{background-color:#f3f4f6;color:#6b7280;font-size:.875rem;font-weight:500;padding:.25rem .75rem;border-radius:9999px;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.add-subtask-form{display:flex;gap:.75rem;margin-bottom:1.5rem}.subtask-input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1f2937;background:#fff;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:border-color .2s ease}.subtask-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.subtask-input::placeholder{color:#9ca3af}.add-subtask-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#6366f1;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;white-space:nowrap}.add-subtask-button:hover:not(:disabled){background-color:#4f46e5}.add-subtask-button:disabled{background-color:#9ca3af;cursor:not-allowed}.add-subtask-button:focus{outline:2px solid #6366f1;outline-offset:2px}.subtasks-list{display:flex;flex-direction:column;gap:.5rem}.empty-subtasks{text-align:center;padding:2rem;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.empty-subtasks p{color:#6b7280;margin:0;font-size:.875rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-details-skeleton{display:flex;flex-direction:column;gap:1rem}.skeleton-header{height:3rem;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-content{height:8rem;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.task-details-error{text-align:center;padding:3rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;max-width:500px;margin:0 auto}.task-details-error h2{color:#dc2626;font-size:1.5rem;font-weight:600;margin:0 0 .5rem;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.task-details-error p{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem;line-height:1.5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button{background-color:#dc2626;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}.retry-button:hover{background-color:#b91c1c}@media (max-width: 768px){.task-details-page{padding:1rem .5rem;gap:1rem}.task-title{font-size:1.5rem}.task-title-section{flex-direction:column;align-items:stretch}.task-header-actions,.status-dropdown{width:100%}.task-meta-chips{gap:.5rem}.priority-badge,.type-badge,.due-date-chip{font-size:.75rem;padding:.25rem .75rem}.add-subtask-form{flex-direction:column}.add-subtask-button{justify-content:center}}@media (max-width: 480px){.task-title{font-size:1.25rem}.task-meta-chips{flex-direction:column;align-items:flex-start}.back-button{padding:.5rem .75rem;font-size:.8125rem}.subtasks-section,.task-description-card{padding:1rem}}.task-details-skeleton{display:flex;flex-direction:column;gap:1.5rem}.skeleton-header{display:flex;flex-direction:column;gap:1rem}.skeleton-back-button{width:120px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-title{width:60%;height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-meta{width:100%;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-description{width:100%;height:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-subtasks{display:flex;flex-direction:column;gap:.75rem}.skeleton-subtask{width:100%;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.task-details-error{display:flex;justify-content:center;align-items:center;min-height:400px}.error-card{text-align:center;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;max-width:400px}.error-icon{color:#ef4444;margin-bottom:1rem}.error-card h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.error-card p{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.retry-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-button:hover{background:#2563eb}.temp-tasks-screen{padding:24px;max-width:1200px;margin:0 auto}.temp-tasks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.header-content{flex:1}.page-title{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.header-actions{display:flex;gap:12px}.temp-tasks-controls{margin-bottom:24px}.controls-info{display:flex;align-items:center}.info-badge{background-color:#f3f4f6;color:#374151;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.temp-tasks-content{min-height:400px}.loading-state{display:flex;justify-content:center;align-items:center;min-height:200px}.loading-message{font-size:16px;color:#6b7280}.error-state{display:flex;justify-content:center;align-items:center;min-height:200px}.error-content{text-align:center;max-width:400px}.error-content h3{font-size:18px;font-weight:600;color:#dc2626;margin:0 0 8px}.error-content p{font-size:14px;color:#6b7280;margin:0 0 16px}.error-actions{display:flex;gap:12px;justify-content:center}.empty-state{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-content{text-align:center;max-width:400px}.empty-content h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-content p{font-size:14px;color:#6b7280;margin:0 0 16px}.tasks-list{margin-top:24px}.tasks-header{margin-bottom:16px}.tasks-header h3{font-size:20px;font-weight:600;color:#111827;margin:0}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s ease}.task-card:hover{box-shadow:0 4px 6px -1px #0000001a}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.task-title{font-size:16px;font-weight:600;color:#111827;margin:0 12px 0 0;flex:1}.task-badges{display:flex;gap:6px;flex-shrink:0}.priority-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-critical{background-color:#fef2f2;color:#dc2626}.priority-high{background-color:#fef3c7;color:#d97706}.priority-medium{background-color:#dbeafe;color:#2563eb}.priority-low{background-color:#f3f4f6;color:#6b7280}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.status-todo{background-color:#f3f4f6;color:#6b7280}.status-inprogress{background-color:#dbeafe;color:#2563eb}.status-done{background-color:#d1fae5;color:#059669}.status-blocked{background-color:#fef2f2;color:#dc2626}.task-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.task-info{display:flex;flex-direction:column;gap:2px}.task-type{font-weight:500}.task-milestone{font-style:italic}.task-progress{text-align:right}.subtask-count{font-weight:500}.btn-primary{background-color:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background-color:#1d4ed8}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-secondary:disabled{color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.temp-tasks-screen{padding:16px}.temp-tasks-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{justify-content:flex-start}.tasks-grid{grid-template-columns:1fr}.task-header{flex-direction:column;align-items:flex-start;gap:8px}.task-title{margin-right:0}.task-meta{flex-direction:column;align-items:flex-start;gap:8px}.task-progress{text-align:left}}.temp-tasks-dashboard{min-height:100vh;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a}.header-left{flex:1}.dashboard-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:-.02em}.dashboard-subtitle{font-size:1.1rem;color:#64748b;margin:0;font-weight:500}.header-right{display:flex;gap:1rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.action-button.secondary{background:#fffc;color:#64748b;border:1px solid rgba(100,116,139,.2)}.action-button.secondary:hover{background:#fff;transform:translateY(-1px)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.todo{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.in-progress{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.blocked{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-icon.done{background:linear-gradient(135deg,#a8edea,#fed6e3)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:800;color:#1e293b;line-height:1}.stat-label{font-size:.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dashboard-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.tasks-timeline{width:100%}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.timeline-title{font-size:1.8rem;font-weight:700;color:#1e293b;margin:0}.timeline-filters{display:flex;gap:.5rem}.filter-badge{padding:.5rem 1rem;background:#f1f5f9;color:#64748b;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-badge:hover{background:#e2e8f0;color:#475569}.timeline-container{position:relative;padding-left:2rem}.timeline-item{position:relative;margin-bottom:2rem}.timeline-marker{position:absolute;left:-2rem;top:0;display:flex;flex-direction:column;align-items:center}.marker-dot{width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 3px #e2e8f0;z-index:2}.marker-dot.low{background:#10b981}.marker-dot.medium{background:#3b82f6}.marker-dot.high{background:#f59e0b}.marker-dot.critical{background:#ef4444}.timeline-line{width:2px;height:60px;background:linear-gradient(to bottom,#e2e8f0,transparent);margin-top:8px}.task-card-modern{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.task-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.task-card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.task-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-title-section{flex:1}.task-title-modern{font-size:1.2rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.task-meta-modern{display:flex;gap:.5rem;font-size:.85rem;color:#64748b}.task-type-modern{background:#f1f5f9;padding:.25rem .5rem;border-radius:6px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.task-milestone-modern{color:#64748b}.task-badges-modern{display:flex;gap:.5rem;flex-wrap:wrap}.priority-badge-modern{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.priority-badge-modern.low{background:#dcfce7;color:#166534}.priority-badge-modern.medium{background:#dbeafe;color:#1e40af}.priority-badge-modern.high{background:#fef3c7;color:#92400e}.priority-badge-modern.critical{background:#fecaca;color:#991b1b}.status-badge-modern{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge-modern.todo{background:#f1f5f9;color:#475569}.status-badge-modern.inprogress{background:#e0e7ff;color:#3730a3}.status-badge-modern.blocked{background:#fef2f2;color:#991b1b}.status-badge-modern.done{background:#f0fdf4;color:#166534}.task-description-modern{color:#64748b;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.task-footer-modern{display:flex;justify-content:space-between;align-items:center;gap:1rem}.task-progress-modern{flex:1;display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.85rem;color:#64748b;font-weight:500;white-space:nowrap}.task-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem 1rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}@media (max-width: 1024px){.temp-tasks-dashboard{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1.5rem;text-align:center}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.temp-tasks-dashboard{padding:1rem}.dashboard-title{font-size:2rem}.dashboard-stats{grid-template-columns:1fr;gap:1rem}.timeline-container{padding-left:1.5rem}.timeline-marker{left:-1.5rem}.task-footer-modern{flex-direction:column;align-items:stretch;gap:1rem}.task-progress-modern{flex-direction:column;align-items:stretch;gap:.5rem}.task-actions{justify-content:center}}.ai-insight-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 1rem}.ai-insight-header{max-width:1200px;margin:0 auto 3rem;text-align:center;padding:0 1rem}.header-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.header-icon{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1.5rem;margin-bottom:.5rem;box-shadow:0 10px 25px -5px #6366f14d}.header-icon svg{color:#fff;width:2.5rem;height:2.5rem}.header-text{text-align:center}.page-title{font-size:3rem;font-weight:800;color:#1f2937;margin:0 0 1rem;letter-spacing:-.025em}.page-subtitle{font-size:1.25rem;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}.loading-container,.error-container{max-width:1200px;margin:0 auto;text-align:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.summary-section{max-width:1200px;margin:0 auto 2rem}.summary-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.summary-text{font-size:1rem;color:#4b5563;line-height:1.7;margin:0}.kpis-section{max-width:1200px;margin:0 auto 2rem}.kpis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.kpi-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.kpi-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f8fafc;border-radius:.5rem;color:#6366f1}.kpi-content{flex:1}.kpi-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.kpi-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 .25rem}.kpi-trend{font-size:.75rem;color:#10b981;margin:0}.skills-section{max-width:1200px;margin:0 auto 2rem}.skills-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.skills-chart{display:flex;flex-direction:column;gap:1rem}.skill-bar{display:flex;align-items:center;gap:1rem}.skill-label{font-weight:500;color:#374151;min-width:80px;text-transform:capitalize}.skill-bar-container{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.skill-percentage{font-weight:600;color:#6366f1;min-width:40px;text-align:right}.metrics-section{max-width:1200px;margin:0 auto 2rem}.metrics-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metric-item{text-align:center;padding:1rem;background:#f8fafc;border-radius:.5rem}.metric-label{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.metric-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.technologies-section{max-width:1200px;margin:0 auto 2rem}.technologies-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.tech-stats{display:flex;gap:2rem;margin-bottom:2rem;justify-content:center}.tech-stat{text-align:center}.tech-stat-value{font-size:2rem;font-weight:700;color:#6366f1;margin:0 0 .25rem}.tech-stat-label{font-size:.875rem;color:#6b7280;margin:0}.tech-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tech-list h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.analytics-section{max-width:1200px;margin:0 auto 2rem}.analytics-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.analytics-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.analytics-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:.75rem;color:#6366f1}.analytics-content{flex:1}.analytics-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.analytics-label{font-size:.875rem;color:#6b7280;margin:0}.completion-tracker{display:flex;flex-direction:column;gap:1.5rem}.completion-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.completion-stat{text-align:center;padding:1rem;background:#f8fafc;border-radius:.5rem}.completion-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.completion-label{font-size:.875rem;color:#6b7280;margin:0}.completion-progress{margin-top:1rem}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.refactoring-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.refactoring-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.refactoring-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:.75rem;color:#16a34a}.refactoring-content{flex:1}.refactoring-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.refactoring-label{font-size:.875rem;color:#6b7280;margin:0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.achievement-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:.75rem;border:2px solid #e2e8f0;transition:all .2s ease}.achievement-card.earned{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.achievement-card.pending{background:#f8fafc;border-color:#e2e8f0}.achievement-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;flex-shrink:0}.achievement-card.earned .achievement-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.achievement-card.pending .achievement-icon{background:#e5e7eb;color:#6b7280}.achievement-content{flex:1}.achievement-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.achievement-description{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.achievement-progress{display:flex;align-items:center;gap:.75rem}.progress-text{font-size:.75rem;font-weight:600;color:#6b7280;min-width:40px}.community-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.community-item{text-align:center;padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.community-value{font-size:2rem;font-weight:700;color:#6366f1;margin:0 0 .5rem}.community-label{font-size:.875rem;color:#6b7280;margin:0}.github-section{max-width:1200px;margin:0 auto}.github-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0}.github-setup{text-align:center;padding:2rem}.github-setup h3{font-size:1.25rem;font-weight:600;color:#374151;margin:1rem 0 .5rem}.github-setup p{color:#6b7280;margin:0 0 1.5rem}.github-connect-btn{background:#1f2937;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.github-connect-btn:hover{background:#374151}.github-stats{display:flex;flex-direction:column;gap:1.5rem}.github-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151}.github-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.github-metric{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:.5rem;font-size:.875rem;color:#6b7280}@media (max-width: 768px){.ai-insight-page{padding:1rem .5rem}.ai-insight-header{margin-bottom:2rem}.header-icon{width:4rem;height:4rem}.header-icon svg{width:2rem;height:2rem}.page-title{font-size:2.25rem}.page-subtitle{font-size:1.125rem}.kpis-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tech-stats{flex-direction:column;gap:1rem}.tech-lists,.github-metrics,.analytics-grid,.completion-stats,.refactoring-stats,.achievements-grid{grid-template-columns:1fr}.community-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.gainer-profile-page{min-height:100vh;background:#fff;padding:2rem 1rem;font-family:Poppins,sans-serif}.gainer-profile-container{max-width:1200px;margin:0 auto;position:relative}.page-header{text-align:center;margin-bottom:2rem;color:#333}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-subtitle{font-size:1.1rem;font-weight:400;opacity:.9;max-width:600px;margin:0 auto}.profile-form{margin-bottom:2rem}.form-card{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2.5rem;margin:0 auto 2rem;max-width:1000px;border:1px solid #f0f0f0}.form-section{margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.section-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:500;color:#333;margin-bottom:.5rem;font-size:.95rem}.required{color:#e74c3c;margin-left:.25rem}.form-input,.form-textarea,.form-select{padding:.75rem;border:2px solid #e1e5e9;border-radius:.5rem;font-size:1rem;font-family:Poppins,sans-serif;transition:all .2s ease;background:#fff}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error,.form-textarea.error,.form-select.error{border-color:#e74c3c}.form-textarea{resize:vertical;min-height:100px}.multi-select-container{display:flex;flex-direction:column;gap:.75rem}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:2.5rem;padding:.5rem;border:2px solid #e1e5e9;border-radius:.5rem;background:#f8f9fa}.tag{display:inline-flex;align-items:center;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:500}.tag-remove{background:none;border:none;color:#fff;margin-left:.5rem;cursor:pointer;font-size:1.1rem;font-weight:700;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.tag-remove:hover{background-color:#fff3}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.25rem;font-weight:500}.action-bar{display:flex;justify-content:center;padding:2rem 1rem;margin-top:2rem}.create-profile-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;border-radius:.75rem;font-size:1.1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;min-width:200px;max-width:300px}.create-profile-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.create-profile-button:active:not(:disabled){transform:translateY(0)}.create-profile-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.gainer-profile-page{padding:1rem .5rem}.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.form-card{padding:2rem 1.5rem;margin:0 .5rem 2rem;max-width:calc(100% - 1rem)}.form-grid{grid-template-columns:1fr;gap:1rem}.action-bar{padding:1rem}.create-profile-button{width:100%;max-width:100%}}@media (max-width: 480px){.page-title{font-size:1.75rem}.form-card{padding:1.5rem 1rem;margin:0 .25rem 2rem;max-width:calc(100% - .5rem)}.section-title{font-size:1.25rem}}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:#b8c5e6}.tag:hover{background:#5a6fd8}.create-profile-button:disabled{opacity:.7}.form-card,.form-input,.form-textarea,.form-select,.tag,.create-profile-button{transition:all .2s ease}.form-input:focus-visible,.form-textarea:focus-visible,.form-select:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media print{.action-bar{display:none}.gainer-profile-page{background:#fff;color:#000}.form-card{box-shadow:none;border:1px solid #ccc}}.learn-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;padding:2rem}.learn-container{max-width:600px;width:100%;text-align:center}.coming-soon-content{background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.coming-soon-title{font-size:3rem;font-weight:700;color:#490476;margin-bottom:1.5rem;background:linear-gradient(135deg,#490476,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-message{font-size:1.2rem;color:#6b7280;line-height:1.6;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto}.coming-soon-icon{font-size:4rem;margin-top:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.learn-page{padding:1rem}.coming-soon-content{padding:2rem 1.5rem}.coming-soon-title{font-size:2.5rem}.coming-soon-message{font-size:1.1rem}.coming-soon-icon{font-size:3rem}}@media (max-width: 480px){.coming-soon-title{font-size:2rem}.coming-soon-message{font-size:1rem}.coming-soon-icon{font-size:2.5rem}}