@charset "UTF-8";:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#333;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;outline:none}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.layout{min-height:100vh;background:#f8f8f8}.main-content{padding-top:70px;min-height:100vh}@media(max-width:768px){.main-content{padding-top:60px}}@media(max-width:480px){.main-content{padding-top:60px;padding-left:0;padding-right:0}}.chat-container{height:100%;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-header{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h2{margin:0;font-size:18px;font-weight:600;flex:1}.refresh-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:background .2s}.refresh-btn:hover{background:#ffffff1a}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.back-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px 12px;margin-right:12px;border-radius:6px;transition:background .2s}.back-btn:hover{background:#ffffff1a}.connections-view{height:100%;display:flex;flex-direction:column}.connections-list{flex:1;overflow-y:auto;padding:8px 0}.connection-item{display:flex;align-items:center;padding:16px 20px;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:background .2s}.connection-item:hover{background:#f8f9fa}.connection-item:last-child{border-bottom:none}.connection-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;background:linear-gradient(135deg,#8a1452,#a91d5f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;position:relative;margin-right:16px;overflow:visible}.connection-avatar .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.connection-avatar .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.unread-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:11px;font-weight:600;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid white;box-sizing:border-box}.connection-info{flex:1;min-width:0}.connection-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.connection-name{font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-time{font-size:12px;color:#9ca3af;white-space:nowrap;flex-shrink:0}.connection-time.unread{color:#8a1452;font-weight:600}.connection-last-message{color:#6b7280;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-last-message.unread{color:#1f2937;font-weight:600}.connection-item.has-unread{background:#fdf2f8}.connection-type{font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;background:#f3e8ff;color:#7c3aed}.connection-type.mentor{background:#dbeafe;color:#2563eb}.connection-type.mentee{background:#fef3c7;color:#d97706}.connection-action{color:#8a1452;font-size:18px;font-weight:700}.loading{text-align:center;padding:40px 20px;color:#6b7280}.no-connections{text-align:center;padding:40px 20px}.no-connections p{color:#6b7280;margin-bottom:8px}.no-connections-hint{font-size:14px;color:#9ca3af;margin-bottom:16px!important}.retry-btn{background:#8a1452;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.retry-btn:hover{background:#a91d5f}.chat-user-name{display:flex;align-items:center;gap:6px}.chat-user-type{font-size:14px}.chat-view{height:100%;display:flex;flex-direction:column}.chat-header-slim{padding:6px 16px;justify-content:space-between}.chat-header-slim .back-btn{padding:6px 10px;margin-right:0;font-size:18px}.chat-user-info-centered{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.chat-avatar-small{width:24px;height:24px;min-width:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px;overflow:hidden}.chat-avatar-small .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-avatar-small .avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-user-name-slim{font-weight:600;font-size:15px;color:#fff}.status-dot{width:8px;height:8px;border-radius:50%;margin-left:4px}.status-dot.online{background:#10b981;box-shadow:0 0 6px #10b981}.status-dot.offline{background:#6b7280}.status-dot.connecting{background:#fbbf24;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-spacer{width:40px}.chat-user-info{display:flex;align-items:center}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;margin-right:12px}.chat-user-name{font-weight:600;margin-bottom:2px}.chat-user-status{font-size:12px;opacity:.8;text-transform:capitalize}.messages-container{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa}.message{margin-bottom:16px;display:flex;flex-direction:column}.message.outbound{align-items:flex-end}.message.inbound{align-items:flex-start}.message.system{align-items:center}.message-content{max-width:70%;min-width:40px;width:fit-content;padding:8px 14px;border-radius:18px;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;white-space:normal;position:relative;line-height:1.4}.message.outbound .message-content{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border-bottom-right-radius:6px}.message.inbound .message-content{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-bottom-left-radius:6px}.message.system .message-content{background:#e5e7eb;color:#6b7280;font-size:12px;padding:8px 12px;border-radius:12px;max-width:80%;text-align:center}.message-meta{display:flex;align-items:center;gap:4px;margin-top:4px;padding:0 4px}.message-time{font-size:11px;color:#9ca3af}.message-tick{font-size:12px;color:#9ca3af}.message.outbound .message-tick{color:#4ade80}.message-input-container{padding:16px 20px;background:#fff;border-top:1px solid #e5e7eb}.message-input-wrapper{display:flex;align-items:center;background:#f3f4f6;border-radius:24px;padding:4px}.message-input{flex:1;border:none;background:none;padding:12px 16px;font-size:14px;outline:none;resize:none}.message-input::placeholder{color:#9ca3af}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.send-btn:hover:not(:disabled){transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.chat-header,.connection-item{padding:12px 16px}.connection-avatar{width:44px;height:44px;font-size:16px}.messages-container{padding:12px}.message-content{max-width:85%;padding:10px 14px}.message-input-container{padding:12px 16px}.back-btn{padding:6px 10px;margin-right:8px}}.message{animation:fadeIn .3s ease}.connection-item{animation:fadeIn .2s ease}.messages-container::-webkit-scrollbar,.connections-list::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track,.connections-list::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb,.connections-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover,.connections-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.chat-tabs{display:flex;border-bottom:1px solid #e0e0e0;background:#fafafa}.chat-tab{flex:1;padding:12px 16px;border:none;background:transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;position:relative}.chat-tab:hover{color:#8a1452;background:#8a14520d}.chat-tab.active{color:#8a1452;font-weight:600}.chat-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#8a1452,#a91d5f);border-radius:3px 3px 0 0}.group-avatar{background:linear-gradient(135deg,#1976d2,#42a5f5)!important}.group-icon{font-size:20px!important}.group-members-count{font-size:11px;color:#fffc;margin-left:4px}.message-sender-name{font-size:11px;font-weight:600;margin-bottom:4px;padding-left:2px}.floating-chat-container{position:fixed;bottom:24px;right:24px;z-index:9999}.floating-chat-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#8a1452,#a91d5f);border:none;cursor:pointer;box-shadow:0 4px 20px #8a145266;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.floating-chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 30px #8a145299}.floating-chat-btn svg{width:28px;height:28px;fill:#fff}.floating-chat-btn.has-new-message{animation:pulse-highlight 1.5s ease-in-out infinite}.floating-chat-btn.has-unread{box-shadow:0 4px 20px #8a145299,0 0 0 3px #ff6b6b66}@keyframes pulse-highlight{0%{transform:scale(1);box-shadow:0 4px 20px #8a145266,0 0 #ff6b6bb3}50%{transform:scale(1.05);box-shadow:0 6px 30px #8a145299,0 0 0 10px #ff6b6b00}to{transform:scale(1);box-shadow:0 4px 20px #8a145266,0 0 #ff6b6b00}}.floating-unread-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-size:11px;font-weight:700;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 8px #ff6b6b80;border:2px solid white;animation:badge-pop .3s ease-out}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-popup{position:absolute;bottom:70px;right:0;width:380px;height:550px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-popup-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff}.chat-popup-header h3{margin:0;font-size:16px;font-weight:600}.chat-popup-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.chat-popup-close:hover{opacity:1}.chat-popup-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-popup-content .chat-container{height:100%;border-radius:0;box-shadow:none;max-width:100%}.chat-popup-content .connections-view .chat-header{display:none}.chat-popup-content .chat-view .chat-header{display:flex}.chat-popup-content .connections-view{height:100%;flex:1;display:flex;flex-direction:column}.chat-popup-content .connections-list{flex:1;overflow-y:auto}@media(max-width:768px){.floating-chat-container{bottom:16px;right:16px}.floating-chat-btn{width:56px;height:56px}.chat-popup{width:calc(100vw - 40px);height:calc(100vh - 120px);bottom:65px;right:-8px}}html,body{max-width:100vw;overflow-x:hidden!important}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9e1f63,#8e1b59 60%,#fdf2f8);padding:20px;overflow-x:hidden}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:440px;padding:40px}.auth-card:has(.user-type-selection){max-width:700px}.auth-card:has(.auth-form .form-row){max-width:700px}@media(max-width:768px){.auth-container{padding:15px;min-height:100vh;align-items:center;justify-content:center}.auth-card{padding:20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:100%}.auth-logo{width:100px!important;height:100px!important}.auth-header h1{font-size:24px!important}.auth-header p{font-size:14px}.form-input{padding:14px 16px;font-size:16px}.auth-button{padding:16px;font-size:16px}.checkbox-grid{gap:10px;grid-template-columns:1fr}.checkbox-content{padding:14px 16px}.checkbox-label{font-size:14px}.step-indicator span{width:32px;height:32px;font-size:13px}.step-line{width:40px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.auth-button-secondary{padding:14px}}@media(max-width:480px){.auth-container{padding:10px}.auth-card{padding:16px;max-width:95%}.auth-logo{width:80px!important;height:80px!important}.auth-header h1{font-size:20px!important}.auth-header p{font-size:13px}.form-input{padding:12px 14px;font-size:16px}.auth-button{padding:14px;font-size:15px}}@media(max-width:360px){.auth-container{padding:8px}.auth-card{padding:12px}.auth-header p{font-size:12px}}@media(max-width:480px){.auth-container{padding:5px}.auth-card{padding:16px}.auth-logo{width:80px!important;height:80px!important}.auth-header h1{font-size:20px!important}.form-input{padding:12px 14px}.auth-button,.auth-button-secondary{padding:10px 8px;font-size:15px;min-width:110px;min-height:38px}.checkbox-content{padding:12px 14px}}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:150px;height:150px;object-fit:contain;margin:0 auto 16px;display:block;border-radius:12px}.auth-header h1{margin:0 0 8px;font-size:28px;color:#333;font-weight:700}.auth-header p{margin:0;color:#666;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-input{padding:12px 16px;border:none;background:#f5f5f5;border-radius:8px;font-size:15px;transition:all .3s ease;outline:none}.form-input:focus{background:#eee;box-shadow:0 0 0 3px #9e1f631a}.form-input::placeholder{color:#aaa}.auth-button{padding:14px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:8px}.auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9e1f6366}.auth-button:active{transform:translateY(0)}.error-message{padding:12px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;text-align:center}.auth-footer{text-align:center;margin-top:8px;color:#666;font-size:14px}.auth-footer a{color:#9e1f63;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.step-indicator{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.step-indicator span{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;background:#e0e0e0;color:#666;transition:all .3s ease}.step-indicator span.active{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;transform:scale(1.1)}.step-indicator span.completed{background:#4caf50;color:#fff}.step-line{width:60px;height:2px;background:#e0e0e0}.user-type-selection{padding:20px 0}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.checkbox-card{position:relative;cursor:pointer;display:block}.checkbox-card input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox-content{display:flex;align-items:center;justify-content:center;padding:20px;border:none;border-radius:10px;background:#f5f5f5;transition:all .3s ease;min-height:80px}.checkbox-card:not(.disabled):hover .checkbox-content{background:#eee;transform:translateY(-2px);box-shadow:0 4px 12px #9e1f6326}.checkbox-card input:checked~.checkbox-content{background:linear-gradient(135deg,#9e1f6326,#8e1b5926);box-shadow:0 4px 12px #9e1f6333}.checkbox-label{font-size:16px;font-weight:600;color:#333;text-align:center}.checkbox-card input:checked~.checkbox-content .checkbox-label{color:#9e1f63;font-weight:700}.checkbox-card.disabled{pointer-events:none}.checkbox-card.disabled .checkbox-content{background:#f5f5f5;border-color:#e0e0e0}.checkbox-card.disabled .checkbox-label{color:#999}.checkbox-card.disabled .checkbox-check{background:#e0e0e0;border-color:#ccc}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions .auth-button,.form-actions .auth-button-secondary{flex:1}.auth-button-secondary{padding:14px;background:#fff;color:#9e1f63;border:2px solid #9E1F63;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-button-secondary:hover{background:#9e1f630d;transform:translateY(-2px)}.auth-button-secondary:active{transform:translateY(0)}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 3px #dc35451a!important}.validation-error{color:#dc3545;font-size:12px;margin-top:4px;display:block;font-weight:500}.validation-success{color:#28a745;font-size:12px;margin-top:4px;display:block;font-weight:500}.validation-info{color:#666;font-size:12px;margin-top:4px;display:block;font-weight:500}.input-success{border-color:#28a745!important;box-shadow:0 0 0 3px #28a7451a!important}.forgot-password-link{text-align:center;margin-top:12px}.link-button{background:none;border:none;color:#9e1f63;cursor:pointer;font-size:14px;text-decoration:none;padding:4px 8px;transition:all .2s ease}.link-button:hover{text-decoration:underline;color:#8e1b59}.link-button:focus{outline:2px solid #9E1F63;outline-offset:2px;border-radius:4px}.form-description{color:#6b7280;font-size:14px;margin-bottom:20px;line-height:1.5;text-align:left}.success-message{background-color:#d1fae5;color:#065f46;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;border-left:4px solid #10b981}@media(max-width:360px){.auth-container{padding:2px}.auth-card{padding:12px;margin:0;border-radius:4px}.auth-logo{width:70px!important;height:70px!important}.auth-header h1{font-size:18px!important}.form-input{padding:10px 12px;font-size:14px}.auth-button,.auth-button-secondary{padding:8px 6px;font-size:13px;min-width:90px;min-height:32px}.checkbox-content{padding:10px 12px}.step-indicator span{width:28px;height:28px;font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 2px 16px #00000026;max-width:350px;width:90%;padding:24px 20px 16px;display:flex;flex-direction:column;gap:16px}.modal-header{font-size:20px;font-weight:700;margin-bottom:8px;text-align:center}.modal-body label{font-size:16px;font-weight:500}.modal-body select{margin-left:8px;padding:6px 12px;border-radius:4px;border:1px solid #ccc;font-size:15px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.modal-footer button{padding:8px 18px;border-radius:4px;border:1px solid #bbb;background:#f5f5f5;font-size:15px;cursor:pointer;font-weight:500;transition:background .2s}.modal-footer button:hover{background:#e0e0e0}.dashboard{min-height:100vh;background:#f8f8f8}.navbar .navbar-link{color:#333}.navbar .navbar-link:hover,.navbar .navbar-link.active{background:#9e1f631a;color:#9e1f63}.hero-banner{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;padding:60px 24px;text-align:center}.hero-content h1{font-size:42px;font-weight:700;margin:0 0 16px}.hero-content p{font-size:18px;margin:0 0 32px;opacity:.95}.hero-search{max-width:700px;margin:0 auto;display:flex;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0003}.hero-search input{flex:1;padding:16px 20px;border:none;font-size:16px;outline:none}.search-btn{padding:16px 32px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.search-btn:hover{opacity:.9}.events-section{max-width:1400px;margin:0 auto;padding:48px 24px}.section-header h2{font-size:26px;color:#333;font-weight:700;margin:0}.see-all{color:#9e1f63;font-weight:600;font-size:16px;text-decoration:none;transition:opacity .3s ease}.see-all:hover{opacity:.7}.events-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.event-card-large{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block;border:2px solid #9E1F63}.event-card-large:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026;border-color:#8e1b59}.event-image{position:relative;height:180px;overflow:hidden;background:#f5f5f5}.event-badge{position:absolute;top:12px;right:12px;background:#9e1f63f2;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.event-details{padding:16px}.event-details h3{font-size:18px;font-weight:600;color:#333;margin:0 0 12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;gap:16px;margin-bottom:8px}.meta-item{font-size:13px;color:#666;display:flex;align-items:center;gap:4px}.event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.event-stats{display:flex;flex-direction:column;gap:4px}.rating{font-size:14px;font-weight:600;color:#333}.attendees{font-size:12px;color:#888}.event-price{display:flex;align-items:center;gap:12px}.price{font-size:18px;font-weight:700;color:#9e1f63}.book-btn{padding:8px 20px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.book-btn:hover{opacity:.9}.events-grid-small{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.event-card-small{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px #00000014;transition:transform .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block}.event-card-small:hover{transform:translateY(-4px)}.event-card-small img{width:100%;height:140px;object-fit:contain;object-position:center;background:#f5f5f5}.small-card-content{padding:12px}.small-card-content h4{font-size:15px;font-weight:600;color:#333;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.small-date{font-size:13px;color:#666;margin:0 0 8px}.small-price{font-size:16px;font-weight:700;color:#9e1f63}.categories-section{max-width:1400px;margin:0 auto;padding:48px 24px;background:#fff}.categories-section h2{font-size:26px;color:#333;font-weight:700;margin:0 0 24px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#f8f8f8;border-radius:12px;text-decoration:none;transition:all .3s ease}.category-card:hover{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;transform:translateY(-4px)}.category-icon{font-size:36px;margin-bottom:12px}.category-name{font-size:14px;font-weight:600;color:#333}.category-card:hover .category-name{color:#fff}@media(max-width:768px){.hero-banner{padding:40px 16px}.hero-content h1{font-size:28px}.hero-content p{font-size:14px}.hero-search{flex-direction:column}.hero-search input,.hero-search button{font-size:14px}.dashboard-content{padding:2rem 1rem}.section-header h2{font-size:1.5rem}.events-row,.events-grid-small{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.stats-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero-banner{padding:30px 12px}.hero-content h1{font-size:22px}.hero-content p{font-size:13px}.dashboard-content{padding:1.5rem .75rem}.section-header h2{font-size:1.25rem}.events-row,.events-grid-small,.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.event-card,.stat-card,.action-card{padding:1rem}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:360px){.hero-content h1{font-size:20px}.category-grid{grid-template-columns:1fr}}.profile-full-bg{min-height:100vh;width:100%;background:linear-gradient(135deg,#f7f7fa 60%,#fbe9eb)}.profile-header{padding:48px 24px 32px;text-align:center}.profile-header h1{color:#8a1452;font-weight:700;font-size:2.3rem;margin-bottom:8px}.profile-header p{color:#555;font-size:1.1rem}.profile-container{width:100%;padding:0 48px 64px;margin-top:30px}.profile-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #8a145214;padding:3rem;width:100%;max-width:1000px;margin:0 auto}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8a1452 60%,#f59e0b);color:#fff;font-size:2.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 2px 8px #8a14521a}.profile-title{text-align:center;margin-bottom:2rem;color:#8a1452;font-size:1.6rem;font-weight:600}.profile-table{width:100%;font-size:1.05rem;border-collapse:collapse}.profile-table td{padding:14px 8px;vertical-align:top}.profile-table tr{border-bottom:1px solid #eee}@media(max-width:768px){.profile-header{padding:36px 16px 24px}.profile-header h1{font-size:1.8rem}.profile-header p{font-size:1rem}.profile-container{padding:0 16px 48px}.profile-card{padding:1.5rem}.profile-title{font-size:1.4rem}.profile-table{font-size:1rem}.profile-table td{padding:12px 6px}}@media(max-width:480px){.profile-header{padding:28px 12px 20px}.profile-header h1{font-size:1.6rem}.profile-header p{font-size:.95rem}.profile-container{padding:0 12px 40px}.profile-card{padding:1.25rem}.profile-avatar{width:70px;height:70px;font-size:2.4rem}.profile-title{font-size:1.3rem;margin-bottom:1.5rem}.profile-table{font-size:.95rem}.profile-table td{padding:10px 4px;display:block;width:100%}.profile-table td:first-child{font-weight:600;padding-bottom:4px}.profile-table td:last-child{padding-top:0;padding-bottom:12px}}@media(max-width:360px){.profile-header{padding:24px 8px 16px}.profile-header h1{font-size:1.4rem}.profile-header p{font-size:.9rem}.profile-container{padding:0 8px 32px}.profile-card{padding:1rem}.profile-avatar{width:60px;height:60px;font-size:2rem}.profile-title{font-size:1.2rem}.profile-table{font-size:.9rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 32px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff}.modal-header h2{margin:0;font-size:24px;font-weight:700}.close-btn{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-tabs{display:flex;background:#f8f8f8;padding:0;border-bottom:2px solid #e0e0e0}.tab-btn{flex:1;padding:16px 24px;border:none;background:transparent;font-size:15px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.tab-btn:hover{background:#9e1f630d;color:#9e1f63}.tab-btn.active{background:#fff;color:#9e1f63;border-bottom-color:#9e1f63}.modal-body{flex:1;overflow-y:auto;padding:32px}.coupon-list{min-height:300px}.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}.empty-state{text-align:center;padding:60px 20px}.empty-state p{font-size:18px;color:#666;margin-bottom:20px}.btn-create-first{padding:14px 28px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-first:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9e1f6366}.coupons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.coupon-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.coupon-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(160deg,#9e1f63,#8e1b59)}.coupon-card:hover{border-color:#9e1f63;box-shadow:0 4px 16px #9e1f6326;transform:translateY(-2px)}.coupon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.coupon-code{font-size:20px;font-weight:700;color:#9e1f63;letter-spacing:1px;font-family:Courier New,monospace}.coupon-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.coupon-badge.active{background:#e8f5e9;color:#2e7d32}.coupon-badge.inactive{background:#ffebee;color:#c62828}.coupon-details{margin-top:12px}.coupon-discount{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.coupon-description{font-size:14px;color:#666;margin:8px 0;line-height:1.5}.coupon-info{margin-top:16px;display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid #f0f0f0}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-weight:600}.coupon-status-message{margin-top:12px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500}.coupon-status-message.error{background:#fff3cd;color:#856404}.coupon-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.coupon-form .form-group{display:flex;flex-direction:column;margin-bottom:20px}.coupon-form .form-group label{margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.coupon-form .form-group .required{color:#9e1f63}.coupon-form input,.coupon-form select,.coupon-form textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none}.coupon-form input:focus,.coupon-form select:focus,.coupon-form textarea:focus{border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.coupon-form small{font-size:12px;color:#666;margin-top:4px}.coupon-form textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.modal-content{max-width:100%;max-height:95vh;border-radius:12px}.modal-header{padding:20px 24px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.coupons-grid,.coupon-form .form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.create-event{min-height:100vh;background:#f8f8f8;padding-bottom:48px}.page-header{background:transparent;color:#333;padding:48px 24px 32px;margin-bottom:24px;text-align:center}.page-title{font-size:36px;font-weight:700;margin:0 0 12px}.page-subtitle{font-size:17px;margin:0;opacity:.95}.form-container{max-width:900px;margin:0 auto;padding:0 24px}.form-container form{background:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 16px #00000014}.form-section-title{font-size:18px;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:8px}.form-section-title:before{content:"";width:4px;height:20px;background:linear-gradient(160deg,#9e1f63,#8e1b59);border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;margin-bottom:24px}.form-group label{margin-bottom:8px;color:#333;font-weight:600;font-size:14px;display:flex;align-items:center;gap:4px}.form-group label .required{color:#9e1f63}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;transition:all .3s ease;outline:none;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.checkbox-group{display:flex;align-items:center;gap:10px;padding:16px;background:#f8f8f8;border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-group:hover{background:#f0f0f0}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#9E1F63}.checkbox-group label{margin:0;cursor:pointer;font-weight:500;font-size:15px}.price-section{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:24px}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:40px;padding-top:32px;border-top:2px solid #f0f0f0}.btn-primary,.btn-secondary{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff}.btn-secondary{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-secondary:hover{background:#f8f8f8;border-color:#ccc}.btn-coupon{padding:14px 32px;border:2px solid #9E1F63;background:#fff;color:#9e1f63;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-coupon:hover{background:#9e1f63;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #9e1f634d}.coupon-info-box{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fff5f9,#ffe8f3);border:2px dashed #9E1F63;border-radius:12px;margin:24px 0;transition:all .3s ease}.coupon-info-box.clickable{cursor:pointer;border-style:solid}.coupon-info-box.clickable:hover{background:linear-gradient(135deg,#ffe8f3,#ffd4ea);transform:translateY(-2px);box-shadow:0 4px 12px #9e1f6333}.info-icon{font-size:36px;flex-shrink:0}.info-content{flex:1}.info-content h4{margin:0 0 6px;color:#9e1f63;font-size:16px;font-weight:600}.info-content p{margin:0;color:#666;font-size:14px;line-height:1.5}.info-arrow{font-size:24px;color:#9e1f63;font-weight:700;flex-shrink:0}.pac-container{z-index:1051;border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid #ddd;font-family:inherit}.pac-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:14px;line-height:1.4}.pac-item:last-child{border-bottom:none}.pac-item:hover{background-color:#f8f9fa}.pac-item-selected{background-color:#9e1f63;color:#fff}.pac-matched{font-weight:600}.pac-item-query{font-size:16px;color:#333}.pac-item-selected .pac-item-query{color:#fff}.radio-group-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.radio-card{position:relative;display:block;padding:1.5rem;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.radio-card:hover{border-color:#9e1f63;box-shadow:0 4px 12px #9e1f6326;transform:translateY(-2px)}.radio-card.active{border-color:#9e1f63;background:#fdf2f8;box-shadow:0 4px 12px #9e1f6333}.radio-card input[type=radio]{position:absolute;top:1rem;right:1rem;width:20px;height:20px;cursor:pointer;accent-color:#9E1F63}.radio-card-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#333}.radio-card-content p{margin:0;font-size:.9rem;color:#666;line-height:1.4}.radio-card.active .radio-card-content h4{color:#9e1f63}@media(max-width:768px){.create-event-page{padding:1rem}.page-header{padding:32px 20px}.page-title{font-size:28px}.form-container{padding:0}.form-container form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.radio-group-cards{grid-template-columns:1fr}}@media(max-width:480px){.create-event-page{padding:.75rem}.page-header{padding:24px 16px}.page-title{font-size:22px}.form-container form{padding:20px 16px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:.75rem}.btn-primary,.btn-secondary{padding:.875rem;font-size:14px}.radio-card{padding:1rem}}@media(max-width:360px){.page-title{font-size:20px}.form-container form{padding:16px 12px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4em;margin:2px}.react-datepicker__month{margin:.4em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7em;line-height:1.7em;text-align:center;margin:.166em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7em;line-height:1.7em;text-align:center;margin:.166em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3em;line-height:3em}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2em;line-height:2em}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8em;margin:.4em;padding-right:.2em;padding-left:.2em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.event-list{max-width:1400px;margin:0 auto;padding:32px 24px;min-height:calc(100vh - 70px)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;align-items:stretch}.event-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:2px solid #9E1F63;display:flex;flex-direction:column;height:100%}.event-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f;border-color:#8e1b59}.event-card.past{opacity:.95}.event-image{position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0}.event-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0000000d,#0000004d);pointer-events:none;z-index:1}.event-image img{width:100%;height:100%;object-fit:contain;object-position:center}.event-image .event-category{position:absolute;top:12px;left:12px;display:inline-block;padding:6px 14px;background:#fffffff2;color:#9e1f63;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #00000026;z-index:2}.event-image .event-date{position:absolute;top:12px;right:12px;padding:6px 14px;background:#fffffff2;color:#333;border-radius:20px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000026;z-index:2}.event-content{padding:20px;display:flex;flex-direction:column;flex:1}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.event-image .event-status{position:absolute;bottom:12px;right:12px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #00000026}.event-status.upcoming{background:#2e7d32f2;color:#fff}.event-status.past{background:#757575f2;color:#fff}.event-status-badge{position:absolute;top:12px;right:12px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;box-shadow:0 2px 8px #00000026;z-index:2}.event-status-badge.status-upcoming{background:#2e7d32f2;color:#fff}.event-status-badge.status-past{background:#757575f2;color:#fff}.event-status-badge.status-cancelled{background:#d32f2ff2;color:#fff}.event-status-badge.status-draft{background:#ff9800f2;color:#fff}.event-title{margin:0 0 16px;font-size:20px;color:#333;font-weight:600;line-height:1.3;min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-details{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;flex:1}.detail-item{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;padding-left:4px;min-height:24px}.event-actions{display:flex;gap:10px;padding-top:16px;border-top:1px solid #f0f0f0;margin-top:auto}.btn-location-action{transition:all .2s ease}.btn-location-action:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0003}.location-item{align-items:flex-start!important}.location-actions{margin-top:4px}.btn-join,.btn-details,.btn-edit,.btn-manage{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center}.btn-join{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff}.btn-join:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9e1f6366}.btn-details{background:#f5f5f5;color:#666}.btn-details:hover{background:#e0e0e0}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#bbdefb}.btn-manage{background:#f3e5f5;color:#7b1fa2}.btn-manage:hover{background:#e1bee7}.btn-attendees{margin-left:10px;padding:6px 18px;border-radius:6px;border:1px solid #bbb;background:#f5f5f5;font-size:1rem;cursor:pointer;transition:background .2s}.btn-attendees:hover{background:#e0e0e0}@media(max-width:768px){.events-page{padding:1.5rem 1rem}.page-header h1{font-size:1.75rem}.header-actions{flex-direction:column;width:100%}.create-event-btn,.filter-btn{width:100%}.filters-bar{flex-direction:column;gap:.75rem}.filter-group,.filter-group select{width:100%}.events-grid{grid-template-columns:1fr;gap:1.25rem}.event-card{padding:1.25rem}}@media(max-width:480px){.events-page{padding:1rem .75rem}.page-header h1{font-size:1.5rem}.event-card{padding:1rem}.event-title{font-size:1.125rem}.event-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.event-actions{flex-direction:column;gap:.5rem}.event-actions button{width:100%}}@media(max-width:360px){.page-header h1{font-size:1.25rem}.event-card{padding:.875rem}}.attendee-modal-overlay{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:2000}.attendee-modal-modern{background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:32px 28px 24px;min-width:400px;max-width:95vw;min-height:200px;position:relative;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.attendee-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.close-btn-modern{background:none;border:none;font-size:2rem;color:#8a1452;cursor:pointer;transition:color .2s}.close-btn-modern:hover{color:#d32f6f}.attendee-modal-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.csv-btn-modern{background:#8a1452;color:#fff;border:none;border-radius:6px;padding:8px 18px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s}.csv-btn-modern:hover{background:#d32f6f}.attendee-table-wrapper{max-height:320px;overflow-y:auto;margin-top:8px}.attendee-table-modern{width:100%;border-collapse:collapse;font-size:1rem}.attendee-table-modern th,.attendee-table-modern td{padding:10px 12px;border-bottom:1px solid #eee}.attendee-table-modern th{background:#f8f6fa;color:#8a1452;font-weight:700}.attendee-table-modern tr:hover{background:#f3e6ef}.attendee-loading,.attendee-error{text-align:center;margin:24px 0;color:#8a1452}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.pending-registrations-modal{background:#fff;border-radius:12px;max-width:900px;width:90%;max-height:80vh;display:flex;flex-direction:column}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{padding:24px;overflow-y:auto;flex:1}.loading-message,.empty-message{text-align:center;padding:40px 20px;color:#6b7280;font-size:1rem}.table-container{overflow-x:auto}.registrations-table{width:100%;border-collapse:collapse;font-size:14px}.registrations-table thead{background:#f9fafb}.registrations-table th{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.registrations-table td{padding:12px;border-bottom:1px solid #e5e7eb;color:#1f2937}.registrations-table tbody tr:hover{background:#f9fafb}.actions-cell{display:flex;gap:8px;align-items:center}.btn-approve,.btn-reject{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.reject-modal{max-width:500px}.reject-modal .modal-body{padding:20px 24px}.reject-modal p{margin-bottom:16px;color:#374151}.rejection-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.rejection-textarea:focus{outline:none;border-color:#8a1452}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.btn-cancel,.btn-confirm-reject{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-confirm-reject{background:#ef4444;color:#fff}.btn-confirm-reject:hover{background:#dc2626}@media(max-width:768px){.pending-registrations-modal{width:95%;max-height:90vh}.table-container{overflow-x:scroll}.registrations-table{font-size:12px}.registrations-table th,.registrations-table td{padding:8px}.actions-cell{flex-direction:column;gap:4px}.btn-approve,.btn-reject{width:100%}}.live-events{max-width:1400px;margin:0 auto;padding:32px 24px;min-height:calc(100vh - 70px)}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:700;color:#333;margin:0 0 8px}.page-subtitle{font-size:16px;color:#666;margin:0}.live-section,.upcoming-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h3{margin:0;font-size:22px;color:#333;font-weight:600}.live-count{color:#666;font-size:14px;font-weight:500}.live-grid,.upcoming-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.live-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:2px solid #9E1F63}.live-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f;border-color:#8e1b59}.live-card.active{border:2px solid #ff6b6b}.live-indicator{position:absolute;top:16px;left:16px;background:#ff6b6b;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:6px;z-index:2}.pulse{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.live-thumbnail{position:relative;height:180px;background:linear-gradient(160deg,#9e1f63,#8e1b59);display:flex;align-items:center;justify-content:center}.thumbnail-icon{font-size:64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.viewer-count{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.upcoming-badge{position:absolute;top:16px;left:16px;background:#4ecdc4;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;z-index:2}.live-info{padding:20px}.live-info h4{margin:0 0 12px;font-size:18px;color:#333;font-weight:600;line-height:1.3}.live-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.host,.duration{font-size:14px;color:#666}.expected-viewers{font-size:13px;color:#888;margin-bottom:12px}.btn-watch,.btn-remind{width:100%;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-watch{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.btn-watch:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.btn-remind{background:#f0f0f0;color:#333}.btn-remind:hover{background:#e0e0e0}@media(max-width:768px){.live-events{padding:24px 16px}.page-header{margin-bottom:24px}.page-title{font-size:26px}.page-subtitle{font-size:14px}.live-section,.upcoming-section{margin-bottom:32px}.section-header{margin-bottom:20px}.section-header h3{font-size:20px}.live-count{font-size:13px}.live-grid,.upcoming-grid{grid-template-columns:1fr;gap:20px}.live-card{border-radius:10px}.card-content{padding:14px}.card-title{font-size:17px}.card-actions{padding:14px;gap:10px}.btn-watch,.btn-remind{padding:10px 16px;font-size:14px}}@media(max-width:480px){.live-events{padding:20px 12px}.page-header{margin-bottom:20px}.page-title{font-size:22px}.page-subtitle{font-size:13px}.live-section,.upcoming-section{margin-bottom:28px}.section-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.section-header h3{font-size:18px}.live-count{font-size:12px}.live-grid,.upcoming-grid{gap:16px}.live-indicator{top:12px;left:12px;padding:5px 10px;font-size:11px}.pulse{width:7px;height:7px}.card-content{padding:12px}.card-title{font-size:16px;margin-bottom:6px}.card-meta{font-size:12px;gap:10px}.card-actions{padding:12px;gap:8px;flex-direction:column}.btn-watch,.btn-remind{width:100%;padding:11px 14px;font-size:14px}}@media(max-width:360px){.live-events{padding:16px 8px}.page-header{margin-bottom:16px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.live-section,.upcoming-section{margin-bottom:24px}.section-header{gap:6px;margin-bottom:14px}.section-header h3{font-size:16px}.live-count{font-size:11px}.live-grid,.upcoming-grid{gap:14px}.live-card{border-radius:8px}.live-indicator{padding:4px 9px;font-size:10px}.pulse{width:6px;height:6px}.card-content{padding:10px}.card-title{font-size:15px}.card-meta{font-size:11px}.card-actions{padding:10px}.btn-watch,.btn-remind{padding:10px 12px;font-size:13px}}.event-details-page{min-height:100vh;background:#f8f8f8}.event-hero{position:relative;height:400px;overflow:hidden}.event-hero-image{width:100%;height:100%;object-fit:cover}.event-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 70%,transparent 100%);padding:60px 24px 40px}.event-hero-content{max-width:1400px;margin:0 auto;color:#fff}.breadcrumb{font-size:14px;margin-bottom:16px;opacity:.9}.breadcrumb a{color:#fff;text-decoration:none;transition:opacity .3s ease}.breadcrumb a:hover{opacity:.7}.event-category-badge{display:inline-block;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px}.event-hero-content h1{font-size:42px;font-weight:700;margin:0 0 16px;line-height:1.2}.event-quick-info{display:flex;gap:24px;font-size:16px;flex-wrap:wrap}.event-quick-info span{display:flex;align-items:center;gap:6px}.event-details-container{max-width:1400px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 380px;gap:40px}.event-main-content{display:flex;flex-direction:column;gap:32px}.event-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014}.event-section h2{font-size:24px;font-weight:700;color:#333;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.event-description{font-size:16px;line-height:1.8;color:#555;margin:0}.highlights-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.highlights-list li{display:flex;align-items:start;gap:12px;font-size:16px;color:#555}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.schedule-timeline{display:flex;flex-direction:column;gap:20px}.schedule-item{display:flex;gap:20px;padding:16px;background:#f8f8f8;border-radius:8px;border-left:4px solid #9E1F63}.schedule-time{font-weight:600;color:#9e1f63;font-size:14px;min-width:140px}.schedule-topic{font-size:16px;color:#333;font-weight:500}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.requirements-list li{display:flex;align-items:start;gap:12px;font-size:15px;color:#555}.bullet{color:#9e1f63;font-size:20px;font-weight:700}.location-card{display:flex;gap:16px;padding:20px;background:#f8f8f8;border-radius:8px}.location-icon{font-size:32px}.location-details h3{margin:0 0 8px;font-size:18px;color:#333}.location-details p{margin:0;color:#666;font-size:14px}.btn-location-directions,.btn-location-view{transition:all .2s ease}.btn-location-directions:hover,.btn-location-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-location-directions:hover{background:linear-gradient(135deg,#3367d6,#2851c7)!important;box-shadow:0 4px 12px #4285f466!important}.btn-location-view:hover{background:linear-gradient(135deg,#2d8f47,#248239)!important;box-shadow:0 4px 12px #34a85366!important}.event-sidebar{display:flex;flex-direction:column;gap:24px}.booking-card,.organizer-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.price-section{text-align:center;padding:20px;background:linear-gradient(160deg,#9e1f63,#8e1b59);border-radius:8px;color:#fff;margin-bottom:24px}.price-label{font-size:14px;opacity:.9;margin-bottom:8px}.price-value{font-size:36px;font-weight:700}.event-info-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.info-item{display:flex;align-items:start;gap:12px}.info-icon{font-size:24px}.info-label{font-size:12px;color:#888;margin-bottom:4px}.info-value{font-size:15px;color:#333;font-weight:500}.book-now-btn{width:100%;padding:16px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:12px}.book-now-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9e1f6366}.share-btn{width:100%;padding:12px;background:#f0f0f0;color:#333;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.share-btn:hover{background:#e0e0e0}.organizer-card h3{font-size:18px;color:#333;margin:0 0 20px}.organizer-info{display:flex;align-items:center;gap:12px;margin-bottom:20px}.organizer-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.organizer-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.organizer-badge{font-size:12px;color:#9e1f63;font-weight:500}.contact-btn{width:100%;padding:12px;background:#fff;color:#9e1f63;border:2px solid #9E1F63;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-btn:hover{background:#9e1f63;color:#fff}@media(max-width:1024px){.event-details-container{grid-template-columns:1fr}.event-sidebar{order:-1}.booking-card,.organizer-card{position:static}}@media(max-width:768px){.event-hero{height:300px}.event-hero-overlay{padding:40px 16px 30px}.event-hero-content h1{font-size:28px}.event-quick-info{font-size:14px;gap:16px}.event-details-container{padding:30px 16px;gap:30px}.event-section{padding:20px;border-radius:10px}.event-section h2{font-size:20px}.schedule-item{flex-direction:column;gap:8px}.schedule-time{min-width:auto}.booking-card,.organizer-card{padding:20px}}@media(max-width:480px){.event-hero{height:250px}.event-hero-overlay{padding:30px 12px 24px}.breadcrumb{font-size:12px;margin-bottom:12px}.event-category-badge{padding:5px 14px;font-size:12px;margin-bottom:12px}.event-hero-content h1{font-size:24px;margin-bottom:12px}.event-quick-info{font-size:13px;gap:12px;flex-direction:column;align-items:flex-start}.event-details-container{padding:24px 12px;gap:24px}.event-section{padding:16px;border-radius:8px}.event-section h2{font-size:18px;margin-bottom:14px}.event-section p,.event-section ul{font-size:14px}.booking-card,.organizer-card{padding:16px}.booking-card h3,.organizer-card h3{font-size:16px}.register-btn{padding:14px 20px;font-size:15px}}@media(max-width:360px){.event-hero{height:220px}.event-hero-overlay{padding:24px 8px 20px}.event-hero-content h1{font-size:20px}.event-quick-info{font-size:12px;gap:10px}.event-details-container{padding:20px 8px;gap:20px}.event-section{padding:14px}.event-section h2{font-size:16px;margin-bottom:12px}.event-section p,.event-section ul{font-size:13px}.booking-card,.organizer-card{padding:14px}.register-btn{padding:12px 18px;font-size:14px}}.coupon-modal-container{z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important}.coupon-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto!important;max-width:100vw!important;box-sizing:border-box!important}.coupon-modal .swal2-popup{border-radius:20px;box-shadow:0 20px 50px #00000026;padding:25px!important;margin:0 auto!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.coupon-modal .swal2-title{color:#333;font-size:18px;font-weight:600;margin-bottom:8px;text-align:center}.coupon-modal .swal2-html-container{margin:0;padding:0;max-width:100%!important;overflow:hidden!important}.coupon-modal .swal2-input{margin:20px 0!important}.coupon-modal .swal2-select{width:100%!important;max-width:100%!important;padding:12px 15px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;background:#fff;color:#333;font-weight:500;cursor:pointer;box-sizing:border-box!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.coupon-modal .swal2-select:focus{border-color:#9e1f63;outline:none;box-shadow:0 0 0 4px #9e1f631a}.coupon-modal .swal2-select option{padding:12px 15px;font-size:14px;background:#fff;color:#333;border:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupon-modal .swal2-select option:hover{background:#f8f9fa}.coupon-modal .swal2-select option:checked{background:#9e1f63;color:#fff}.coupon-modal .swal2-container,.coupon-modal .swal2-content{overflow:visible!important}.coupon-apply-btn{background:linear-gradient(160deg,#9e1f63,#8e1b59)!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;color:#fff!important;transition:all .2s ease!important;box-shadow:0 2px 8px #9e1f6333!important}.coupon-apply-btn:hover{opacity:.9!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #9e1f634d!important}.coupon-skip-btn{background:#f8f9fa!important;color:#6c757d!important;border:1px solid #e9ecef!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:14px!important;transition:all .2s ease!important}.coupon-skip-btn:hover{background:#e9ecef!important;color:#495057!important;transform:translateY(-1px)!important}.membership-container{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#9e1f63,#8e1b59);padding:90px 20px 20px}.membership-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:600px;padding:40px}.membership-header{text-align:center;margin-bottom:32px}.membership-header h1{margin:0 0 8px;font-size:28px;color:#333;font-weight:700}.membership-header p{margin:0;color:#666;font-size:15px}.membership-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-weight:500;font-size:14px}.form-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;outline:none;background:#fff}.form-input:focus{border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.membership-button{padding:14px;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:8px}.membership-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9e1f6366}.membership-button:active{transform:translateY(0)}.membership-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fcc}@media(max-width:768px){.membership-container{padding:80px 16px 20px}.membership-card{padding:30px 20px;border-radius:10px}.membership-header h1{font-size:24px}.membership-header p{font-size:14px}.membership-form{gap:18px}.form-group label{font-size:13px}.form-input{padding:11px 14px;font-size:14px}.membership-button{padding:13px;font-size:15px}.error-message{padding:11px 14px;font-size:13px}}@media(max-width:480px){.membership-container{padding:70px 12px 16px}.membership-card{padding:24px 16px;border-radius:8px;width:100%;max-width:100%}.membership-header{margin-bottom:24px}.membership-header h1{font-size:20px}.membership-header p{font-size:13px}.membership-form{gap:16px;max-width:100%;padding:0}.form-group{gap:6px}.form-group label{font-size:12px}.form-input{padding:10px 12px;font-size:14px;width:100%;min-width:0}select.form-input{width:100%;max-width:100%}.membership-button{padding:12px;font-size:14px;width:100%}.error-message{padding:10px 12px;font-size:12px}}@media(max-width:360px){.membership-container{padding:60px 8px 12px}.membership-card{padding:20px 12px}.membership-header{margin-bottom:20px}.membership-header h1{font-size:18px}.membership-header p{font-size:12px}.membership-form{gap:14px}.form-input{padding:9px 11px;font-size:13px}.membership-button{padding:11px;font-size:13px}.error-message{padding:9px 11px;font-size:11px}}.navbar{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;box-shadow:0 2px 10px #00000026}.navbar-container{max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.navbar-left{display:flex;align-items:center;gap:40px;flex:1}.navbar-logo{display:flex;align-items:center;text-decoration:none}.navbar-logo img{height:48px;width:auto;object-fit:contain;border-radius:8px;margin-top:2px}.navbar-links{display:flex;gap:8px;align-items:center}.navbar-dropdown{position:relative;display:inline-block}.navbar-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #8a145226;min-width:200px;margin-top:.5rem;z-index:100;padding:.5rem 0}.dropdown-link{display:block;padding:.75rem 1.25rem;color:#333;text-decoration:none;transition:all .3s ease;font-weight:500}.dropdown-link:hover{background:#f8f8f8;color:#8a1452}.dropdown-link.active{background:#8a14521a;color:#8a1452;font-weight:600}.navbar-link{display:flex;align-items:center;gap:6px;padding:8px 16px;color:#ffffffe6;text-decoration:none;font-size:15px;font-weight:500;border-radius:6px;transition:all .3s ease}.navbar-link:hover{background:#ffffff26}.navbar-link.active{background:#ffffff40;font-weight:600}.link-icon{font-size:18px}.navbar-right{display:flex;align-items:center;gap:16px}.user-menu{display:flex;align-items:center;gap:12px}.user-name{font-size:14px;font-weight:500;color:#fffffff2}.logout-btn{padding:8px 20px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:10}.mobile-menu-btn span{display:block;height:3px;width:100%;background:#8a1452;transition:.3s;border-radius:3px;box-shadow:0 1px 4px #00000014}.mobile-menu-btn span:last-child{margin-bottom:0}@media(max-width:768px){.navbar-left{flex:1;justify-content:flex-start}.navbar-right{flex:1;justify-content:flex-end;display:flex;align-items:center}.mobile-menu-btn{margin-left:auto;margin-right:0;align-self:center;position:absolute;right:16px;top:18px;z-index:1100}.mobile-menu-btn span{background:#8a1452!important}.navbar-container{position:relative}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:none;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.open{display:flex;opacity:1}.mobile-menu{background:linear-gradient(160deg,#9e1f63,#8e1b59);width:280px;height:100%;padding:0;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.mobile-menu-overlay.open .mobile-menu{transform:translate(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-menu-header img{height:40px;width:auto;border-radius:6px}.mobile-menu-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;line-height:1}.mobile-menu-links{flex:1;padding:20px 0}.mobile-menu-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-section-title{padding:.75rem 2rem;color:#fff9;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:16px 20px;color:#ffffffe6;text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease;border-left:3px solid transparent}.mobile-nav-link:hover{background:#ffffff1a;border-left-color:#fff}.mobile-nav-link.active{background:#fff3;border-left-color:#fff;font-weight:600}.mobile-nav-link .link-icon{font-size:20px}.mobile-menu-footer{padding:20px;border-top:1px solid rgba(255,255,255,.2)}.mobile-user-info{margin-bottom:16px}.mobile-user-name{color:#ffffffe6;font-size:14px;font-weight:500}.mobile-logout-btn{width:100%;padding:12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.mobile-logout-btn:hover{background:#ffffff4d;border-color:#ffffff80}@media(max-width:768px){.navbar-links{display:none!important}.mobile-menu-btn{display:flex!important}.navbar-container{padding:0 16px}.navbar-left{gap:16px}.navbar-logo img{height:42px}.navbar-right{gap:12px}.user-name,.logout-btn{display:none}}@media(max-width:480px){.navbar-container{padding:0 12px}.navbar-left{gap:12px}.navbar-logo img{height:38px}.mobile-menu{width:85%}}@media(max-width:360px){.navbar-container{padding:0 8px}.navbar-left{gap:10px}.navbar-logo img{height:36px}.mobile-menu-btn{width:28px;height:22px}.mobile-menu-btn span{height:2.5px}.mobile-menu{width:90%}.mobile-nav-link{padding:14px 16px;font-size:15px}.mobile-section-title{padding:.65rem 1.5rem;font-size:.8rem}}.navbar{background:#fff;box-shadow:0 2px 8px #0000001a}.navbar .navbar-logo img{height:68px}.navbar .user-name{color:#333}.navbar .logout-btn{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;border:none}.navbar .logout-btn:hover{background:linear-gradient(160deg,#8e1b59,#7e1549)}.pending-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9e1f63,#8e1b59 60%,#a28796);padding:90px 20px 20px}.pending-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:1100px;padding:40px}.pending-header{text-align:center;margin-bottom:40px}.pending-icon{margin:20px auto;display:flex;justify-content:center}.pending-header h1{margin:0 0 12px;font-size:28px;color:#333;font-weight:700}.pending-header p{margin:0;color:#666;font-size:16px}.pending-content{display:flex;flex-direction:column;gap:32px}.user-info-card{background:#f8f9fa;padding:24px;border-radius:12px;border:1px solid #e0e0e0}.user-info-card h3{margin:0 0 16px;font-size:18px;color:#333;font-weight:600}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#666;font-size:15px}.info-value{font-weight:600;color:#333;font-size:15px}.status-info{display:flex;flex-direction:column;gap:20px}.status-item{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#f9f9f9;border-radius:12px;border-left:4px solid #ddd}.status-item.pending{background:#fff9e6;border-left-color:orange}.status-item.disabled{opacity:.5}.status-icon{font-size:28px;min-width:40px;text-align:center}.status-text h3{margin:0 0 6px;font-size:18px;color:#333;font-weight:600}.status-text p{margin:0;color:#666;font-size:14px;line-height:1.5}.pending-message{background:#f0f7ff;padding:24px;border-radius:12px;border:1px solid #d0e7ff}.pending-message h3{margin:0 0 12px;font-size:18px;color:#333;font-weight:600}.pending-message p{margin:0 0 12px;color:#555;font-size:15px;line-height:1.6}.pending-message p:last-child{margin-bottom:0}.logout-button{padding:14px;background:#666;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#555;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.logout-button:active{transform:translateY(0)}@media(max-width:768px){.pending-container{padding:80px 16px 20px}.pending-card{padding:30px 20px;border-radius:10px}.pending-header h1{font-size:24px}.pending-header p{font-size:15px}.user-info-card{padding:20px}.user-info-card h3{font-size:16px}.info-row{flex-direction:column;gap:4px;padding:10px 0}.info-label,.info-value{font-size:14px}.status-item{padding:16px;gap:12px}.status-icon{font-size:24px;min-width:35px}.status-text h3{font-size:16px}.status-text p{font-size:13px}.pending-message{padding:20px}.pending-message h3{font-size:16px}.pending-message p{font-size:14px}.logout-button{padding:12px;font-size:15px}}@media(max-width:480px){.pending-container{padding:70px 12px 16px}.pending-card{padding:24px 16px;border-radius:8px}.pending-header{margin-bottom:30px}.pending-header h1{font-size:20px}.pending-header p{font-size:14px}.pending-content{gap:24px}.user-info-card{padding:16px;border-radius:10px}.user-info-card h3{font-size:15px;margin-bottom:12px}.info-row{padding:8px 0}.info-label,.info-value{font-size:13px}.status-info{gap:16px}.status-item{padding:14px;gap:10px;border-radius:10px}.status-icon{font-size:22px;min-width:30px}.status-text h3{font-size:15px;margin-bottom:4px}.status-text p{font-size:12px}.pending-message{padding:16px;border-radius:10px}.pending-message h3{font-size:15px;margin-bottom:10px}.pending-message p{font-size:13px;margin-bottom:10px}.logout-button{padding:11px;font-size:14px}}@media(max-width:360px){.pending-container{padding:60px 8px 12px}.pending-card{padding:20px 12px}.pending-header{margin-bottom:24px}.pending-header h1{font-size:18px}.pending-header p{font-size:13px}.pending-icon{margin:16px auto}.pending-content{gap:20px}.user-info-card{padding:14px}.user-info-card h3{font-size:14px}.info-row{padding:7px 0}.info-label,.info-value{font-size:12px}.status-info{gap:14px}.status-item{padding:12px;gap:8px}.status-icon{font-size:20px;min-width:28px}.status-text h3{font-size:14px}.status-text p{font-size:11px}.pending-message{padding:14px}.pending-message h3{font-size:14px;margin-bottom:8px}.pending-message p{font-size:12px;margin-bottom:8px}.logout-button{padding:10px;font-size:13px}}.mentor-register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9e1f63,#8e1b59 60%,#fdf2f8);padding:2rem 1rem}.mentor-register-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;width:100%;max-width:800px;animation:fadeIn .3s ease-in;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mentor-register-header{text-align:center;margin-bottom:2rem}.mentor-register-logo{width:150px;height:150px;object-fit:contain;margin:0 auto 1rem;display:block;border-radius:12px}.mentor-register-header h1{font-size:2rem;color:#333;margin-bottom:.5rem;font-weight:700}.mentor-register-header p{color:#666;font-size:1rem}.progress-bar{display:flex;justify-content:space-between;align-items:center;margin:2rem 0 .5rem;position:relative}.progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e0e0e0;transform:translateY(-50%);z-index:0}.progress-step{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#999;position:relative;z-index:1;transition:all .3s ease}.progress-step.active{background:linear-gradient(160deg,#9e1f63,#8e1b59);border-color:#9e1f63;color:#fff}.step-label{text-align:center;font-weight:600;color:#9e1f63;margin-top:.5rem;font-size:.95rem}.mentor-register-form{margin-top:2rem}.form-step{animation:slideIn .3s ease-in}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-group{margin-bottom:1.5rem;position:relative;z-index:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative;z-index:auto}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500;font-size:.95rem}.form-group input.error,.form-group textarea.error,.form-group select.error,.radix-select-trigger.error{border-color:#ef4444!important;background-color:#fef2f2!important}.form-group input.success,.form-group textarea.success,.form-group select.success,.form-group input.input-success{border-color:#10b981!important;background-color:#f0fdf4!important}.validation-success{color:#10b981;font-size:.85rem;margin-top:.25rem;display:block;font-weight:500}.validation-info{color:#666;font-size:.85rem;margin-top:.25rem;display:block;font-weight:500}.validation-error{color:#ef4444;font-size:.85rem;margin-top:.25rem;display:block;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit;background-color:#fff;color:#333}.custom-dropdown{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit;background-color:#fff;color:#333;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239E1F63' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.custom-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.custom-dropdown:focus{outline:none;border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.form-group textarea{resize:vertical;min-height:80px}.custom-dropdown option,.custom-dropdown{max-height:300px;overflow-y:auto}.radix-select-trigger{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;line-height:1;height:auto;min-height:42px;gap:.5rem;background-color:#fff;color:#333;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;z-index:1}.radix-select-trigger:hover{border-color:#9e1f63;background-color:#fdf2f8}.radix-select-trigger:focus{border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.radix-select-trigger[data-disabled]{background-color:#f5f5f5;color:#999;cursor:not-allowed;pointer-events:none}.radix-select-icon{color:#9e1f63;display:flex;align-items:center}.radix-select-content{overflow:hidden;background-color:#fff;border-radius:8px;border:2px solid #e0e0e0;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:9999;max-height:300px;width:var(--radix-select-trigger-width);min-width:200px}.radix-select-item{all:unset;font-size:.95rem;line-height:1;color:#333;border-radius:6px;display:flex;align-items:center;padding:.75rem 1rem;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease}.radix-select-item[data-highlighted]{outline:none;background-color:#fdf2f8;color:#9e1f63}.radix-select-item[data-state=checked]{background-color:#9e1f63;color:#fff;font-weight:600}.radix-select-scroll-button{display:flex;align-items:center;justify-content:center;height:25px;background-color:#fff;color:#9e1f63;cursor:pointer}.radix-select-scroll-button:hover{background-color:#fdf2f8}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:400;margin-bottom:0;background:#fff;line-height:1.5}.checkbox-label:hover{background:#fdf2f8;border-color:#9e1f63}.checkbox-label:has(input:checked){background:#fdf2f8;border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.checkbox-label input[type=checkbox]{width:18px;height:18px;min-width:18px;margin:2px 0 0;cursor:pointer;accent-color:#9E1F63;border:2px solid #e0e0e0;border-radius:4px;flex-shrink:0}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.skill-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 2px 8px #9e1f634d}.skill-tag button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.pill-button-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.pill-button{padding:.65rem 1.5rem;border:none;border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#f5f5f5;color:#333;font-family:inherit}.pill-button:hover{background:#e8e8e8;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.pill-button.active{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;box-shadow:0 2px 8px #9e1f634d}.pill-button.active:hover{background:linear-gradient(160deg,#8e1b59,#7e1549)}.skill-tag button:hover{background:#fff3}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #c33;font-size:.9rem}.success-message{background:#efe;color:#3c3;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid #3c3;font-size:.9rem}.form-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:.875rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;flex:1;max-width:200px}.btn-primary{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;margin-left:auto}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9e1f6366}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#9e1f63;border:2px solid #9E1F63}.btn-secondary:hover:not(:disabled){background:#fdf2f8}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.mentor-register-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;color:#666;font-size:.95rem}.mentor-register-footer a{color:#9e1f63;text-decoration:none;font-weight:600;transition:color .2s ease}.mentor-register-footer a:hover{color:#8e1b59;text-decoration:underline}@media(max-width:768px){.mentor-register-container{padding:1rem}.mentor-register-card{padding:1.5rem}.mentor-register-header h1{font-size:1.5rem}.form-row,.checkbox-grid{grid-template-columns:1fr}.progress-step{width:35px;height:35px;font-size:.9rem}.form-navigation{flex-direction:column}.btn-primary,.btn-secondary{max-width:100%}.btn-primary{margin-left:0}}@media(max-width:480px){.mentor-register-card{padding:1rem}.mentor-register-logo{width:80px;height:80px}.progress-step{width:30px;height:30px;font-size:.8rem}.step-label{font-size:.85rem}}@media(max-width:360px){.mentor-register-container{padding:.75rem}.mentor-register-card{padding:.875rem}.mentor-register-logo{width:70px;height:70px}.mentor-register-header h1{font-size:1.3rem}.mentor-register-header p{font-size:.85rem}.progress-step{width:28px;height:28px;font-size:.75rem}.step-label{font-size:.8rem}.form-label{font-size:.85rem}.form-input,.form-textarea{padding:.6rem;font-size:.85rem}.btn-primary,.btn-secondary{padding:.65rem 1rem;font-size:.85rem}.success-icon{font-size:3rem;width:80px;height:80px}.success-title{font-size:1.5rem}.success-message{font-size:.9rem}.btn-dashboard{padding:.7rem 1.5rem;font-size:.9rem}}@media(max-width:768px){.mentor-register-card .form-step div[style*="marginBottom: '1.5rem'"]{margin-bottom:1rem!important;padding:1rem!important}.mentor-register-card .form-step p[style*="fontStyle: 'italic'"]{font-size:.9rem!important;padding:.5rem!important;line-height:1.5!important}}@media(max-width:480px){.mentor-register-card .form-step div[style*="marginBottom: '1.5rem'"]{margin-bottom:.75rem!important;padding:.75rem!important}.mentor-register-card .form-step h3[style*=borderBottom]{font-size:1rem!important}.mentor-register-card .form-step p[style*="fontStyle: 'italic'"]{font-size:.85rem!important;padding:.4rem!important}}.mentor-page{max-width:1400px;margin:0 auto;padding:2rem}.mentor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.header-content h1{font-size:2.5rem;color:#8a1452;margin-bottom:.5rem}.header-content p{color:#666;font-size:1.1rem}.become-mentor-btn{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 12px #8a145233}.become-mentor-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a14524d}.search-section{display:flex;gap:1rem;margin-bottom:2rem}.search-form{flex:1;display:flex;gap:.5rem}.search-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.search-btn:hover{background:#6d1041}.filter-toggle-btn{background:#fff;border:2px solid #e0e0e0;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.filter-toggle-btn:hover{border-color:#8a1452;color:#8a1452}.filter-badge{background:#8a1452;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.filters-panel{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters-header h3{font-size:1.25rem;color:#333}.clear-filters-btn{background:none;border:none;color:#8a1452;font-weight:600;cursor:pointer;transition:opacity .3s ease}.clear-filters-btn:hover{opacity:.7}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 2.5rem;align-items:start}.filter-group{display:flex;flex-direction:column;gap:.75rem;min-height:fit-content;width:100%}.filter-label{font-weight:600;color:#333;font-size:.95rem}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox,.filter-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.filter-checkbox input,.filter-radio input{cursor:pointer;width:18px;height:18px}.experience-inputs{display:flex;align-items:center;gap:.5rem}.experience-input{flex:1;padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem}.experience-input:focus{outline:none;border-color:#8a1452}.sort-select{padding:.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;cursor:pointer;background:#fff}.sort-select:focus{outline:none;border-color:#8a1452}.mentors-section{margin-top:2rem}.results-header{margin-bottom:1.5rem}.results-header h2{font-size:1.5rem;color:#333}.mentors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.mentors-grid{grid-template-columns:repeat(2,1fr)}}.mentor-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:420px}.mentor-card:hover{border-color:#8a1452;box-shadow:0 8px 24px #8a145226;transform:translateY(-4px)}.mentor-card-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start;min-height:80px}.mentor-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #f0e6ed}.mentor-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.mentor-basic-info{flex:1;min-width:0}.mentor-basic-info h3{font-size:1.15rem;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mentor-role{color:#8a1452;font-weight:600;margin-bottom:.25rem}.mentor-company{color:#666;font-size:.9rem}.mentor-card-body{display:flex;flex-direction:column;gap:1rem;flex:1}.mentor-stats{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#f8f8f8;border-radius:8px;justify-content:flex-start;min-height:60px;align-items:center}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;color:#666}.stat-value{font-size:1rem;font-weight:600;color:#333}.mentor-domain{font-size:.95rem;color:#333}.mentor-domain strong{color:#8a1452}.mentor-expertise,.mentor-skills{display:flex;flex-direction:column;gap:.5rem;min-height:50px}.mentor-expertise strong{font-size:.95rem;color:#8a1452}.tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;min-height:32px}.tag{background:#f0e6ed;color:#8a1452;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.tag.skill-tag{background:#e8f4f8;color:#0077b6}.tag.more{background:#e0e0e0;color:#666}.mentor-pricing{margin-top:.5rem}.price-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.95rem}.mentor-card-footer{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e0e0e0}.view-profile-btn{flex:1;background:#8a1452;color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.linkedin-link{background:#0077b5;color:#fff;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease}.linkedin-link:hover{background:#006199}.loading-state,.error-state,.empty-state{text-align:center;padding:4rem 2rem}.retry-btn,.clear-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.retry-btn:hover,.clear-btn:hover{background:#6d1041}@media(max-width:768px){.mentor-page{padding:1rem}.mentor-header{flex-direction:column;align-items:flex-start}.header-content h1{font-size:2rem}.search-section{flex-direction:column}.filters-grid,.mentors-grid{grid-template-columns:1fr}.mentor-card{min-height:auto}}@media(max-width:480px){.header-content h1{font-size:1.75rem}.mentor-stats{flex-direction:column;gap:.75rem}.mentor-card-footer{flex-direction:column}.linkedin-link{text-align:center}}.radix-select-trigger{all:unset;display:inline-flex;align-items:center;justify-content:space-between;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;line-height:1;gap:.5rem;background-color:#fff;border:2px solid #e0e0e0;cursor:pointer;width:100%;box-sizing:border-box;transition:all .2s ease}.radix-select-trigger:hover{border-color:#8a1452}.radix-select-trigger:focus{border-color:#8a1452;box-shadow:0 0 0 3px #8a14521a}.radix-select-trigger[data-placeholder]{color:#999}.radix-select-trigger:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.radix-select-icon{color:#666;transition:transform .2s ease}.radix-select-trigger[data-state=open] .radix-select-icon{transform:rotate(180deg)}.radix-select-content{overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 10px 40px #00000026;border:1px solid #e0e0e0;z-index:9999;max-height:300px;min-width:200px}.radix-select-viewport{padding:.5rem;max-height:280px}.radix-select-item{all:unset;font-size:.95rem;line-height:1.5;color:#333;border-radius:6px;display:flex;align-items:center;padding:.75rem 1rem;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .15s ease}.radix-select-item[data-disabled]{color:#999;pointer-events:none}.radix-select-item[data-highlighted]{outline:none;background-color:#fdf2f8;color:#8a1452}.radix-select-item[data-state=checked]{background-color:#8a1452;color:#fff;font-weight:600}.radix-select-scroll-button{display:flex;align-items:center;justify-content:center;height:25px;background-color:#fff;color:#666;cursor:default;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.radix-select-scroll-button:first-child{border-top:none}.radix-select-scroll-button:last-child{border-bottom:none}@media(max-width:1024px){.mentor-page{padding:1.5rem}.filters-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.mentors-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mentor-page{padding:1rem}.mentor-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.become-mentor-btn{width:100%;padding:.75rem 1.5rem}.search-section{flex-direction:column}.search-form,.filter-toggle-btn{width:100%}.filters-grid,.mentors-grid{grid-template-columns:1fr}.mentor-card{padding:1rem}.mentor-avatar{width:60px;height:60px}.avatar-placeholder{font-size:1.25rem}.mentor-basic-info h3{font-size:1.1rem}.mentor-role{font-size:.85rem}.mentor-stats{flex-direction:column;gap:.75rem}.stat-item{flex:1 1 100%}.view-profile-btn{width:100%}}@media(max-width:480px){.mentor-page{padding:.75rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.9rem}.search-input{font-size:14px;padding:.75rem}.search-btn,.filter-toggle-btn{font-size:14px;padding:.75rem 1.25rem}.filters-panel{padding:1rem}.filter-group{gap:.5rem}.radix-select-trigger{font-size:14px;padding:.65rem .75rem}.mentor-card{padding:.875rem}.mentor-avatar{width:50px;height:50px}.mentor-basic-info h3{font-size:1rem}.mentor-company,.mentor-location{font-size:.8rem}.expertise-tags{gap:.4rem}.tag{font-size:.7rem;padding:.3rem .6rem}}@media(max-width:360px){.mentor-page{padding:.5rem}.header-content h1{font-size:1.25rem}.mentor-card-header{flex-direction:column;align-items:flex-start}.mentor-info{flex-direction:column;align-items:center;text-align:center;width:100%}}.mentor-detail-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.back-button{background:#fff;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;color:#333}.back-button:hover{border-color:#8a1452;color:#8a1452;transform:translate(-4px)}.mentor-detail-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.mentor-detail-header{background:linear-gradient(135deg,#8a1452,#a91d5f);padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;position:relative}.mentor-detail-title-section{flex:1;display:flex;align-items:center;gap:1.5rem}.mentor-detail-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0003}.mentor-detail-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.mentor-detail-title h1{font-size:1.75rem;margin-bottom:.25rem;color:#fff}.detail-role{font-size:1rem;font-weight:600;margin-bottom:.15rem;opacity:.95}.detail-company{font-size:.95rem;opacity:.85;margin-bottom:1rem}.header-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.action-btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;min-width:170px;text-align:center;white-space:nowrap}.action-btn.linkedin:hover{background:#006199;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.action-btn.website{background:#fff;color:#8a1452}.action-btn.website:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.request-connection-btn{padding:.75rem 1.5rem;border-radius:8px;border:2px solid white;background:#fff;color:#8a1452;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;height:fit-content}.request-connection-btn:hover:not(:disabled){background:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.request-connection-btn:disabled{opacity:.7;cursor:not-allowed;background:#ffffffe6}.mentor-detail-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:#f8f8f8;border-radius:12px;padding:1.5rem;border:1px solid #e0e0e0}.detail-card h2{font-size:1.25rem;color:#8a1452;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.detail-card h3{font-size:1.1rem;color:#333;margin-bottom:.75rem;margin-top:1.5rem}.detail-card h3:first-of-type{margin-top:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.info-item{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0}.info-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:1.3rem;font-weight:600;color:#8a1452}.bio-text{color:#333;line-height:1.8;font-size:1.05rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0}.domain-section{margin-bottom:1.5rem}.domain-section:last-child{margin-bottom:0}.domain-badge{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1.1rem}.domain-badge.primary{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;box-shadow:0 4px 12px #8a145233}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.tag{background:#fff;color:#8a1452;padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;border:2px solid #f0e6ed;transition:all .3s ease}.tag:hover{border-color:#8a1452;transform:translateY(-2px);box-shadow:0 4px 8px #8a145226}.tag.expertise-tag{background:#fff8e1;color:#f57c00;border-color:#ffe0b2}.tag.expertise-tag:hover{border-color:#f57c00}.tag.skill-tag{background:#e8f4f8;color:#0077b6;border-color:#b3e5fc}.tag.skill-tag:hover{border-color:#0077b6}.tag.mode-tag{background:#f3e5f5;color:#7b1fa2;border-color:#e1bee7}.tag.mode-tag:hover{border-color:#7b1fa2}.tag.stage-tag{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}.tag.stage-tag:hover{border-color:#2e7d32}.tag.industry-tag{background:#e3f2fd;color:#1565c0;border-color:#bbdefb}.tag.industry-tag:hover{border-color:#1565c0}.preference-section{margin-bottom:1.5rem}.preference-section:last-child{margin-bottom:0}.schedule-info{display:flex;flex-direction:column;gap:1.5rem}.schedule-item{display:flex;align-items:flex-start;gap:1rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0}.schedule-icon{font-size:2rem;line-height:1}.schedule-item strong{display:block;color:#8a1452;margin-bottom:.25rem;font-size:1.1rem}.schedule-item p{color:#333;font-size:1rem;margin:0}.pricing-card{background:linear-gradient(135deg,#fff8f0,#fff0f5);border:2px solid #8a1452}.pricing-info{background:#fff;padding:1rem;border-radius:8px}.pricing-note{color:#666;margin-top:.5rem;font-size:.9rem}.price-details{display:flex;gap:1rem;flex-wrap:wrap}.price-item{display:flex;flex-direction:column;align-items:center;gap:.375rem}.price-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.95rem}.price-badge.free{background:#d4edda;color:#155724}.price-badge.paid{background:#fff3cd;color:#856404}.price-badge.large{padding:.625rem 1.25rem;font-size:1.05rem}.price-label{color:#666;font-size:.85rem}.loading-state,.error-state{text-align:center;padding:4rem 2rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.back-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.back-btn:hover{background:#6d1041}@media(max-width:1024px){.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:768px){.mentor-detail-page{padding:1rem}.mentor-detail-header{flex-direction:column;text-align:center;padding:2rem}.mentor-detail-title h1{font-size:2rem}.mentor-detail-content,.detail-card{padding:1.5rem}.info-grid{grid-template-columns:1fr}.header-actions{justify-content:center}.price-details{flex-direction:column;align-items:center}}@media(max-width:480px){.mentor-detail-title h1{font-size:1.75rem}.detail-role{font-size:1.1rem}.detail-card h2{font-size:1.5rem}.mentor-detail-avatar{width:120px;height:120px}.avatar-placeholder-large{font-size:2.5rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content.request-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f0f0f0}.modal-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:700}.close-btn{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f0f0f0;color:#333}.request-form{padding:2rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.95rem}.form-group textarea,.form-group select{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;resize:vertical}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8a1452;box-shadow:0 0 0 3px #8a14521a}.form-group textarea::placeholder{color:#999}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.btn-cancel,.btn-submit{padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#f0f0f0;color:#666}.btn-cancel:hover{background:#e0e0e0;color:#333}.btn-submit{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;min-width:140px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8a145266}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.modal-content.request-modal{max-width:95%}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.25rem}.request-form{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}@media(max-width:1024px){.mentor-detail-page{padding:1.5rem}.detail-grid{grid-template-columns:1fr}.expertise-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mentor-detail-page{padding:1rem}.mentor-detail-header{flex-direction:column;padding:1.5rem;text-align:center}.mentor-detail-title-section{flex-direction:column;text-align:center}.mentor-detail-avatar{width:80px;height:80px}.mentor-detail-title h1{font-size:1.5rem}.detail-role{font-size:.95rem}.header-actions{width:100%;flex-direction:column;gap:.75rem}.request-btn{width:100%}.detail-body{padding:1.5rem}.detail-section{padding:1.25rem}.detail-section h2{font-size:1.25rem}.expertise-grid{grid-template-columns:1fr}.stat-card h3{font-size:1.75rem}.package-option h4{font-size:1.125rem}.price{font-size:1.5rem}}@media(max-width:480px){.mentor-detail-page{padding:.75rem}.back-button{padding:.625rem 1.25rem;font-size:.9rem}.mentor-detail-header{padding:1.25rem}.mentor-detail-avatar{width:70px;height:70px}.avatar-placeholder-large{font-size:2rem}.mentor-detail-title h1{font-size:1.25rem}.detail-role{font-size:.875rem}.detail-company{font-size:.8rem}.request-btn{padding:.875rem;font-size:.95rem}.detail-body{padding:1.25rem}.detail-section{padding:1rem}.detail-section h2{font-size:1.125rem}.info-grid{gap:.75rem}.info-item{font-size:.85rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.package-option{padding:1.25rem}.modal-content.request-modal{width:95%;max-width:100%;margin:1rem}.modal-header{padding:1.25rem}.modal-header h2{font-size:1.125rem}.request-form{padding:1.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:.75rem}}@media(max-width:360px){.mentor-detail-page{padding:.5rem}.mentor-detail-avatar{width:60px;height:60px}.mentor-detail-title h1{font-size:1.125rem}.detail-section{padding:.875rem}.package-option h4{font-size:1rem}.price{font-size:1.25rem}}.mentor-requests-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.view-mode-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.view-mode-tab{flex:1;padding:1rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease}.view-mode-tab.active{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border-color:#8a1452}.filter-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #f0f0f0;flex-wrap:wrap}.filter-tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;position:relative;bottom:-2px}.filter-tab:hover{color:#8a1452}.filter-tab.active{color:#8a1452;border-bottom-color:#8a1452}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#8a1452;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state h2{font-size:1.8rem;color:#333;margin-bottom:.5rem}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:2rem}.browse-mentors-btn,.retry-btn{padding:1rem 2rem;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.browse-mentors-btn:hover,.retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a145266}.requests-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.table-controls{padding:20px;background:#fff;border-bottom:1px solid #e5e7eb}.search-input{width:100%;max-width:500px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#8a1452;box-shadow:0 0 0 3px #8a14521a}.search-input::placeholder{color:#9ca3af}.no-data-message{padding:40px;text-align:center;color:#666}.no-data-message p{font-size:16px;margin:0}.requests-table-container{background:#fff}.requests-table{width:100%;border-collapse:collapse}.requests-table thead{background:linear-gradient(135deg,#8a1452,#a91d5f)}.requests-table th{padding:1.25rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.requests-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.requests-table tbody tr:hover{background:#f9fafb}.requests-table tbody tr:last-child{border-bottom:none}.requests-table td{padding:1.25rem 1.5rem;color:#333;font-size:.95rem;vertical-align:middle}.name-cell{font-weight:600;color:#8a1452}.status-badge{display:inline-block;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.view-btn{padding:.6rem 1.2rem;background:#fff;color:#8a1452;border:2px solid #8a1452;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-btn:hover{background:#8a1452;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8a14524d}.requests-list{display:flex;flex-direction:column;gap:1.5rem}.request-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.request-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.mentor-info{display:flex;flex-direction:column;gap:.5rem}.mentor-info h3{font-size:1.5rem;color:#8a1452;margin:0}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-accepted{background:#d1fae5;color:#065f46}.view-mentor-btn{padding:.75rem 1.5rem;background:#fff;color:#8a1452;border:2px solid #8a1452;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-mentor-btn:hover{background:#8a1452;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8a14524d}.request-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;color:#666;font-weight:600}.detail-value{font-size:1rem;color:#333}.request-message,.request-topics,.mentor-response{margin-bottom:1.5rem}.request-message:last-child,.request-topics:last-child,.mentor-response:last-child{margin-bottom:0}.request-message h4,.request-topics h4,.mentor-response h4{font-size:1rem;color:#8a1452;margin-bottom:.75rem;font-weight:600}.request-message p,.request-topics p,.mentor-response p{color:#555;line-height:1.6;font-size:1rem}.mentor-response{background:#f0fdf4;padding:1rem;border-radius:8px;border-left:4px solid #10b981}.mentor-response h4{color:#065f46}@media(max-width:768px){.mentor-requests-page{padding:1.5rem 1rem}.requests-header h1{font-size:2rem}.filter-tabs{gap:.5rem;overflow-x:auto;flex-wrap:nowrap}.filter-tab{padding:.75rem 1rem;font-size:.9rem;white-space:nowrap}.requests-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.requests-table{min-width:800px}.requests-table th,.requests-table td{padding:1rem;font-size:.85rem}}@media(max-width:480px){.mentor-requests-page{padding:1rem .75rem}.requests-header h1{font-size:1.5rem}.filter-tabs{gap:.25rem}.filter-tab{padding:.625rem .875rem;font-size:.85rem}.requests-table th,.requests-table td{padding:.75rem;font-size:.8rem}.view-details-btn{padding:.5rem .875rem;font-size:.8rem}}@media(max-width:360px){.requests-header h1{font-size:1.25rem}.filter-tab{padding:.5rem .75rem;font-size:.8rem}}.request-detail-page{max-width:900px;margin:0 auto;padding:32px 16px 48px}.back-btn{border:2px solid #e5e7eb;background:#fff;color:#374151;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 18px;border-radius:8px;font-size:14px;transition:all .2s ease}.back-btn:hover{background:#f9fafb;border-color:#8a1452;color:#8a1452;transform:translate(-4px)}.request-detail-page-header{margin-bottom:20px}.request-detail-page-header h1{margin:0 0 4px;font-size:24px;color:#111827;font-weight:700}.request-detail-page-header p{margin:0;font-size:14px;color:#6b7280}.request-detail-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0f172a14;padding:24px;border-top:4px solid #9e1f63}.request-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}.request-header-main{display:flex;align-items:center;gap:14px}.action-buttons{display:flex;gap:12px;padding:16px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-bottom:4px}.action-btn{flex:1;padding:12px 20px;border:2px solid;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.accept-btn{background:#dcfce7;border-color:#16a34a;color:#166534}.accept-btn:hover{background:#16a34a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.ask-btn{background:#fef3c7;border-color:#d97706;color:#92400e}.ask-btn:hover{background:#d97706;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d977064d}.decline-btn{background:#fee2e2;border-color:#dc2626;color:#991b1b}.decline-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.founder-avatar{width:56px;height:56px;border-radius:999px;background:linear-gradient(135deg,#8a1452,#a91d5f);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px}.founder-main-info h2{margin:0;font-size:20px;color:#111827}.founder-subtitle{margin:4px 0 8px;color:#6b7280;font-size:14px}.status-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500}.status-pending{background:#fef3c7;color:#92400e}.status-accepted{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.request-detail-body{margin-top:20px;display:flex;flex-direction:column;gap:20px}.detail-section h2{margin:0 0 16px;font-size:16px;color:#111827;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background:#f9fafb;padding:20px;border-radius:12px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item .label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-weight:600}.detail-item .value{font-size:15px;color:#111827;font-weight:500}.text-block{background:#f9fafb;border-radius:12px;padding:12px 14px;font-size:14px;color:#111827;line-height:1.5;white-space:pre-wrap}.mentor-response-block .text-block{background:#eff6ff}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px}.loading-state p,.error-state p{color:#4b5563}.spinner{width:28px;height:28px;border-radius:999px;border:3px solid #e5e7eb;border-top-color:#8a1452;animation:spin .9s linear infinite}@media(max-width:1024px){.request-detail-page{padding:24px 16px 40px}.request-detail-card{padding:20px}.action-buttons{gap:10px}.action-btn{padding:11px 18px;font-size:14px}}@media(max-width:768px){.request-detail-page{padding:20px 12px 32px}.back-btn{padding:8px 16px;font-size:13px;margin-bottom:16px}.request-detail-page-header h1{font-size:20px}.request-detail-page-header p{font-size:13px}.request-detail-card{padding:18px;border-radius:12px}.request-detail-header{flex-direction:column;align-items:flex-start;gap:12px}.request-header-main{width:100%}.action-buttons{flex-direction:column;gap:8px}.action-btn{width:100%;padding:12px 16px}.detail-grid{grid-template-columns:1fr;gap:16px}.status-badge{align-self:flex-start}}@media(max-width:480px){.request-detail-page{padding:16px 8px 24px}.back-btn{padding:7px 14px;font-size:12px}.request-detail-page-header h1{font-size:18px}.request-detail-card{padding:16px;border-radius:10px}.action-btn{padding:11px 14px;font-size:14px}.modal-overlay{padding:12px}}@media(max-width:360px){.request-detail-page{padding:12px 8px 20px}.request-detail-page-header h1{font-size:16px}.request-detail-page-header p{font-size:12px}.request-detail-card{padding:14px}.action-btn{padding:10px 12px;font-size:13px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content.response-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:20px;color:#111827;font-weight:600}.close-btn{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px}.form-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.response-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.response-textarea:focus{outline:none;border-color:#8a1452}.modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-cancel{padding:10px 24px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.btn-submit.accept-submit{background:linear-gradient(135deg,#16a34a,#22c55e)}.btn-submit.accept-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #16a34a66}.btn-submit.ask_questions-submit{background:linear-gradient(135deg,#d97706,#f59e0b)}.btn-submit.ask_questions-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #d9770666}.btn-submit.decline-submit{background:linear-gradient(135deg,#dc2626,#ef4444)}.btn-submit.decline-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.professional-page{max-width:1400px;margin:0 auto;padding:2rem}.professional-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.professional-header .header-content h1{font-size:2.5rem;color:#8a1452;margin-bottom:.5rem}.professional-header .header-content p{color:#666;font-size:1.1rem}.professional-page .search-section{display:flex;gap:1rem;margin-bottom:2rem}.professional-page .search-form{flex:1;display:flex;gap:.5rem}.professional-page .search-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.professional-page .search-input:focus{outline:none;border-color:#8a1452}.professional-page .search-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.professional-page .search-btn:hover{background:#6d1041}.professional-page .filter-toggle-btn{background:#fff;border:2px solid #e0e0e0;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.professional-page .filter-toggle-btn:hover{border-color:#8a1452;color:#8a1452}.professional-page .filter-badge{background:#8a1452;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.professional-page .filters-panel{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.professional-page .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.professional-page .filters-header h3{font-size:1.25rem;color:#333}.professional-page .clear-filters-btn{background:none;border:none;color:#8a1452;font-weight:600;cursor:pointer;transition:opacity .3s ease}.professional-page .clear-filters-btn:hover{opacity:.7}.professional-page .filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 2.5rem;align-items:start}.professional-page .filter-group{display:flex;flex-direction:column;gap:.75rem;min-height:fit-content;width:100%}.professional-page .filter-label{font-weight:600;color:#333;font-size:.95rem}.professional-page .filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.professional-page .filter-checkbox input{cursor:pointer;width:18px;height:18px}.professional-page .clear-filter-btn{margin-top:.5rem;padding:.25rem .5rem;font-size:.85rem;background:transparent;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;color:#666}.professional-page .clear-filter-btn:hover{border-color:#8a1452;color:#8a1452}.professionals-section{margin-top:2rem}.professionals-section .results-header{margin-bottom:1.5rem}.professionals-section .results-header h2{font-size:1.5rem;color:#333}.professionals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.professionals-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.professionals-grid{grid-template-columns:1fr}.professional-page .filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.professional-page .filters-grid{grid-template-columns:1fr}.professional-page .search-section{flex-direction:column}}.professional-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:420px}.professional-card:hover{border-color:#8a1452;box-shadow:0 8px 24px #8a145226;transform:translateY(-4px)}.professional-card-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start;min-height:80px}.professional-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #f0e6ed}.professional-avatar img{width:100%;height:100%;object-fit:cover}.professional-page .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.professional-basic-info{flex:1;min-width:0}.professional-basic-info h3{font-size:1.15rem;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.professional-type{color:#8a1452;font-weight:600;margin-bottom:.25rem}.professional-company{color:#666;font-size:.9rem}.professional-location{font-size:.85rem;color:#666;margin-top:.25rem}.professional-card-body{display:flex;flex-direction:column;gap:1rem;flex:1}.professional-stats{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#f8f8f8;border-radius:8px;justify-content:flex-start;min-height:60px;align-items:center}.professional-stats .stat-item{display:flex;flex-direction:column;gap:.25rem}.professional-stats .stat-label{font-size:.8rem;color:#666}.professional-stats .stat-value{font-size:1rem;font-weight:600;color:#333}.professional-stats .stat-value.available{color:#22c55e}.professional-stats .stat-value.rating{display:flex;flex-direction:column;gap:.25rem}.professional-stats .stat-value.rating .stars{color:#f59e0b;font-size:.9rem;letter-spacing:1px}.professional-stats .stat-value.rating .rating-text{font-size:.8rem;color:#666;font-weight:500}.professional-stats .stat-value.rating .no-rating{font-size:.85rem;color:#999;font-style:italic;font-weight:400}.professional-expertise,.professional-services{display:flex;flex-direction:column;gap:.5rem;min-height:50px}.professional-expertise strong,.professional-services strong{font-size:.95rem;color:#8a1452}.professional-page .tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;min-height:32px}.professional-page .tag{background:#f0e6ed;color:#8a1452;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.professional-page .tag.service-tag{background:#fff3cd;color:#856404}.professional-page .tag.more{background:#e0e0e0;color:#666}.professional-pricing{margin-top:.5rem}.professional-page .price-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.95rem}.professional-page .price-badge.free{background:#d4edda;color:#155724}.professional-page .price-badge.paid{background:#fff3cd;color:#856404}.professional-card-footer{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e0e0e0}.professional-page .view-profile-btn{flex:1;background:#8a1452;color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.professional-page .view-profile-btn:hover{background:#6d1041}.professional-page .linkedin-link{background:#0077b5;color:#fff;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease}.professional-page .linkedin-link:hover{background:#006199}.professional-page .loading-state,.professional-page .error-state,.professional-page .empty-state{text-align:center;padding:4rem 2rem}.professional-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.professional-page .retry-btn,.professional-page .clear-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.professional-page .retry-btn:hover,.professional-page .clear-btn:hover{background:#6d1041}.professional-page .radix-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;font-size:.95rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;width:100%;transition:border-color .3s ease;min-height:44px}.professional-page .radix-select-trigger:hover{border-color:#8a1452}.professional-page .radix-select-trigger:focus{outline:none;border-color:#8a1452;box-shadow:0 0 0 3px #8a14521a}.professional-page .radix-select-trigger[disabled]{opacity:.5;cursor:not-allowed}.professional-page .radix-select-icon{color:#666}.professional-page .radix-select-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;overflow:hidden;max-height:300px}.professional-page .radix-select-viewport{padding:.5rem}.professional-page .radix-select-item{padding:.625rem 1rem;cursor:pointer;border-radius:4px;font-size:.95rem;outline:none;transition:background .2s ease}.professional-page .radix-select-item:hover,.professional-page .radix-select-item[data-highlighted]{background:#fdf2f8;color:#8a1452}.professional-page .radix-select-item[data-state=checked]{background:#8a1452;color:#fff}.professional-page .radix-select-scroll-button{display:flex;align-items:center;justify-content:center;height:25px;background:#fff;color:#666;cursor:pointer}.professional-detail-page{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.professional-detail-page .back-button{background:#fff;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;color:#333}.professional-detail-page .back-button:hover{border-color:#8a1452;color:#8a1452;transform:translate(-4px)}.professional-detail-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.professional-detail-header{background:linear-gradient(135deg,#8a1452,#a91d5f);padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#fff;position:relative}.professional-detail-title-section{flex:1;display:flex;align-items:center;gap:1.5rem}.professional-detail-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0003}.professional-detail-avatar img{width:100%;height:100%;object-fit:cover}.professional-detail-page .avatar-placeholder-large{width:100%;height:100%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.professional-detail-title h1{font-size:1.75rem;margin-bottom:.25rem;color:#fff}.detail-profession{font-size:1rem;font-weight:600;margin-bottom:.15rem;opacity:.95}.professional-detail-page .detail-company{font-size:.95rem;opacity:.85;margin-bottom:1rem}.professional-detail-page .header-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.professional-detail-page .action-btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;min-width:170px;text-align:center;white-space:nowrap}.professional-detail-page .action-btn.linkedin{background:#0077b5;color:#fff}.professional-detail-page .action-btn.linkedin:hover{background:#006199;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.professional-detail-page .action-btn.website{background:#fff;color:#8a1452}.professional-detail-page .action-btn.website:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.professional-detail-page .request-connection-btn{padding:.75rem 1.5rem;border-radius:8px;border:2px solid white;background:#fff;color:#8a1452;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0;height:fit-content}.professional-detail-page .request-connection-btn:hover:not(:disabled){background:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.professional-detail-page .request-connection-btn:disabled{opacity:.7;cursor:not-allowed;background:#ffffffe6}.professional-detail-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.professional-detail-page .detail-card{background:#f8f8f8;border-radius:12px;padding:1.5rem;border:1px solid #e0e0e0}.professional-detail-page .detail-card h2{font-size:1.25rem;color:#8a1452;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.professional-detail-page .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.professional-detail-page .info-item{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0}.professional-detail-page .info-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.professional-detail-page .info-value{font-size:1.3rem;font-weight:600;color:#8a1452}.professional-detail-page .info-value.available{color:#22c55e}.professional-detail-page .bio-text{color:#333;line-height:1.8;font-size:1.05rem;background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0}.professional-detail-page .tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.professional-detail-page .tag{background:#fff;color:#8a1452;padding:.625rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;border:2px solid #f0e6ed;transition:all .3s ease}.professional-detail-page .tag:hover{border-color:#8a1452;transform:translateY(-2px);box-shadow:0 4px 8px #8a145226}.professional-detail-page .tag.service-tag{background:#fff3cd;color:#856404;border-color:#ffe0b2}.professional-detail-page .tag.service-tag:hover{border-color:#f57c00}.professional-detail-page .tag.expertise-tag{background:#fdf2f8;color:#8a1452;border-color:#f8bbd9}.professional-detail-page .tag.expertise-tag:hover{border-color:#8a1452}.professional-detail-page .tag.industry-tag{background:#f3e5f5;color:#7b1fa2;border-color:#e1bee7}.professional-detail-page .tag.industry-tag:hover{border-color:#7b1fa2}.professional-detail-page .tag.cert-tag{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}.professional-detail-page .tag.cert-tag:hover{border-color:#2e7d32}.professional-detail-page .tag.mode-tag{background:#fce4ec;color:#c2185b;border-color:#f8bbd9}.professional-detail-page .tag.mode-tag:hover{border-color:#c2185b}.professional-detail-page .pricing-card{background:linear-gradient(135deg,#f8f9fa,#fdf2f8)}.professional-detail-page .pricing-info{margin-bottom:1rem}.professional-detail-page .price-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:1rem}.professional-detail-page .price-badge.large{padding:.75rem 1.5rem;font-size:1.25rem}.professional-detail-page .price-badge.free{background:#d4edda;color:#155724}.professional-detail-page .price-badge.paid{background:#fff3cd;color:#856404}.professional-detail-page .pricing-note{color:#666;font-size:.95rem;margin-top:.5rem}.professional-detail-page .price-details{display:flex;gap:2rem;flex-wrap:wrap}.professional-detail-page .price-item{display:flex;align-items:center;gap:.75rem}.professional-detail-page .price-label{color:#666;font-size:1rem}.professional-detail-page .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.professional-detail-page .modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.professional-detail-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border-radius:16px 16px 0 0}.professional-detail-page .modal-header h2{font-size:1.25rem;margin:0}.professional-detail-page .close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.professional-detail-page .close-btn:hover{background:#ffffff4d}.professional-detail-page .request-form{padding:1.5rem}.professional-detail-page .form-group{margin-bottom:1.25rem}.professional-detail-page .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.professional-detail-page .form-group input,.professional-detail-page .form-group textarea,.professional-detail-page .form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.professional-detail-page .form-group input:focus,.professional-detail-page .form-group textarea:focus,.professional-detail-page .form-group select:focus{outline:none;border-color:#8a1452}.professional-detail-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.professional-detail-page .form-row{grid-template-columns:1fr}}.professional-detail-page .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.professional-detail-page .btn-cancel{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.professional-detail-page .btn-cancel:hover{border-color:#666;color:#666}.professional-detail-page .btn-submit{padding:.75rem 2rem;border:none;background:#8a1452;color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.professional-detail-page .btn-submit:hover:not(:disabled){background:#6d1041;transform:translateY(-2px)}.professional-detail-page .btn-submit:disabled{opacity:.6;cursor:not-allowed}.professional-detail-page .loading-state,.professional-detail-page .error-state{text-align:center;padding:4rem 2rem}.professional-detail-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.professional-detail-page .back-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.professional-detail-page .back-btn:hover{background:#6d1041}@media(max-width:768px){.professional-detail-header{flex-direction:column;text-align:center}.professional-detail-title-section{flex-direction:column}.professional-detail-page .header-actions{justify-content:center}.professional-detail-page .request-connection-btn{width:100%}}.professional-requests-page{max-width:1400px;margin:0 auto;padding:2rem}.professional-requests-page .requests-header{margin-bottom:2rem}.professional-requests-page .requests-header h1{font-size:2rem;color:#8a1452;margin-bottom:.5rem}.professional-requests-page .requests-header p{color:#666;font-size:1rem}.professional-requests-page .view-mode-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0;padding-bottom:0;background:#fff;position:relative;z-index:1}.professional-requests-page .view-mode-tab{background:transparent;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s ease;white-space:nowrap}.professional-requests-page .view-mode-tab:hover{color:#8a1452;background:#8a14520d}.professional-requests-page .view-mode-tab:focus{outline:none;color:#8a1452}.professional-requests-page .view-mode-tab.active{color:#8a1452;border-bottom-color:#8a1452;background:#8a14520d}.professional-requests-page .filter-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.professional-requests-page .filter-tab{background:#fff;border:2px solid #e0e0e0;padding:.625rem 1.25rem;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#666}.professional-requests-page .filter-tab:hover{border-color:#8a1452;color:#8a1452}.professional-requests-page .filter-tab.active{background:#8a1452;border-color:#8a1452;color:#fff}.professional-requests-page .table-controls{margin-bottom:1rem}.professional-requests-page .search-input{width:100%;max-width:400px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .3s ease}.professional-requests-page .search-input:focus{outline:none;border-color:#8a1452}.professional-requests-page .requests-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:1.5rem}.professional-requests-page .requests-table-container{overflow-x:auto}.professional-requests-page .status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.professional-requests-page .status-pending{background:#fff3cd;color:#856404}.professional-requests-page .status-accepted{background:#d4edda;color:#155724}.professional-requests-page .status-in-progress{background:#cce5ff;color:#004085}.professional-requests-page .status-completed{background:#d1fae5;color:#065f46}.professional-requests-page .status-declined{background:#f8d7da;color:#721c24}.professional-requests-page .action-buttons{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center}.professional-requests-page .view-btn{background:#8a1452;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease}.professional-requests-page .view-btn:hover{background:#6d1041}.professional-requests-page .accept-btn{background:#22c55e;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease}.professional-requests-page .accept-btn:hover{background:#16a34a}.professional-requests-page .decline-btn{background:#ef4444;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease}.professional-requests-page .decline-btn:hover{background:#dc2626}.professional-requests-page .in-progress-btn{background:#22c55e;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease;white-space:nowrap}.professional-requests-page .in-progress-btn:hover{background:#16a34a}.professional-requests-page .completed-btn{background:#0d6efd;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease;white-space:nowrap}.professional-requests-page .completed-btn:hover{background:#0b5ed7}.professional-requests-page .rate-btn{background:#f59e0b;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease;white-space:nowrap}.professional-requests-page .rate-btn:hover{background:#d97706}.professional-requests-page .rated-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:.25rem}.professional-requests-page .name-cell{font-weight:500;color:#333}.professional-requests-page .rating-display{display:flex;flex-direction:column;gap:.25rem}.professional-requests-page .rating-display .stars{color:#f59e0b;font-size:.9rem;letter-spacing:1px}.professional-requests-page .rating-display .rating-value{font-size:.8rem;color:#666;font-weight:500}.professional-requests-page .no-rating{color:#999;font-size:.85rem;font-style:italic}.professional-requests-page .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.professional-requests-page .empty-icon{font-size:4rem;margin-bottom:1rem}.professional-requests-page .empty-state h2{font-size:1.5rem;color:#333;margin-bottom:.5rem}.professional-requests-page .empty-state p{color:#666;margin-bottom:1.5rem}.professional-requests-page .browse-professionals-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.professional-requests-page .browse-professionals-btn:hover{background:#6d1041;transform:translateY(-2px)}.professional-requests-page .error-state{text-align:center;padding:3rem 2rem;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}.professional-requests-page .error-state p{color:#dc2626;margin-bottom:1rem}.professional-requests-page .retry-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.professional-requests-page .retry-btn:hover{background:#6d1041}.professional-requests-page .loading-state{text-align:center;padding:4rem 2rem}.professional-requests-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.professional-requests-page .no-data-message{text-align:center;padding:2rem;color:#666}@media(max-width:768px){.professional-requests-page{padding:1rem}.professional-requests-page .view-mode-tabs{flex-direction:column;gap:0}.professional-requests-page .view-mode-tab{border-bottom:1px solid #e0e0e0;margin-bottom:0}.professional-requests-page .filter-tabs{justify-content:center}.professional-requests-page .action-buttons{flex-direction:column}}.professional-requests-page .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.professional-requests-page .modal-content{background:#fff;border-radius:16px;max-width:550px;width:100%;max-height:90vh;overflow-y:auto}.professional-requests-page .modal-content.rating-modal{max-width:600px}.professional-requests-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#8a1452,#a91d5f);border-radius:16px 16px 0 0}.professional-requests-page .modal-header h2{font-size:1.25rem;margin:0;color:#fff}.professional-requests-page .close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.professional-requests-page .close-btn:hover{background:#ffffff4d}.professional-requests-page .modal-body{padding:1.5rem}.professional-requests-page .modal-body .form-group{margin-bottom:1.25rem}.professional-requests-page .modal-body label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.professional-requests-page .modal-body input[type=text],.professional-requests-page .modal-body textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.professional-requests-page .modal-body input[type=text]:focus,.professional-requests-page .modal-body textarea:focus{outline:none;border-color:#8a1452}.professional-requests-page .star-rating{display:flex;gap:.5rem}.professional-requests-page .star-rating .star{font-size:2rem;color:#ddd;cursor:pointer;transition:color .2s ease,transform .2s ease}.professional-requests-page .star-rating .star:hover{transform:scale(1.1)}.professional-requests-page .star-rating .star.active{color:#f59e0b}.professional-requests-page .star-rating.small .star{font-size:1.25rem}.professional-requests-page .rating-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.professional-requests-page .rating-category{display:flex;flex-direction:column;gap:.5rem}.professional-requests-page .rating-category label{font-size:.9rem;margin-bottom:0}.professional-requests-page .checkbox-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.professional-requests-page .checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.professional-requests-page .modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e0e0e0}.professional-requests-page .btn-cancel{background:#fff;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666}.professional-requests-page .btn-cancel:hover{border-color:#8a1452;color:#8a1452}.professional-requests-page .btn-submit{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.professional-requests-page .btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8a14524d}@media(max-width:576px){.professional-requests-page .rating-categories{grid-template-columns:1fr}.professional-requests-page .modal-actions{flex-direction:column}.professional-requests-page .btn-cancel,.professional-requests-page .btn-submit{width:100%;text-align:center}}.professional-request-detail-page{max-width:1000px;margin:0 auto;padding:2rem}.professional-request-detail-page .back-button{background:#fff;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;transition:all .3s ease;color:#333}.professional-request-detail-page .back-button:hover{border-color:#8a1452;color:#8a1452;transform:translate(-4px)}.request-detail-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.request-detail-header{background:linear-gradient(135deg,#8a1452,#a91d5f);padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.request-detail-header .header-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.request-detail-header h1{font-size:1.5rem;color:#fff;margin:0}.professional-request-detail-page .status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.professional-request-detail-page .status-badge.large{padding:.5rem 1.25rem;font-size:1rem}.professional-request-detail-page .status-pending{background:#fff3cd;color:#856404}.professional-request-detail-page .status-accepted{background:#d4edda;color:#155724}.professional-request-detail-page .status-in-progress{background:#cce5ff;color:#004085}.professional-request-detail-page .status-completed{background:#d1fae5;color:#065f46}.professional-request-detail-page .status-declined{background:#f8d7da;color:#721c24}.request-detail-header .header-actions{display:flex;gap:.75rem}.request-detail-header .accept-btn{background:#22c55e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.request-detail-header .accept-btn:hover{background:#16a34a;transform:translateY(-2px)}.request-detail-header .in-progress-btn{background:#0d6efd;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.request-detail-header .in-progress-btn:hover{background:#0b5ed7;transform:translateY(-2px)}.request-detail-header .in-progress-btn:disabled{background:#6c9bd1;cursor:not-allowed;transform:none}.request-detail-header .decline-btn{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.request-detail-header .decline-btn:hover{background:#dc2626;transform:translateY(-2px)}.request-detail-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.professional-request-detail-page .detail-card{background:#f8f8f8;border-radius:12px;padding:1.5rem;border:1px solid #e0e0e0}.professional-request-detail-page .detail-card h2{font-size:1.2rem;color:#8a1452;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.professional-request-detail-page .detail-card h3{font-size:1rem;color:#333;margin-bottom:.5rem;margin-top:0}.professional-request-detail-page .detail-section{margin-bottom:1rem}.professional-request-detail-page .detail-section:last-child{margin-bottom:0}.professional-request-detail-page .detail-section p{color:#555;line-height:1.6}.professional-request-detail-page .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.professional-request-detail-page .info-item{display:flex;flex-direction:column;gap:.25rem}.professional-request-detail-page .info-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.professional-request-detail-page .info-value{font-size:1.1rem;font-weight:500;color:#333}.professional-request-detail-page .info-value.link{color:#8a1452;text-decoration:none}.professional-request-detail-page .info-value.link:hover{text-decoration:underline}.professional-request-detail-page .message-box{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem}.professional-request-detail-page .message-box p{color:#333;line-height:1.7;white-space:pre-wrap;margin:0}.professional-request-detail-page .response-card{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#f8bbd9}.professional-request-detail-page .contact-card{background:linear-gradient(135deg,#d4edda,#e8f5e9);border-color:#c8e6c9}.professional-request-detail-page .contact-note{color:#155724;margin-bottom:1rem;font-weight:500}.professional-request-detail-page .modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.professional-request-detail-page .modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.professional-request-detail-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;color:#fff;border-radius:16px 16px 0 0}.professional-request-detail-page .modal-header.accept{background:linear-gradient(135deg,#22c55e,#16a34a)}.professional-request-detail-page .modal-header.decline{background:linear-gradient(135deg,#ef4444,#dc2626)}.professional-request-detail-page .modal-header h2{font-size:1.25rem;margin:0;color:#fff;border:none;padding:0}.professional-request-detail-page .close-btn{background:#fff3;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.professional-request-detail-page .close-btn:hover{background:#ffffff4d}.professional-request-detail-page .modal-body{padding:1.5rem}.professional-request-detail-page .form-group{margin-bottom:0}.professional-request-detail-page .form-group label{display:block;margin-bottom:.75rem;font-weight:600;color:#333}.professional-request-detail-page .form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;font-family:inherit;resize:vertical}.professional-request-detail-page .form-group textarea:focus{outline:none;border-color:#8a1452}.professional-request-detail-page .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e0e0e0}.professional-request-detail-page .btn-cancel{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.professional-request-detail-page .btn-cancel:hover{border-color:#666;color:#666}.professional-request-detail-page .btn-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.professional-request-detail-page .btn-submit.accept{background:#22c55e}.professional-request-detail-page .btn-submit.accept:hover:not(:disabled){background:#16a34a}.professional-request-detail-page .btn-submit.decline{background:#ef4444}.professional-request-detail-page .btn-submit.decline:hover:not(:disabled){background:#dc2626}.professional-request-detail-page .btn-submit:disabled{opacity:.6;cursor:not-allowed}.professional-request-detail-page .loading-state,.professional-request-detail-page .error-state{text-align:center;padding:4rem 2rem}.professional-request-detail-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.professional-request-detail-page .back-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.professional-request-detail-page .back-btn:hover{background:#6d1041}@media(max-width:768px){.request-detail-header{flex-direction:column;text-align:center}.request-detail-header .header-info{justify-content:center}.request-detail-header .header-actions{width:100%;justify-content:center}}.student-page{max-width:1400px;margin:0 auto;padding:2rem}.student-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.student-header .header-content h1{font-size:2.5rem;color:#8a1452;margin-bottom:.5rem}.student-header .header-content p{color:#666;font-size:1.1rem}.student-page .search-section{display:flex;gap:1rem;margin-bottom:2rem}.student-page .search-form{flex:1;display:flex;gap:.5rem}.student-page .search-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.student-page .search-input:focus{outline:none;border-color:#8a1452}.student-page .search-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.student-page .search-btn:hover{background:#6d1041}.student-page .filter-toggle-btn{background:#fff;border:2px solid #e0e0e0;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.student-page .filter-toggle-btn:hover{border-color:#8a1452;color:#8a1452}.student-page .filter-badge{background:#8a1452;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.student-page .filters-panel{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.student-page .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.student-page .filters-header h3{font-size:1.25rem;color:#333}.student-page .clear-filters-btn{background:none;border:none;color:#8a1452;font-weight:600;cursor:pointer;transition:opacity .3s ease}.student-page .clear-filters-btn:hover{opacity:.7}.student-page .filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 2.5rem;align-items:start}.student-page .filter-group{display:flex;flex-direction:column;gap:.75rem;min-height:fit-content;width:100%}.student-page .filter-label{font-weight:600;color:#333;font-size:.95rem}.student-page .filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.student-page .filter-checkbox input{cursor:pointer;width:18px;height:18px;accent-color:#8a1452}.student-page .clear-filter-btn{margin-top:.5rem;padding:.25rem .5rem;font-size:.85rem;background:transparent;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;color:#666}.student-page .clear-filter-btn:hover{border-color:#8a1452;color:#8a1452}.students-section{margin-top:2rem}.students-section .results-header{margin-bottom:1.5rem}.students-section .results-header h2{font-size:1.5rem;color:#333}.students-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.students-grid{grid-template-columns:repeat(2,1fr)}}.student-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:400px}.student-card:hover{border-color:#8a1452;box-shadow:0 8px 24px #2563eb26;transform:translateY(-4px)}.student-card-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start;min-height:80px}.student-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #f0e6ed}.student-avatar img{width:100%;height:100%;object-fit:cover}.student-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.student-basic-info{flex:1;min-width:0}.student-basic-info h3{font-size:1.15rem;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-education{color:#8a1452;font-weight:600;margin-bottom:.25rem;font-size:.95rem}.student-institution{color:#666;font-size:.9rem;margin-bottom:.25rem}.student-location{font-size:.85rem;color:#666;margin-top:.25rem}.student-card-body{display:flex;flex-direction:column;gap:1rem;flex:1}.student-stats{display:flex;gap:1.5rem;padding:.75rem 1rem;background:#f8f5f7;border-radius:8px;justify-content:flex-start;min-height:60px;align-items:center}.student-stats .stat-item{display:flex;flex-direction:column;gap:.25rem}.student-stats .stat-label{font-size:.8rem;color:#666}.student-stats .stat-value{font-size:.95rem;font-weight:600;color:#333}.student-specialization{font-size:.95rem;color:#333}.student-specialization strong{color:#8a1452}.student-interests{display:flex;flex-direction:column;gap:.5rem;min-height:50px}.student-interests strong{font-size:.95rem;color:#8a1452}.student-interests .tags{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;min-height:32px}.student-interests .tag{background:#f0e6ed;color:#8a1452;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.student-interests .tag.more{background:#e0e0e0;color:#666}.student-bio{font-size:.9rem;color:#666;line-height:1.5}.student-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.student-badges .badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-weight:600;font-size:.85rem}.student-badges .badge.peer-learning{background:#d4edda;color:#155724}.student-card-footer{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e0e0e0}.student-card-footer .view-profile-btn{flex:1;background:#8a1452;color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.student-card-footer .view-profile-btn:hover{background:#6d1041}.student-card-footer .linkedin-link{background:#0077b5;color:#fff;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .3s ease}.student-card-footer .linkedin-link:hover{background:#006199}.student-page .loading-state,.student-page .error-state,.student-page .empty-state{text-align:center;padding:4rem 2rem}.student-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.student-page .retry-btn,.student-page .clear-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:background .3s ease}.student-page .retry-btn:hover,.student-page .clear-btn:hover{background:#6d1041}@media(max-width:768px){.student-page{padding:1rem}.student-header{flex-direction:column;align-items:flex-start}.student-header .header-content h1{font-size:2rem}.student-page .search-section{flex-direction:column}.student-page .filters-grid,.students-grid{grid-template-columns:1fr}.student-card{min-height:auto}}@media(max-width:480px){.student-header .header-content h1{font-size:1.75rem}.student-stats{flex-direction:column;gap:.75rem}.student-card-footer{flex-direction:column}.student-card-footer .linkedin-link{text-align:center}}.student-page .radix-select-trigger{all:unset;display:inline-flex;align-items:center;justify-content:space-between;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;line-height:1;gap:.5rem;background-color:#fff;border:2px solid #e0e0e0;cursor:pointer;width:100%;box-sizing:border-box;transition:all .2s ease}.student-page .radix-select-trigger:hover{border-color:#8a1452}.student-page .radix-select-trigger:focus{border-color:#8a1452;box-shadow:0 0 0 3px #2563eb1a}.student-page .radix-select-trigger[data-placeholder]{color:#999}.student-page .radix-select-icon{color:#666}.student-page .radix-select-content{overflow:hidden;background-color:#fff;border-radius:8px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;z-index:1000}.student-page .radix-select-viewport{padding:.5rem;max-height:300px;overflow-y:auto}.student-page .radix-select-item{font-size:.95rem;line-height:1;color:#333;border-radius:4px;display:flex;align-items:center;padding:.75rem 1rem;position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.student-page .radix-select-item[data-highlighted]{outline:none;background-color:#f0e6ed;color:#8a1452}.student-page .radix-select-scroll-button{display:flex;align-items:center;justify-content:center;height:25px;background-color:#fff;color:#666;cursor:default}.student-detail-page{max-width:1200px;margin:0 auto;padding:2rem}.student-detail-page .back-button{background:none;border:none;color:#8a1452;font-size:1rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .3s ease}.student-detail-page .back-button:hover{opacity:.7}.student-detail-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.student-detail-header{display:flex;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff}.student-detail-avatar{width:140px;height:140px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid rgba(255,255,255,.3)}.student-detail-avatar img{width:100%;height:100%;object-fit:cover}.student-detail-avatar .avatar-placeholder-large{width:100%;height:100%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}.student-detail-title-section{flex:1}.student-detail-title h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.student-detail-title .detail-education{font-size:1.2rem;opacity:.9;margin-bottom:.25rem}.student-detail-title .detail-institution{font-size:1rem;opacity:.8;margin-bottom:.25rem}.student-detail-title .detail-location{font-size:.95rem;opacity:.8;margin-bottom:1rem}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.action-btn{padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.action-btn.linkedin{background:#0077b5;color:#fff}.action-btn.linkedin:hover{background:#006199}.action-btn.github{background:#333;color:#fff}.action-btn.github:hover{background:#222}.action-btn.portfolio{background:#10b981;color:#fff}.action-btn.portfolio:hover{background:#059669}.action-btn.connect{background:#fff;color:#8a1452}.action-btn.connect:hover{background:#f0f4ff}.action-btn.connect:disabled{opacity:.6;cursor:not-allowed}.connection-status{padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.95rem}.connection-status.connected{background:#d4edda;color:#155724}.connection-status.pending{background:#fff3cd;color:#856404}.connection-status.own-profile{background:#e8e8e8;color:#666}.connection-status.declined{background:#f8d7da;color:#721c24}.student-detail-content{padding:2rem 2.5rem}.education-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:#666;font-weight:500}.info-value{font-size:1rem;color:#333;font-weight:600}.bio-text{font-size:1rem;line-height:1.7;color:#444}.tag{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.tag.domain-tag{background:#f0e6ed;color:#8a1452}.tag.engagement-tag{background:#fef3c7;color:#92400e}.tag.comm-tag{background:#d1fae5;color:#065f46}.preferences-list{display:flex;flex-wrap:wrap;gap:1rem}.preference-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.95rem}.preference-item.enabled{background:#d4edda;color:#155724}.preference-item.disabled{background:#f8d7da;color:#721c24}.preference-icon{font-weight:700}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;line-height:1}.modal-close:hover{color:#333}.request-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8a1452}.form-group textarea{resize:vertical;min-height:100px}.btn-cancel{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{border-color:#ccc}.btn-submit{padding:.75rem 1.5rem;background:#8a1452;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.student-detail-page .loading-state,.student-detail-page .error-state{text-align:center;padding:4rem 2rem}.student-detail-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.student-detail-page .back-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem}@media(max-width:768px){.student-detail-page{padding:1rem}.student-detail-header{flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}.student-detail-avatar{width:120px;height:120px}.header-actions{justify-content:center}.student-detail-content{padding:1.5rem}.education-info,.domain-checkboxes{grid-template-columns:1fr}}@media(max-width:480px){.student-detail-title h1{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.action-btn,.connection-status{width:100%;justify-content:center;text-align:center}}.student-requests-page{max-width:1400px;margin:0 auto;padding:2rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{font-size:1.5rem;color:#333;margin-bottom:.5rem}.empty-state p{color:#666;margin-bottom:1.5rem}.student-requests-page .loading-state,.student-requests-page .error-state{text-align:center;padding:4rem 2rem}.student-requests-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.retry-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;color:#333;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0}.modal-body{padding:1.5rem}.modal-body p{margin-bottom:1rem;color:#444}.modal-body .form-group{margin-bottom:0}.modal-body .form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.modal-body .form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;resize:vertical;min-height:80px}.modal-body .form-group textarea:focus{outline:none;border-color:#8a1452}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-submit.decline{background:#dc2626}.btn-submit:hover{opacity:.9}@media(max-width:768px){.student-requests-page{padding:1rem}.requests-header h1{font-size:2rem}.view-mode-tabs{flex-direction:column}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.actions-cell{flex-direction:column}}.founders-page{max-width:1400px;margin:0 auto;padding:2rem}.founders-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.founders-header h1{font-size:2.4rem;color:#8a1452;margin-bottom:.35rem}.founders-header p{color:#666;font-size:1.05rem}.requests-link{background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer}.founders-controls{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000000d}.search-form{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem 1rem;border-radius:8px;border:2px solid #e0e0e0;font-size:1rem}.search-input:focus{outline:none;border-color:#8a1452}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.filter-input,.filter-select{padding:.65rem .9rem;border-radius:8px;border:2px solid #e0e0e0;font-size:.95rem}.filter-input:focus,.filter-select:focus{outline:none;border-color:#8a1452}.primary-btn,.secondary-btn{border:none;border-radius:8px;padding:.7rem 1.4rem;font-weight:600;cursor:pointer}.primary-btn{background:#8a1452;color:#fff}.secondary-btn{background:#f1f1f1;color:#333}.founders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.founder-card{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;gap:1rem}.founder-card-header{display:flex;gap:1rem;align-items:center}.founder-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:60px;height:60px;border-radius:50%;background:#f0e6ed;color:#8a1452;display:flex;align-items:center;justify-content:center;font-weight:700}.founder-basic-info h3{margin:0;font-size:1.2rem}.founder-organization{margin:.25rem 0 .4rem;color:#666;font-size:.95rem}.tier-badge{display:inline-flex;padding:.2rem .65rem;border-radius:999px;background:#f0e6ed;color:#8a1452;font-size:.75rem;font-weight:600;text-transform:capitalize}.founder-bio{color:#444;font-size:.95rem;line-height:1.5}.founder-card-footer{display:flex;justify-content:flex-end}.view-profile-btn{background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer}.results-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.results-header h2{font-size:1.35rem;color:#333}.pagination-controls{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.pagination-info{font-weight:600;color:#555}.loading-state,.error-state,.empty-state{text-align:center;padding:2rem}.founder-detail-page{max-width:1200px;margin:0 auto;padding:2rem}.back-button{background:none;border:none;color:#8a1452;font-weight:600;cursor:pointer;margin-bottom:1.5rem}.founder-detail-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #00000014}.founder-detail-header{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;margin-bottom:2rem}.founder-detail-avatar img,.avatar-placeholder-large{width:90px;height:90px;border-radius:50%;object-fit:cover}.avatar-placeholder-large{background:#f0e6ed;color:#8a1452;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700}.founder-detail-title h1{margin:0;font-size:2rem}.detail-organization{margin-top:.4rem;color:#666}.request-connection-btn{background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer}.request-connection-btn:disabled{background:#d6c3cf;cursor:not-allowed}.founder-detail-content{display:grid;gap:1.5rem}.detail-card{background:#fafafa;border-radius:12px;padding:1.5rem}.detail-card h2{margin-top:0;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.85rem;color:#777}.info-value{font-weight:600;color:#333}.detail-description{color:#444;line-height:1.6}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;padding:1.5rem}.form-group input,.form-group textarea,.form-group select{border:1px solid #ddd;border-radius:8px;padding:.6rem .75rem;font-size:.95rem}.back-btn{background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer}.founder-requests-page{max-width:1400px;margin:0 auto;padding:2rem}.requests-header{margin-bottom:2rem}.requests-header h1{font-size:2.5rem;color:#8a1452;margin-bottom:.5rem}.requests-header p{color:#666;font-size:1.1rem}.view-mode-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.view-mode-tab{padding:.875rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-mode-tab:hover{border-color:#8a1452;color:#8a1452}.view-mode-tab.active{background:#8a1452;border-color:#8a1452;color:#fff}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-tab{padding:.625rem 1.25rem;background:#fff;border:2px solid #e0e0e0;border-radius:20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-tab:hover{border-color:#8a1452;color:#8a1452}.filter-tab.active{background:#f0e6ed;border-color:#8a1452;color:#8a1452}.requests-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.table-controls{padding:1.5rem;border-bottom:1px solid #e5e7eb}.table-controls .search-input{width:100%;max-width:400px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.table-controls .search-input:focus{outline:none;border-color:#8a1452}.requests-table-container{padding:0 1rem 1rem}.name-cell{font-weight:600;color:#333}.connection-type-badge{padding:.375rem .75rem;background:#f0e6ed;color:#8a1452;border-radius:20px;font-size:.85rem;font-weight:500}.message-cell{color:#666;font-size:.9rem}.status-badge{padding:.375rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.status-pending{background:#fff3cd;color:#856404}.status-badge.status-accepted{background:#d4edda;color:#155724}.status-badge.status-declined{background:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:.5rem}.actions-cell .action-btn{padding:.5rem .875rem;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.actions-cell .action-btn.accept{background:#d4edda;color:#155724}.actions-cell .action-btn.accept:hover{background:#c3e6cb}.actions-cell .action-btn.decline{background:#f8d7da;color:#721c24}.actions-cell .action-btn.decline:hover{background:#f5c6cb}.actions-cell .action-btn.view{background:#f0e6ed;color:#8a1452}.actions-cell .action-btn.view:hover{background:#e8d0dd}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.browse-btn{background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;margin-top:1rem}.loading-state,.error-state{text-align:center;padding:2rem}.retry-btn{margin-top:.75rem;background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:520px;width:90%;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{display:grid;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group textarea{border:1px solid #ddd;border-radius:8px;padding:.6rem .75rem;font-size:.95rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel{background:#f1f1f1;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer}.btn-submit{background:#8a1452;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600;cursor:pointer}.btn-submit.decline{background:#c0392b}.peer-groups-page{max-width:1400px;margin:0 auto;padding:2rem}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.groups-header .header-content h1{font-size:2.5rem;color:#8a1452;margin-bottom:.5rem}.groups-header .header-content p{color:#666;font-size:1.1rem}.create-group-btn{background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 12px #7c3aed33}.create-group-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed4d}.peer-groups-page .search-section{margin-bottom:2rem}.peer-groups-page .search-form{display:flex;gap:.5rem;max-width:600px}.peer-groups-page .search-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.peer-groups-page .search-input:focus{outline:none;border-color:#8a1452}.peer-groups-page .search-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.peer-groups-page .search-btn:hover{background:#6d1041}.peer-groups-page .view-mode-tabs{display:flex;gap:1rem;margin-bottom:2rem}.peer-groups-page .view-mode-tab{padding:.875rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.peer-groups-page .view-mode-tab:hover{border-color:#8a1452;color:#8a1452}.peer-groups-page .view-mode-tab.active{background:#8a1452;border-color:#8a1452;color:#fff}.groups-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1200px){.groups-grid{grid-template-columns:repeat(2,1fr)}}.group-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column}.group-card:hover{border-color:#8a1452;box-shadow:0 8px 24px #7c3aed26;transform:translateY(-4px)}.group-card-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.group-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.group-info{flex:1;min-width:0}.group-info h3{font-size:1.15rem;color:#333;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-meta{color:#666;font-size:.9rem}.group-info .group-admin{color:#666;font-size:.9rem;margin-top:2px}.visibility-badge{padding:.375rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.visibility-badge.public{background:#d4edda;color:#155724}.visibility-badge.private{background:#fff3cd;color:#856404}.group-description{color:#666;font-size:.95rem;line-height:1.5;margin-bottom:1rem;flex:1}.group-domains{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.domain-tag{background:#f0e6ed;color:#8a1452;padding:.375rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500}.domain-tag.more{background:#e0e0e0;color:#666}.group-card-footer{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #e0e0e0}.view-btn{flex:1;background:#8a1452;color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.view-btn:hover{background:#6d1041}.join-btn{background:#d4edda;color:#155724;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.join-btn:hover{background:#c3e6cb}.join-btn:disabled{opacity:.6;cursor:not-allowed}.leave-btn{background:#fff3cd;color:#856404;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.leave-btn:hover{background:#ffeeba}.delete-btn{background:#f8d7da;color:#721c24;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.delete-btn:hover{background:#f5c6cb}.chat-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.peer-groups-page .empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.peer-groups-page .empty-icon{font-size:4rem;margin-bottom:1rem}.peer-groups-page .empty-state h2{font-size:1.5rem;color:#333;margin-bottom:.5rem}.peer-groups-page .empty-state p{color:#666;margin-bottom:1.5rem}.browse-btn{background:#8a1452;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s ease}.browse-btn:hover{background:#6d1041}.peer-groups-page .loading-state,.peer-groups-page .error-state{text-align:center;padding:4rem 2rem}.peer-groups-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.peer-groups-page .retry-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem}.peer-groups-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.peer-groups-page .modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.peer-groups-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.peer-groups-page .modal-header h2{font-size:1.25rem;color:#333;margin:0}.peer-groups-page .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0}.create-form{padding:1.5rem}.create-form .form-group{margin-bottom:1.5rem}.create-form .form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.create-form .form-group input[type=text],.create-form .form-group input[type=number],.create-form .form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.create-form .form-group input:focus,.create-form .form-group textarea:focus{outline:none;border-color:#8a1452}.create-form .form-group textarea{resize:vertical;min-height:100px}.domain-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.checkbox-label input{width:18px;height:18px;accent-color:#8a1452}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.radio-group{display:flex;gap:1.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.radio-label input{width:18px;height:18px;accent-color:#8a1452}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-cancel{padding:.75rem 1.5rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-weight:600;cursor:pointer}.btn-submit{padding:.75rem 1.5rem;background:#8a1452;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-submit:hover{background:#6d1041}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.peer-groups-page{padding:1rem}.groups-header{flex-direction:column;align-items:flex-start}.groups-header .header-content h1{font-size:2rem}.create-group-btn{width:100%}.peer-groups-page .view-mode-tabs{flex-direction:column}.groups-grid,.form-row,.domain-checkboxes{grid-template-columns:1fr}}@media(max-width:480px){.groups-header .header-content h1{font-size:1.75rem}.group-card-footer{flex-direction:column}}.peer-group-detail-page{max-width:1200px;margin:0 auto;padding:2rem}.peer-group-detail-page .back-button{background:none;border:none;color:#8a1452;font-size:1rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:2rem;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .3s ease}.peer-group-detail-page .back-button:hover{opacity:.7}.group-detail-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.group-detail-header{display:flex;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff}.group-icon-large{width:120px;height:120px;border-radius:20px;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;flex-shrink:0}.group-detail-info{flex:1}.group-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.group-title-row h1{font-size:2rem;margin:0;color:#fff}.visibility-badge{padding:.375rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.visibility-badge.public,.visibility-badge.private{background:#fff3;color:#fff}.group-stats{font-size:1.1rem;opacity:.9;margin-bottom:.25rem}.group-admin{font-size:1rem;opacity:.95;margin-bottom:.25rem;font-weight:500;color:#fff}.group-created{font-size:.95rem;opacity:.8;margin-bottom:1.5rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none}.action-btn.join{background:#fff;color:#8a1452}.action-btn.join:hover{background:#f8f5f7}.action-btn.join:disabled{opacity:.6;cursor:not-allowed}.action-btn.leave{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5)}.action-btn.leave:hover{background:#ffffff4d}.action-btn.delete{background:#dc2626;color:#fff}.action-btn.delete:hover{background:#b91c1c}.action-btn.chat{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;gap:.5rem}.action-btn.chat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.group-detail-content{padding:2rem 2.5rem}.detail-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section h2{font-size:1.25rem;color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.detail-section h2:before{content:"";width:4px;height:20px;background:#8a1452;border-radius:2px}.description-text{font-size:1rem;line-height:1.7;color:#444}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.domain-tag{background:#f0e6ed;color:#8a1452;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.members-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1000px){.members-grid{grid-template-columns:repeat(2,1fr)}}.member-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fc;border-radius:12px;transition:all .3s ease}.member-card:hover{background:#f0e8ff}.member-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#8a1452,#a91d5f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.member-info{flex:1;min-width:0}.member-info h4{font-size:1rem;color:#333;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-institution{font-size:.85rem;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-badge{display:inline-block;padding:.25rem .5rem;background:#8a1452;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:.25rem}.you-badge{display:inline-block;padding:.25rem .5rem;background:#059669;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:.25rem;margin-left:.25rem}.view-profile-btn{background:#8a1452;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .3s ease;flex-shrink:0}.view-profile-btn:hover{background:#6d1041}.no-members{color:#666;font-style:italic}.peer-group-detail-page .loading-state,.peer-group-detail-page .error-state{text-align:center;padding:4rem 2rem}.peer-group-detail-page .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #8a1452;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.peer-group-detail-page .back-btn{background:#8a1452;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;margin-top:1rem}@media(max-width:768px){.peer-group-detail-page{padding:1rem}.group-detail-header{flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}.group-icon-large{width:100px;height:100px;font-size:2.5rem}.group-title-row{justify-content:center}.group-title-row h1{font-size:1.5rem}.header-actions{justify-content:center}.group-detail-content{padding:1.5rem}.members-grid{grid-template-columns:1fr}}@media(max-width:480px){.member-card{flex-wrap:wrap}.view-profile-btn{width:100%;margin-top:.5rem}}.group-chat-page{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5;max-width:100%;overflow:hidden}.group-chat-page .loading-state,.group-chat-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem;text-align:center}.group-chat-page .spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.group-chat-page .back-btn{padding:.75rem 1.5rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.group-chat-page .back-btn:hover{background:#4338ca}.group-chat-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 2px 8px #00000026}.group-chat-header .back-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s}.group-chat-header .back-btn:hover{background:#fff3}.group-chat-header .group-info{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.group-chat-header .group-avatar{width:45px;height:45px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.group-chat-header .group-details h2{margin:0;font-size:1.1rem;font-weight:600}.group-chat-header .member-count{margin:0;font-size:.85rem;opacity:.9}.group-chat-header .my-role{text-transform:capitalize}.group-chat-header .members-toggle{background:#fff3;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s}.group-chat-header .members-toggle:hover{background:#ffffff4d}.members-panel{background:#fff;border-bottom:1px solid #e5e7eb;max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.members-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;position:sticky;top:0}.members-panel-header h3{margin:0;font-size:.95rem;color:#374151}.members-panel-header button{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.25rem}.members-list{padding:.5rem}.member-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:8px;transition:background .2s}.member-item:hover{background:#f3f4f6}.member-item .member-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.member-item .member-info{flex:1;display:flex;flex-direction:column}.member-item .member-name{font-weight:500;color:#1f2937;font-size:.95rem}.member-item .member-role{font-size:.75rem;color:#6b7280;text-transform:capitalize}.member-item .member-role.admin{color:#7c3aed;font-weight:500}.member-item .member-role.moderator{color:#059669}.member-item .muted-badge{font-size:.9rem}.member-item.clickable:hover{background:#e0e7ff}.member-item .you-badge{background:#9e1f63;color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:500}.group-chat-page .messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.group-chat-page .no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:.95rem}.group-chat-page .message-date-group{display:flex;flex-direction:column;gap:.5rem}.group-chat-page .date-separator{display:flex;align-items:center;justify-content:center;margin:1rem 0}.group-chat-page .date-separator span{background:#e5e7eb;color:#6b7280;font-size:.75rem;padding:.25rem .75rem;border-radius:12px}.group-chat-page .message{display:flex;flex-direction:column;margin-bottom:16px;position:relative;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group-chat-page .message.outbound{align-items:flex-end}.group-chat-page .message.inbound{align-items:flex-start}.group-chat-page .message-sender{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.group-chat-page .message-content{max-width:75%;min-width:40px;width:fit-content;padding:.5rem .875rem;border-radius:18px;font-size:.95rem;line-height:1.4;word-wrap:break-word;word-break:normal;overflow-wrap:break-word;white-space:normal}.group-chat-page .message.outbound .message-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-bottom-right-radius:4px}.group-chat-page .message.inbound .message-content{background:#fff;color:#1f2937;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.group-chat-page .message-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.25rem}.group-chat-page .message-time{font-size:.7rem;opacity:.7}.group-chat-page .message.outbound .message-time{color:#fffc}.group-chat-page .message-tick{font-size:.7rem;opacity:.8}.group-chat-page .message-input-container{padding:.75rem 1rem;background:#fff;border-top:1px solid #e5e7eb}.group-chat-page .message-input-wrapper{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;border-radius:24px;padding:.25rem .5rem .25rem 1rem}.group-chat-page .message-input{flex:1;border:none;background:transparent;font-size:1rem;padding:.75rem 0;outline:none}.group-chat-page .message-input::placeholder{color:#9ca3af}.group-chat-page .send-btn{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.group-chat-page .send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #4f46e566}.group-chat-page .send-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.group-chat-page .message-content{max-width:85%}.group-chat-header{padding:.75rem}.group-chat-header .group-details h2{font-size:1rem}}.privacy-container{min-height:100vh;background:linear-gradient(135deg,#9e1f63,#8e1b59 60%,#fdf2f8);padding:40px 20px}.privacy-card{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.privacy-header{background:linear-gradient(160deg,#9e1f63,#8e1b59);color:#fff;padding:40px;text-align:center;position:relative}.back-to-home{position:absolute;top:20px;left:20px;color:#fff;text-decoration:none;font-size:14px;padding:8px 16px;border-radius:6px;transition:background .3s ease}.back-to-home:hover{background:#ffffff1a}.privacy-logo{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover;border:3px solid white}.privacy-header h1{font-size:36px;margin:0 0 10px;font-weight:700}.last-updated{font-size:14px;opacity:.9;margin:0}.privacy-content{padding:40px;color:#333}.privacy-content section{margin-bottom:32px}.privacy-content h2{color:#9e1f63;font-size:24px;margin-bottom:16px;font-weight:600}.privacy-content p{line-height:1.8;margin-bottom:12px;font-size:15px}.privacy-content ul{margin:16px 0;padding-left:24px}.privacy-content li{margin-bottom:12px;line-height:1.6;font-size:15px}.privacy-content strong{color:#9e1f63;font-weight:600}.privacy-footer{background:#f5f5f5;padding:24px 40px;text-align:center;border-top:1px solid #e0e0e0}.back-link,.terms-link{color:#9e1f63;text-decoration:none;font-weight:600;transition:color .3s ease}.back-link:hover,.terms-link:hover{color:#8e1b59}.divider{margin:0 16px;color:#999}@media(max-width:768px){.privacy-container{padding:20px 10px}.privacy-header{padding:30px 20px}.back-to-home{position:static;display:inline-block;margin-bottom:20px}.privacy-logo{width:60px;height:60px}.privacy-header h1{font-size:28px}.privacy-content{padding:24px 20px}.privacy-content h2{font-size:20px}.privacy-content p,.privacy-content li{font-size:14px}.privacy-footer{padding:20px}}@media(max-width:480px){.privacy-header h1{font-size:24px}.privacy-content{padding:20px 16px}.privacy-content h2{font-size:18px}.divider{display:block;margin:8px 0;opacity:0}.terms-link{display:block;margin-top:8px}}.deletion-container{min-height:100vh;background:linear-gradient(135deg,#9e1f63,#fdf2f8);display:flex;justify-content:center;padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.deletion-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:900px;width:100%;overflow:hidden}.deletion-header{background:linear-gradient(135deg,#9e1f63,#c2185b);color:#fff;padding:40px;text-align:center;position:relative}.deletion-header .back-to-home{position:absolute;top:20px;left:20px;color:#fff;text-decoration:none;font-size:14px;padding:8px 16px;border-radius:6px;transition:background .3s ease}.deletion-header .back-to-home:hover{background:#ffffff1a}.deletion-logo{width:80px;height:80px;border-radius:50%;margin-bottom:20px;object-fit:cover;border:3px solid white}.deletion-header h1{font-size:36px;margin:0 0 10px;font-weight:700}.deletion-header .subtitle{font-size:14px;opacity:.9;margin:0}.deletion-content{padding:40px;color:#333}.deletion-content section{margin-bottom:32px}.deletion-content h2{color:#9e1f63;font-size:24px;margin-bottom:16px;font-weight:600}.deletion-content p{line-height:1.8;margin-bottom:12px;font-size:15px}.deletion-content strong{color:#9e1f63;font-weight:600}.deletion-content ul{margin:16px 0;padding-left:24px}.deletion-content li{margin-bottom:12px;line-height:1.6;font-size:15px}.warning-box{display:flex;align-items:flex-start;gap:12px;background:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:16px;margin-bottom:32px}.warning-icon{font-size:22px;line-height:1;flex-shrink:0}.warning-box p{margin:0;color:#b71c1c;font-size:14px;line-height:1.6}.deletion-form{margin-top:8px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.form-group input{width:100%;border:1px solid #ddd;border-radius:8px;padding:12px 14px;font-size:14px;color:#333;background:#fff;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#9e1f63;box-shadow:0 0 0 3px #9e1f631a}.form-group input::placeholder{color:#999}.submit-btn{width:auto;display:inline-block;background:#9e1f63;color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease,opacity .3s ease;margin-top:8px}.submit-btn:hover{background:#8e1b59}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-container{text-align:center;padding:60px 20px}.success-icon{font-size:72px;color:#4caf50;margin-bottom:20px}.success-container h2{color:#333;font-size:28px;margin-bottom:16px}.success-container p{color:#666;font-size:15px;line-height:1.8;max-width:500px;margin:0 auto 16px}.done-btn{display:inline-block;background:#9e1f63;color:#fff;text-decoration:none;border-radius:8px;padding:14px 40px;font-size:16px;font-weight:600;margin-top:24px;transition:background .3s ease}.done-btn:hover{background:#8e1b59}.deletion-footer{background:#f5f5f5;padding:24px 40px;text-align:center;border-top:1px solid #e0e0e0}.deletion-footer .back-link,.deletion-footer .privacy-link{color:#9e1f63;text-decoration:none;font-weight:600;transition:color .3s ease}.deletion-footer .back-link:hover,.deletion-footer .privacy-link:hover{color:#8e1b59}.deletion-footer .divider{margin:0 16px;color:#999}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.deletion-container{padding:20px 10px}.deletion-header{padding:30px 20px}.deletion-header .back-to-home{position:static;display:inline-block;margin-bottom:20px}.deletion-logo{width:60px;height:60px}.deletion-header h1{font-size:28px}.deletion-content{padding:24px 20px}.deletion-content h2{font-size:20px}.deletion-content p,.deletion-content li{font-size:14px}.deletion-footer{padding:20px}}@media(max-width:480px){.deletion-header h1{font-size:24px}.deletion-content{padding:20px 16px}.deletion-content h2{font-size:18px}.deletion-footer .divider{display:block;margin:8px 0;opacity:0}.deletion-footer .privacy-link{display:block;margin-top:8px}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;overflow-x:hidden}.page-title{margin:0 0 30px;font-size:28px;color:#333;font-weight:700}@media(max-width:768px){body{font-size:14px}.page-title{font-size:20px;margin:0 0 20px}}@media(max-width:480px){.page-title{font-size:18px}}