.navigation{background-color:var(--bg-white);box-shadow:var(--shadow);height:80px;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo,.nav-container{align-items:center;display:flex}.logo{color:var(--primary-color);font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:var(--transition)}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}.nav-menu{align-items:center;display:flex;gap:2rem;list-style:none}.nav-menu a{color:var(--text-color);font-weight:500;text-decoration:none;transition:var(--transition)}.nav-menu a:hover{color:var(--primary-color)}.user-menu{align-items:center;border-left:2px solid var(--border-color);display:flex;gap:1rem;padding-left:1rem}.user-name{color:var(--text-color);font-weight:500}.logout-btn{background-color:var(--danger-color);border-radius:.4rem;color:#fff;font-size:.9rem;padding:.5rem 1rem}.logout-btn:hover{background-color:#dc2626}@media (max-width:768px){.nav-menu{font-size:.9rem;gap:1rem}.logo-text{display:none}.user-menu{border-left:none;flex-direction:column;gap:.5rem;padding-left:0}.logout-btn{width:100%}}.event-card{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.event-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.event-image{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));height:200px;overflow:hidden;position:relative;width:100%}.event-image img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.event-card:hover .event-image img{transform:scale(1.05)}.event-badge{background-color:#000000b3;border-radius:2rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.event-badge.physical{background-color:var(--primary-color)}.event-badge.online{background-color:var(--secondary-color)}.event-badge.hybrid{background-color:var(--warning-color)}.event-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.event-content h3{color:var(--text-color);font-size:1.2rem;line-height:1.4;margin-bottom:.5rem}.event-category{width:-webkit-fit-content;width:fit-content}.event-description{flex:1 1;font-size:.95rem}.event-description,.event-meta{color:var(--text-light);margin-bottom:1rem}.event-meta{display:flex;flex-direction:column;font-size:.9rem;gap:.5rem}.meta-item{align-items:center;display:flex;gap:.5rem}.meta-label{font-size:1.1rem}.event-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.participants-info{color:var(--text-light);font-size:.85rem}.btn-register-event{background-color:var(--primary-color);border-radius:.4rem;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:var(--transition)}.btn-register-event:hover:not(:disabled){background-color:#4f46e5}.btn-register-event:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.event-card{display:grid;grid-template-columns:150px 1fr;height:auto}.event-image{grid-row:1/3;height:150px;width:150px}.event-content{padding:1rem}.event-footer{border-top:none;flex-direction:column;gap:.75rem;padding-top:0}.btn-register-event{width:100%}}.home{background:var(--bg-light)}.hero{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;justify-content:center;min-height:500px;padding:8rem 2rem;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-content p{font-size:1.3rem;margin-bottom:2rem;opacity:.95}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-buttons a{border-radius:.5rem;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:var(--transition)}.hero-buttons .btn-primary{background-color:#fff;color:var(--primary-color)}.hero-buttons .btn-primary:hover{box-shadow:0 20px 25px #0003;transform:translateY(-2px)}.hero-buttons .btn-secondary{background-color:initial;border:2px solid #fff;color:#fff}.hero-buttons .btn-secondary:hover{background-color:#fff;color:var(--primary-color)}.features{margin:4rem auto;max-width:1200px;padding:0 2rem}.cta h2,.featured-events h2,.features h2{color:var(--text-color);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem}.feature-card{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow);padding:2rem;text-align:center;transition:var(--transition)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--text-color);font-size:1.3rem;margin-bottom:.75rem}.feature-card p{color:var(--text-light);line-height:1.6}.featured-events{margin:4rem auto;max-width:1200px;padding:0 2rem}.events-grid{margin-bottom:2rem}.view-all-link{margin-top:2rem;text-align:center}.view-all-link a{font-size:1.1rem;font-weight:600}.cta{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;margin-top:4rem;padding:4rem 2rem;text-align:center}.cta h2{color:#fff;margin-bottom:1rem}.cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-buttons a{border-radius:.5rem;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:var(--transition)}.cta-buttons .btn-primary{background-color:#fff;color:var(--primary-color)}.cta-buttons .btn-secondary{background-color:initial;border:2px solid #fff;color:#fff}@media (max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.cta h2,.featured-events h2,.features h2{font-size:1.8rem}.events-grid,.features-grid{grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-lg);max-width:500px;padding:3rem;width:100%}.auth-card h1{color:var(--text-color);font-size:2rem;margin-bottom:.5rem}.auth-card>p{color:var(--text-light);margin-bottom:2rem}.form-group label{font-weight:500}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.auth-card form button{background-color:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem;transition:var(--transition);width:100%}.auth-card form button:hover:not(:disabled){background-color:#4f46e5;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-card form button:disabled{cursor:not-allowed;opacity:.6}.auth-footer{color:var(--text-light);margin-top:1.5rem;text-align:center}.auth-footer a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition)}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-card{padding:2rem}.auth-card h1{font-size:1.5rem}}.event-search{margin:0 auto;max-width:1200px;padding:2rem}.search-header{margin-bottom:3rem;text-align:center}.search-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:.5rem}.search-header p{color:var(--text-light);font-size:1.2rem}.search-filters{grid-gap:1rem;background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.filter-group input,.filter-group select{border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:3rem}.no-results{background:var(--bg-white);border-radius:.75rem;color:var(--text-light);padding:3rem 2rem;text-align:center}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination button{background-color:var(--primary-color);border:none;border-radius:.4rem;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:var(--transition)}.pagination button:hover:not(:disabled){background-color:#4f46e5;transform:translateY(-2px)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-color);font-weight:600}@media (max-width:768px){.event-search{padding:1rem}.search-header h1{font-size:1.8rem}.events-grid,.search-filters{grid-template-columns:1fr}.pagination{flex-direction:column}.pagination button{width:100%}}.event-details{background:var(--bg-light)}.event-hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));height:400px;overflow:hidden;width:100%}.event-hero img{height:100%;object-fit:cover;width:100%}.event-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:-50px auto 0;max-width:1200px;padding:0 2rem;position:relative;z-index:10}.event-main{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:2rem}.event-header{align-items:start;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}.event-header h1{color:var(--text-color);font-size:2.5rem;margin:0 0 .5rem}.event-category{background-color:var(--bg-light);border-radius:.25rem;color:var(--primary-color);font-size:.85rem;padding:.25rem .75rem}.event-actions{display:flex;gap:1rem}.btn-register-main,.btn-registered{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition);white-space:nowrap}.btn-register-main{background-color:var(--primary-color);color:#fff}.btn-register-main:hover{background-color:#4f46e5;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-registered{background-color:var(--success-color);color:#fff;cursor:default}.event-info{grid-gap:1.5rem;background:var(--bg-light);border-radius:.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:var(--text-color);font-size:.95rem;font-weight:600}.info-item span:not(.info-label){color:var(--text-light)}.event-type-badge{background-color:var(--primary-color);border-radius:.25rem;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.event-description{margin-bottom:2rem}.event-description h2{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.event-description p{color:var(--text-light);font-size:1.05rem;line-height:1.8}.event-agenda{background:var(--bg-light);border-radius:.5rem;margin:2rem 0;padding:1.5rem}.event-agenda h2{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.event-agenda ul{list-style:none;padding:0}.event-agenda li{border-bottom:1px solid var(--border-color);color:var(--text-light);padding:.75rem 0}.event-agenda li:last-child{border-bottom:none}.event-agenda strong{color:var(--primary-color)}.event-chat-link{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem;text-align:center}.event-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:1.5rem}.sidebar-card h3{border-bottom:2px solid var(--primary-color);color:var(--text-color);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.organizer-info{display:flex;flex-direction:column;gap:.5rem}.organizer-name{color:var(--text-color);font-weight:600}.organizer-org{color:var(--text-light);font-size:.95rem}.participant-count{color:var(--primary-color);font-size:1.5rem;font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--bg-light);border-radius:2rem;color:var(--primary-color);font-size:.85rem;font-weight:600;padding:.25rem .75rem}.sponsors-list{list-style:none;padding:0}.sponsors-list li{border-bottom:1px solid var(--border-color);color:var(--text-light);padding:.5rem 0}.sponsors-list li:last-child{border-bottom:none}@media (max-width:968px){.event-container{grid-template-columns:1fr}.event-header{flex-direction:column}.event-actions{width:100%}.btn-register-main,.btn-registered{flex:1 1;text-align:center}}.dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.75rem;color:#fff;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.dashboard-header h1{font-size:2rem;margin:0 0 .5rem}.dashboard-header p{font-size:1.1rem;opacity:.95}.dashboard-header a{background-color:#fff;border-radius:.4rem;color:var(--primary-color);font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:var(--transition);white-space:nowrap}.dashboard-header a:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem}.dashboard-section{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow);padding:2rem}.dashboard-section h2{border-bottom:2px solid var(--primary-color);color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem}.registrations-list{grid-gap:1rem;display:grid;gap:1rem}.registration-card{grid-gap:1.5rem;align-items:center;background:var(--bg-light);border-left:4px solid var(--primary-color);border-radius:.5rem;display:grid;gap:1.5rem;grid-template-columns:200px 1fr auto;padding:1.5rem;transition:var(--transition)}.registration-card:hover{background:var(--bg-white);box-shadow:var(--shadow)}.registration-image{border-radius:.4rem;height:120px;overflow:hidden;width:200px}.registration-image img{height:100%;object-fit:cover;width:100%}.registration-details h3{color:var(--text-color);font-size:1.2rem;margin-bottom:.3rem}.event-category{background-color:var(--primary-color);border-radius:.2rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.75rem;padding:.2rem .6rem;text-transform:uppercase}.registration-meta{color:var(--text-light);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.event-type{background-color:var(--secondary-color);border-radius:.2rem;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .6rem;text-transform:uppercase}.registration-actions{display:flex;flex-direction:column;gap:.75rem}.registration-actions a,.registration-actions button{border-radius:.4rem;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:var(--transition)}.btn-view{background-color:var(--primary-color);color:#fff}.btn-view:hover{background-color:#4f46e5}.btn-chat{background-color:var(--secondary-color);color:#fff}.btn-chat:hover{background-color:#0694a0}.btn-unregister{background-color:var(--danger-color);color:#fff;padding:.5rem 1rem}.btn-unregister:hover{background-color:#dc2626}.empty-state{padding:3rem 2rem;text-align:center}.empty-state p{color:var(--text-light);font-size:1.1rem;margin-bottom:1rem}.empty-state a{display:inline-block}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.5rem;color:#fff;padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.95rem;opacity:.95}.organizer-dashboard .dashboard-header{flex-wrap:wrap}.organizer-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.events-sidebar{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow);height:-webkit-fit-content;height:fit-content;padding:1.5rem}.events-sidebar h3{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem}.events-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.event-item{background:var(--bg-light);border-left:3px solid #0000;border-radius:.4rem;cursor:pointer;padding:1rem;transition:var(--transition)}.event-item:hover{background:var(--bg-white)}.event-item.active{background:var(--primary-color);border-left-color:#fff;color:#fff}.event-item h4{font-size:.95rem;margin-bottom:.3rem}.event-item p{font-size:.85rem;margin-bottom:.5rem;opacity:.8}.participant-badge{background-color:var(--secondary-color);border-radius:2rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.empty{color:var(--text-light);padding:1rem;text-align:center}.event-manager{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow);padding:2rem}.event-overview{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.event-overview h2{color:var(--text-color);font-size:1.8rem;margin-bottom:1rem}.overview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.overview-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.5rem;color:#fff;padding:1rem;text-align:center}.overview-value{font-size:2rem;font-weight:700;margin-bottom:.3rem}.overview-label{font-size:.9rem;opacity:.9}.event-actions-bar{display:flex;flex-wrap:wrap;gap:.75rem}.event-actions-bar a,.event-actions-bar button{border-radius:.4rem;font-size:.95rem;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:var(--transition)}.participants-section{margin-top:2rem}.participants-section h3{color:var(--text-color);font-size:1.3rem;margin-bottom:1rem}.participants-table{overflow-x:auto}.participants-table table{border-collapse:collapse;width:100%}.participants-table thead{background:var(--bg-light);border-bottom:2px solid var(--border-color)}.participants-table th{color:var(--text-color);font-weight:600;padding:.75rem;text-align:left}.participants-table td{border-bottom:1px solid var(--border-color);color:var(--text-light);padding:.75rem}.participants-table tbody tr:hover{background:var(--bg-light)}.payment,.status{border-radius:2rem;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.payment.completed,.status.registered{background-color:#dcfce7;color:#166534}.status.attended{background-color:#dbeafe;color:#0c4a6e}.status.cancelled{background-color:#fee2e2;color:#991b1b}.payment.pending{background-color:#fef3c7;color:#92400e}.payment.refunded{background-color:#f3e8ff;color:#6b21a8}@media (max-width:968px){.dashboard{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header a{text-align:center;width:100%}.organizer-layout,.registration-card{grid-template-columns:1fr}.registration-image{width:100%}.registration-actions{flex-direction:row}.participants-table{font-size:.85rem}.participants-table td,.participants-table th{padding:.5rem}}.create-event{margin:0 auto;max-width:900px;padding:2rem}.create-event-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.75rem;color:#fff;margin-bottom:2rem;padding:2rem}.create-event-header h1{font-size:2rem;margin-bottom:.5rem}.create-event-header p{font-size:1.1rem;opacity:.95}.create-event-form{background:var(--bg-white);border-radius:.75rem;box-shadow:var(--shadow-lg);padding:2rem}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none}.form-section h2{color:var(--text-color);font-size:1.4rem}.form-group,.form-section h2{margin-bottom:1.5rem}.form-group label{color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label input[type=checkbox]{cursor:pointer;margin-right:.5rem;width:auto}.form-group label{align-items:center;display:flex;margin-bottom:0}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.form-actions button{border-radius:.5rem;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem;transition:var(--transition)}.form-actions .btn-cancel{background-color:var(--border-color);color:var(--text-color)}.form-actions .btn-cancel:hover{background-color:#d1d5db}.form-actions .btn-submit{background-color:var(--primary-color);color:#fff}.form-actions .btn-submit:hover:not(:disabled){background-color:#4f46e5;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-actions .btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.create-event{padding:1rem}.create-event-header h1{font-size:1.5rem}.create-event-form{padding:1.5rem}.form-section h2{font-size:1.2rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.event-chat{background:var(--bg-light);display:flex;flex-direction:column;height:calc(100vh - 80px)}.chat-header{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);padding:1.5rem 2rem}.chat-title h2{color:var(--text-color);font-size:1.5rem;margin-bottom:.3rem}.chat-title p{color:var(--text-light);font-size:.9rem}.chat-container{background:#fff;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1000px;width:100%}.message-type-switcher{background:var(--bg-light);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1rem 2rem}.type-btn{background:#fff;border:2px solid var(--border-color);border-radius:.4rem;color:var(--text-color);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition)}.type-btn.active,.type-btn:hover{border-color:var(--primary-color)}.type-btn.active{background:var(--primary-color);color:#fff}.messages-area{flex:1 1;overflow-y:auto;padding:2rem}.messages-area,.messages-list{display:flex;flex-direction:column}.messages-list{gap:1rem}.message-item{animation:slideIn .3s ease;display:flex;gap:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.own{justify-content:flex-end}.message-item.own .message-content{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.message-item.own .message-avatar{background:var(--primary-color);order:2}.message-avatar{align-items:center;background:var(--bg-light);border-radius:50%;color:var(--primary-color);display:flex;flex-shrink:0;font-weight:600;height:40px;justify-content:center;width:40px}.message-content{background:var(--bg-light);border-radius:.5rem;max-width:70%;padding:1rem;word-break:break-word}.message-item.own .message-content{border-radius:1rem 0 .5rem}.message-item:not(.own) .message-content{border-radius:0 1rem .5rem}.message-header{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.message-header strong{margin-right:.5rem}.message-time{color:var(--text-light);font-size:.8rem}.message-item.own .message-time{color:#fffc}.message-text{font-size:1rem;line-height:1.4;margin:0}.qa-answer{border-top:1px solid #0000001a;font-size:.95rem;margin-top:.75rem;padding-top:.75rem}.qa-answer strong{color:var(--success-color)}.qa-answer p{font-style:italic;margin:.5rem 0 0}.pinned-badge{background:var(--warning-color);border-radius:.2rem;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:.2rem .5rem}.message-reactions{font-size:.85rem;margin-top:.5rem}.like-count{align-items:center;color:var(--text-light);display:inline-flex;gap:.3rem}.empty-messages{color:var(--text-light);font-size:1.1rem;padding:3rem 1rem;text-align:center}.message-input{background:#fff;border-top:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem 2rem}.message-input textarea{border:1px solid var(--border-color);border-radius:.5rem;flex:1 1;font-family:inherit;font-size:1rem;max-height:120px;padding:.75rem;resize:vertical}.message-input textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.send-btn{align-self:flex-end;background:var(--primary-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:0 1.5rem;transition:var(--transition)}.send-btn:hover:not(:disabled){background:#4f46e5;transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.chat-container{border-radius:0}.messages-area{padding:1rem}.message-item{gap:.5rem}.message-content{max-width:85%}.message-input{gap:.5rem;padding:1rem}.send-btn{padding:0 1rem}.type-btn{flex:1 1;font-size:.85rem;padding:.5rem 1rem}}.reply-quote{background:#f0f0f0;border-left:4px solid var(--primary-color);border-radius:.3rem;margin-bottom:.5rem;padding:.75rem}.reply-quote p{font-size:.85rem;margin:.25rem 0}.quoted-text{color:var(--text-light);font-style:italic}.message-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.action-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:.3rem;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s}.action-btn:hover{background:#e8e8e8;transform:translateY(-1px)}.emoji-picker{background:#f9f9f9;border-radius:.4rem;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding:.5rem}.emoji-btn{background:#fff;border:1px solid #ddd;border-radius:.3rem;cursor:pointer;font-size:1.2rem;height:2rem;transition:all .2s;width:2rem}.emoji-btn:hover{background:#fffacd;transform:scale(1.2)}.reaction-badge{background:#fff9e6;border:1px solid gold;border-radius:.3rem;display:inline-block;font-size:1.2rem;margin-top:.5rem;padding:.3rem .6rem}.qa-answer-form{background:#f0f0ff;border:1px solid var(--primary-color);border-radius:.3rem;margin-top:.5rem;padding:.75rem}.qa-answer-form textarea{border:1px solid #ddd;border-radius:.3rem;font-family:inherit;padding:.5rem;resize:vertical;width:100%}.answer-btn{background:var(--primary-color);border:none;border-radius:.3rem;color:#fff;cursor:pointer;font-weight:500;margin-top:.5rem;padding:.5rem 1rem;transition:all .2s}.answer-btn:hover{background:#5558cc;transform:translateY(-2px)}.qa-answer{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:.3rem;margin-top:.5rem;padding:.75rem}.qa-answer strong{color:#2e7d32}.reply-preview{align-items:center;background:#e3f2fd;border-left:4px solid var(--primary-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.reply-preview button{background:#0000;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem}.App{background:var(--bg-light);min-height:100vh}@media (max-width:1024px){.container{max-width:100%;padding:0 1.5rem}}@media (max-width:768px){.container{max-width:100%;padding:0 1rem}main{padding:1rem}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}}@media (max-width:480px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.2rem}button{width:100%}.container{padding:0 .75rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--secondary-color:#08b4d6;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--text-color:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--bg-white:#fff;--border-color:#e5e7eb;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 10px 15px -3px #0000001a;--transition:all 0.3s ease}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-light);color:#1f2937;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading{align-items:center;color:#6b7280;color:var(--text-light);display:flex;font-size:1.2rem;height:100vh;justify-content:center}.error{color:#ef4444;color:var(--danger-color);font-size:1.1rem;padding:2rem;text-align:center}.error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-left:4px solid var(--danger-color);color:#991b1b}.error-message,.success-message{border-radius:.5rem;margin-bottom:1rem;padding:1rem}.success-message{background-color:#dcfce7;border-left:4px solid #10b981;border-left:4px solid var(--success-color);color:#166534}.main-content{min-height:calc(100vh - 80px);padding-top:80px}button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem}.btn-primary,button{transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#6366f1;background-color:var(--primary-color);color:#fff;display:inline-block;text-decoration:none}.btn-primary:hover{background-color:#4f46e5;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background-color:#08b4d6;background-color:var(--secondary-color);color:#fff;display:inline-block;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.btn-secondary:hover{background-color:#0694a0;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-submit{background-color:#6366f1;background-color:var(--primary-color);color:#fff;width:100%}.btn-submit:hover:not(:disabled){background-color:#4f46e5}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#e5e7eb;background-color:var(--border-color);color:#1f2937;color:var(--text-color)}.btn-cancel:hover{background-color:#d1d5db}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-login{background-color:initial;border:2px solid #6366f1;border:2px solid var(--primary-color);color:#6366f1;color:var(--primary-color);display:inline-block;padding:.5rem 1rem;text-decoration:none}.btn-login:hover,.btn-register{background-color:#6366f1;background-color:var(--primary-color);color:#fff}.btn-register{display:inline-block;text-decoration:none}.btn-register:hover{background-color:#4f46e5}.btn-create{background-color:#10b981;background-color:var(--success-color);color:#fff;display:inline-block;text-decoration:none}.btn-create:hover{background-color:#059669}input,select,textarea{border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}label{color:#1f2937;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}@media (max-width:768px){:root{font-size:15px}.main-content{padding-top:70px}button{font-size:.9rem;padding:.5rem 1rem}}
/*# sourceMappingURL=main.d5a16c95.css.map*/