:root{--primary: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary: #475569;--accent: #0ea5e9;--dark: #0f172a;--light: #f8fafc;--white: #ffffff;--gray-light: #e2e8f0;--success: #10b981;--gradient: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%)}.about-page{font-family:Inter,-apple-system,sans-serif;line-height:1.6;color:var(--dark);background:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,var(--dark) 0%,#1e293b 100%);color:var(--white);padding:100px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(14,165,233,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);color:var(--white);padding:10px 24px;border-radius:50px;font-size:.95rem;font-weight:500;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.hero h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:20px}.hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;color:#ffffffe6;max-width:700px;margin:0 auto 40px;line-height:1.8}.hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:50px}.stat-number{font-size:2.5rem;font-weight:700;color:var(--accent);display:block;margin-bottom:5px}.stat-label{color:#fffc;font-size:.9rem;font-weight:500}.section{padding:80px 0}.section.light{background:var(--light)}.section-header{text-align:center;margin-bottom:60px}.section-tag{display:inline-block;color:var(--primary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:var(--dark)}.section-subtitle{font-size:1.1rem;color:var(--secondary);max-width:600px;margin:0 auto;line-height:1.7}.mission-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.mission-text{font-size:1.1rem;line-height:1.8;color:var(--secondary)}.mission-text p{margin-bottom:20px}.mission-visual{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:16px;padding:40px;color:var(--white);height:100%;display:flex;flex-direction:column;justify-content:center}.mission-visual h3{font-size:1.8rem;margin-bottom:20px;color:var(--white)}.mission-visual p{opacity:.9;line-height:1.7}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.ecosystem-card{background:var(--white);padding:40px 30px;border-radius:12px;text-align:center;box-shadow:0 5px 20px #0000000d;transition:all .3s ease;border:1px solid var(--gray-light)}.ecosystem-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0ea5e91a;border-color:var(--accent)}.card-icon{width:70px;height:70px;background:linear-gradient(135deg,rgba(37,99,235,.1) 0%,rgba(14,165,233,.1) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--primary)}.ecosystem-card h4{font-size:1.3rem;margin-bottom:15px;color:var(--dark)}.ecosystem-card p{color:var(--secondary);line-height:1.7;font-size:.95rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.user-card{background:var(--white);padding:25px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.user-card:hover{transform:translateY(-5px)}.user-icon{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.user-info h4{font-size:1.1rem;margin-bottom:5px;color:var(--dark)}.user-info p{color:var(--secondary);font-size:.9rem;line-height:1.5}.features-list{max-width:800px;margin:40px auto 0}.feature-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--white);border-radius:12px;margin-bottom:20px;border-left:4px solid var(--primary);box-shadow:0 5px 15px #0000000d}.feature-icon{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.feature-content h4{font-size:1.2rem;margin-bottom:10px;color:var(--dark)}.feature-content p{color:var(--secondary);line-height:1.7}.cta-section{background:var(--gradient);color:var(--white);padding:80px 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%)}.cta-content{position:relative;z-index:2;max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-description{font-size:1.1rem;opacity:.9;margin-bottom:40px;line-height:1.7}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:2px solid transparent;cursor:pointer}.btn-primary{background:var(--white);color:var(--primary)}.btn-primary:hover{background:var(--light);transform:translateY(-3px);box-shadow:0 10px 30px #fff3}.btn-secondary{background:transparent;color:var(--white);border-color:var(--white)}.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}@media (max-width: 992px){.mission-content{grid-template-columns:1fr;gap:40px}.hero h1{font-size:2.5rem}.section-title,.cta-title{font-size:2rem}}@media (max-width: 768px){.hero{padding:80px 0 60px}.hero-stats{gap:30px}.stat-number{font-size:2rem}.section{padding:60px 0}.ecosystem-grid,.users-grid{grid-template-columns:1fr}.feature-item{flex-direction:column;text-align:center;padding:20px}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.hero h1{font-size:2rem}.hero-description{font-size:1rem}.section-title,.cta-title{font-size:1.8rem}.mission-visual{padding:30px 20px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:linear-gradient(135deg,#EEF3CE 0%,#E8EFC8 100%)}.admin-login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(82,67,147,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(189,211,55,.06) 0%,transparent 50%);pointer-events:none}.admin-login-container{position:relative;z-index:1;width:100%;max-width:480px}.admin-login-card{background:#EEF3CE;border-radius:24px;padding:3rem 2.5rem;box-shadow:12px 12px 24px #1b15281f,-12px -12px 24px #ffffffe6;transition:all .3s ease}.admin-login-card:hover{box-shadow:16px 16px 32px #1b152826,-16px -16px 32px #fffffff2}.admin-login-header{text-align:center;margin-bottom:2.5rem}.admin-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#EEF3CE;box-shadow:8px 8px 16px #1b15281a,-8px -8px 16px #ffffffe6;transition:all .3s ease}.admin-icon:hover{box-shadow:4px 4px 8px #1b152814,-4px -4px 8px #ffffffd9}.admin-login-header h1{font-size:2rem;font-weight:700;color:#524393;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.admin-login-header p{font-size:.95rem;color:#6b7280;margin:0}.admin-error-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;background:#EEF3CE;border-radius:12px;color:#ef4444;font-size:.9rem;box-shadow:inset 3px 3px 6px #1b152814,inset -3px -3px 6px #fffc;animation:slideDown .3s ease}.admin-error-alert svg{flex-shrink:0}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.9rem;font-weight:600;color:#1b1528;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.input-wrapper{position:relative;background:#EEF3CE;border-radius:12px;box-shadow:inset 4px 4px 8px #1b152814,inset -4px -4px 8px #fffc;transition:all .3s ease}.input-wrapper:focus-within{box-shadow:inset 6px 6px 12px #1b15281a,inset -6px -6px 12px #ffffffe6}.input-wrapper input,.input-wrapper select{width:100%;padding:.875rem 1rem;background:transparent;border:none;outline:none;font-size:.95rem;color:#1b1528;font-family:inherit}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.password-wrapper{display:flex;align-items:center}.password-wrapper input{flex:1;padding-right:3rem}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:.5rem;cursor:pointer;color:#6b7280;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.toggle-password:hover{color:#524393}.checkbox-field{margin:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:20px;height:20px;flex-shrink:0;border-radius:6px;background:#EEF3CE;box-shadow:inset 3px 3px 6px #1b152814,inset -3px -3px 6px #fffc;transition:all .3s ease;position:relative}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#524393;box-shadow:3px 3px 6px #1b15281f,-3px -3px 6px #ffffff80}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text{font-size:.9rem;color:#4b5563}.admin-submit-btn{width:100%;padding:1rem 1.5rem;margin-top:.5rem;background:#524393;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;box-shadow:6px 6px 12px #1b152826,-6px -6px 12px #ffffff80}.admin-submit-btn:hover:not(:disabled){background:#6b5bb3;box-shadow:8px 8px 16px #1b152833,-8px -8px 16px #fff9;transform:translateY(-2px)}.admin-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:4px 4px 8px #1b15281f,-4px -4px 8px #fff6}.admin-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.admin-login-footer{margin-top:2rem;text-align:center}.footer-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:#524393;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:8px}.footer-link:hover{background:rgba(82,67,147,.05);text-decoration:none}.security-notice{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem 1rem;font-size:.85rem;color:#6b7280;background:rgba(255,255,255,.5);border-radius:12px;box-shadow:4px 4px 8px #1b152814,-4px -4px 8px #fff9}.security-notice svg{flex-shrink:0;color:#524393}@media (max-width: 640px){.admin-login-page{padding:1rem}.admin-login-card{padding:2rem 1.5rem}.admin-login-header h1{font-size:1.75rem}.admin-icon{width:64px;height:64px}.admin-icon svg{width:36px;height:36px}}*:focus-visible{outline:2px solid #524393;outline-offset:2px}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:600;margin-top:1rem;transition:all var(--transition)}.back-link:hover{color:var(--primary-color);gap:.75rem}.success-container{text-align:center;padding:2rem 0;animation:slideUp .6s ease-out}.success-icon{width:96px;height:96px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--success-color),#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:successPulse 1.5s ease-in-out infinite}@keyframes successPulse{0%,to{transform:scale(1);box-shadow:0 0 #059669b3}50%{transform:scale(1.05);box-shadow:0 0 0 20px #05966900}}.success-container h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.success-container p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.success-container .btn{margin:0 auto}.my-articles-page{max-width:1200px;margin:2rem auto;padding:0 2rem}.my-articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:1rem}.my-articles-header>div:first-child{flex:1;min-width:250px}.my-articles-header h1{font-size:2rem;margin:0 0 .5rem;color:var(--text-primary)}.my-articles-header p{color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.articles-filters{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid var(--border-color);background:white;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s;position:relative}.filter-btn:hover{border-color:var(--primary-color);background:#f8f9ff}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:rgba(82,67,147,.15);color:var(--primary-color);border-radius:10px;font-size:.75rem;font-weight:700;margin-left:.25rem}.filter-btn.active .count-badge{background:rgba(255,255,255,.25);color:#fff}.filter-btn .count-badge.warning{background:rgba(245,158,11,.15);color:#d97706}.filter-btn.active .count-badge.warning{background:rgba(255,255,255,.25);color:#fff}.filter-btn .count-badge.success{background:rgba(16,185,129,.15);color:#059669}.filter-btn.active .count-badge.success{background:rgba(255,255,255,.25);color:#fff}.filter-btn .count-badge.error{background:rgba(220,38,38,.15);color:#dc2626}.filter-btn.active .count-badge.error{background:rgba(255,255,255,.25);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.spinner{animation:spin 1s linear infinite;color:var(--primary-color)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state svg{color:var(--muted-color);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:1rem 0 .5rem;color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin-bottom:2rem}.articles-list{display:flex;flex-direction:column;gap:1.5rem}.article-card{background:white;border:2px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s}.article-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.article-header h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--text-primary)}.article-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.plagiarism-high{color:var(--danger-color);font-weight:600}.plagiarism-ok{color:#10b981;font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.needs-modification{background:#fef3c7;color:#92400e}.status-badge.pending{background:#dbeafe;color:#1e40af}.status-badge.draft{background:#f3f4f6;color:#374151}.article-alert{display:flex;gap:1rem;padding:1rem;margin:1rem 0;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px}.article-alert svg{flex-shrink:0;color:#d97706}.article-alert strong{display:block;margin-bottom:.5rem;color:#92400e}.article-alert p{margin:0 0 1rem;color:#78350f}.rejected-alert{background:#fee2e2;border-left-color:#ef4444}.rejected-alert svg{color:#dc2626}.rejected-alert strong{color:#991b1b}.rejected-alert p{color:#7f1d1d}.article-excerpt{color:var(--text-secondary);margin:1rem 0;line-height:1.6}.article-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary,.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #5243934d}.btn-secondary{background:white;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-danger{background:white;color:var(--danger-color);border:2px solid var(--danger-color)}.btn-danger:hover{background:var(--danger-color);color:#fff}@media (max-width: 768px){.my-articles-page{padding:0 1rem}.my-articles-header{flex-direction:column;align-items:stretch;gap:1.5rem}.my-articles-header>div:first-child{min-width:100%}.header-actions{flex-direction:row;justify-content:stretch;width:100%}.header-actions button{flex:1;justify-content:center}.articles-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.filter-btn{white-space:nowrap}.article-header{flex-direction:column;gap:1rem}.article-actions{flex-direction:column}.article-actions button{width:100%;justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}.user-dashboard{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.8;transform:translateY(-50%) scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;width:48px;height:48px;background:white;border:none;border-radius:12px;box-shadow:0 4px 15px #00000026;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;transition:all .3s ease}.mobile-menu-toggle:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}.mobile-menu-toggle span{width:24px;height:3px;background:#667eea;border-radius:3px;transition:all .3s ease}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadeIn .3s ease}.dashboard-sidebar{width:280px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:4px 0 30px #0000001f;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(102,126,234,.08);overflow-y:auto}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(102,126,234,.1);background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.user-avatar-section{display:flex;align-items:center;gap:1rem}.user-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #667eea;box-shadow:0 4px 15px #667eea59;transition:all .3s ease}.user-avatar:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea80}.user-avatar-placeholder{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #667eea59;transition:all .3s ease;text-transform:uppercase}.user-avatar-placeholder:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 20px #667eea80}.user-info{flex:1;min-width:0}.user-name{font-size:1rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.875rem;color:#667eea;text-transform:capitalize;font-weight:600;letter-spacing:.3px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(102,126,234,.05)}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;width:100%;border:none;background:transparent;color:#666;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:left;font-family:inherit}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 4px 4px 0}.nav-item:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);opacity:0;transition:opacity .3s ease}.nav-item:hover{background:rgba(102,126,234,.08);color:#667eea;transform:translate(6px)}.nav-item:hover:after{opacity:1}.nav-item:hover:before{transform:scaleY(1)}.nav-item.active{background:linear-gradient(90deg,rgba(102,126,234,.15),rgba(118,75,162,.1));color:#667eea;font-weight:600}.nav-item.active:before{transform:scaleY(1)}.nav-item:first-child{background:linear-gradient(90deg,rgba(102,126,234,.1),rgba(118,75,162,.08));border-bottom:1px solid rgba(102,126,234,.15);margin-bottom:.5rem;font-weight:600;color:#667eea}.nav-item:first-child:hover{background:linear-gradient(90deg,rgba(102,126,234,.2),rgba(118,75,162,.15))}.nav-badge{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:linear-gradient(135deg,#EF4444,#DC2626);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:50px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(102,126,234,.1);background:rgba(102,126,234,.03)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;width:100%;border:2px solid #e74c3c;background:transparent;color:#e74c3c;font-size:.9375rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden}.logout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#e74c3c;transform:translate(-50%,-50%);transition:width .6s,height .6s}.logout-btn:hover:before{width:300px;height:300px}.logout-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.logout-btn span,.logout-btn svg{position:relative;z-index:1}.dashboard-main{flex:1;margin-left:280px;padding:2rem;overflow-y:auto;min-height:100vh}.dashboard-content{max-width:1400px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-text{font-size:1.125rem;color:#fff;font-weight:600}.welcome-section{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 10px 40px #0000001f;display:flex;justify-content:space-between;align-items:center;gap:2rem;animation:slideDown .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.welcome-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05),transparent 70%);animation:rotate 20s linear infinite}.welcome-content{position:relative;z-index:1}.welcome-title{font-size:2.25rem;font-weight:800;color:#1a1a1a;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;line-height:1.2}.welcome-subtitle{font-size:1.05rem;color:#666;margin:0;font-weight:500;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.real-time-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.75rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.pulse-dot{width:8px;height:8px;background:white;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.last-update{font-size:.75rem;color:#999;font-weight:400;font-style:italic}.quick-action-btn.refresh{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none}.quick-action-btn.refresh:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #8b5cf666}.quick-actions{display:flex;gap:1rem;position:relative;z-index:1;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.75rem;border:none;border-radius:14px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-family:inherit;position:relative;overflow:hidden}.quick-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.quick-action-btn:active:before{width:300px;height:300px}.quick-action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea66}.quick-action-btn.primary:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea80}.quick-action-btn.secondary{background:rgba(102,126,234,.1);color:#667eea;border:2px solid #667eea}.quick-action-btn.secondary:hover{background:#667eea;color:#fff;transform:translateY(-4px);box-shadow:0 8px 25px #667eea59}.quick-action-btn.tertiary{background:white;color:#667eea;border:2px solid rgba(102,126,234,.2)}.quick-action-btn.tertiary:hover{background:rgba(102,126,234,.05);border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 25px #667eea33}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.75rem;box-shadow:0 6px 25px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;border:1px solid rgba(255,255,255,.5)}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:nth-child(6){animation-delay:.6s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--stat-color),var(--stat-color-light));transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 15px 50px #0000002e}.stat-card:hover:before{transform:scaleX(1)}.stat-card-blue{--stat-color: #3498db;--stat-color-light: #5dade2}.stat-card-green{--stat-color: #2ecc71;--stat-color-light: #58d68d}.stat-card-purple{--stat-color: #9b59b6;--stat-color-light: #bb8fce}.stat-card-orange{--stat-color: #e67e22;--stat-color-light: #f39c12}.stat-card-pink{--stat-color: #e91e63;--stat-color-light: #f06292}.stat-card-yellow{--stat-color: #f1c40f;--stat-color-light: #f4d03f}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.stat-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000026;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px #00000040}.stat-icon-blue{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.stat-icon-green{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.stat-icon-purple{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.stat-icon-orange{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.stat-icon-pink{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff}.stat-icon-yellow{background:linear-gradient(135deg,#f1c40f,#f39c12);color:#fff}.stat-change{font-size:.875rem;font-weight:700;padding:.375rem .875rem;border-radius:50px}.stat-change-positive{background:rgba(46,204,113,.15);color:#27ae60}.stat-value{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin:0 0 .5rem;line-height:1;letter-spacing:-1px}.stat-label{font-size:.9375rem;color:#666;margin:0;font-weight:600}.dashboard-content-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem}.activity-feed,.progress-section{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;box-shadow:0 6px 25px #0000001a;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .7s;animation-fill-mode:both;border:1px solid rgba(255,255,255,.5)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.1)}.section-title{font-size:1.375rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.3px}.view-all-btn{padding:.625rem 1.25rem;border:2px solid rgba(102,126,234,.3);background:transparent;color:#667eea;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.view-all-btn:hover{background:rgba(102,126,234,.1);border-color:#667eea;transform:translateY(-2px)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border-radius:14px;background:rgba(102,126,234,.04);border:2px solid rgba(102,126,234,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.activity-item:hover{background:rgba(102,126,234,.08);border-color:#667eea40;transform:translate(10px);box-shadow:0 4px 15px #667eea26}.activity-item:hover:before{transform:scaleY(1)}.activity-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.activity-item:hover .activity-icon{transform:scale(1.1) rotate(5deg)}.activity-icon-success{background:rgba(46,204,113,.15);color:#27ae60}.activity-icon-pending{background:rgba(241,196,15,.15);color:#f39c12}.activity-icon-info{background:rgba(52,152,219,.15);color:#3498db}.activity-content{flex:1}.activity-title{font-size:.9375rem;font-weight:600;color:#1a1a1a;margin:0 0 .375rem;line-height:1.4}.activity-date{font-size:.8125rem;color:#999;font-weight:500}.progress-cards{display:flex;flex-direction:column;gap:1.5rem}.progress-card{padding:1.5rem;border-radius:14px;background:rgba(102,126,234,.04);border:2px solid rgba(102,126,234,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.progress-card:hover{background:rgba(102,126,234,.08);transform:translate(10px);border-color:#667eea40;box-shadow:0 4px 15px #667eea26}.progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#667eea;font-weight:700;font-size:.9375rem}.progress-bar{height:10px;background:rgba(102,126,234,.15);border-radius:10px;overflow:hidden;margin-bottom:.75rem;position:relative}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-text{font-size:.875rem;color:#666;font-weight:600}.role-upgrade-section{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;box-shadow:0 10px 40px #0000001f;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.5)}.role-upgrade-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(102,126,234,.1)}.role-upgrade-icon{width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px #667eea66;flex-shrink:0;transition:all .3s ease}.role-upgrade-icon:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 15px 40px #667eea80}.role-upgrade-title{font-size:2.25rem;font-weight:800;color:#1a1a1a;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.role-upgrade-subtitle{font-size:1.05rem;color:#666;margin:0;line-height:1.6;font-weight:500}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.role-card{position:relative;background:white;border:3px solid #e0e0e0;border-radius:20px;padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.role-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.role-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,currentColor,transparent 70%);opacity:0;transition:opacity .3s ease}.role-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0000002e;border-color:currentColor}.role-card:hover:before{opacity:.3}.role-card:hover:after{opacity:.03}.role-card-blue{color:#3b82f6}.role-card-blue.selected{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(147,197,253,.1));border-color:#3b82f6;box-shadow:0 10px 35px #3b82f64d;transform:scale(1.05)}.role-card-green{color:#10b981}.role-card-green.selected{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(110,231,183,.1));border-color:#10b981;box-shadow:0 10px 35px #10b9814d;transform:scale(1.05)}.role-card-purple{color:#8b5cf6}.role-card-purple.selected{background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(196,181,253,.1));border-color:#8b5cf6;box-shadow:0 10px 35px #8b5cf64d;transform:scale(1.05)}.role-card-icon{width:90px;height:90px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.role-icon-blue{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(147,197,253,.15));color:#3b82f6}.role-icon-green{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(110,231,183,.15));color:#10b981}.role-icon-purple{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(196,181,253,.15));color:#8b5cf6}.role-card:hover .role-card-icon{transform:scale(1.15) rotate(5deg)}.role-card.selected .role-card-icon{transform:scale(1.2);box-shadow:0 8px 25px #00000026}.role-card-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 .75rem;position:relative;z-index:1}.role-card-description{font-size:.9375rem;color:#666;line-height:1.6;margin:0;position:relative;z-index:1;font-weight:500}.role-selected-badge{position:absolute;top:1.25rem;right:1.25rem;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:currentColor;color:#fff;border-radius:50px;font-size:.8125rem;font-weight:700;animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #0003;z-index:2}.role-upgrade-footer{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:2rem;border-top:2px solid rgba(102,126,234,.1)}.role-request-reason{margin:2rem 0;padding:2rem;background:rgba(102,126,234,.05);border-radius:16px;border:2px solid rgba(102,126,234,.1);animation:slideDown .3s ease-out}.reason-label{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem}.reason-label .required{color:#ef4444;margin-left:.25rem}.reason-textarea{width:100%;padding:1rem;font-size:.95rem;font-family:inherit;line-height:1.6;border:2px solid rgba(102,126,234,.2);border-radius:12px;background:white;color:#333;resize:vertical;transition:all .3s ease;outline:none}.reason-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.reason-textarea::placeholder{color:#999}.character-count{margin-top:.5rem;font-size:.875rem;color:#666;text-align:right}.role-upgrade-note{font-size:.9375rem;color:#666;margin:0;text-align:center;font-style:italic;font-weight:500}.role-upgrade-submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 3.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:50px;font-size:1.05rem;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #667eea66;text-transform:uppercase;font-family:inherit;position:relative;overflow:hidden}.role-upgrade-submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.role-upgrade-submit-btn:hover:not(:disabled):before{width:300px;height:300px}.role-upgrade-submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.role-upgrade-submit-btn:active:not(:disabled){transform:translateY(-1px)}.role-upgrade-submit-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.coming-soon-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 10px 40px #0000001f;text-align:center;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.coming-soon-icon{color:#cbd5e1;margin-bottom:1.5rem}.coming-soon-section h2{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.coming-soon-section p{font-size:1.125rem;color:#666;margin:0}@media (max-width: 1200px){.dashboard-content-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.mobile-menu-toggle{display:flex}.sidebar-overlay{display:block}.dashboard-sidebar{transform:translate(-100%);width:280px}.dashboard-sidebar.open{transform:translate(0);box-shadow:8px 0 40px #00000040}.dashboard-main{margin-left:0;width:100%;padding-top:4rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.dashboard-main{padding:.75rem}.dashboard-content{padding:0}.welcome-section{flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.welcome-title{font-size:1.625rem;line-height:1.3}.quick-actions{flex-direction:column;width:100%;gap:.75rem}.quick-action-btn{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr}.role-upgrade-section{padding:1.5rem}.role-upgrade-title{font-size:1.5rem}.role-card{padding:1.5rem}.role-card-icon{width:70px;height:70px}.role-upgrade-submit-btn{width:100%;padding:1rem 2rem}}@media (max-width: 480px){.user-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.dashboard-main{padding:.5rem}.welcome-title{font-size:1.375rem;line-height:1.3}.welcome-section{padding:1.25rem}.stat-value{font-size:1.75rem}.stat-label{font-size:.75rem}.activity-item{flex-direction:column;align-items:flex-start;gap:.625rem;padding:1rem}.quick-action-btn{padding:.875rem;min-height:48px;font-size:.875rem}.roles-grid{grid-template-columns:1fr}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f59e0b, #d97706);--success-gradient: linear-gradient(135deg, #10b981, #059669);--surface: #ffffff;--background: #f8fafc;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.user-profile{min-height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:2rem 0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.profile-nav-buttons{position:fixed;top:2rem;left:2rem;z-index:1000;display:flex;gap:1rem;animation:slideInFromLeft .8s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px) scale(.8)}60%{transform:translate(10px) scale(1.05)}to{opacity:1;transform:translate(0) scale(1)}}.nav-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(102,126,234,.25);border-radius:14px;color:#667eea;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #667eea33;position:relative;overflow:hidden;font-family:inherit;white-space:nowrap;flex-shrink:0;min-width:fit-content}.nav-back-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 200%;transition:left .5s cubic-bezier(.34,1.56,.64,1);z-index:0;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.nav-back-btn:hover:before{left:0}.nav-back-btn:hover{color:#fff;border-color:#667eea;transform:translateY(-4px) scale(1.05);box-shadow:0 12px 40px #667eea59,0 4px 12px #667eea33}.nav-back-btn:active{transform:translateY(-2px) scale(.98);box-shadow:0 6px 20px #667eea4d}.btn-icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.nav-back-btn:hover .btn-icon-wrapper{transform:rotate(360deg) scale(1.15)}.btn-text{position:relative;z-index:2;transition:transform .3s ease}.nav-back-btn:hover .btn-text{transform:translate(3px)}.btn-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.4);transform:translate(-50%,-50%);transition:width .6s,height .6s,opacity .6s;opacity:0;z-index:1}.nav-back-btn:active .btn-ripple{width:300px;height:300px;opacity:1;transition:width 0s,height 0s,opacity 0s}.nav-back-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s;z-index:1}.nav-back-btn:hover:after{transform:translate(100%)}.home-btn{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));animation-delay:.1s}.home-btn:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15))}.dashboard-btn{background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(16,185,129,.12));color:#10b981;border-color:#10b98140;animation-delay:.2s}.dashboard-btn:hover{background:linear-gradient(135deg,rgba(52,211,153,.15),rgba(16,185,129,.15));border-color:#10b981}.dashboard-btn:before{background:linear-gradient(135deg,#10b981,#059669,#10b981)}@keyframes buttonPulse{0%,to{box-shadow:0 8px 32px #0000001f,0 2px 8px #667eea26}50%{box-shadow:0 8px 32px #667eea40,0 2px 8px #667eea4d}}.nav-back-btn{animation:slideInFromLeft .8s cubic-bezier(.34,1.56,.64,1),buttonPulse 2s ease-in-out 1s}@media (max-width: 768px){.profile-nav-buttons{top:1rem;left:1rem;gap:.5rem}.nav-back-btn{padding:.625rem 1rem;font-size:.875rem}.nav-back-btn svg{width:18px;height:18px}}@media (max-width: 480px){.profile-nav-buttons{flex-direction:column;gap:.5rem}.nav-back-btn .btn-text{display:none}.nav-back-btn{padding:.75rem;border-radius:50%;width:48px;height:48px;justify-content:center}.btn-icon-wrapper{margin:0}}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.3;animation:float 15s infinite ease-in-out}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:12s}.particle:nth-child(2){top:60%;left:80%;animation-delay:2s;animation-duration:15s}.particle:nth-child(3){top:40%;left:30%;animation-delay:4s;animation-duration:18s}.particle:nth-child(4){top:80%;left:60%;animation-delay:1s;animation-duration:14s}.particle:nth-child(5){top:30%;left:90%;animation-delay:3s;animation-duration:16s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.2)}66%{transform:translate(-20px,20px) scale(.8)}}.profile-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%;position:relative;z-index:1}@keyframes slideLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-slide-up{animation:slideUp .6s var(--transition-base) backwards}.animate-slide-left{animation:slideLeft .6s var(--transition-base) backwards}.animate-fade-in{animation:fadeIn .4s var(--transition-base)}.animate-scale-in{animation:scaleIn .4s var(--transition-base)}.profile-header{background:var(--surface);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:2rem;border:1px solid var(--border-color);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base)}.profile-header:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.profile-cover{height:200px;position:relative;overflow:hidden;background:var(--primary-gradient)}.cover-gradient{height:100%;background:var(--primary-gradient);position:relative}.cover-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:patternMove 20s ease-in-out infinite}@keyframes patternMove{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.profile-header-content{padding:2rem;position:relative;min-height:200px}.avatar-section-wrapper{display:flex;flex-direction:column;width:100%;position:relative}.avatar-and-info{display:flex;align-items:flex-end;gap:2rem;width:100%;margin-top:-75px;position:relative;z-index:2;flex-wrap:wrap;min-height:150px;padding-bottom:5rem}.avatar-left-section{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin-bottom:0}.avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar-placeholder{width:150px;height:150px;border-radius:50%;border:5px solid var(--surface);box-shadow:0 12px 32px #00000026;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base);overflow:hidden}.profile-avatar-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.profile-avatar-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:0}.profile-avatar-placeholder.avatar-hover{transform:scale(1.05);box-shadow:0 20px 40px #667eea4d}.avatar-ring{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#667eea,#764ba2) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);animation:ringPulse 2s ease-in-out infinite}.avatar-hover .avatar-ring{opacity:1}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.avatar-upload-btn{position:absolute;bottom:8px;right:8px;width:48px;height:48px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #00000040;transition:all var(--transition-base);border:3px solid var(--surface);z-index:10}.avatar-upload-btn:hover{transform:scale(1.15) rotate(15deg);box-shadow:0 8px 25px #667eea80}.avatar-upload-btn:active{transform:scale(1.05) rotate(10deg)}.avatar-tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;white-space:nowrap;animation:fadeIn .3s var(--transition-base);pointer-events:none}.avatar-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.9)}.profile-header-info{flex:1;min-width:0;display:flex;align-items:flex-end;padding-bottom:.5rem}.profile-info-content{flex:1;min-width:280px;max-width:100%}.profile-name{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.2;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-badge{color:#f59e0b;filter:drop-shadow(0 1px 3px rgba(245,158,11,.4));animation:badgePulse 2s ease-in-out infinite;flex-shrink:0}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-subtitle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.625rem;width:fit-content;transition:all var(--transition-base);box-shadow:0 4px 12px #667eea66;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.3px}.profile-subtitle:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.profile-subtitle svg{flex-shrink:0}.profile-position{font-size:1rem;color:var(--text-secondary);margin:0 0 .75rem;font-weight:500;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.separator{color:var(--text-muted);margin:0 .5rem}.profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.5}.meta-item svg{color:#667eea;flex-shrink:0}.profile-actions-section{width:100%;margin-top:1.5rem}.profile-edit-action{position:absolute;bottom:2rem;left:2rem;z-index:10}.profile-nav-actions{position:absolute;bottom:2rem;right:2.5rem;display:flex;gap:1rem;align-items:center;justify-content:flex-end;z-index:10;flex-wrap:nowrap}.edit-profile-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:14px;background:var(--primary-gradient);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 16px #667eea59;white-space:nowrap;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2);flex-shrink:0;min-width:fit-content}.edit-profile-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.edit-profile-btn:hover:before{width:300px;height:300px}.edit-profile-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.edit-profile-btn:active{transform:translateY(-1px)}.btn-editing{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.profile-nav{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:2rem;border:1px solid var(--border-color);overflow:hidden;position:relative}.nav-tabs{display:flex;flex-wrap:wrap;width:100%;position:relative}.nav-tab{flex:1;min-width:140px;padding:1.25rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;position:relative}.tab-icon{transition:transform var(--transition-base)}.nav-tab:hover .tab-icon{transform:scale(1.1)}.nav-tab:hover{color:var(--text-secondary);background:rgba(102,126,234,.05)}.nav-tab.active{color:#667eea;background:linear-gradient(to bottom,rgba(102,126,234,.1),transparent)}.tab-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-gradient);animation:tabIndicator .3s var(--transition-base)}@keyframes tabIndicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.profile-content-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;width:100%}@media (min-width: 1024px){.profile-content-wrapper{grid-template-columns:280px 1fr}}.profile-sidebar{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-md);padding:1.5rem;border:1px solid var(--border-color);height:fit-content;position:sticky;top:2rem}.sidebar-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;position:relative}.title-underline{position:absolute;bottom:0;left:0;width:40px;height:3px;background:var(--primary-gradient);border-radius:2px;animation:expandWidth .6s var(--transition-base)}@keyframes expandWidth{0%{width:0}to{width:40px}}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--text-muted);text-decoration:none;border-radius:12px;transition:all var(--transition-base);font-weight:500;cursor:pointer;position:relative;overflow:hidden;opacity:0;animation:slideLeft .5s var(--transition-base) forwards}.sidebar-item-bg{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));transition:left var(--transition-base);z-index:-1}.sidebar-item:hover .sidebar-item-bg{left:0}.sidebar-item:hover{color:var(--text-secondary);transform:translate(4px)}.sidebar-item.active{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1));color:#667eea;font-weight:600}.sidebar-icon{flex-shrink:0;transition:transform var(--transition-base)}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-label{flex:1}.sidebar-badge{padding:.25rem .5rem;background:var(--secondary-gradient);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;line-height:1}.profile-form-section{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-md);padding:2rem;border:1px solid var(--border-color)}.profile-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:1rem}.profile-form-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.75rem}.title-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff}.points-display{background:var(--secondary-gradient);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #f59e0b40;position:relative;overflow:hidden}.points-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.profile-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.education-form{animation:slideUpFade .6s var(--transition-base) backwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%}.form-row .form-group{margin-bottom:0}.form-group{position:relative}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast)}.form-group:focus-within .form-label{color:var(--primary-color)}.form-label.required:after{content:"*";color:#ef4444}.input-wrapper,.select-wrapper{position:relative}.form-control{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:1rem;color:var(--text-primary);transition:all var(--transition-base);background:#f8fafc;position:relative}.form-control::placeholder{color:#94a3b8;font-size:.9375rem}.form-control:hover{border-color:#cbd5e1;background:rgba(248,250,252,.8)}.form-control:focus{outline:none;border-color:#667eea;background:var(--surface);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-control:focus~.input-line{transform:scaleX(1)}.textarea-control{resize:vertical;min-height:100px;line-height:1.6;font-family:inherit}.input-line{position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-base)}.form-control:disabled{background:#f1f5f9;color:var(--text-muted);cursor:not-allowed}.select-control{width:100%;padding:.875rem 3rem .875rem 1rem;border:2px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:1rem;color:var(--text-primary);transition:all var(--transition-base);background:#f8fafc;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select-control:focus{outline:none;border-color:#667eea;background:var(--surface);box-shadow:0 0 0 4px #667eea1a}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--text-muted);pointer-events:none;transition:transform var(--transition-base)}.select-control:focus~.select-arrow{transform:translateY(-50%) rotate(180deg)}.radio-group{display:flex;gap:1rem;margin-top:.75rem}.radio-card{flex:1;padding:1rem;border:2px solid var(--border-color);border-radius:10px;background:#f8fafc;transition:all var(--transition-base);cursor:pointer;display:flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.radio-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));transition:left var(--transition-base)}.radio-input{display:none}.radio-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;transition:all var(--transition-base);flex-shrink:0}.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background:white;transition:transform var(--transition-base)}.radio-input:checked~.radio-custom{background:var(--primary-gradient);border-color:#667eea}.radio-input:checked~.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.radio-input:checked~span{font-weight:600;color:#667eea}.radio-card:has(.radio-input:checked){border-color:#667eea;background:rgba(102,126,234,.05)}.radio-card:has(.radio-input:checked):before{left:0}.radio-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cv-upload-section{grid-column:1 / -1;margin-top:1rem}.cv-upload-box{border:3px dashed var(--border-color);border-radius:16px;padding:3rem 2rem;text-align:center;background:#f8fafc;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.cv-upload-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));opacity:0;transition:opacity var(--transition-base)}.cv-upload-box:hover:before,.cv-upload-box.dragging:before{opacity:1}.cv-upload-box:hover{border-color:#667eea;transform:scale(1.02)}.cv-upload-box.dragging{border-color:#667eea;background:rgba(102,126,234,.1);transform:scale(1.05)}.cv-upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:1}.upload-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.cv-upload-icon{color:#667eea;position:relative;z-index:2;transition:transform var(--transition-base)}.cv-upload-box:hover .cv-upload-icon{transform:translateY(-4px)}.upload-icon-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));animation:iconCircle 3s ease-in-out infinite}@keyframes iconCircle{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.cv-upload-text{font-size:1.125rem;color:var(--text-secondary);font-weight:600}.cv-upload-subtext{font-size:.875rem;color:var(--text-muted)}.cv-preview{margin-top:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(5,150,105,.05));border-radius:12px;border:1px solid rgba(16,185,129,.2)}.cv-preview-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.success-icon{color:#10b981;animation:successPop .5s var(--transition-base)}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cv-preview-header h4{font-size:1rem;font-weight:600;color:#10b981;margin:0}.cv-preview-details{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface);border-radius:8px;flex-wrap:wrap}.file-icon{color:#667eea;flex-shrink:0}.cv-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.cv-name{font-weight:600;color:var(--text-primary);word-break:break-word}.cv-size{font-size:.875rem;color:var(--text-muted)}.cv-actions{display:flex;gap:.5rem}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:8px;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-view{color:#667eea}.btn-view:hover{background:rgba(102,126,234,.1);transform:scale(1.1)}.btn-remove{color:#ef4444}.btn-remove:hover{background:rgba(239,68,68,.1);transform:scale(1.1)}.consent-section{grid-column:1 / -1;margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:12px;border:1px solid rgba(102,126,234,.2);display:flex;flex-direction:column;gap:1.5rem}.consent-notice{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:rgba(16,185,129,.08);border-radius:10px;border-left:4px solid #10b981;animation:slideInLeft .5s var(--transition-base)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.notice-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #10b9814d}.consent-notice p{margin:0;font-size:.9375rem;color:var(--text-secondary);line-height:1.6;font-weight:500}.consent-checkbox{display:flex;align-items:flex-start;gap:1rem}.consent-checkbox input[type=checkbox]{width:24px;height:24px;accent-color:#667eea;cursor:pointer;flex-shrink:0;margin-top:.5rem}.consent-checkbox label{display:flex;gap:1rem;cursor:pointer;align-items:flex-start}.consent-icon{width:40px;height:40px;border-radius:10px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.consent-content{display:flex;flex-direction:column;gap:.5rem}.consent-highlight{color:#667eea;font-weight:600;font-size:1rem;line-height:1.5}.consent-subtext{font-size:.875rem;color:var(--text-muted);line-height:1.6}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);min-width:160px;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:not(:disabled):before{width:300px;height:300px}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.btn-ripple{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.btn-primary:active:not(:disabled) .btn-ripple{animation:ripple .6s ease-out}@keyframes ripple{to{transform:translate(-50%,-50%) scale(2);opacity:0}}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:2px solid var(--border-color)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.write-for-us-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;animation:slideUpFade .5s var(--transition-base) backwards}.write-card{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border-color)}.write-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.write-card-header{background:linear-gradient(135deg,#0d9488,#14b8a6);padding:2rem 1.5rem;text-align:center;position:relative;overflow:hidden}.write-card-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:headerShine 3s ease-in-out infinite}@keyframes headerShine{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(-20%,-20%);opacity:.6}}.write-card-count{font-size:3rem;font-weight:800;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 8px rgba(0,0,0,.2);line-height:1}.write-card-title{font-size:1rem;font-weight:600;color:#fffffff2;margin:0;line-height:1.4;text-transform:capitalize}.write-card-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:700;font-size:.875rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.write-card-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.write-card-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66}.write-card-button:hover:before{left:100%}.write-card-button:active{transform:scale(.98)}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.coming-soon-icon-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.coming-soon-icon{color:#cbd5e1;position:relative;z-index:2}.icon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(102,126,234,.2)}.ring-1{width:100px;height:100px;animation:ringExpand 2s ease-in-out infinite}.ring-2{width:120px;height:120px;animation:ringExpand 2s ease-in-out infinite .5s}@keyframes ringExpand{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.coming-soon h3{font-size:1.5rem;font-weight:700;color:var(--text-secondary);margin:0 0 .5rem}.coming-soon p{font-size:1.125rem;margin:0}.video-upload-open-btn{display:flex;align-items:center;gap:.5rem;padding-inline:1.5rem}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.65);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;overflow-y:auto}.video-modal{width:min(600px,100%);max-height:calc(100vh - 2rem);background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #0f172a59;padding:1.5rem;border:1px solid var(--border-color);animation:slideUp .35s var(--transition-base) backwards;position:relative;margin:auto;display:flex;flex-direction:column;overflow:hidden}.video-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.video-modal-header h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.video-modal-header h3 svg{color:#f97316}.video-modal-close{border:none;background:transparent;cursor:pointer;color:var(--text-muted);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.video-modal-close:hover{background:#fee2e2;color:#b91c1c}.video-modal-form{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - 12rem);padding-right:.25rem}.video-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.video-file-input{padding:.75rem 1rem;border-radius:10px;border:2px solid var(--border-color);font-size:.95rem;background:#f8fafc;cursor:pointer;transition:all var(--transition-fast)}.video-file-input:hover{border-color:#64748b;background:#e2e8f0}.video-file-name{font-size:.9rem;color:var(--text-secondary);word-break:break-word}.video-file-help{margin-top:.25rem;font-size:.8rem;color:var(--text-muted)}.video-description-textarea{min-height:120px}.video-error-text{font-size:.9rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.75rem 1rem}.video-modal-actions{justify-content:flex-end}.portfolio-upload-open-btn{display:flex;align-items:center;gap:.5rem;padding-inline:1.5rem}.portfolio-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.65);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;overflow-y:auto}.portfolio-modal{width:min(800px,100%);max-height:calc(100vh - 2rem);background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #0f172a59;padding:2rem;border:1px solid var(--border-color);animation:slideUp .35s var(--transition-base) backwards;position:relative;margin:auto;display:flex;flex-direction:column;overflow:hidden}.portfolio-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.portfolio-modal-header h3{margin:0;display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.portfolio-modal-header h3 svg{color:#8b5cf6}.portfolio-modal-close{border:none;background:transparent;cursor:pointer;color:var(--text-muted);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.portfolio-modal-close:hover{background:#fee2e2;color:#b91c1c}.portfolio-modal-form{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;max-height:calc(100vh - 12rem);padding-right:.25rem}.portfolio-file-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.portfolio-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.portfolio-file-input{padding:.75rem 1rem;border-radius:10px;border:2px solid var(--border-color);font-size:.95rem;background:#f8fafc;cursor:pointer;transition:all var(--transition-fast);width:100%}.portfolio-file-input:hover{border-color:#64748b;background:#e2e8f0}.portfolio-file-name{font-size:.9rem;color:var(--text-secondary);word-break:break-word}.portfolio-file-help{margin-top:.25rem;font-size:.8rem;color:var(--text-muted)}.portfolio-description-textarea{min-height:180px}.portfolio-error-text{font-size:.9rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.75rem 1rem}.portfolio-modal-actions{justify-content:center}.btn-submit-portfolio{min-width:200px}.datahub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;animation:slideUpFade .5s var(--transition-base) backwards}.datahub-card{background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);transition:all var(--transition-base);border:1px solid var(--border-color);display:flex;flex-direction:column}.datahub-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.datahub-card-header{padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1rem}.datahub-card-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);animation:headerShine 4s ease-in-out infinite}.datahub-icon-wrapper{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026}.datahub-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.datahub-count{font-size:3.5rem;font-weight:900;color:#fff;margin:0;text-shadow:0 3px 12px rgba(0,0,0,.3);line-height:1}.datahub-title{font-size:1.1rem;font-weight:700;color:#fffffff2;margin:0;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.2)}.datahub-button{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:800;font-size:.9375rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.datahub-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.datahub-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b80}.datahub-button:hover:before{left:100%}.datahub-button:active{transform:scale(.98)}.datahub-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.65);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem;overflow-y:auto}.datahub-modal{width:min(800px,100%);max-height:calc(100vh - 2rem);background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #0f172a59;padding:2rem;border:1px solid var(--border-color);animation:slideUp .35s var(--transition-base) backwards;position:relative;margin:auto;display:flex;flex-direction:column;overflow:hidden}.datahub-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.datahub-modal-header h3{margin:0;display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.datahub-modal-header h3 svg{color:#3b82f6}.datahub-modal-close{border:none;background:transparent;cursor:pointer;color:var(--text-muted);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.datahub-modal-close:hover{background:#fee2e2;color:#b91c1c}.datahub-modal-form{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;max-height:calc(100vh - 12rem);padding-right:.25rem}.datahub-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.datahub-file-input{padding:.75rem 1rem;border-radius:10px;border:2px solid var(--border-color);font-size:.95rem;background:#f8fafc;cursor:pointer;transition:all var(--transition-fast);width:100%}.datahub-file-input:hover{border-color:#64748b;background:#e2e8f0}.datahub-file-name{font-size:.9rem;color:var(--text-secondary);word-break:break-word}.datahub-file-help{margin-top:.25rem;font-size:.8rem;color:var(--text-muted)}.datahub-description-textarea{min-height:180px}.datahub-error-text{font-size:.9rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.75rem 1rem}.datahub-modal-actions{justify-content:flex-end}.purchase-table-wrapper{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.purchase-table-container{min-width:100%}.purchase-table{width:100%;border-collapse:collapse;background:var(--surface)}.purchase-table thead{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05))}.purchase-table th{padding:1rem;text-align:left;font-weight:700;font-size:.875rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color)}.purchase-table td{padding:1rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.9375rem}.purchase-table tbody tr{transition:background var(--transition-fast)}.purchase-table tbody tr:hover{background:rgba(102,126,234,.03)}.payment-id{font-family:Courier New,monospace;font-size:.875rem;color:#667eea}.purchase-type-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.amount-cell{font-weight:700;color:#10b981;font-size:1rem}.date-cell{font-size:.875rem;color:var(--text-muted)}.no-purchases{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-purchases-icon{color:#cbd5e1;margin-bottom:1.5rem}.no-purchases h3{font-size:1.5rem;font-weight:700;color:var(--text-secondary);margin:0 0 .5rem}.no-purchases p{font-size:1rem;color:var(--text-muted);margin:0}@media (max-width: 1023px){.profile-header-content{padding:1.5rem}.avatar-and-info{flex-direction:column;align-items:center;text-align:center}.profile-header-info{width:100%}.profile-info-content{display:flex;flex-direction:column;align-items:center}.profile-meta{justify-content:center}.profile-actions{position:static;width:100%;justify-content:center;margin-top:1.5rem}.profile-sidebar{position:static}}@media (max-width: 768px){.user-profile{padding:1rem 0}.profile-container{padding:0 1rem}.profile-cover{height:150px}.avatar-and-info{margin-top:-60px}.profile-avatar-placeholder{width:120px;height:120px;font-size:2.5rem}.profile-name{font-size:1.5rem}.nav-tab{min-width:100px;padding:1rem;font-size:.875rem}.profile-form-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}.write-for-us-grid,.datahub-grid{grid-template-columns:1fr}.purchase-table{font-size:.875rem}.purchase-table th,.purchase-table td{padding:.75rem .5rem}.video-modal,.portfolio-modal,.datahub-modal{padding:1.5rem}}@media (max-width: 480px){.profile-header-content{padding:1rem}.profile-name{font-size:1.25rem;flex-direction:column;text-align:center}.profile-meta{flex-direction:column;gap:.75rem}.nav-tabs{flex-direction:column}.nav-tab{width:100%;min-width:auto}.sidebar-menu{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.sidebar-item{min-width:140px}.cv-upload-box{padding:2rem 1rem}.radio-group{flex-direction:column}.write-card-count,.datahub-count{font-size:2.5rem}.portfolio-file-grid{grid-template-columns:1fr}.purchase-table th:nth-child(2),.purchase-table td:nth-child(2){display:none}}.video-modal-form::-webkit-scrollbar,.portfolio-modal-form::-webkit-scrollbar,.datahub-modal-form::-webkit-scrollbar{width:6px}.video-modal-form::-webkit-scrollbar-track,.portfolio-modal-form::-webkit-scrollbar-track,.datahub-modal-form::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.video-modal-form::-webkit-scrollbar-thumb,.portfolio-modal-form::-webkit-scrollbar-thumb,.datahub-modal-form::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.video-modal-form::-webkit-scrollbar-thumb:hover,.portfolio-modal-form::-webkit-scrollbar-thumb:hover,.datahub-modal-form::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.profile-nav-buttons,.bg-particles,.profile-nav,.profile-sidebar,.edit-profile-btn,.form-actions,.avatar-upload-btn,.btn-primary,.btn-secondary{display:none!important}.profile-header{box-shadow:none}.user-profile{background:white}}.nav-back-btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.form-control:focus-visible,.select-control:focus-visible{outline:3px solid #667eea;outline-offset:2px}.editor-dashboard{max-width:1400px;margin:0 auto;padding:30px 20px;min-height:100vh;background:#f8fafc}.editor-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.editor-header h1{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px}.editor-header p{color:#64748b;font-size:16px;margin:0}.stat-card{background:white;padding:24px;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1}.stat-label{font-size:14px;color:#64748b;margin-top:4px}.editor-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:transparent;color:#64748b;font-size:15px;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.tab-button:hover{color:#1e293b;background:#f1f5f9}.tab-button.active{color:#524393;border-bottom-color:#524393;background:transparent}.filters-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:white;border:1px solid #e2e8f0;border-radius:12px;transition:border-color .2s}.search-box:focus-within{border-color:#524393}.search-box input{flex:1;border:none;outline:none;font-size:14px;color:#1e293b}.search-box input::placeholder{color:#94a3b8}.filter-select{padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;background:white;color:#1e293b;font-size:14px;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#524393}.submissions-list{display:flex;flex-direction:column;gap:16px}.submission-card{background:white;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.submission-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.submission-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.submission-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#64748b}.submission-meta span{display:flex;align-items:center;gap:6px}.submission-abstract{color:#475569;font-size:14px;line-height:1.6;margin:16px 0}.review-comments{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f1f5f9;border-radius:8px;border-left:3px solid #3b82f6;margin:16px 0;font-size:14px;color:#475569}.submission-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.action-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;text-decoration:none}.action-button.primary{background:#524393;color:#fff}.action-button.primary:hover{background:#423678}.action-button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.action-button.secondary:hover{background:#e2e8f0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.empty-state p{margin-top:16px;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:24px;color:#1e293b}.modal-header button{background:none;border:none;font-size:32px;color:#94a3b8;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.modal-header button:hover{background:#f1f5f9;color:#475569}.modal-body{padding:24px}.review-info{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:24px}.review-info h3{margin:0 0 12px;font-size:18px;color:#1e293b}.review-info p{margin:8px 0;font-size:14px;color:#475569}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#334155}.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;transition:border-color .2s;font-family:inherit}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#524393}.form-group textarea{resize:vertical;min-height:100px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px 24px;border-top:1px solid #e2e8f0}.button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.button.primary{background:#524393;color:#fff}.button.primary:hover{background:#423678}.button.secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.button.secondary:hover{background:#e2e8f0}@media (max-width: 768px){.editor-dashboard{padding:20px 16px}.editor-header h1{font-size:24px}.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-box{min-width:100%}.submission-header,.submission-actions{flex-direction:column}.modal-content{margin:20px;max-height:calc(100vh - 40px)}}.editors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.editor-card{background:white;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;transition:transform .2s,box-shadow .2s}.editor-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.editor-avatar{width:64px;height:64px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.editor-avatar img{width:100%;height:100%;object-fit:cover}.editor-info{flex:1}.editor-info h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.editor-email{font-size:14px;color:#64748b;margin:0 0 12px}.editor-workload{display:flex;flex-direction:column;gap:6px}.workload-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.workload-total{margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0;font-size:14px;font-weight:600;color:#524393}.auto-assign-button{transition:all .2s}.auto-assign-button:hover:not(:disabled){background:#433677!important;transform:translateY(-1px);box-shadow:0 4px 12px #5243934d}.spinning{animation:spin 1s linear infinite}.action-button.assign{transition:all .2s}.action-button.assign:hover{background:#433677!important;transform:translateY(-1px);box-shadow:0 4px 12px #5243934d}:root{--max-width:1200px;--page-bg: #f7fbfb;--card-bg: #ffffff;--muted: #6b7280;--text: #0f1724;--primary: #2b2f3a;--primary-strong: #1f2227;--accent: #b86b2f;--success: #059669;--border: #e6eef2;--radius: 12px;--shadow: 0 10px 30px rgba(16,24,40,.06);--gap: 20px;--line-height: 1.6;--container-pad: 28px;font-family:Inter,Roboto,-apple-system,Segoe UI,Arial,sans-serif}.jp-page{background:#EEF3CE!important;color:var(--text)!important;min-height:100vh}.jp-container{width:calc(100% - 48px);max-width:var(--max-width);margin:0 auto;padding:var(--container-pad) 24px}.jp-header{background:transparent;padding:8px 0 18px}.jp-header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.jp-title{margin:0;font-size:28px;color:var(--primary-strong);font-weight:800;letter-spacing:-.2px}.jp-sub{margin:6px 0 0;color:var(--muted);font-size:14px}.jp-header{padding:40px 0 0!important}.jp-header-inner{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important}.jp-title{font-size:120px!important;line-height:1.05!important;color:var(--primary-strong)!important;letter-spacing:-.4px!important}.jp-sub{margin-top:6px!important;font-size:30px!important;color:var(--muted)!important;max-width:920px!important;opacity:.95!important}.jp-main{padding-top:18px!important}.jp-main{padding:18px 0 40px}.jp-search{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.search-box{display:block}.search-box input{width:100%;padding:16px 13px;border-radius:10px;border:1px solid var(--border);background:#fff;font-size:18px;color:var(--text);box-shadow:inset 0 -1px #0f172a05}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters select{padding:12px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px}.jp-grid{display:grid;grid-template-columns:1fr;gap:18px}.jp-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(11,59,102,.06);overflow:hidden;transition:transform .14s ease,box-shadow .14s ease}.jp-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px #0b3b660f}.jp-card-inner{padding:28px;display:flex;flex-direction:column;gap:18px}.jp-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.jp-card-left{display:flex;gap:12px;align-items:flex-start}.logo-placeholder{width:52px;height:52px;border-radius:10px;background:#fff7f0;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700}.jp-card-title{margin:0;font-size:21px;color:var(--text);font-weight:700}.jp-card-sub{color:var(--muted);font-size:15px;margin-top:6px}.jp-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.jp-tags .tag{background:#f1f5f9;color:var(--primary);padding:6px 10px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid rgba(11,59,102,.04)}.jp-desc{margin:0;color:#374151;line-height:var(--line-height);font-size:15px}.jp-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.jp-deadline{color:var(--muted);font-size:14px}.jp-days{margin-left:8px;padding:4px 8px;border-radius:999px;font-size:12px}.jp-days.urgent{background:#feeaea;color:#9b1c1c}.jp-days.soon{background:#fff7ed;color:#92400e}.jp-actions{display:flex;gap:10px;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;border:1px solid transparent;font-size:14px;transition:background .12s ease,transform .08s ease}.btn.primary{background:#60a5fa;color:#fff;border:1px solid rgba(59,130,246,.12);box-shadow:0 6px 18px #3b82f614}.btn.primary:hover{background:#3b82f6;transform:translateY(-1px)}.btn.secondary,.btn.outline{background:#ffffff;color:var(--primary);border:1px solid rgba(15,23,42,.06)}.btn:focus{outline:3px solid rgba(184,107,47,.12);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(11,59,102,.04)}.jp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:80px 20px 20px;overflow:hidden}.jp-modal{background:#ffffff;border-radius:16px;width:100%;max-width:1100px;max-height:90vh;box-shadow:0 24px 48px #0000001f,0 12px 24px #00000014;display:flex;flex-direction:column;overflow:hidden;margin:0;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body.modal-open{overflow:hidden;height:100vh}.jp-modal.small{max-width:800px}.jp-modal.large{max-width:1200px}.jp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:#ffffff;position:sticky;top:0;z-index:10}.jp-modal-header h2,.jp-modal-header h3{margin:0;color:#111827;font-size:24px;font-weight:700;line-height:1.3}.jp-modal-header .muted{color:#6b7280;font-size:15px;font-weight:400;margin-top:4px}.modal-close{background:transparent;border:none;font-size:24px;cursor:pointer;color:#9ca3af;padding:8px;border-radius:8px;transition:all .2s;line-height:1}.modal-close:hover{background:#f3f4f6;color:#111827;transform:scale(1.05)}.jp-modal-body{padding:0;display:flex;gap:0;align-items:flex-start;overflow-y:auto;overflow-x:hidden;background:#f9fafb;flex:1;min-height:0}.jp-main-col{flex:1;min-width:0;background:#ffffff;padding:32px}.jp-side-col{width:360px;background:#f9fafb;padding:32px 24px;border-left:1px solid #e5e7eb;height:fit-content;overflow:visible}.jp-modal.vertical{max-width:900px}.jp-modal.vertical .jp-modal-body{flex-direction:column;gap:18px;padding:16px}.jp-modal.vertical .jp-main-col{order:0}.jp-modal.vertical .jp-side-col{order:1;width:100%}.jp-modal.vertical .recruiter-card{flex-direction:row;align-items:center}.jp-modal.vertical .recruiter-avatar{width:48px;height:48px;border-radius:8px}.jp-modal.vertical .recruiter-info{display:flex;flex-direction:column}.jp-modal.vertical .stats-card{width:100%}.jp-modal.small.vertical .jp-modal-body{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:start}.jp-modal.small.vertical .recruiter-large{display:block;padding:4px 0}.avatar-lg{width:112px;height:112px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px;color:var(--primary);border:1px solid var(--border);box-shadow:0 6px 18px #0206170f}.jp-modal.small.vertical h4{margin:0;font-size:18px;color:var(--text);font-weight:700}.jp-modal.small.vertical .muted{color:var(--muted);margin-top:6px}.jp-modal.small.vertical .recruiter-meta{margin-top:12px;display:flex;gap:18px;align-items:center}.jp-modal.small.vertical .recruiter-meta .meta-item{font-size:14px;color:var(--muted)}.jp-modal.small.vertical .recruiter-section{padding-left:0}.jp-modal.small.vertical p{margin:0 0 10px;color:#374151}.jp-modal.small.vertical .recruiter-card{background:var(--card-bg);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 20px #0f172a0a;border-radius:12px;padding:14px;display:flex;gap:16px;align-items:center}.jp-modal.small.vertical .recruiter-info{display:flex;flex-direction:column;gap:6px}.jp-modal.small.vertical .recruiter-info .org{font-weight:700}.jp-modal.small.vertical .recruiter-info .role{color:var(--muted);font-size:13px}.jp-modal.small.vertical .recruiter-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.jp-modal.small.vertical .recruiter-actions .btn{min-width:140px;padding:10px 14px;border-radius:10px}.jp-modal.small.vertical .recruiter-actions .btn.outline{background:#fff;color:var(--primary);border:1px solid rgba(59,130,246,.12)}.jp-modal.small.vertical .recruiter-actions .btn.primary{background:#60a5fa;color:#fff;border:1px solid rgba(59,130,246,.12)}.jp-modal-header{padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.jp-modal-header h3{margin:0;font-size:20px;color:var(--text);font-weight:700}.modal-close{font-size:18px;color:var(--muted);background:transparent;border:none}@media (max-width:880px){.jp-modal.small.vertical .jp-modal-body{grid-template-columns:1fr}.avatar-lg{width:88px;height:88px;font-size:22px}.jp-modal.small.vertical .recruiter-card{flex-direction:column;align-items:flex-start}.jp-modal.small.vertical .recruiter-actions{width:100%;justify-content:flex-end}}.jp-modal.vertical .jp-modal-footer{flex-direction:column;align-items:flex-start;gap:12px}.recruiter-card{background:var(--card-bg);border-radius:10px;padding:14px;border:1px solid rgba(11,59,102,.04);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.recruiter-avatar{width:56px;height:56px;border-radius:12px;background:#eef4fb;display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700}.recruiter-card{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:12px;padding:16px;background:#0f1724;color:#eef2f5;border:1px solid rgba(255,255,255,.04);box-shadow:0 8px 22px #02061747}.recruiter-avatar{width:56px;height:56px;border-radius:12px;background:linear-gradient(180deg,#fff7f0,#fff3e8);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:700}.recruiter-info .org{font-weight:700;color:#f8fafc}.recruiter-actions .btn{min-width:120px;white-space:nowrap;z-index:5}.recruiter-card .btn-outline{background:rgba(255,255,255,.06);color:#fff;border-color:#ffffff1f}.recruiter-card{overflow:visible;position:relative}.recruiter-actions .btn{min-width:140px;white-space:nowrap;z-index:6;border-radius:10px;padding:10px 14px}.recruiter-actions .btn,.recruiter-card .btn-outline{background:#60a5fa;color:#fff;border:1px solid rgba(59,130,246,.12);box-shadow:0 6px 18px #3b82f60f}.recruiter-actions .btn:hover,.recruiter-card .btn-outline:hover{background:#3b82f6}.jp-modal .btn{z-index:6}.jp-modal .jp-modal-footer .btn{min-width:120px}.job-actions,.application-section,.recruiter-actions{flex-wrap:wrap}.job-actions .btn,.application-section .btn{min-width:110px}.recruiter-card{background:var(--card-bg);border-radius:10px;padding:12px;border:1px solid rgba(11,59,102,.04);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.recruiter-header{display:flex;gap:12px;align-items:center}.recruiter-avatar{width:56px;height:56px;border-radius:8px;background:linear-gradient(180deg,#fff7f0,#fff3e8);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:18px}.recruiter-info .org{font-weight:700;color:var(--text)}.recruiter-info .role{color:var(--muted);font-size:13px}.recruiter-actions{display:flex;gap:10px;margin-left:auto}.stats-card{background:#f5f8fb;border-left:4px solid var(--accent);color:var(--text);padding:12px;border-radius:8px}.stats-card .label{color:var(--muted);font-size:13px}.stats-card .value{font-weight:800;font-size:18px;margin-top:6px;color:var(--primary-strong)}.detail-section{margin-bottom:18px}.detail-section h4{margin:0 0 12px;font-size:16px;color:var(--text);font-weight:700;border-bottom:1px solid rgba(15,23,42,.04);padding-bottom:8px}.detail-section .text{color:#374151;line-height:1.6;font-size:14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-pair .name{font-size:13px;color:var(--muted)}.info-pair .val{font-weight:700;color:var(--text);margin-top:6px}.similar-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding-right:6px}.similar-item{background:#fff;border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:var(--muted);width:100%}.similar-list{-ms-overflow-style:none;scrollbar-width:none}.similar-list::-webkit-scrollbar{display:none}.similar-list.fallback-visible::-webkit-scrollbar{width:8px}.jp-modal-body .recruiter-card{background:#ffffff!important;padding:20px!important;border-radius:12px!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important;display:flex!important;gap:16px!important;align-items:flex-start!important;margin-bottom:24px!important;transition:all .2s!important;color:inherit!important}.jp-modal-body .recruiter-card:hover{box-shadow:0 4px 12px #00000014!important;transform:translateY(-1px)}.jp-modal-body .recruiter-avatar{width:64px!important;height:64px!important;border-radius:8px!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:700!important;font-size:24px!important;flex-shrink:0!important;border:1px solid #e5e7eb!important}.jp-modal-body .recruiter-info{flex:1!important;min-width:0!important}.jp-modal-body .recruiter-info .org{font-weight:700!important;font-size:16px!important;color:#111827!important;margin:0 0 4px!important;line-height:1.3!important}.jp-modal-body .recruiter-info .role{font-size:14px!important;color:#6b7280!important;display:block!important;margin-bottom:8px!important}.jp-modal-body .recruiter-info a{font-size:14px!important;color:#3b82f6!important;text-decoration:none!important;word-break:break-all!important;transition:color .2s!important}.jp-modal-body .recruiter-info a:hover{color:#2563eb!important;text-decoration:underline!important}.jp-modal-body .stats-card,.jp-side-col .stats-card{background:#ffffff!important;border:1px solid #e5e7eb!important;border-left:4px solid #3b82f6!important;padding:16px!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d!important;transition:all .2s!important;color:inherit!important}.jp-modal-body .stats-card:hover{box-shadow:0 4px 12px #00000014!important;transform:translateY(-1px)}.jp-modal-body .stats-card .label,.jp-side-col .stats-card .label{font-size:13px!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:500!important;display:block!important;margin-bottom:8px!important}.jp-modal-body .stats-card .value,.jp-side-col .stats-card .value{font-size:22px!important;font-weight:700!important;color:#111827!important;line-height:1.2!important;display:block!important;margin:0!important}.jp-main-col h3{font-size:18px!important;font-weight:700!important;color:#111827!important;margin:0 0 16px!important;padding-bottom:12px!important;border-bottom:2px solid #e5e7eb!important}.jp-main-col h4{font-size:16px!important;font-weight:600!important;color:#374151!important;margin:24px 0 12px!important}.jp-main-col p,.jp-main-col .text{color:#4b5563!important;line-height:1.7!important;margin:12px 0!important;font-size:15px!important}.jp-main-col ul{list-style:none!important;padding:0!important;margin:12px 0!important}.jp-main-col ul li{color:#4b5563!important;line-height:1.7!important;margin:8px 0!important;padding-left:24px!important;position:relative!important;font-size:15px!important}.jp-main-col ul li:before{content:"•"!important;color:#3b82f6!important;font-weight:700!important;font-size:18px!important;position:absolute!important;left:8px!important}.jp-main-col .detail-section{margin-bottom:32px!important}.jp-main-col .detail-section:last-child{margin-bottom:0!important}.jp-main-col .two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin:16px 0!important}.jp-main-col .info-pair{background:#f9fafb!important;padding:16px!important;border-radius:8px!important;border:1px solid #e5e7eb!important}.jp-main-col .info-pair .name{font-size:13px!important;color:#6b7280!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-weight:500!important;display:block!important;margin-bottom:8px!important}.jp-main-col .info-pair .val{font-size:16px!important;font-weight:600!important;color:#111827!important;display:block!important}.jp-side-col h3{font-size:16px!important;font-weight:700!important;color:#111827!important;margin:0 0 16px!important;padding-bottom:8px!important;border-bottom:2px solid #e5e7eb!important}.jp-side-col .similar-list{display:flex!important;flex-direction:column!important;gap:12px!important;max-height:400px!important;overflow-y:auto!important;padding-right:8px!important}.jp-side-col .similar-item{background:#ffffff!important;border:1px solid #e5e7eb!important;padding:16px!important;border-radius:12px!important;transition:all .2s!important;cursor:pointer!important}.jp-side-col .similar-item:hover{background:#f9fafb!important;border-color:#3b82f6!important;box-shadow:0 2px 8px #3b82f61a!important;transform:translate(4px)}.jp-apply-sticky{position:sticky!important;bottom:0!important;background:#ffffff!important;padding:20px 24px!important;border-top:1px solid #e5e7eb!important;box-shadow:0 -4px 12px #0000000d!important;z-index:20!important;display:flex!important;gap:12px!important;align-items:center!important;justify-content:flex-end!important}.jp-apply-sticky .btn{padding:14px 32px!important;font-size:16px!important;font-weight:600!important;border-radius:10px!important;border:none!important;cursor:pointer!important;transition:all .2s!important;min-width:140px!important}.jp-apply-sticky .btn.primary{background:#3b82f6!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important}.jp-apply-sticky .btn.primary:hover{background:#2563eb!important;box-shadow:0 6px 16px #3b82f666!important;transform:translateY(-2px)}.jp-apply-sticky .btn.outline{background:#ffffff!important;color:#3b82f6!important;border:2px solid #3b82f6!important}.jp-apply-sticky .btn.outline:hover{background:#eff6ff!important;border-color:#2563eb!important;color:#2563eb!important}.application-form .form-group input,.application-form .form-group textarea,.application-form .form-group select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 0}@media (max-width: 920px){.jp-modal-body{flex-direction:column}.jp-side-col{width:100%}.filters{flex-direction:column}.jp-container{padding:18px 16px}}@media (max-width: 520px){.jp-title{font-size:20px}.jp-card-inner{padding:14px}.jp-actions{flex-direction:column;gap:8px}.jp-side-col{width:100%}.similar-list{flex-direction:column}}.btn{box-sizing:border-box;-webkit-font-smoothing:antialiased}.btn.primary{background:#2563eb;color:#fff;border:1px solid rgba(37,99,235,.14);box-shadow:0 8px 24px #2563eb1a}.btn.primary:hover{background:#1e40af;transform:translateY(-1px)}.btn.secondary,.btn.outline{background:#fff;color:var(--primary);border:1px solid rgba(15,23,42,.06)}.btn:focus{outline:3px solid rgba(37,99,235,.14);outline-offset:3px}.btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}.btn{cursor:pointer;-webkit-user-select:none;user-select:none}.jp-modal .btn{z-index:120;position:relative}.jp-modal .jp-modal-footer .btn{min-width:110px}.recruiter-card{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:8px 12px;align-items:start}.recruiter-avatar{grid-row:1 / span 2;grid-column:1}.recruiter-info{grid-column:2}.recruiter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;margin:0}.recruiter-actions .btn{max-width:120px;min-width:0;padding:8px 12px;font-size:13px}.recruiter-actions .btn.outline{background:transparent;color:var(--primary);border:1px solid rgba(37,99,235,.12);box-shadow:none}.recruiter-actions .btn.primary{background:#2563eb;color:#fff;border:1px solid rgba(37,99,235,.12);box-shadow:0 6px 18px #2563eb14}@media (max-width:880px){.recruiter-card{grid-template-columns:1fr;grid-template-rows:auto auto}.recruiter-avatar{grid-row:1;grid-column:1}.recruiter-info{grid-column:1}.recruiter-actions{grid-column:1;justify-content:flex-end}.recruiter-actions .btn{width:auto;max-width:48%}}.similar-list,.similar-item,.similar-job-card{display:none!important}.jp-modal .detail-section{padding:22px 0;margin:0}.jp-modal .detail-section h4{font-size:17px;color:var(--primary-strong);margin-bottom:14px}.jp-modal .detail-section .text{color:#263244;font-size:15px;line-height:1.75}@media (max-width: 920px){.jp-modal-body{flex-direction:column!important}.jp-side-col{width:100%!important;border-left:none!important;border-top:1px solid #e5e7eb!important;position:static!important;max-height:none!important}.jp-main-col,.jp-side-col{padding:24px!important}.jp-modal{max-width:95%!important}}@media (max-width: 768px){.jp-modal-header{padding:20px!important}.jp-modal-header h2,.jp-modal-header h3{font-size:20px!important}.jp-main-col,.jp-side-col{padding:20px!important}.stats-row{flex-direction:column!important}.stat-chip{min-width:100%!important}.jp-main-col .two-col{grid-template-columns:1fr!important;gap:12px!important}.jp-apply-sticky{padding:16px!important;flex-direction:column!important}.jp-apply-sticky .btn{width:100%!important;min-width:100%!important}}@media (max-width: 520px){.jp-modal-overlay{padding:60px 12px 20px!important}.jp-modal{border-radius:12px!important}.jp-modal-header{padding:16px!important}.jp-modal-header h2,.jp-modal-header h3{font-size:18px!important}.jp-main-col,.jp-side-col{padding:16px!important}.jp-main-col h3{font-size:16px!important}.jp-main-col p,.jp-main-col .text,.jp-main-col ul li{font-size:14px!important}.jp-modal-body .recruiter-card{flex-direction:column!important;padding:16px!important}.jp-modal-body .recruiter-avatar{width:56px!important;height:56px!important;font-size:20px!important}.jp-apply-sticky{padding:12px!important}.jp-apply-sticky .btn{padding:12px 24px!important;font-size:14px!important}}.jp-modal-body{padding:30px 36px;max-width:980px;margin:0 auto}.jp-modal .jp-main-col{padding-right:12px}.jp-modal .jp-side-col{width:320px;padding-left:12px}.additional-info{gap:28px;padding-top:6px;padding-bottom:12px}.info-pair .name{color:var(--muted);font-size:13px}.info-pair .val{color:var(--primary-strong);font-weight:800}.jp-modal .stats-card{margin-top:14px;padding:16px}.card.premium-note{margin-top:18px;padding:16px}.jp-card{overflow:visible}.jp-card .btn{min-width:110px}:root{--soft-border: rgba(15,23,42,.06);--muted-2: #6b7280}.jp-modal{border-radius:16px;overflow:visible}.jp-modal-header{padding:20px 24px;border-bottom:1px solid var(--soft-border);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.96))}.jp-modal-header h3{font-size:22px;letter-spacing:-.2px}.jp-modal-header .modal-close{padding:10px;border-radius:10px}.jp-card-title{font-size:19px;color:var(--primary-strong);letter-spacing:-.2px}.jp-card-sub{font-size:13px;color:var(--muted-2)}.jp-desc{color:#475569}.badge{padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;box-shadow:inset 0 -1px #ffffff05}.badge.premium,.badge.featured{display:none!important}.jp-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.jp-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0206170f;border-color:#0b3b6614}.similar-list .similar-item,.similar-job-card{background:#fff;border:1px solid rgba(15,23,42,.04);padding:12px 14px;border-radius:10px}.jp-modal.small.vertical .recruiter-card{background:linear-gradient(180deg,#0b1220,#0f1724);color:#eef2f6;padding:18px;border-radius:14px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;gap:12px}.jp-modal.small.vertical .recruiter-avatar{width:64px;height:64px;border-radius:12px;grid-row:1 / span 2}.jp-modal.small.vertical .recruiter-info{grid-column:2;display:flex;flex-direction:column;gap:6px}.jp-modal.small.vertical .recruiter-info .org{color:#f8fafc;font-weight:800}.jp-modal.small.vertical .recruiter-info .role{color:#cbd5e1}.jp-modal.small.vertical .recruiter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:12px;align-items:center}.jp-modal.small.vertical .recruiter-actions .btn{min-width:120px;padding:10px 16px;border-radius:999px;box-shadow:0 8px 20px #02061729}.jp-modal.small.vertical .recruiter-actions .btn.outline{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.06)}.jp-modal.small.vertical .recruiter-actions .btn.primary{background:#60a5fa;color:#0f1724;font-weight:800}.btn{border-radius:999px;padding:10px 16px;font-weight:700}.btn.outline{background:transparent}.jp-modal-body{gap:26px}.jp-modal.small.vertical .recruiter-card{padding:18px 20px;border-radius:14px;background:linear-gradient(180deg,#081123,#0f1724);box-shadow:0 18px 40px #0206172e}.jp-modal.small.vertical .recruiter-avatar{width:64px;height:64px;border-radius:12px;background:#1d4ed8;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 6px 18px #0206172e}.jp-modal.small.vertical .recruiter-info .org{color:#fff;font-weight:800;font-size:16px}.jp-modal.small.vertical .recruiter-info .role{color:#ffffffc7;font-size:13px}.jp-modal.small.vertical .recruiter-actions{gap:12px;align-items:center;padding-top:2px}.jp-modal.small.vertical .recruiter-actions .btn{min-width:120px;padding:10px 16px;font-size:14px}.jp-modal.small.vertical .recruiter-actions .btn.primary{background:#1d4ed8;color:#fff;box-shadow:0 8px 24px #1d4ed824}.jp-modal.small.vertical .recruiter-actions .btn.outline{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.06)}.jp-modal .stats-card{background:#ffffff;color:var(--text);border-left:4px solid var(--accent);padding:14px;border-radius:10px;box-shadow:0 6px 18px #0206170a}.jp-modal .stats-card .label{color:var(--muted);font-size:13px}.jp-modal .stats-card .value{color:var(--primary-strong);font-size:18px;font-weight:800}.jp-modal-body{padding:20px 22px;line-height:1.65;color:#334155}.jp-modal.small{max-width:880px}.jp-modal.large{max-width:1100px}.jp-modal .application-summary{box-shadow:none}.jp-modal-body::-webkit-scrollbar{width:10px}.jp-modal-body::-webkit-scrollbar-thumb{background:rgba(2,6,23,.12);border-radius:999px}.jp-modal .job-description-section h2,.jp-modal .detail-section h4{color:var(--primary-strong);font-weight:800}.similar-list .similar-item,.similar-job-card{border-radius:10px}.btn.primary:focus{outline:3px solid rgba(29,78,216,.18);outline-offset:3px}.jp-page{background:#e1eaa9!important;color:var(--text)!important}.btn.apply-now,.jp-card .btn.primary,.recruiter-actions .btn.primary{background:#524393!important;color:#fff!important}.btn.secondary,.btn.outline{background:#ffffff!important;color:#524393!important}.tag,.jp-tags .tag{background:#eff6ff!important;color:#524393!important}.card.premium-note{background:linear-gradient(180deg,#6d83af,#afb5c2);color:#fff;padding:14px;border-radius:10px;margin-top:12px;box-shadow:0 8px 20px #0206171f;border:1px solid rgba(255,255,255,.04)}.card.premium-note,.card.premium-note *{color:#fff!important}.card.premium-note a{color:#fff!important;text-decoration:underline}.card.premium-note .label,.card.premium-note .muted{color:#ffffffd9!important}.jp-card{overflow:hidden;position:relative}.jp-card .jp-actions,.jp-card .job-actions{position:relative;display:flex;gap:10px;align-items:center;justify-content:flex-end}.jp-card .btn{position:relative;right:auto;transform:none;margin:0;display:inline-flex;align-items:center;justify-content:center}.btn.apply-now,.jp-card .btn.primary,.recruiter-actions .btn.primary{background:#2563eb;color:#fff;padding:10px 18px;border-radius:999px;box-shadow:0 8px 20px #2563eb1a;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.apply-now:hover,.jp-card .btn.primary:hover,.recruiter-actions .btn.primary:hover{background:#1e40af}.recruiter-actions .btn.outline,.jp-card .btn.outline{background:transparent;color:var(--primary);border:1px solid rgba(37,99,235,.12);padding:10px 16px;border-radius:999px}.jp-card .btn[style],.jp-card .btn{left:auto!important;right:auto!important;bottom:auto!important;display:inline-flex!important}@media (max-width:880px){.jp-card .btn.apply-now,.jp-card .btn.primary,.recruiter-actions .btn.primary{width:100%;max-width:100%;margin-top:6px}.recruiter-actions{justify-content:flex-end}}.jp-modal.small.vertical .recruiter-card,.jp-modal.small.vertical .recruiter-card *,.recruiter-card.dark,.recruiter-card.dark *{color:#fff!important}.jp-modal.small.vertical .recruiter-card .role,.recruiter-card .role{color:#ffffffe6!important}.jp-modal .recruiter-card{display:flex!important;align-items:center!important;gap:16px!important;padding:18px 20px!important;background:linear-gradient(135deg,#A9A2CD 100%)!important;color:#fff!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 10px 30px #0003!important;border:1px solid rgba(255,255,255,.08)!important}.jp-modal .card.premium-note{background:#A9A2CD!important;color:#fff!important;padding:12px 16px!important;border-radius:10px!important}.scroll-to-top{position:fixed;bottom:32px;left:32px;width:56px;height:56px;background:linear-gradient(135deg,#6d28d9 0%,#5b21b6 100%);color:#fff;border:none;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;box-shadow:0 8px 24px #6d28d94d,0 2px 8px #0000001a;transition:all .3s ease;z-index:1000;font-size:10px;font-weight:700;letter-spacing:.5px}.scroll-to-top:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6d28d966,0 4px 12px #00000026;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%)}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top svg{width:20px;height:20px;stroke-width:2.5}.scroll-to-top span{margin-top:-2px}@media (max-width: 768px){.scroll-to-top{bottom:20px;left:20px;width:48px;height:48px}.scroll-to-top svg{width:18px;height:18px}.scroll-to-top span{font-size:9px}}.application-form .form-actions .btn.primary,.jp-modal .form-actions .btn.primary{background:#524393!important;color:#fff!important;border:1px solid rgba(0,0,0,.06)!important;box-shadow:0 1px #10182805!important}.learning-page-root{min-height:100vh;background:#f8fafc}.learning-main{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;padding:2.5rem 1rem;max-width:1400px;margin:0 auto}.learning-main .left,.learning-main .right{min-width:0}.hero{margin-bottom:2.5rem;background:white;padding:2rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.hero h1{font-size:2.5rem;font-weight:800;margin:0 0 .75rem;color:#0f172a;letter-spacing:-.025em}.hero .sub{font-size:1.125rem;color:#64748b;margin:0 0 2rem;line-height:1.6}.hero-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-wrap{flex:1;min-width:280px;display:flex;gap:.75rem;align-items:center}.search-field{flex:1;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border:2px solid #e2e8f0;border-radius:.75rem;background:white;transition:all .2s ease}.search-field:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-field input{flex:1;border:none;outline:none;font-size:1rem;color:#1f2937;font-weight:500}.hero-options select{padding:.875rem 1.25rem;border:2px solid #e2e8f0;border-radius:.75rem;background:white;color:#1f2937;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.hero-options select:hover{border-color:#cbd5e1}.hero-options select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.courses-section{margin-bottom:3rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .25rem}.section-head h2{font-size:1.875rem;font-weight:700;margin:0;color:#0f172a;letter-spacing:-.025em}.section-head .muted{color:#64748b;font-size:1rem;font-weight:500;margin:0}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;align-items:stretch}.course-card{background:white;border-radius:1rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f1f5f9}.course-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px);border-color:#e2e8f0}.card-thumbnail{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#eef2f7 0%,#e6eef6 100%);overflow:hidden;flex-shrink:0}.card-image{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#eef2f7 0%,#e6eef6 100%);display:flex;align-items:center;justify-content:center;color:#0f172a;font-weight:800;text-align:center;padding:1.5rem;font-size:1.05rem}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;opacity:.9}.play-overlay:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.75rem;color:#0f172a}.course-title{font-size:1.15rem;font-weight:800;margin:0;color:#071033;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.375rem}.course-instructor{font-size:.9rem;color:#334155;margin:0;font-weight:600}.course-meta{display:flex;align-items:center;gap:.5rem;margin-top:6px}.course-id{font-size:.75rem;color:#475569;background:rgba(15,23,42,.04);padding:4px 8px;border-radius:6px}.btn-copy{background:transparent;border:1px solid #e2e8f0;color:#1d4ed8;padding:6px 10px;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .15s ease}.btn-copy:hover{background:#eff6ff;transform:translateY(-1px)}.course-rating{display:flex;align-items:center;gap:.5rem}.stars{display:flex;gap:.125rem}.rating-value{font-size:.875rem;font-weight:700;color:#0b1220}.course-price{margin-top:auto;padding-top:.75rem;border-top:1px solid #f1f5f9}.price-free{font-size:1.25rem;font-weight:800;color:#10b981}.price-amount{font-size:1.25rem;font-weight:800;color:#0f172a}.card-actions{display:flex;flex-direction:column;gap:.75rem}.btn-enroll{width:100%;background:#2563eb;color:#fff;border:none;border-radius:.75rem;padding:.875rem 1.25rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #2563eb1a}.btn-enroll:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px #2563eb33;transform:translateY(-1px)}.btn-enroll:active{transform:translateY(0)}.action-buttons{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.btn-save{background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-save:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save.saved{background:#eff6ff;border-color:#2563eb}.btn-details{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:.5rem;transition:all .2s ease;flex:1}.btn-details:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.btn-primary,.btn-secondary,.btn-ghost,.btn-outline,.btn-link{padding:.75rem 1.5rem;border:none;border-radius:.75rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#2563eb;color:#fff;box-shadow:0 1px 2px #2563eb1a}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px #2563eb33;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-ghost{background:transparent;color:#64748b;border:1px solid #e2e8f0}.btn-ghost:hover{background:#f8fafc;color:#0f172a}.btn-outline{background:white;color:#2563eb;border:2px solid #2563eb}.btn-outline:hover{background:#eff6ff}.btn-link{background:transparent;color:#2563eb;padding:.5rem .75rem}.btn-link:hover{text-decoration:underline;color:#1d4ed8}.job-filters{position:sticky;top:2rem}.filters-panel{background:white;border:1px solid #f1f5f9;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.filters-header h3{font-size:1.25rem;font-weight:700;margin:0;color:#0f172a;letter-spacing:-.025em}.clear-filters{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;font-size:.875rem;padding:.5rem .75rem;border-radius:.5rem;transition:all .2s ease}.clear-filters:hover{background:#eff6ff}.filter-group{margin-bottom:1.5rem}.filter-group:last-of-type{margin-bottom:0}.filter-group label{display:block;font-weight:600;color:#0f172a;margin-bottom:.75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.filters-panel h4{font-size:.875rem;font-weight:700;color:#0f172a;margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:.025em}.filter-group select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;background:white;color:#0f172a;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-group select:hover{border-color:#cbd5e1}.filter-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.company-list,.saved-list{display:flex;flex-direction:column;gap:.625rem}.company{padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;color:#0f172a;font-weight:500;transition:all .2s ease;cursor:pointer;text-align:center}.company:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb1a}.company.active{background:#eff6ff;border-color:#2563eb;color:#2563eb;box-shadow:0 2px 6px #2563eb1f;transform:translateY(-1px)}.saved-item{padding:.875rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.saved-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.saved-title{font-size:.875rem;font-weight:600;color:#0f172a;line-height:1.4}.saved-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:white;border-radius:1rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #f1f5f9}.modal-head h3{font-size:1.5rem;font-weight:700;margin:0;color:#0f172a;letter-spacing:-.025em}.close{background:#f8fafc;border:1px solid #e2e8f0;width:2.5rem;height:2.5rem;border-radius:.5rem;font-size:1.25rem;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close:hover{background:#f1f5f9;color:#0f172a}.modal-body{padding:2rem}.modal-body form{display:flex;flex-direction:column;gap:1.5rem}.modal-body label{display:flex;flex-direction:column;gap:.75rem;font-weight:600;color:#0f172a;font-size:.9375rem}.modal-body input,.modal-body textarea{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:.9375rem;font-family:inherit;transition:all .2s ease}.modal-body input:focus,.modal-body textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-body textarea{min-height:120px;resize:vertical}.skill-tag{display:inline-block;background:#eff6ff;color:#2563eb;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid #dbeafe}@media (max-width: 1024px){.learning-main{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.job-filters{position:static}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hero h1{font-size:2rem}.section-head h2{font-size:1.5rem}}@media (max-width: 768px){.learning-main{padding:1.5rem 1rem}.hero{padding:1.5rem;margin-bottom:1.5rem}.hero h1{font-size:1.75rem}.hero .sub{font-size:1rem}.hero-controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-wrap{min-width:100%}.courses-grid{grid-template-columns:1fr;gap:1.5rem}.section-head{flex-direction:column;align-items:flex-start;gap:.5rem}.section-head h2{font-size:1.5rem}.card-thumbnail{height:180px}.filters-panel{padding:1.5rem}.modal{width:95%;max-height:95vh}.modal-head,.modal-body{padding:1.5rem}.modal-head h3{font-size:1.25rem}}@media (max-width: 480px){.learning-main{padding:1rem}.hero{padding:1.25rem}.hero h1{font-size:1.5rem}.section-head h2{font-size:1.25rem}.card-content{padding:1.25rem}.course-title{font-size:1rem}.filters-panel{padding:1.25rem}.btn-primary,.btn-secondary,.btn-ghost,.btn-outline{padding:.75rem 1rem;font-size:.875rem}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.sort-select{padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:white;color:var(--text-primary);cursor:pointer;min-width:200px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;height:56px;font-size:1rem;box-shadow:0 2px 4px #00000005;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23524393'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.25rem;
  padding-right: 3rem;
}

.sort-select:hover {
  border-color: var(--primary-color);background-color:var(--surface-color);box-shadow:0 4px 8px #0000000f}:root{--background-color: #f9fafb;--text-primary: #1f2937;--text-secondary: #6b7280;--primary-color: #667eea;--border-color: #e5e7eb;--error-color: #ef4444;--success-color: #10b981}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.submission-header{text-align:center;margin-bottom:2rem}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;margin-bottom:1rem;color:#fff}.submission-header p{color:var(--text-secondary);font-size:1rem}.manuscript-card{background:white;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;animation:fadeIn .3s ease-out}.card-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input.error,.form-textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.abstract-type-selector{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background:#f8fafc;border-radius:.5rem}.type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:.5rem;background:white;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.type-option:hover{border-color:var(--primary-color);background:#eff6ff}.type-option.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.abstract-text-input{position:relative}.char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:var(--text-secondary);background:white;padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--border-color);pointer-events:none}.upload-area{border:2px dashed var(--border-color);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#fafafa}.upload-area:hover{border-color:var(--primary-color);background:#f0f9ff}.file-input-hidden{display:none}.file-uploaded{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border:1px solid var(--border-color);border-radius:.5rem;margin-top:.5rem}.file-info{display:flex;align-items:center;gap:1rem;flex:1}.file-icon{color:var(--primary-color)}.btn-remove{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #fecaca;border-radius:.375rem;background:#fee2e2;color:#dc2626;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#fecaca;border-color:#dc2626}.author-card{background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem;transition:all .2s ease}.author-card:hover{box-shadow:0 2px 8px #0000000d}.badge-primary{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem 2rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-outline{background:white;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer}.btn-outline:hover{background:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}@media (max-width: 768px){.abstract-type-selector{flex-direction:column}.type-option{width:100%}.form-grid{grid-template-columns:1fr}.file-uploaded{flex-direction:column;gap:1rem}.btn-remove{width:100%;justify-content:center}}.filter-select-modern{padding:1rem 3rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--background-color);color:var(--text-primary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition);min-width:180px;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.collaborate-page{padding:3.5rem 0;background:linear-gradient(180deg,#1B1528 0%,#0f0e1a 100%);min-height:calc(100vh - 120px);color:#e6eef8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;display:flex;align-items:center;justify-content:center}.collaborate-page .container{max-width:980px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.collab-panel{background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(255,255,255,.006));border:1px solid rgba(255,255,255,.04);border-radius:1rem;box-shadow:0 28px 60px #020617bf;padding:2rem 2.25rem;width:100%;max-width:820px;margin:0 auto}.collab-header h1{margin:0 0 .25rem;font-size:1.4rem;letter-spacing:-.02em}.collab-header .muted{color:#ffffffa6;margin:0 0 .75rem}.collaborate-page .collab-form{display:flex;flex-direction:column;gap:1.25rem}.collaborate-page .form-row{display:flex;flex-direction:column;gap:.6rem}.collaborate-page .form-row.small{gap:.25rem}.form-label{font-weight:700;font-size:.98rem;color:#f3f7fb}.required{color:#f43f5e;margin-left:.25rem;font-weight:700}.collaborate-page .form-input,.collaborate-page .form-textarea{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);color:#e6eef8;padding:1rem;border-radius:.7rem;transition:border-color .12s ease,box-shadow .12s ease;font-size:1rem}.collaborate-page .form-input.has-error,.collaborate-page .form-textarea.has-error{border-color:#ef4444f2;box-shadow:0 6px 20px #ef44440f}.collaborate-page .form-textarea{min-height:180px;resize:vertical}.field-error{color:#fecaca;font-size:.85rem;margin-top:.25rem}.toggle-row{display:flex;align-items:center;gap:.75rem}.collaborate-page .toggle{position:relative;display:inline-block;width:52px;height:30px}.collaborate-page .toggle input{opacity:0;width:0;height:0}.collaborate-page .toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.03);border-radius:999px;transition:background .12s ease}.collaborate-page .toggle-track:before{content:"";position:absolute;height:22px;width:22px;left:4px;top:4px;background:white;border-radius:50%;transform:translate(0);transition:transform .14s ease;box-shadow:0 6px 16px #02061780}.collaborate-page .toggle input:checked+.toggle-track{background:linear-gradient(90deg,#524393,#A2A2D0)}.collaborate-page .toggle input:checked+.toggle-track:before{transform:translate(22px);background:white}.collaborate-page .form-actions{display:flex;justify-content:flex-end;gap:.9rem;margin-top:.75rem}.collaborate-page .btn-news{display:inline-flex;align-items:center;gap:.8rem;padding:.75rem 1.15rem;border-radius:.85rem;font-weight:800;cursor:pointer}.collaborate-page .btn-primary{background:linear-gradient(90deg,#524393,#A2A2D0);color:#fff;border:none;box-shadow:0 16px 44px #030712ad}.collaborate-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 60px #030712b8}.collaborate-page .btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.06);color:#e6eef8}.collaborate-page .btn-ghost{background:transparent;border:1px dashed rgba(255,255,255,.04);color:#fffc}@media (max-width: 768px){.collaborate-page .container{padding:0 1rem}.collab-panel{padding:1rem;border-radius:.75rem}.collaborate-page .form-actions{flex-direction:column-reverse;align-items:stretch}.collaborate-page .btn-news{width:100%;justify-content:center}.collaborate-page .form-textarea{min-height:140px}}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--accent-color: #06b6d4;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--bg-dark: #0f172a;--bg-card: rgba(15, 23, 42, .9);--border-color: rgba(255, 255, 255, .1);--surface-bg: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .25);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.article-submission-page{min-height:100vh;background:linear-gradient(180deg,rgba(7,16,37,.95) 0%,rgba(3,6,18,.95) 100%);padding:3rem 0;color:var(--text-primary)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.submission-header{margin-bottom:2.5rem;animation:fadeInDown .6s ease}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-left{display:flex;align-items:center;gap:1.5rem}.header-icon{color:var(--primary-color);animation:pulse 2s infinite}.submission-header h1{font-size:2.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;line-height:1.2}.submission-header p{color:var(--text-secondary);font-size:1rem;margin:0}.btn-icon{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--primary-gradient);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-md)}.submission-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.editor-main{display:flex;flex-direction:column;gap:1.5rem}.editor-sidebar{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.editor-card,.sidebar-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg);transition:all var(--transition-smooth);animation:fadeInUp .6s ease}.editor-card:hover,.sidebar-card:hover{border-color:#667eea4d;box-shadow:0 20px 60px #667eea26}.card-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.card-badge{padding:.25rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-badge:not(.optional){background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.card-badge.optional{background:var(--surface-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.form-section{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.form-label.required:after{content:"*";color:var(--error-color);font-weight:700}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,.05);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);background:rgba(102,126,234,.05);box-shadow:0 0 0 4px #667eea1a}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--error-color);background:rgba(239,68,68,.05)}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{box-shadow:0 0 0 4px #ef44441a}.form-textarea{min-height:100px;resize:vertical;line-height:1.6}.error-message{display:flex;align-items:center;gap:.375rem;color:var(--error-color);font-size:.75rem;font-weight:500;margin-top:.25rem}.character-count{text-align:right;color:var(--text-secondary);font-size:.75rem;font-weight:500}.image-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--surface-bg)}.image-upload-area:hover{border-color:var(--primary-color);background:rgba(102,126,234,.05);transform:translateY(-2px)}.image-upload-area.error{border-color:var(--error-color);background:rgba(239,68,68,.05)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{color:var(--primary-color);opacity:.7}.upload-text h4{margin:0 0 .5rem;color:var(--text-primary);font-weight:600;font-size:1rem}.upload-text p{margin:0 0 .25rem;color:var(--text-secondary);font-size:.875rem}.upload-text span{color:var(--text-secondary);font-size:.75rem}.image-preview{position:relative;display:inline-block;width:100%;border-radius:var(--radius-md);overflow:hidden}.image-preview img{width:100%;max-height:400px;object-fit:cover;display:block}.remove-image{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.remove-image:hover{background:var(--error-color);border-color:var(--error-color);transform:scale(1.1)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1rem}.toolbar-group{display:flex;gap:.25rem;padding-right:.75rem;border-right:1px solid var(--border-color)}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar-button:hover{background:rgba(102,126,234,.1);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.toolbar-button:active{transform:translateY(0)}.content-editor{min-height:400px;padding:1.5rem;background:rgba(255,255,255,.03);border:1.5px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;line-height:1.8;overflow-y:auto;transition:all var(--transition-fast)}.content-editor:focus{outline:none;border-color:var(--primary-color);background:rgba(102,126,234,.02);box-shadow:0 0 0 4px #667eea1a}.content-editor.error{border-color:var(--error-color);background:rgba(239,68,68,.03)}.content-editor[contenteditable=true]:empty:before{content:attr(placeholder);color:var(--text-secondary);font-style:italic}.content-editor h1,.content-editor h2,.content-editor h3{color:var(--text-primary);font-weight:600;margin:1.5rem 0 1rem;line-height:1.3}.content-editor h1{font-size:1.75rem}.content-editor h2{font-size:1.5rem}.content-editor h3{font-size:1.25rem}.content-editor p{margin:1rem 0}.content-editor ul,.content-editor ol{margin:1rem 0;padding-left:2rem}.content-editor li{margin:.5rem 0}.content-editor blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--text-secondary)}.content-editor code{background:rgba(102,126,234,.1);color:var(--primary-color);padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.875rem}.content-editor img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1.5rem 0}.content-editor a{color:var(--primary-color);text-decoration:underline;transition:color var(--transition-fast)}.content-editor a:hover{color:var(--primary-dark)}.editor-stats{display:flex;gap:1.5rem;align-items:center}.stat-item{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.stat-item strong{color:var(--primary-color);font-weight:600}.doc-upload-section{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:1rem}.doc-upload-info{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.doc-upload label{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.doc-upload label:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.input-with-button{display:flex;gap:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:60px}.tag-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(118,75,162,.2) 100%);border:1px solid rgba(102,126,234,.3);border-radius:2rem;color:var(--primary-color);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);animation:fadeIn .3s ease}.tag-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.tag-remove:hover{background:var(--error-color);transform:scale(1.1)}.coauthor-item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.coauthor-item:hover{border-color:#667eea4d;background:rgba(102,126,234,.05)}.coauthor-item .form-grid{flex:1;margin-bottom:0}.remove-coauthor{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--error-color);cursor:pointer;transition:all var(--transition-fast)}.remove-coauthor:hover{background:var(--error-color);color:#fff;transform:scale(1.05)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 16px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:rgba(102,126,234,.1);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-large{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:1.5rem}.action-buttons{display:flex;gap:1rem}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-label{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-label:hover{border-color:var(--primary-color);background:rgba(102,126,234,.05)}.radio-label input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.radio-label span{font-weight:500;color:var(--text-primary)}.sidebar-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.guidelines-list,.tips-list{display:flex;flex-direction:column;gap:1.25rem}.guideline-item,.tip-item{display:flex;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.guideline-item:last-child,.tip-item:last-child{border-bottom:none;padding-bottom:0}.guideline-icon{color:var(--success-color);flex-shrink:0;margin-top:.25rem}.guideline-item div,.tip-item div{flex:1}.guideline-item strong,.tip-item strong{display:block;color:var(--text-primary);font-weight:600;font-size:.875rem;margin-bottom:.25rem}.guideline-item span,.tip-item span{display:block;color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.stats-card{background:var(--primary-gradient);border:none}.stats-card h3{color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{text-align:center;padding:1rem;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);transition:all var(--transition-fast)}.stat-box:hover{background:rgba(255,255,255,.25);transform:translateY(-4px)}.stat-value{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.preview-card{animation:fadeIn .4s ease}.preview-content{padding:2rem;background:rgba(255,255,255,.02);border-radius:var(--radius-md)}.article-preview{max-width:100%;line-height:1.8}.preview-featured-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:2rem}.preview-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.875rem}.preview-category{padding:.375rem .875rem;background:var(--primary-gradient);color:#fff;border-radius:2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.preview-date{color:var(--text-secondary)}.article-preview h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.preview-excerpt{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.preview-content-body{color:var(--text-primary);line-height:1.8}.preview-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.preview-tag{padding:.5rem 1rem;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.3);border-radius:2rem;color:var(--primary-color);font-size:.8125rem;font-weight:500}.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;animation:fadeIn .6s ease}.auth-icon{color:var(--primary-color);margin-bottom:2rem;animation:pulse 2s infinite}.auth-required h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.auth-required p{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem;max-width:500px}.auth-required button{margin-top:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){.submission-layout{grid-template-columns:1fr 320px}}@media (max-width: 1024px){.submission-layout{grid-template-columns:1fr}.editor-sidebar{position:static;order:-1}}@media (max-width: 768px){.container{padding:0 1rem}.article-submission-page{padding:2rem 0}.submission-header h1{font-size:1.875rem}.header-content{flex-direction:column;align-items:flex-start}.editor-card,.sidebar-card{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column;align-items:stretch}.action-buttons{flex-direction:column;width:100%}.action-buttons button,.form-actions>button{width:100%}.toolbar{gap:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.coauthor-item,.input-with-button{flex-direction:column}.input-with-button button{width:100%}}@media (max-width: 480px){.submission-header h1{font-size:1.5rem}.editor-card,.sidebar-card{padding:1rem}.content-editor{min-height:300px}.article-preview h1{font-size:1.875rem}.preview-excerpt{font-size:1rem}.toolbar-group{border-right:none;padding-right:0;width:100%;justify-content:center}.stat-value{font-size:1.5rem}}.btn-primary:disabled,.btn-secondary:disabled{position:relative;overflow:hidden}.btn-primary:disabled:after,.btn-secondary:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{to{left:100%}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.content-editor:focus-visible,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.submission-header,.editor-sidebar,.toolbar,.form-actions,.header-actions{display:none}.editor-card{box-shadow:none;border:1px solid #ddd}}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--secondary-color: #e0f2fe;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--danger-color: #ef4444;--success-color: #10b981;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.reading-progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#8b5cf6);z-index:9999;transition:width .1s linear;box-shadow:0 2px 8px #3b82f666}.article-detail-page{min-height:100vh;background:var(--background-color);position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out backwards}.slide-up:nth-child(1){animation-delay:.1s}.slide-up:nth-child(2){animation-delay:.2s}.slide-up:nth-child(3){animation-delay:.3s}.slide-up:nth-child(4){animation-delay:.4s}.zoom-in{animation:zoomIn .8s ease-out}.scale-in{animation:scaleIn .3s ease-out}.bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.article-detail-container{max-width:900px;margin:2rem auto;padding:0 2rem;background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.article-detail-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#8b5cf6,#ec4899)}.article-header{padding:2rem 0;border-bottom:2px solid var(--border-color);position:relative}.breadcrumb{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast);position:relative}.breadcrumb a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-fast)}.breadcrumb a:hover:after{width:100%}.article-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,var(--text-primary),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.article-meta>div,.meta-item{display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.meta-item:hover{color:var(--primary-color);transform:translateY(-2px)}.reading-time{background:var(--secondary-color);padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:600}.author-link{color:var(--primary-color);text-decoration:none;font-weight:600;position:relative;transition:var(--transition-fast)}.author-link:hover{color:var(--primary-dark);transform:translate(2px)}.co-authors{font-style:italic;color:var(--text-secondary)}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{padding:.4rem 1rem;background:linear-gradient(135deg,var(--secondary-color),#dbeafe);color:var(--primary-color);border-radius:2rem;font-size:.875rem;font-weight:600;transition:var(--transition-fast);cursor:pointer;border:1px solid transparent}.tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.featured-image{margin:2rem 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}.featured-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.1));opacity:0;transition:var(--transition-normal)}.featured-image:hover:before{opacity:1}.featured-image img{width:100%;height:auto;display:block;transition:transform .5s ease}.featured-image:hover img{transform:scale(1.05)}.article-excerpt{padding:1.5rem;background:linear-gradient(135deg,var(--background-color),var(--secondary-color));border-left:4px solid var(--primary-color);margin:2rem 0;font-size:1.125rem;font-style:italic;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.article-excerpt:before{content:'"';position:absolute;top:-10px;left:10px;font-size:5rem;color:var(--primary-color);opacity:.1;font-family:Georgia,serif}.article-content{padding:2rem 0;font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.article-content h2{font-size:1.75rem;margin:2rem 0 1rem;color:var(--text-primary);position:relative;padding-left:1rem;border-left:4px solid var(--primary-color)}.article-content h3{font-size:1.5rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.article-content p{margin-bottom:1.25rem;transition:var(--transition-fast)}.article-content p:hover{color:var(--text-primary)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1.5rem 0;box-shadow:var(--shadow-md);transition:transform var(--transition-normal)}.article-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.blurred-content{position:relative;margin:2rem 0}.blur-overlay{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none;position:relative;opacity:.6}.login-prompt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:2.5rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;z-index:10;pointer-events:auto;border:2px solid var(--primary-color);max-width:400px}.login-prompt h3{margin-bottom:.5rem;font-size:1.5rem;color:var(--text-primary)}.login-prompt p{color:var(--text-secondary);margin-bottom:1.5rem}.login-prompt button{margin-top:1rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.login-prompt button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interaction-bar{display:flex;gap:1rem;padding:1.5rem 0;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color);flex-wrap:wrap}.interaction-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:600;color:var(--text-secondary);position:relative;overflow:hidden}.interaction-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-color);opacity:.2;transform:translate(-50%,-50%);transition:width .5s,height .5s}.interaction-btn:hover:before{width:300px;height:300px}.interaction-btn:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-md)}.interaction-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-md)}.interaction-btn svg{position:relative;z-index:1;transition:transform var(--transition-fast)}.interaction-btn:hover svg{transform:scale(1.2)}.share-dropdown{position:relative}.share-menu{display:none;position:absolute;top:100%;left:0;margin-top:.5rem;background:white;border:2px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:10;min-width:150px;overflow:hidden;animation:slideUp .3s ease-out}.share-dropdown:hover .share-menu{display:block}.share-menu button{display:block;width:100%;padding:.875rem 1rem;background:none;border:none;text-align:left;cursor:pointer;transition:var(--transition-fast);color:var(--text-primary);font-weight:600}.share-menu button:hover{background:var(--primary-color);color:#fff}.comments-section{padding:2rem 0}.comments-section h3{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-primary)}.comment-form{margin-bottom:2rem}.comment-form textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;resize:vertical;transition:var(--transition-fast)}.comment-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.comment-form button{margin-top:1rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition-fast);box-shadow:var(--shadow-md)}.comment-form button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-required{padding:2rem;text-align:center;background:var(--background-color);border-radius:var(--radius-sm);border:2px dashed var(--border-color)}.login-required a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.login-required a:hover{text-decoration:underline}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{padding:1.25rem;background:var(--background-color);border-radius:var(--radius-sm);border-left:4px solid var(--primary-color);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.comment:hover{transform:translate(5px);box-shadow:var(--shadow-md)}.comment-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.comment-header strong{color:var(--text-primary);font-weight:600}.comment-date{font-size:.875rem;color:var(--text-secondary)}.comment-content{color:var(--text-primary);line-height:1.6}.citation-block{padding:1.5rem;background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);margin:2rem 0;position:relative;overflow:hidden}.citation-block:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color)}.citation-block h4{margin-bottom:.75rem;color:var(--primary-color);font-size:1.125rem}.citation-block p{font-size:.875rem;font-family:Courier New,monospace;color:var(--text-secondary);background:white;padding:1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.author-section{padding:2rem 0;border-top:2px solid var(--border-color)}.author-section h3{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-primary)}.author-card{display:flex;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,var(--background-color),var(--secondary-color));border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.author-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.author-avatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.author-card:hover .author-avatar{transform:scale(1.1) rotate(5deg)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-details h4{margin-bottom:.5rem;font-size:1.25rem;color:var(--text-primary)}.author-bio{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.view-profile{color:var(--primary-color);text-decoration:none;font-weight:600;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem}.view-profile:hover{gap:.5rem;color:var(--primary-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.modal-content{background:white;border-radius:var(--radius-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-color)}.modal-header h3{font-size:1.25rem;color:var(--text-primary)}.modal-header button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);padding:.25rem;border-radius:var(--radius-sm)}.modal-header button:hover{background:var(--background-color);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:1.5rem}.modal-body label{display:block;margin-bottom:1.5rem;font-weight:600;color:var(--text-primary)}.modal-body select,.modal-body textarea{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);margin-top:.5rem;font-family:inherit;transition:var(--transition-fast)}.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.modal-footer{padding:1.5rem;border-top:2px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.modal-footer button{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.modal-footer button:first-child{background:var(--background-color);color:var(--text-primary);border:2px solid var(--border-color)}.modal-footer button:first-child:hover{background:var(--border-color)}.modal-footer .btn-danger{background:var(--danger-color);color:#fff;box-shadow:var(--shadow-md)}.modal-footer .btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{margin-top:1rem;color:var(--text-secondary)}.error-message{text-align:center;padding:4rem 2rem}.error-message h2{color:var(--text-primary);margin-bottom:1rem}.error-message button{margin-top:1rem;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.error-message button:hover{background:var(--primary-dark);transform:translateY(-2px)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition-fast);z-index:999}.scroll-to-top:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #3b82f666}@media (max-width: 768px){.article-detail-container{margin:1rem;padding:0 1.5rem}.article-title{font-size:1.75rem}.article-meta{flex-direction:column;gap:.75rem}.interaction-bar{flex-wrap:wrap;gap:.5rem}.interaction-btn{padding:.5rem 1rem;font-size:.875rem}.author-card{flex-direction:column;align-items:center;text-align:center}.modal-content{width:95%}.scroll-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}.networking-arena{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#ffffff 0%,#e0f2fe 30%,#4299e1 100%);background-size:200% 200%;animation:gradientShift 15s ease infinite;padding-bottom:2rem;position:relative;overflow-x:hidden;z-index:1;margin-top:-80px;padding-top:80px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.networking-arena:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 50%);animation:floatingParticles 20s ease-in-out infinite;pointer-events:none}@keyframes floatingParticles{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.networking-navbar{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 30px #4299e126,0 2px 10px #1b15280d;position:relative;z-index:100;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#4299e1,#60a5fa,#3b82f6) 1;animation:slideDown .6s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s ease}.networking-navbar:hover{box-shadow:0 6px 40px #4299e133,0 4px 15px #1b152814}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:nowrap}.navbar-left{display:flex;align-items:center;flex-shrink:0}.navbar-left .arena-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#4299e1 0%,#60a5fa 50%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;cursor:pointer;white-space:nowrap}.title-icon{color:#4299e1;filter:drop-shadow(0 2px 8px rgba(66,153,225,.4));flex-shrink:0}.navbar-center{flex:1;max-width:650px;animation:fadeInUp .8s ease-out .2s both;min-width:0}.search-trigger{width:100%;padding:1rem 1.75rem;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.9));border:2px solid transparent;border-radius:50px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);font-size:1rem;color:#9ca3af;position:relative;overflow:hidden;box-shadow:0 10px 40px #4299e133,0 4px 15px #6366f126,inset 0 1px #fffc;min-width:0;flex-shrink:1}.search-trigger:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;background:linear-gradient(145deg,#4299e1,#667eea,#764ba2);background-size:200% 200%;z-index:-1;opacity:0;transition:opacity .4s ease;animation:gradientFlow 3s ease infinite}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.search-trigger:hover:before{opacity:1}.search-trigger:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:shimmerSearch 3s ease-in-out infinite}@keyframes shimmerSearch{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.search-trigger:hover{background:linear-gradient(145deg,rgba(255,255,255,1),rgba(255,255,255,.98));transform:translateY(-3px) scale(1.02);box-shadow:0 15px 50px #4299e14d,0 8px 25px #6366f140,inset 0 1px #fff,0 0 30px #667eea66}.search-trigger:active{transform:translateY(-1px) scale(.99)}.search-trigger svg{position:relative;z-index:1;color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.search-trigger span{position:relative;z-index:1;font-weight:500}.navbar-right{display:flex;align-items:center;gap:.75rem;animation:fadeInUp .8s ease-out .4s both;flex-shrink:0}.nav-icon-btn{position:relative;padding:.75rem;background:rgba(255,255,255,.9);border:2px solid #e0f2fe;border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);color:#666;box-shadow:0 2px 8px #4299e11a}.nav-icon-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#4299e1,#60a5fa);opacity:0;transition:opacity .3s ease;z-index:-1}.nav-icon-btn:hover:before{opacity:.1}.nav-icon-btn:hover{background:rgba(255,255,255,1);color:#4299e1;transform:translateY(-3px) rotate(5deg) scale(1.1);box-shadow:0 5px 15px #4299e14d;border-color:#4299e1}.nav-icon-btn:active{transform:translateY(-1px) scale(.95)}.notification-badge{position:absolute;top:5px;right:5px;background:linear-gradient(135deg,#3b82f6,#4299e1);color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:18px;text-align:center;animation:bounce 2s ease-in-out infinite;box-shadow:0 2px 10px #4299e180}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.user-role-badge{display:flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,#4299e1,#60a5fa,#3b82f6);background-size:200% auto;border-radius:50px;box-shadow:0 4px 15px #4299e166,0 2px 8px #1b15281a;animation:shimmer 3s linear infinite;transition:all .3s ease;color:#1b1528;border:2px solid #e0f2fe}.user-role-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #4299e180,0 4px 12px #1b152826}.premium-icon,.recruiter-icon{color:#1b1528;filter:drop-shadow(0 2px 6px rgba(27,21,40,.3));animation:rotate 4s linear infinite}.navigation-tabs{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 15px #1b15280d;position:relative;z-index:50;border-top:1px solid rgba(66,153,225,.1);animation:fadeIn .6s ease-out .3s both;padding:1rem 0;overflow:hidden}.navigation-tabs:before,.navigation-tabs:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.navigation-tabs:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.98),transparent)}.navigation-tabs:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.98),transparent)}@media (max-width: 992px){.navigation-tabs:before,.navigation-tabs:after{opacity:.9}}.tabs-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#4299e1 #f3f4f6;justify-content:center;align-items:center;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity}.tabs-container::-webkit-scrollbar{height:4px}.tabs-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.tabs-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4299e1,#60a5fa);border-radius:10px}@media (max-width: 768px){.tabs-container::-webkit-scrollbar{height:3px}.tabs-container{scrollbar-width:thin}}.nav-tab-pill{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:rgba(255,255,255,.8);border:2px solid #e5e7eb;border-radius:50px;cursor:pointer;font-size:.95rem;font-weight:600;color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a;flex-shrink:0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-tab-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:linear-gradient(135deg,#4299e1,#60a5fa);opacity:0;transition:opacity .3s ease;z-index:-1}.nav-tab-pill:hover{color:#374151;background:rgba(255,255,255,1);border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.nav-tab-pill:active{transform:translateY(0)}.nav-tab-pill.active{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border-color:#4299e1;box-shadow:0 4px 15px #4299e14d,0 2px 8px #4299e133;transform:translateY(-1px)}.nav-tab-pill.active:before{opacity:0}.nav-tab-pill.active svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-tab-pill svg{flex-shrink:0;transition:all .3s ease;color:#9ca3af}.nav-tab-pill span{white-space:nowrap}.nav-tab-pill:hover svg{color:#6b7280}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:600;color:#666;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap;position:relative;overflow:hidden}.nav-tab:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#4299e1,#60a5fa);transition:all .4s ease;transform:translate(-50%)}.nav-tab:hover:before{width:100%}.nav-tab:hover{color:#3b82f6;background:rgba(66,153,225,.08);transform:translateY(-2px)}.nav-tab.active{color:#4299e1;border-bottom-color:#4299e1;background:rgba(66,153,225,.12);box-shadow:0 -2px 10px #4299e11a inset}.nav-tab.active:before{width:100%}.nav-tab svg,.quick-links button svg{color:#4299e1;transition:all .3s ease}.nav-tab:hover svg,.quick-links button:hover svg{color:#a4a2cd;transform:scale(1.1)}.nav-tab.active svg{color:#4299e1;filter:drop-shadow(0 2px 4px rgba(66,153,225,.3))}.arena-container{max-width:1400px;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:280px 1fr 300px;gap:6rem;align-items:start;animation:fadeInUp .8s ease-out .5s both}.arena-sidebar{background:transparent;border-radius:16px;padding:0;position:sticky;top:100px;border:none;transition:none;box-shadow:none}.arena-sidebar:hover{transform:none;box-shadow:none;border-color:transparent}.left-sidebar{max-height:none;animation:slideInLeft .8s ease-out}.right-sidebar{max-height:none;animation:slideInRight .8s ease-out;display:flex;flex-direction:column;gap:1.5rem}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.quick-access-panel{padding:1.5rem;background:white;border-radius:16px;box-shadow:0 2px 8px #0000000a}.quick-access-panel h3{font-size:1.125rem;font-weight:700;margin-bottom:1.25rem;color:#4299e1;letter-spacing:-.01em}.quick-links{display:flex;flex-direction:column;gap:.25rem}.quick-links button{display:flex;align-items:center;gap:1rem;padding:1rem .875rem;background:transparent;border:none;border-radius:12px;cursor:pointer;font-size:.9375rem;color:#1e293b;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-weight:500}.quick-links button:hover{background:#f8fafc;color:#1e293b;transform:translate(4px)}.quick-links button:active{transform:translate(2px)}.quick-links button svg{color:#4299e1;flex-shrink:0;width:20px;height:20px}.quick-links button span{flex:1}.trending-topics{margin-top:1.5rem;padding:1.5rem;background:white;border-radius:16px;box-shadow:0 2px 8px #0000000a}.trending-topics h3{font-size:1.125rem;font-weight:700;margin-bottom:1.25rem;color:#4299e1;letter-spacing:-.01em}.topic-tags{display:flex;flex-wrap:wrap;gap:.625rem}.topic-tag{padding:.625rem 1rem;background:#f8fafc;color:#4299e1;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #f1f5f9}.topic-tag:hover{background:#4299e1;color:#fff;border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #4299e140}.arena-main-content{background:transparent;min-height:600px;animation:fadeInUp 1s ease-out .6s both}.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:8px}.left-sidebar::-webkit-scrollbar-track,.right-sidebar::-webkit-scrollbar-track{background:rgba(238,243,206,.5);border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4299e1,#60a5fa);border-radius:10px;transition:all .3s ease}.left-sidebar::-webkit-scrollbar-thumb:hover,.right-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 0 10px #4299e180}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#4299e1,#60a5fa);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #4299e166,0 4px 12px #1b152833;z-index:998;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);animation:fadeInUp .5s ease-out}.scroll-to-top-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 12px 35px #4299e180,0 6px 18px #1b15284d}.scroll-to-top-btn:active{transform:translateY(-2px) scale(1.05)}.scroll-to-top-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#4299e1);opacity:0;transition:opacity .3s ease}.scroll-to-top-btn:hover:before{opacity:1}.scroll-to-top-btn svg{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(27,21,40,.2))}.networking-arena:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4299e1,#60a5fa,#3b82f6);z-index:1000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.arena-sidebar,.arena-main-content{animation:fadeInUp .8s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width: 1400px){.navbar-container{max-width:100%;padding:1rem 1.5rem}.arena-container{max-width:100%;padding:0 1.5rem}}@media (max-width: 1200px){.arena-container{grid-template-columns:240px 1fr 260px;gap:3rem}.navbar-left .arena-title{font-size:1.3rem}.navbar-center{max-width:500px}.tabs-container{padding:0 1.5rem}}@media (max-width: 992px){.arena-container{grid-template-columns:1fr;gap:2rem}.left-sidebar,.right-sidebar{display:none}.navbar-container{padding:.875rem 1.25rem}.navbar-center{max-width:400px}.navbar-left .arena-title{font-size:1.2rem}.tabs-container{gap:.65rem;padding:0 1.25rem;justify-content:flex-start}.nav-tab-pill{padding:.7rem 1.4rem;font-size:.9rem}.nav-tab-pill svg{width:18px;height:18px}.nav-tab-pill span{font-size:.9rem}}@media (max-width: 768px){.networking-navbar{top:60px}.navbar-container{padding:.75rem 1rem;gap:.625rem}.navbar-left .arena-title{font-size:1.1rem;gap:.5rem}.title-icon{width:22px;height:22px}.navbar-center{max-width:280px}.search-trigger{padding:.75rem 1.15rem;font-size:.9rem}.search-trigger svg{width:18px;height:18px}.search-trigger span{display:inline;font-size:.9rem}.navbar-right{gap:.5rem}.nav-icon-btn{padding:.6rem}.nav-icon-btn svg{width:19px;height:19px}.user-role-badge{padding:.4rem .8rem;font-size:.85rem}.arena-container{padding:0 1rem;margin:1.5rem auto}.tabs-container{padding:0 1rem;gap:.55rem;justify-content:flex-start}.nav-tab-pill{padding:.7rem 1.25rem;font-size:.875rem;min-height:44px}.nav-tab-pill svg{width:18px;height:18px}.nav-tab-pill span{font-size:.875rem}.arena-sidebar{top:180px}.navigation-tabs{padding:.75rem 0}}@media (min-width: 600px) and (max-width: 767px){.navbar-container{padding:.825rem 1.125rem}.navbar-left .arena-title{font-size:1.15rem}.navbar-center{max-width:320px}.search-trigger{padding:.8rem 1.3rem}.tabs-container{padding:0 1.125rem;gap:.6rem}.nav-tab-pill{padding:.7rem 1.3rem;font-size:.85rem}.arena-container{padding:0 1.125rem}}@media (max-width: 640px){.networking-navbar{top:60px}.navbar-container{padding:.75rem;gap:.5rem;flex-wrap:wrap}.navbar-left{flex:0 0 auto}.navbar-left .arena-title{font-size:1rem;gap:.4rem}.title-icon{width:20px;height:20px}.navbar-center{order:3;flex:1 1 100%;max-width:100%;margin-top:.5rem}.search-trigger{padding:.7rem 1.2rem;font-size:.875rem}.search-trigger svg{width:18px;height:18px}.search-trigger span{display:inline;font-size:.875rem}.navbar-right{flex:0 0 auto;gap:.4rem}.nav-icon-btn{padding:.55rem}.nav-icon-btn svg{width:18px;height:18px}.notification-badge{font-size:.65rem;padding:.125rem .35rem;min-width:16px}.user-role-badge{padding:.375rem .7rem;font-size:.8rem}.tabs-container{padding:0 .75rem;gap:.4rem;justify-content:flex-start}.nav-tab-pill{padding:.6rem .95rem;font-size:.775rem;gap:.35rem;min-height:40px}.nav-tab-pill svg{width:16px;height:16px}.nav-tab-pill span{font-size:.775rem}.arena-container{padding:0 .75rem;margin:1rem auto}.arena-main-content{min-height:400px}.navigation-tabs{padding:.65rem 0}}@media (max-width: 480px){.networking-navbar{top:55px}.navbar-container{padding:.625rem;gap:.4rem}.navbar-left .arena-title{font-size:.95rem;gap:.375rem}.title-icon{width:19px;height:19px}.navbar-center{max-width:100%}.search-trigger{padding:.65rem 1rem;font-size:.85rem}.search-trigger svg{width:17px;height:17px}.search-trigger span{font-size:.85rem}.nav-icon-btn{padding:.5rem}.nav-icon-btn svg{width:17px;height:17px}.user-role-badge{padding:.35rem .6rem;font-size:.75rem}.premium-icon,.recruiter-icon{width:15px;height:15px}.tabs-container{padding:0 .625rem;gap:.35rem}.nav-tab-pill{padding:.55rem .85rem;font-size:.725rem;min-height:38px}.nav-tab-pill svg{width:15px;height:15px}.nav-tab-pill span{font-size:.725rem}.arena-container{padding:0 .625rem;margin:.875rem auto}.navigation-tabs{padding:.55rem 0}}@media (max-width: 375px){.navbar-container{padding:.5rem;gap:.375rem}.navbar-left .arena-title{font-size:.875rem;gap:.3rem}.title-icon{width:18px;height:18px}.navbar-center{display:flex;max-width:100%}.search-trigger{padding:.6rem .9rem;font-size:.8rem}.search-trigger svg{width:16px;height:16px}.search-trigger span{font-size:.8rem}.nav-icon-btn{padding:.45rem}.nav-icon-btn svg{width:16px;height:16px}.notification-badge{font-size:.6rem;padding:.1rem .3rem}.user-role-badge{padding:.3rem .5rem;font-size:.7rem}.user-role-badge span{display:none}.premium-icon,.recruiter-icon{width:14px;height:14px}.tabs-container{padding:0 .5rem;gap:.3rem;justify-content:flex-start}.nav-tab-pill{padding:.5rem .75rem;font-size:.7rem;min-height:36px}.nav-tab-pill svg{width:14px;height:14px}.nav-tab-pill span{font-size:.7rem}.navigation-tabs{padding:.5rem 0}.arena-container{padding:0 .5rem}}@media (max-width: 360px){.navbar-container{padding:.5rem .625rem}.navbar-left .arena-title{font-size:.825rem}.title-icon{width:17px;height:17px}.search-trigger{padding:.575rem .875rem;font-size:.775rem}.search-trigger svg{width:15px;height:15px}.nav-icon-btn{padding:.425rem}.nav-icon-btn svg{width:15px;height:15px}.notification-badge{font-size:.575rem;padding:.1rem .275rem}.user-role-badge{padding:.275rem .475rem;font-size:.675rem}.tabs-container{padding:0 .625rem;gap:.275rem}.nav-tab-pill{padding:.475rem .7rem;font-size:.675rem;min-height:34px}.nav-tab-pill svg{width:13px;height:13px}.arena-container{padding:0 .625rem}.scroll-to-top-btn{width:38px;height:38px;bottom:.875rem;right:.875rem}.scroll-to-top-btn svg{width:18px;height:18px}}@media (max-width: 340px){.navbar-left .arena-title{font-size:.8rem}.tabs-container{padding:0 .4rem;gap:.3rem}.nav-tab-pill{padding:.5rem;min-width:44px;min-height:44px;justify-content:center}.nav-tab-pill span{display:none}.nav-tab-pill svg{width:18px;height:18px;margin:0}.navigation-tabs{padding:.5rem 0}}@media (max-width: 400px){.tabs-container{padding:0 .5rem;gap:.3rem}.nav-tab-pill{padding:.5rem .7rem;font-size:.7rem;gap:.3rem;min-height:36px}.nav-tab-pill svg{width:14px;height:14px}.nav-tab-pill span{font-size:.7rem}}@media (max-width: 768px){.scroll-to-top-btn{bottom:1.5rem;right:1.5rem;width:45px;height:45px}}@media (max-width: 480px){.scroll-to-top-btn{bottom:1rem;right:1rem;width:40px;height:40px}.scroll-to-top-btn svg{width:20px;height:20px}}@supports (-webkit-touch-callout: none){.search-trigger,.nav-icon-btn,.nav-tab-pill,.quick-links button,.topic-tag,.scroll-to-top-btn,.user-role-badge{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.tabs-container,.left-sidebar,.right-sidebar,.arena-main-content{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}.arena-title,.search-trigger span,.nav-tab-pill span{-webkit-text-size-adjust:100%}.networking-navbar,.navigation-tabs,.networking-arena{-webkit-transform:translateZ(0);transform:translateZ(0)}}@media screen and (-webkit-min-device-pixel-ratio: 0){.nav-icon-btn,.nav-tab-pill,.search-trigger,.quick-links button,.topic-tag{-webkit-tap-highlight-color:rgba(66,153,225,.2)}.scroll-to-top-btn{-webkit-tap-highlight-color:rgba(66,153,225,.3)}.networking-navbar,.navigation-tabs{will-change:transform}}@media (hover: none) and (pointer: coarse){.nav-icon-btn:hover,.search-trigger:hover,.topic-tag:hover{transform:none}.nav-tab-pill:hover{transform:none;background:rgba(255,255,255,.8)}.nav-tab-pill.active{transform:none}.nav-icon-btn{min-width:44px;min-height:44px}.nav-tab-pill{min-height:44px;min-width:44px}.scroll-to-top-btn{min-width:48px;min-height:48px}.quick-links button{min-height:48px}.topic-tag{min-height:40px}.nav-icon-btn,.nav-tab-pill,.search-trigger,.quick-links button,.topic-tag,.scroll-to-top-btn{cursor:pointer;user-select:none;-webkit-user-select:none}.search-trigger:after,.scroll-to-top-btn:before{animation:none}}@media (max-height: 500px) and (orientation: landscape){.networking-arena{padding-top:60px}.navbar-container{padding:.625rem 1rem}.navbar-left .arena-title{font-size:1rem}.navigation-tabs{padding:.5rem 0}.tabs-container{padding:0 1rem}.nav-tab-pill{padding:.55rem 1rem;font-size:.825rem}.arena-container{margin:1rem auto}.arena-sidebar{top:140px}.scroll-to-top-btn{bottom:1rem;right:1rem;width:40px;height:40px}.scroll-to-top-btn svg{width:18px;height:18px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.title-icon,.nav-icon-btn svg,.nav-tab-pill svg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.networking-navbar,.navigation-tabs,.nav-tab-pill,.search-trigger{border-width:1px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.networking-arena,.networking-navbar,.nav-tab-pill,.search-trigger,.scroll-to-top-btn{animation:none!important}.networking-arena:before{animation:none}.search-trigger:hover,.nav-icon-btn:hover,.nav-tab-pill:hover{transform:none!important}}@media (orientation: landscape) and (max-height: 600px){.arena-sidebar{top:120px;max-height:calc(100vh - 140px)}.quick-access-panel,.trending-topics{padding:1rem}.quick-links button{padding:.75rem}}@media (max-width: 768px){.tabs-container::-webkit-scrollbar{height:2px}.tabs-container{scrollbar-width:thin;scrollbar-color:rgba(66,153,225,.5) transparent}.left-sidebar::-webkit-scrollbar,.right-sidebar::-webkit-scrollbar{width:4px}.left-sidebar::-webkit-scrollbar-thumb,.right-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(66,153,225,.6),rgba(96,165,250,.6))}}@media (max-width: 768px){.networking-arena:before{animation:none;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 50%)}.networking-arena{animation-duration:20s}.networking-navbar{box-shadow:0 2px 15px #4299e11a}.nav-icon-btn,.search-trigger{box-shadow:0 2px 8px #4299e11a}.nav-tab-pill.active{box-shadow:0 2px 8px #4299e133}}@supports (padding: max(0px)){.networking-navbar{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.navbar-container,.arena-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.scroll-to-top-btn{right:max(2rem,calc(env(safe-area-inset-right) + 1rem));bottom:max(2rem,calc(env(safe-area-inset-bottom) + 1rem))}@media (max-width: 768px){.scroll-to-top-btn{right:max(1.5rem,calc(env(safe-area-inset-right) + .75rem));bottom:max(1.5rem,calc(env(safe-area-inset-bottom) + .75rem))}}@media (max-width: 480px){.scroll-to-top-btn{right:max(1rem,calc(env(safe-area-inset-right) + .5rem));bottom:max(1rem,calc(env(safe-area-inset-bottom) + .5rem))}}}@media (prefers-color-scheme: dark){.networking-navbar{background:rgba(27,21,40,.98)}.arena-title{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 50%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-icon-btn{background:rgba(66,153,225,.1);border-color:#4299e14d}.search-trigger{background:rgba(255,255,255,.1);color:#e5e7eb}.quick-access-panel,.trending-topics{background:rgba(27,21,40,.8)}}.profile-section{animation:slideIn .5s ease-out;background:transparent;display:flex;flex-direction:column;position:relative}.success-toast{position:fixed;top:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border-radius:20px;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026;font-size:.9375rem;font-weight:600;z-index:9999;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1)}.success-toast svg{flex-shrink:0}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.profile-main-container{background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:32px;border:3px solid rgba(255,255,255,.8);padding:0;box-shadow:0 12px 24px #0000001f,0 24px 48px #0000001a;transform:translateY(0);transition:transform .3s ease;overflow:hidden}.profile-main-container:hover{transform:translateY(-2px);box-shadow:0 16px 32px #00000024,0 32px 64px #0000001f}.profile-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(226,232,240,.6),transparent);margin:0 1.5rem}.profile-header{position:relative;padding:1.5rem 1.5rem 1.25rem;background:linear-gradient(145deg,rgba(66,153,225,.08),rgba(96,165,250,.05));border:none;border-radius:0;box-shadow:none;overflow:visible;min-height:auto;display:flex;flex-direction:column;gap:1rem}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(135deg,rgba(66,153,225,.15),rgba(96,165,250,.1));z-index:0}.profile-header>*{position:relative;z-index:1}.profile-avatar{position:relative;width:100px;height:100px;flex-shrink:0;align-self:flex-start}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;border:4px solid #ffffff;box-shadow:0 8px 16px #00000026,0 4px 8px #0000001a,inset 0 1px #ffffff80;display:block;aspect-ratio:1 / 1}.verified-badge{position:absolute;bottom:5px;right:5px;background:linear-gradient(145deg,#60a5fa,#4299e1);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid white;box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026;transform:translateY(0);transition:transform .2s ease;aspect-ratio:1 / 1}.verified-badge:hover{transform:translateY(-2px);box-shadow:0 8px 16px #4299e180,0 4px 8px #0003}.profile-info{position:relative;z-index:1;padding:0;width:100%;max-width:100%;text-align:left}.profile-name{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.3}.verify-icon{color:#4299e1;filter:drop-shadow(0 2px 4px rgba(66,153,225,.3))}.profile-title{font-size:1rem;color:#64748b;margin:.25rem 0;font-weight:500;text-align:left;word-wrap:break-word;max-width:100%;line-height:1.4}.profile-company,.profile-location{font-size:.875rem;color:#94a3b8;margin:.25rem 0;text-align:left;word-wrap:break-word;max-width:100%;line-height:1.4}.edit-profile-btn{position:absolute;top:1.5rem;left:145px;padding:.875rem;background:linear-gradient(145deg,#93c5fd,#4299e1);border:2px solid rgba(255,255,255,.4);border-radius:18px;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026;transform:translateY(0);display:flex;align-items:center;justify-content:center}.edit-profile-btn:hover{background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-3px) scale(1.08);box-shadow:0 8px 16px #4299e180,0 4px 8px #0003}.edit-profile-btn:active{transform:translateY(-1px) scale(1.05);box-shadow:0 4px 8px #4299e166,0 2px 4px #00000026}.profile-strength{margin:0;padding:1.5rem 1.75rem;background:transparent;border-radius:0;border:none;box-shadow:none;transform:none;transition:none}.profile-strength:hover{transform:none;box-shadow:none}.strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem;font-size:.875rem;font-weight:600}.strength-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.strength-value{color:#4299e1;font-weight:700;font-size:1.125rem}.strength-bar{height:14px;background:linear-gradient(145deg,#e8ecf1,#f0f4f8);border-radius:20px;overflow:hidden;margin-bottom:.875rem;border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 2px 4px #0000001a,0 1px #fffc}.strength-fill{height:100%;border-radius:18px;transition:width .5s ease;background:linear-gradient(90deg,#60a5fa,#4299e1,#60a5fa);box-shadow:0 2px 8px #4299e166,inset 0 1px #ffffff4d}.strength-tip{font-size:.8125rem;color:#64748b;text-align:left;display:flex;align-items:center;gap:.5rem}.custom-url{display:flex;align-items:center;gap:.75rem;padding:1.125rem 1.75rem;background:transparent;border-radius:0;margin:0;font-size:.875rem;color:#64748b;border:none;box-shadow:none;transition:all .3s ease;cursor:pointer;transform:none}.custom-url:hover{background:rgba(66,153,225,.05);transform:none;box-shadow:none}.custom-url svg{color:#4299e1;flex-shrink:0}.url-text{font-weight:500}.profile-badges{margin:0;padding:1.5rem 1.75rem;background:transparent;border-radius:0;border:none;box-shadow:none;transform:none;transition:none}.profile-badges:hover{transform:none;box-shadow:none}.profile-badges h4{font-size:.875rem;font-weight:700;margin-bottom:1rem;color:#1e293b;text-transform:uppercase;letter-spacing:.05em}.badges-list{display:flex;flex-direction:column;gap:.625rem}.badge-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(145deg,#f8fafb,#ffffff);border-radius:20px;font-size:.875rem;color:#1e293b;font-weight:600;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 8px #00000014,0 8px 16px #0000000f;transition:all .3s ease;cursor:pointer;transform:translateY(0)}.badge-item:hover{background:linear-gradient(145deg,#60a5fa,#4299e1);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 12px #4299e14d,0 12px 24px #4299e133}.badge-item svg{color:#4299e1;flex-shrink:0}.badge-item:hover svg{color:#fff}.profile-stats{display:flex;flex-direction:column;gap:0;margin:0;padding:1.5rem 1.75rem;background:transparent;border-radius:0;border:none;box-shadow:none;transform:none;transition:none}.profile-stats:hover{transform:none;box-shadow:none}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:2px solid rgba(226,232,240,.5)}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-item:first-child{padding-top:0}.stat-item svg{color:#fff;background:linear-gradient(145deg,#60a5fa,#4299e1);padding:.875rem;border-radius:16px;width:20px;height:20px;flex-shrink:0;box-shadow:0 4px 8px #4299e14d,0 8px 16px #4299e133;border:2px solid rgba(255,255,255,.3)}.stat-info{display:flex;flex-direction:column;gap:.125rem}.stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.stat-label{font-size:.8125rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.profile-skills{margin:0;padding:1.5rem 1.75rem;background:transparent;border-radius:0;border:none;box-shadow:none;transform:none;transition:none}.profile-skills:hover{transform:none;box-shadow:none}.profile-skills h4{font-size:.875rem;font-weight:700;margin-bottom:1rem;color:#1e293b;text-transform:uppercase;letter-spacing:.05em}.skills-list{display:flex;flex-direction:column;gap:1rem}.skill-item{padding:0;background:transparent;border-radius:0;border:none}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.skill-name{font-size:.9375rem;font-weight:600;color:#1e293b}.skill-endorsements{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#fff;font-weight:700;background:linear-gradient(145deg,#60a5fa,#4299e1);padding:.5rem .875rem;border-radius:16px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 8px #4299e14d,0 2px 4px #0000001a}.skill-endorsements svg{color:#fff}.skill-bar{height:10px;background:linear-gradient(145deg,#e8ecf1,#f0f4f8);border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.5);box-shadow:inset 0 2px 4px #00000014,0 1px #fffc}.skill-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#4299e1,#60a5fa);border-radius:18px;transition:width .5s ease;box-shadow:0 1px 4px #4299e14d,inset 0 1px #fff3}.role-switcher{margin-top:0;padding:1.5rem 1.75rem;background:transparent;border-radius:0;border:none;box-shadow:none;transform:none;transition:none}.role-switcher:hover{transform:none;box-shadow:none}.role-switcher h4{font-size:.875rem;font-weight:700;margin-bottom:1rem;color:#1e293b;text-transform:uppercase;letter-spacing:.05em}.role-buttons{display:flex;flex-direction:column;gap:.625rem}.role-btn{padding:1rem 1.25rem;background:linear-gradient(145deg,#f8fafb,#ffffff);border:2px solid rgba(255,255,255,.9);border-radius:20px;cursor:pointer;font-size:.9375rem;font-weight:600;color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;box-shadow:0 4px 8px #00000014,0 8px 16px #0000000f;transform:translateY(0)}.role-btn:hover{color:#1e293b;transform:translateY(-3px);box-shadow:0 6px 12px #0000001a,0 12px 24px #00000014}.role-btn.active{background:linear-gradient(145deg,#60a5fa,#4299e1);color:#fff;border-color:#fff6;box-shadow:0 6px 12px #4299e166,0 12px 24px #4299e14d;transform:translateY(-2px)}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.85);display:flex;align-items:center;justify-content:center;z-index:999999;padding:1rem;animation:fadeIn .2s ease-out}.edit-modal{width:100%;max-width:500px;background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:32px;border:3px solid rgba(255,255,255,.9);box-shadow:0 20px 40px #00000026,0 30px 60px #0000001a;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative;z-index:1000000}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:3px solid rgba(226,232,240,.5)}.edit-modal-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.edit-modal-header button{padding:.625rem;background:linear-gradient(145deg,#fee2e2,#fecaca);border:2px solid rgba(254,226,226,.8);border-radius:12px;color:#dc2626;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #dc262626,0 2px 4px #00000014;transform:translateY(0);display:flex;align-items:center;justify-content:center}.edit-modal-header button:hover{background:linear-gradient(145deg,#fca5a5,#f87171);color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 12px #dc26264d,0 3px 6px #00000026}.edit-modal-header button:active{transform:scale(1.05) rotate(90deg);box-shadow:0 3px 6px #dc262640,0 2px 4px #0000001a}.edit-modal-body{padding:2rem;max-height:60vh;overflow-y:auto;scroll-behavior:smooth}.edit-modal-body::-webkit-scrollbar-track{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border-radius:10px}.edit-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#60a5fa,#4299e1);border-radius:10px;border:2px solid rgba(255,255,255,.3)}.edit-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#93c5fd,#3b82f6)}.edit-field{margin-bottom:1.5rem}.edit-field:last-child{margin-bottom:0}.edit-field label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.edit-field input{width:100%;padding:1rem 1.25rem;border:2px solid rgba(226,232,240,.8);border-radius:16px;font-size:.9375rem;color:#1e293b;background:linear-gradient(145deg,#f8fafb,#ffffff);outline:none;transition:all .3s ease;font-weight:500;box-shadow:inset 0 2px 4px #0000000f,0 1px #fffc}.edit-field input::placeholder{color:#94a3b8;font-weight:400}.edit-field input:hover{border-color:#4299e14d;background:white}.edit-field input:focus{border-color:#4299e1;color:#1e293b;background:white;box-shadow:inset 0 2px 4px #4299e11a,0 0 0 3px #4299e11a,0 4px 8px #4299e126;transform:translateY(-1px)}.url-input-wrapper{display:flex;align-items:center;border:2px solid rgba(226,232,240,.8);border-radius:16px;overflow:hidden;transition:all .3s ease;background:linear-gradient(145deg,#f8fafb,#ffffff);box-shadow:inset 0 2px 4px #0000000f,0 1px #fffc}.url-input-wrapper:hover{border-color:#4299e14d;background:white}.url-input-wrapper:focus-within{border-color:#4299e1;background:white;box-shadow:inset 0 2px 4px #4299e11a,0 0 0 3px #4299e11a,0 4px 8px #4299e126;transform:translateY(-1px)}.url-prefix{padding:.875rem .875rem .875rem 1rem;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;border-right:2px solid rgba(226,232,240,.5)}.url-input-wrapper input{flex:1;padding:.875rem 1rem;border:none;font-size:.9375rem;color:#1e293b;font-weight:500;background:transparent}.url-input-wrapper input:focus{border:none;box-shadow:none;outline:none;color:#1e293b}.edit-modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:3px solid rgba(226,232,240,.5);background:linear-gradient(145deg,#f8fafb,#ffffff)}.cancel-btn,.save-btn{flex:1;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn{background:linear-gradient(145deg,#f8fafb,#ffffff);color:#64748b;border:2px solid rgba(226,232,240,.8);box-shadow:0 4px 8px #00000014,0 8px 16px #0000000f;transform:translateY(0)}.cancel-btn:hover{color:#1e293b;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 12px #0000001a,0 12px 24px #00000014}.save-btn{background:linear-gradient(145deg,#60a5fa,#4299e1);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 12px #4299e166,0 12px 24px #4299e14d;transform:translateY(0)}.save-btn:hover{background:linear-gradient(145deg,#93c5fd,#3b82f6);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px #4299e180,0 16px 32px #4299e159}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.profile-main-container{border-radius:28px;border:2px solid rgba(255,255,255,.8)}.profile-header{padding:1.5rem 1.25rem 1.125rem}.profile-avatar{width:85px;height:85px}.profile-avatar img{border:4px solid #ffffff}.verified-badge{width:26px;height:26px;bottom:4px;right:4px}.edit-profile-btn{left:120px;top:1.5rem;padding:.75rem;border-radius:16px}.profile-name{font-size:1.375rem}.profile-title{font-size:.9375rem}.profile-divider{margin:0 1.25rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:1.25rem 1.5rem}.stat-item svg{padding:.625rem}.edit-profile-btn{top:.875rem;left:.875rem;padding:.75rem;border-radius:16px}.edit-modal{max-width:90%}.edit-modal-header,.edit-modal-body,.edit-modal-footer{padding:1.25rem 1.5rem}.success-toast{top:1.5rem;right:1.5rem;padding:.875rem 1.25rem;font-size:.875rem;border-radius:18px}}@media (max-width: 640px){.profile-header{padding:1.25rem 1rem 1rem}.profile-avatar{width:80px;height:80px}.profile-avatar img{border:3px solid #ffffff}.verified-badge{width:24px;height:24px;bottom:3px;right:3px}.edit-profile-btn{left:112px;top:1.25rem;padding:.7rem;border-radius:14px}.edit-profile-btn svg{width:15px;height:15px}.profile-name{font-size:1.25rem}.profile-title{font-size:.9rem}.profile-company,.profile-location{font-size:.8125rem}}@media (max-width: 480px){.profile-main-container{border-radius:24px;border:2px solid rgba(255,255,255,.8)}.profile-header{padding:1.25rem .875rem 1rem}.profile-avatar{width:75px;height:75px}.profile-avatar img{border:3px solid #ffffff}.verified-badge{width:22px;height:22px;bottom:3px;right:3px;border:2px solid white}.verified-badge svg{width:11px;height:11px}.edit-profile-btn{left:102px;top:1.25rem;padding:.65rem;border-radius:12px}.profile-name{font-size:1.125rem}.profile-title{font-size:.875rem}.profile-company,.profile-location{font-size:.8125rem}.profile-divider{margin:0 1rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:1rem 1.25rem}.stat-value{font-size:1.125rem}.stat-label{font-size:.75rem}.skill-name{font-size:.875rem}.skill-endorsements{font-size:.8125rem;padding:.3rem .625rem}.role-btn{padding:.75rem .875rem;font-size:.875rem}.edit-profile-btn{top:.75rem;left:.75rem;padding:.65rem;border-radius:14px}.edit-profile-btn svg{width:14px;height:14px}.edit-modal{max-width:95%;border-radius:20px}.edit-modal-header h3{font-size:1.125rem}.edit-modal-body{max-height:50vh}.edit-field{margin-bottom:1.25rem}.edit-modal-header,.edit-modal-footer{padding:1rem 1.25rem}.edit-modal-body{padding:1.5rem 1.25rem}.cancel-btn,.save-btn{padding:.75rem 1.25rem;font-size:.875rem}.success-toast{top:1rem;right:1rem;left:1rem;padding:.75rem 1rem;font-size:.8125rem;border-radius:16px}.success-toast svg{width:16px;height:16px}}@media (max-width: 375px){.profile-header{padding:1rem .75rem .875rem}.profile-avatar{width:70px;height:70px}.profile-avatar img{border:3px solid #ffffff}.verified-badge{width:20px;height:20px;bottom:2px;right:2px;border:2px solid white}.verified-badge svg{width:10px;height:10px}.edit-profile-btn{left:94px;top:1rem;padding:.6rem;border-radius:12px}.edit-profile-btn svg{width:13px;height:13px}.profile-name{font-size:1.05rem;line-height:1.2}.profile-title{font-size:.8125rem}.profile-company,.profile-location{font-size:.75rem}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.edit-modal{width:100%;max-width:650px;background:#e0f2fe;border-radius:20px;box-shadow:0 25px 60px #4299e140;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);border:2px solid #4299e1}.edit-modal-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;background:linear-gradient(135deg,#1B1528 0%,#3b82f6 100%);overflow:hidden}.edit-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23BDD337' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6}.edit-modal-header h3{position:relative;font-size:1.5rem;font-weight:700;color:#e0f2fe;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(27,21,40,.1)}.edit-modal-header button{position:relative;padding:.625rem;background:rgba(66,153,225,.15);border:2px solid rgba(66,153,225,.3);border-radius:12px;color:#e0f2fe;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-modal-header button:hover{background:rgba(66,153,225,.25);border-color:#4299e180;transform:rotate(90deg) scale(1.1)}.edit-modal-body{padding:2rem;overflow-y:auto;flex:1;background:linear-gradient(180deg,#e0f2fe 0%,#f8f9fa 100%)}.edit-modal-body::-webkit-scrollbar{width:8px}.edit-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.edit-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4299e1,#3b82f6);border-radius:10px}.edit-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#4299e1)}.edit-field{margin-bottom:1.75rem;animation:slideInField .5s ease backwards}.edit-field:nth-child(1){animation-delay:.1s}.edit-field:nth-child(2){animation-delay:.15s}.edit-field:nth-child(3){animation-delay:.2s}.edit-field:nth-child(4){animation-delay:.25s}.edit-field:nth-child(5){animation-delay:.3s}.edit-field label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#1b1528;margin-bottom:.625rem;letter-spacing:-.01em}.edit-field label:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#4299e1,#3b82f6);border-radius:2px}.edit-field input{width:100%;padding:1rem 1.25rem;border:2px solid rgba(66,153,225,.3);border-radius:12px;font-size:.9375rem;font-family:inherit;color:#1b1528;background:#ffffff;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-field input:hover{border-color:#4299e1}.edit-field input:focus{outline:none;border-color:#3b82f6;background:#ffffff;box-shadow:0 0 0 4px #4299e11a,0 4px 12px #4299e126;transform:translateY(-2px)}.edit-field input::placeholder{color:#60a5fa}.url-input-wrapper{display:flex;align-items:stretch;border:2px solid rgba(66,153,225,.3);border-radius:12px;overflow:hidden;background:#ffffff;transition:all .3s cubic-bezier(.4,0,.2,1)}.url-input-wrapper:hover{border-color:#4299e1}.url-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #4299e11a,0 4px 12px #4299e126;transform:translateY(-2px)}.url-prefix{padding:1rem 0 1rem 1.25rem;background:linear-gradient(135deg,rgba(66,153,225,.1),rgba(238,243,206,.1));color:#3b82f6;font-size:.9375rem;font-weight:500;white-space:nowrap;display:flex;align-items:center;border-right:2px solid rgba(66,153,225,.3)}.url-input-wrapper input{border:none;padding:1rem 1.25rem;flex:1;background:transparent}.url-input-wrapper input:focus{outline:none;border:none;box-shadow:none;transform:none}.edit-modal-footer{padding:1.5rem 2rem;border-top:2px solid rgba(66,153,225,.3);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:linear-gradient(180deg,#e0f2fe 0%,#f8f9fa 100%)}.cancel-btn,.save-btn{padding:.5rem 1.25rem;border:none;border-radius:8px;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.375rem;position:relative;overflow:hidden;min-width:90px;letter-spacing:.01em;text-transform:none}.cancel-btn{background:#ffffff;color:#3b82f6;border:2px solid rgba(66,153,225,.4);box-shadow:0 2px 8px #4299e11a}.cancel-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(66,153,225,.1);transform:translate(-50%,-50%);transition:width .4s,height .4s}.cancel-btn:hover:before{width:300px;height:300px}.cancel-btn:hover{background:#e0f2fe;border-color:#4299e1;color:#1b1528;transform:translateY(-2px);box-shadow:0 6px 16px #4299e126}.cancel-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4299e11a}.save-btn{background:linear-gradient(135deg,#1B1528 0%,#3b82f6 100%);color:#e0f2fe;border:none;box-shadow:0 6px 20px #1b152859;position:relative}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,153,225,.4),transparent);transition:left .6s}.save-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4299e1 0%,#3b82f6 100%);opacity:0;transition:opacity .3s;border-radius:14px}.save-btn:hover:before{left:100%}.save-btn:hover:after{opacity:1}.save-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #4299e166}.save-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px #1b152859}.save-btn>*{position:relative;z-index:1}@keyframes slideInField{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.edit-modal{max-width:95%;border-radius:16px}.edit-modal-header{padding:1.5rem 1.5rem 1.25rem}.edit-modal-header h3{font-size:1.25rem}.edit-modal-body{padding:1.5rem}.edit-field{margin-bottom:1.5rem}.edit-field input{padding:.875rem 1rem}.url-prefix{padding:.875rem 0 .875rem 1rem;font-size:.875rem}.url-input-wrapper input{padding:.875rem 1rem}.edit-modal-footer{padding:1.25rem 1.5rem;gap:.875rem;flex-wrap:wrap}.cancel-btn,.save-btn{padding:.5rem 1rem;font-size:.8125rem;min-width:85px}}@media (max-width: 640px){.edit-modal{max-width:100%;max-height:100vh;border-radius:0;animation:slideUpMobile .4s cubic-bezier(.34,1.56,.64,1)}.edit-modal-header{padding:1.25rem 1.25rem 1rem}.edit-modal-header h3{font-size:1.125rem}.edit-modal-header button{padding:.5rem}.edit-modal-body{padding:1.25rem}.edit-field{margin-bottom:1.25rem}.edit-field label{font-size:.875rem;margin-bottom:.5rem}.edit-field input{padding:.75rem .875rem;font-size:.875rem}.url-prefix{padding:.75rem 0 .75rem .875rem;font-size:.8125rem}.url-input-wrapper input{padding:.75rem .875rem;font-size:.875rem}.edit-modal-footer{padding:1rem 1.25rem;flex-direction:column-reverse;gap:.875rem}.cancel-btn,.save-btn{width:100%;padding:.75rem 1.25rem;justify-content:center;min-width:unset;font-size:.875rem}.save-btn{order:-1}}@media (max-width: 480px){.edit-modal-overlay{padding:0}.edit-modal{border-radius:0}.edit-modal-header{padding:1rem 1rem .875rem}.edit-modal-header h3{font-size:1rem}.edit-modal-body{padding:1rem}.edit-field{margin-bottom:1rem}.edit-field label:before{width:3px;height:14px}.edit-modal-footer{padding:1rem}.cancel-btn,.save-btn{padding:.625rem 1rem;font-size:.8125rem}.cancel-btn{border-width:1.5px}.save-btn{box-shadow:0 4px 15px #1b15284d}.save-btn:hover{box-shadow:0 6px 20px #4299e166}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (hover: none) and (pointer: coarse){.edit-profile-btn,.badge-item,.stat-item,.skill-item,.role-btn{min-height:44px;min-width:44px}.edit-profile-btn{padding:.75rem}}@media (min-width: 1440px){.profile-main-container{max-width:480px;margin:0 auto}.profile-section{padding:2rem}}@media (min-width: 1024px) and (max-width: 1439px){.profile-main-container{max-width:420px;margin:0 auto}.profile-avatar{width:110px;height:110px}.profile-name{font-size:1.625rem}}@media (min-width: 768px) and (max-width: 1023px){.profile-section{padding:1.5rem}.profile-main-container{max-width:100%}.profile-header{padding:1.5rem 1.5rem 1.25rem}.profile-avatar{width:95px;height:95px}.edit-profile-btn{left:130px;top:1.5rem}.profile-name{font-size:1.5rem}.profile-title{font-size:1rem}}@media (min-width: 600px) and (max-width: 767px){.profile-main-container{border-radius:26px}.profile-header{padding:1.375rem 1.25rem 1.125rem}.profile-avatar{width:88px;height:88px}.edit-profile-btn{left:125px;top:1.375rem;padding:.75rem}.profile-name{font-size:1.375rem}.profile-title{font-size:.9375rem}.profile-company,.profile-location{font-size:.8125rem}.profile-divider{margin:0 1.375rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:1.25rem 1.5rem}.badge-item{padding:.875rem 1.125rem}.stat-item{padding:.875rem 1rem}.role-btn{padding:.875rem 1.125rem}}@media (min-width: 480px) and (max-width: 599px){.profile-main-container{border-radius:24px}.profile-header{padding:1.25rem 1rem 1rem}.profile-avatar{width:78px;height:78px}.verified-badge{width:23px;height:23px}.edit-profile-btn{left:108px;top:1.25rem;padding:.675rem}.profile-name{font-size:1.1875rem}.profile-title{font-size:.90625rem}.profile-divider{margin:0 1.125rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:1.125rem 1.25rem}.strength-label{font-size:.6875rem}.strength-value{font-size:1.0625rem}.stat-value{font-size:1.1875rem}.stat-label{font-size:.78125rem}.skill-name{font-size:.90625rem}.badge-item{padding:.8125rem 1.0625rem;font-size:.8125rem}.role-btn{padding:.8125rem 1rem;font-size:.90625rem}}@media (min-width: 375px) and (max-width: 479px){.profile-main-container{border-radius:22px}.profile-header{padding:1.125rem .875rem .9375rem}.profile-avatar{width:72px;height:72px}.profile-avatar img{border:3px solid #ffffff}.verified-badge{width:21px;height:21px;bottom:2.5px;right:2.5px}.verified-badge svg{width:10.5px;height:10.5px}.edit-profile-btn{left:98px;top:1.125rem;padding:.625rem}.edit-profile-btn svg{width:13.5px;height:13.5px}.profile-name{font-size:1.0625rem}.profile-title{font-size:.84375rem}.profile-company,.profile-location{font-size:.78125rem}.profile-divider{margin:0 1.0625rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:1.0625rem 1.1875rem}.strength-tip{font-size:.78125rem}.custom-url{font-size:.8125rem}.badge-item{padding:.78125rem 1rem;font-size:.8125rem}.stat-item{padding:.78125rem .875rem}.stat-value{font-size:1.0625rem}.stat-label{font-size:.71875rem}.skill-name{font-size:.84375rem}.skill-endorsements{font-size:.78125rem;padding:.34375rem .6875rem}.role-btn{padding:.78125rem .9375rem;font-size:.84375rem}}@media (max-width: 374px){.profile-main-container{border-radius:20px;border:2px solid rgba(255,255,255,.8)}.profile-header{padding:.9375rem .6875rem .875rem}.profile-avatar{width:68px;height:68px}.profile-avatar img{border:2.5px solid #ffffff}.verified-badge{width:19px;height:19px;bottom:2px;right:2px;border:1.5px solid white}.verified-badge svg{width:9.5px;height:9.5px}.edit-profile-btn{left:90px;top:.9375rem;padding:.5625rem;border-radius:10px}.edit-profile-btn svg{width:12.5px;height:12.5px}.profile-name{font-size:1rem;line-height:1.2}.profile-title{font-size:.78125rem}.profile-company,.profile-location{font-size:.71875rem}.profile-divider{margin:0 .875rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:.9375rem 1.0625rem}.strength-label{font-size:.65625rem}.strength-value{font-size:1rem}.strength-bar{height:12px}.strength-tip{font-size:.71875rem}.custom-url{font-size:.78125rem;padding:.9375rem 1.0625rem}.profile-badges h4,.profile-skills h4,.role-switcher h4{font-size:.78125rem;margin-bottom:.875rem}.badge-item{padding:.75rem .9375rem;font-size:.78125rem}.stat-item{padding:.75rem .8125rem}.stat-item svg{width:17px;height:17px;padding:.5625rem}.stat-value{font-size:1rem}.stat-label{font-size:.6875rem}.skill-name{font-size:.8125rem}.skill-endorsements{font-size:.71875rem;padding:.3125rem .5625rem}.skill-bar{height:9px}.role-btn{padding:.71875rem .8125rem;font-size:.8125rem}.success-toast{top:.875rem;right:.875rem;left:.875rem;padding:.6875rem .9375rem;font-size:.78125rem;border-radius:14px}.success-toast svg{width:15px;height:15px}}@media (max-height: 500px) and (orientation: landscape){.profile-main-container{max-width:100%}.profile-header{padding:1rem 1.25rem}.profile-avatar{width:70px;height:70px}.edit-profile-btn{top:1rem;left:95px;padding:.625rem}.profile-strength,.custom-url,.profile-badges,.profile-stats,.profile-skills,.role-switcher{padding:.875rem 1.25rem}.edit-modal{max-height:95vh}.edit-modal-body{max-height:60vh}}@supports (padding: max(0px)){.profile-section{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.success-toast{top:max(2rem,calc(env(safe-area-inset-top) + 1rem));right:max(2rem,calc(env(safe-area-inset-right) + 1rem))}@media (max-width: 480px){.success-toast{left:max(1rem,calc(env(safe-area-inset-left) + 1rem));right:max(1rem,calc(env(safe-area-inset-right) + 1rem))}}}@media (max-width: 767px){.profile-section{padding-bottom:2rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.profile-avatar img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.verified-badge,.badge-item,.stat-item svg{will-change:transform}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.profile-main-container:hover,.edit-profile-btn:hover,.badge-item:hover,.role-btn:hover{transform:none}}@media print{.edit-profile-btn,.success-toast,.edit-modal-overlay{display:none!important}.profile-main-container{box-shadow:none;border:1px solid #e2e8f0}.profile-header,.profile-strength,.profile-badges,.profile-stats,.profile-skills,.role-switcher{break-inside:avoid}}.connections-panel{background:white;border:2px solid #e0f2fe;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #4299e11a;transition:all .3s ease}.connections-panel:hover{box-shadow:0 8px 30px #4299e126;transform:translateY(-2px)}.connections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.connections-header h2{font-size:1.25rem;font-weight:600;color:#1b1528;margin:0;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#4299e1,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connections-header h2 svg{color:#4299e1;flex-shrink:0}.connections-subtitle{font-size:.875rem;color:#60a5fa;margin:.5rem 0 0}.connection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:linear-gradient(135deg,white 0%,rgba(238,243,206,.1) 100%);border:2px solid #e0f2fe;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.stat-card:hover{border-color:#4299e1;transform:translateY(-4px);box-shadow:0 8px 20px #4299e133}.stat-card svg{color:#4299e1;flex-shrink:0;padding:.5rem;background:rgba(66,153,225,.1);border-radius:8px}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-number{font-size:1.5rem;font-weight:700;color:#4299e1;line-height:1}.stat-label{font-size:.8125rem;color:#666;margin-top:.25rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections-controls{display:flex;gap:.75rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:white;border:2px solid #e0f2fe;border-radius:12px;transition:all .3s ease}.search-box:focus-within{border-color:#4299e1;background:white;box-shadow:0 0 0 4px #4299e11a}.search-box svg{color:#4299e1;flex-shrink:0}.search-box input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:.9375rem;color:#1b1528}.search-box input::placeholder{color:#60a5fa;opacity:.7}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:white;border:2px solid #e0f2fe;border-radius:12px;font-weight:600;color:#4299e1;cursor:pointer;transition:all .3s ease;flex-shrink:0}.filter-btn:hover{background:rgba(66,153,225,.1);border-color:#4299e1;transform:translateY(-2px)}.tab-btn{padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:.9375rem;color:#4299e1;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:#1b1528;background:rgba(66,153,225,.05)}.tab-btn.active{color:#1b1528;border-bottom-color:#4299e1;background:rgba(66,153,225,.1)}.connections-search{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:white;border:2px solid #e0f2fe;border-radius:12px;margin-bottom:1.5rem;transition:all .3s ease}.connections-search:focus-within{border-color:#4299e1;background:white;box-shadow:0 0 0 4px #4299e11a}.connections-search svg{color:#4299e1;flex-shrink:0}.connections-search input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-size:.9375rem;color:#1b1528}.connections-search input::placeholder{color:#60a5fa;opacity:.7}.connections-tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0f2fe;margin-bottom:1.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4299e1 transparent;-webkit-overflow-scrolling:touch}.connections-tabs::-webkit-scrollbar{height:4px}.connections-tabs::-webkit-scrollbar-track{background:transparent}.connections-tabs::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:2px}.connections-tabs button{padding:.75rem 1rem;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:600;font-size:.9375rem;color:#4299e1;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.connections-tabs button:hover{color:#1b1528;background:rgba(66,153,225,.05)}.connections-tabs button.active{color:#1b1528;border-bottom-color:#4299e1;background:rgba(66,153,225,.1)}.connections-grid,.requests-list,.suggestions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.connection-card,.request-card,.suggestion-card{background:white;border:2px solid #e0f2fe;border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.connection-card:hover,.request-card:hover,.suggestion-card:hover{border-color:#4299e1;box-shadow:0 12px 24px #4299e126;transform:translateY(-6px)}.connection-avatar,.request-avatar,.suggestion-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 1rem;border:3px solid #3b82f6;box-shadow:0 4px 12px #4299e133}.connection-info h3,.request-info h3,.suggestion-info h3{font-size:1rem;font-weight:600;color:#1b1528;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem}.connection-title,.request-title,.suggestion-title{color:#4299e1;font-size:.875rem;margin-bottom:.5rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem}.connection-company,.suggestion-company{display:flex;align-items:center;justify-content:center;gap:.375rem;color:#60a5fa;font-size:.8125rem;margin-bottom:.5rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem}.connection-company svg,.suggestion-company svg{color:#4299e1;flex-shrink:0}.suggestion-reason{display:flex;align-items:center;justify-content:center;gap:.375rem;background:rgba(66,153,225,.1);color:#1b1528;font-size:.8125rem;padding:.375rem .75rem;border-radius:8px;margin:.5rem auto;width:fit-content;font-weight:500;max-width:90%}.suggestion-reason svg{color:#4299e1;flex-shrink:0}.suggestion-skills{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin-top:.75rem}.skill-tag{background:rgba(66,153,225,.1);color:#4299e1;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.skill-tag:hover{background:rgba(66,153,225,.2);border-color:#4299e1}.mutual-connections,.request-time{font-size:.8125rem;color:#60a5fa;margin-bottom:1rem;font-weight:500}.mutual-connections span{color:#4299e1;font-weight:600}.connection-actions,.request-actions,.suggestion-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.btn-message,.btn-remove,.btn-accept,.btn-ignore,.btn-connect,.btn-follow,.btn-view-profile,.btn-view-profile-small,.btn-reject{flex:1;min-width:fit-content;padding:.75rem;border:none;border-radius:10px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:flex;align-items:center;justify-content:center;gap:.375rem}.btn-message,.btn-connect{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border:2px solid transparent}.btn-message:hover,.btn-connect:hover{background:linear-gradient(135deg,#60a5fa,#4299e1);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #4299e166}.btn-follow{background:white;color:#4299e1;border:2px solid #3b82f6}.btn-follow:hover{background:rgba(66,153,225,.1);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #4299e133}.btn-follow.following{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border-color:transparent}.btn-follow.following:hover{background:linear-gradient(135deg,#60a5fa,#4299e1);box-shadow:0 6px 16px #4299e166}.btn-view-profile,.btn-view-profile-small{background:white;color:#1b1528;border:2px solid #3b82f6}.btn-view-profile:hover,.btn-view-profile-small:hover{background:rgba(66,153,225,.1);border-color:#4299e1;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #4299e126}.btn-remove,.btn-ignore,.btn-reject{background:white;border:2px solid #e0f2fe;color:#666}.btn-remove:hover,.btn-ignore:hover,.btn-reject:hover{border-color:#4299e1;color:#4299e1;background:rgba(66,153,225,.05);transform:translateY(-2px)}.btn-accept{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border:2px solid transparent}.btn-accept:hover{background:linear-gradient(135deg,#60a5fa,#4299e1);transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #4299e166}.connections-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;text-align:center;color:#60a5fa;background:white;border:2px dashed #e0f2fe;border-radius:16px}.connections-empty-state svg{width:64px;height:64px;color:#3b82f6}.connections-empty-state h3{font-size:1.125rem;font-weight:600;color:#4299e1;margin-bottom:.5rem}.connections-empty-state p{color:#666;max-width:300px;line-height:1.5}.connection-status{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-top:.5rem}.connection-status.online{background:rgba(66,153,225,.2);color:#4299e1;border:1px solid rgba(66,153,225,.3)}.connection-status.recent{background:rgba(66,153,225,.1);color:#4299e1;border:1px solid rgba(66,153,225,.2)}.connection-status.away{background:rgba(96,165,250,.1);color:#60a5fa;border:1px solid rgba(96,165,250,.2)}.connection-strength{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;justify-content:center}.strength-dot{width:6px;height:6px;border-radius:50%;background:#e0f2fe}.strength-dot.active{background:#4299e1}.load-more-btn{display:block;width:100%;padding:1rem;margin-top:2rem;background:white;border:2px solid #e0f2fe;border-radius:12px;color:#4299e1;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:rgba(66,153,225,.1);border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 12px #4299e133}@media (max-width: 1024px){.connections-panel{padding:1.25rem}.connections-grid,.requests-list,.suggestions-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.connection-stats{grid-template-columns:repeat(3,1fr);gap:.875rem}.stat-card{padding:1rem}.stat-number{font-size:1.35rem}.stat-label{font-size:.75rem}}@media (max-width: 768px){.connections-panel{padding:1rem;border-radius:12px}.connections-header{margin-bottom:1.25rem}.connections-header h2{font-size:1.1rem}.connections-header h2 svg{width:20px;height:20px}.connections-subtitle{font-size:.8125rem}.connection-stats{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.stat-card{padding:1rem}.stat-card svg{width:20px;height:20px;padding:.4rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}.connections-controls{flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.search-box{width:100%;min-width:100%;padding:.65rem .875rem}.search-box input{font-size:.875rem}.filter-btn{width:100%;justify-content:center;padding:.65rem .875rem}.connections-search{padding:.65rem .875rem;margin-bottom:1.25rem}.connections-search input{font-size:.875rem}.connections-tabs{margin-bottom:1.25rem;gap:.375rem}.connections-tabs button{padding:.65rem .875rem;font-size:.875rem}.connections-grid,.requests-list,.suggestions-list{grid-template-columns:1fr;gap:1rem}.connection-card,.request-card,.suggestion-card{padding:1.25rem}.connection-avatar,.request-avatar,.suggestion-avatar{width:70px;height:70px}.connection-info h3,.request-info h3,.suggestion-info h3{font-size:.95rem}.connection-title,.request-title,.suggestion-title{font-size:.8125rem}.connection-company,.suggestion-company,.mutual-connections,.request-time{font-size:.75rem}.suggestion-reason{font-size:.75rem;padding:.3rem .65rem}.skill-tag{font-size:.7rem;padding:.2rem .55rem}.btn-message,.btn-remove,.btn-accept,.btn-ignore,.btn-connect,.btn-follow,.btn-view-profile,.btn-view-profile-small,.btn-reject{padding:.65rem .75rem;font-size:.8125rem}.connections-empty-state{padding:2.5rem 1.25rem}.connections-empty-state svg{width:56px;height:56px}.connections-empty-state h3{font-size:1.05rem}.connections-empty-state p{font-size:.875rem}}@media (max-width: 768px) and (orientation: landscape){.connection-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.75rem}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}.connections-grid,.requests-list,.suggestions-list{grid-template-columns:repeat(2,1fr);gap:.875rem}.connection-card,.request-card,.suggestion-card{padding:1rem}.connection-avatar,.request-avatar,.suggestion-avatar{width:60px;height:60px}}@media (max-width: 480px){.connections-panel{padding:.875rem;border-radius:10px}.connections-header{margin-bottom:1rem}.connections-header h2{font-size:1rem}.connections-header h2 svg{width:18px;height:18px}.connections-subtitle{font-size:.75rem}.connection-stats{gap:.625rem;margin-bottom:1rem}.stat-card{padding:.875rem;gap:.75rem}.stat-card svg{width:18px;height:18px;padding:.35rem}.stat-number{font-size:1.15rem}.stat-label{font-size:.7rem}.connections-controls{gap:.5rem;margin-bottom:1rem}.search-box{padding:.6rem .8rem}.search-box svg{width:16px;height:16px}.search-box input{font-size:.8125rem}.filter-btn{padding:.6rem .8rem;font-size:.8125rem}.filter-btn svg{width:16px;height:16px}.connections-search{padding:.6rem .8rem;margin-bottom:1rem}.connections-search svg{width:16px;height:16px}.connections-search input{font-size:.8125rem}.connections-tabs{margin-bottom:1rem;gap:.3rem}.connections-tabs button{padding:.6rem .8rem;font-size:.8125rem}.connections-grid,.requests-list,.suggestions-list{gap:.875rem}.connection-card,.request-card,.suggestion-card{padding:1rem;border-radius:12px}.connection-avatar,.request-avatar,.suggestion-avatar{width:60px;height:60px;border-width:2px}.connection-info h3,.request-info h3,.suggestion-info h3{font-size:.9rem}.connection-title,.request-title,.suggestion-title{font-size:.75rem}.connection-company,.suggestion-company{font-size:.7rem}.connection-company svg,.suggestion-company svg{width:12px;height:12px}.mutual-connections,.request-time{font-size:.7rem;margin-bottom:.75rem}.suggestion-reason{font-size:.7rem;padding:.25rem .6rem}.suggestion-reason svg{width:12px;height:12px}.skill-tag{font-size:.65rem;padding:.2rem .5rem}.connection-actions,.request-actions,.suggestion-actions{gap:.4rem;margin-top:.875rem}.btn-message,.btn-remove,.btn-accept,.btn-ignore,.btn-connect,.btn-follow,.btn-view-profile,.btn-view-profile-small,.btn-reject{padding:.6rem .65rem;font-size:.75rem}.btn-message svg,.btn-remove svg,.btn-accept svg,.btn-ignore svg,.btn-connect svg,.btn-follow svg,.btn-view-profile svg,.btn-view-profile-small svg,.btn-reject svg{width:14px;height:14px}.connections-empty-state{padding:2rem 1rem}.connections-empty-state svg{width:48px;height:48px}.connections-empty-state h3{font-size:.975rem}.connections-empty-state p{font-size:.8125rem}.load-more-btn{padding:.875rem;font-size:.875rem;margin-top:1.5rem}}@media (max-width: 360px){.connections-panel{padding:.75rem}.connections-header h2{font-size:.95rem}.stat-number{font-size:1.05rem}.stat-label{font-size:.65rem}.connection-avatar,.request-avatar,.suggestion-avatar{width:56px;height:56px}.connection-info h3,.request-info h3,.suggestion-info h3{font-size:.85rem}.connection-title,.request-title,.suggestion-title{font-size:.7rem}.btn-message,.btn-remove,.btn-accept,.btn-ignore,.btn-connect,.btn-follow,.btn-view-profile,.btn-view-profile-small,.btn-reject{padding:.55rem .6rem;font-size:.7rem}}@supports (-webkit-touch-callout: none){.search-box input,.connections-search input,.filter-btn,.connections-tabs button{font-size:16px!important}.connections-tabs,.connections-grid,.requests-list,.suggestions-list{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){.connections-panel{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}@media (max-width: 768px){.connections-panel{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}@media (max-width: 480px){.connections-panel{padding-left:max(.875rem,env(safe-area-inset-left));padding-right:max(.875rem,env(safe-area-inset-right))}}}@media (hover: none) and (pointer: coarse){.stat-card:active{transform:scale(.97)}.filter-btn:active,.connections-tabs button:active{transform:scale(.95)}.connection-card:active,.request-card:active,.suggestion-card:active{transform:scale(.98)}.btn-message:active,.btn-remove:active,.btn-accept:active,.btn-ignore:active,.btn-connect:active,.btn-follow:active,.btn-view-profile:active,.btn-view-profile-small:active,.btn-reject:active,.skill-tag:active{transform:scale(.95)}.load-more-btn:active{transform:scale(.98)}.btn-message,.btn-remove,.btn-accept,.btn-ignore,.btn-connect,.btn-follow,.btn-view-profile,.btn-view-profile-small,.btn-reject,.connections-tabs button,.filter-btn{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.connection-avatar,.request-avatar,.suggestion-avatar,.connections-panel{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.connections-panel{box-shadow:none;border:1px solid #e0f2fe}.btn-message,.btn-remove,.btn-accept,.btn-ignore,.btn-connect,.btn-follow,.filter-btn,.load-more-btn{display:none}.connection-card:hover,.request-card:hover,.suggestion-card:hover{transform:none;box-shadow:none}}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.user-profile-modal{background:#e0f2fe;border-radius:24px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #4299e140;animation:slideUp .3s ease;position:relative;border:2px solid #4299e1}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;width:44px;height:44px;background:rgba(66,153,225,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;color:#1b1528;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:0 4px 12px #4299e14d}.modal-close-btn:hover{background:#4299e1;transform:scale(1.05);box-shadow:0 6px 16px #4299e166}.profile-modal-header{position:relative;border-radius:24px 24px 0 0;overflow:hidden}.profile-banner{width:100%;height:160px;background:linear-gradient(135deg,#1B1528 0%,#3b82f6 100%)}.profile-header-content{position:relative;padding:0 2rem 1.5rem;margin-top:-60px}.profile-large-avatar{width:120px;height:120px;border-radius:50%;border:5px solid #4299e1;object-fit:cover;background:#e0f2fe;box-shadow:0 8px 24px #4299e14d}.profile-header-info{margin-top:1rem}.profile-header-info h2{font-size:1.75rem;font-weight:800;color:#1b1528;margin:0 0 .5rem}.profile-modal-title{font-size:1.125rem;font-weight:600;color:#3b82f6;margin:0 0 .5rem}.profile-modal-company,.profile-modal-location{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#3b82f6;margin:.25rem 0}.profile-modal-company svg,.profile-modal-location svg{flex-shrink:0;color:#4299e1}.profile-stats-mini{margin-top:.75rem;padding-top:.75rem;border-top:2px solid rgba(66,153,225,.2)}.profile-stats-mini span{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4299e1;font-weight:600}.profile-modal-actions{display:flex;gap:1rem;padding:0 2rem 1.5rem;border-bottom:2px solid rgba(66,153,225,.2)}.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more{flex:1;padding:.75rem 1.25rem;border:none;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#1B1528 0%,#3b82f6 100%);color:#e0f2fe}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4299e159}.btn-connected{background:rgba(66,153,225,.15);color:#1b1528;border:2px solid #4299e1;cursor:default}.btn-follow{background:#f8fafc;color:#3b82f6;border:2px solid rgba(66,153,225,.3)}.btn-follow:hover{background:#e0f2fe;border-color:#4299e1}.btn-follow.following{background:rgba(66,153,225,.15);color:#1b1528;border-color:#4299e1}.btn-message{background:#f8fafc;color:#3b82f6;border:2px solid rgba(66,153,225,.3)}.btn-message:hover{background:#e0f2fe;border-color:#4299e1;color:#1b1528}.btn-more{flex:0;padding:.75rem;background:#f8fafc;color:#3b82f6;border:2px solid rgba(66,153,225,.3)}.btn-more:hover{background:#e0f2fe;border-color:#4299e1;color:#1b1528}.profile-modal-section{padding:1.5rem 2rem;border-bottom:2px solid rgba(66,153,225,.2)}.profile-modal-section:last-child{border-bottom:none}.profile-modal-section h3{font-size:1.125rem;font-weight:700;color:#1b1528;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.profile-modal-section h3 svg{color:#4299e1}.about-text{font-size:.9375rem;line-height:1.7;color:#3b82f6;margin:0}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-item{display:flex;gap:1rem}.experience-icon{width:48px;height:48px;background:linear-gradient(135deg,#e0f2fe,#f8fafc);border:2px solid rgba(66,153,225,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#4299e1}.experience-details{flex:1}.experience-details h4{font-size:1rem;font-weight:600;color:#1b1528;margin:0 0 .25rem}.experience-company{font-size:.9375rem;color:#3b82f6;margin:0 0 .25rem;font-weight:500}.experience-duration{font-size:.875rem;color:#60a5fa;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.skill-item-modal{background:linear-gradient(135deg,#f8fafc,#e0f2fe);padding:1rem;border-radius:12px;border:2px solid rgba(66,153,225,.3);transition:all .2s ease}.skill-item-modal:hover{background:#e0f2fe;border-color:#4299e1;box-shadow:0 4px 12px #4299e133}.skill-name{font-size:.9375rem;font-weight:600;color:#1b1528;display:block;margin-bottom:.25rem}.skill-endorsements{font-size:.8125rem;color:#4299e1;font-weight:500}.activity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.activity-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:2px solid rgba(66,153,225,.3);border-radius:12px;transition:all .2s ease}.activity-stat:hover{background:#e0f2fe;border-color:#4299e1;box-shadow:0 4px 12px #4299e133}.stat-label{font-size:.8125rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:800;color:#4299e1}.connection-reason{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(66,153,225,.1);border-left:4px solid #4299e1;border-radius:8px;font-size:.9375rem;color:#1b1528;font-weight:500;margin:0}.connection-reason svg{flex-shrink:0;color:#4299e1}.user-profile-modal::-webkit-scrollbar{width:8px}.user-profile-modal::-webkit-scrollbar-track{background:#f1f5f9}.user-profile-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4299e1,#3b82f6);border-radius:4px}.user-profile-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3b82f6,#4299e1)}@media (min-width: 1440px){.user-profile-modal{max-width:800px}}@media (min-width: 1024px) and (max-width: 1439px){.user-profile-modal{max-width:750px}}@media (min-width: 768px) and (max-width: 1023px){.user-profile-modal-overlay{padding:.875rem}.user-profile-modal{max-width:95%;max-height:92vh;border-radius:20px}.modal-close-btn{top:1.375rem;right:1.375rem;width:42px;height:42px}.profile-banner{height:140px}.profile-header-content{padding:0 1.75rem 1.375rem;margin-top:-55px}.profile-large-avatar{width:110px;height:110px;border:4px solid #4299e1}.profile-header-info h2{font-size:1.625rem}.profile-modal-title{font-size:1.0625rem}.profile-modal-actions{padding:0 1.75rem 1.375rem;gap:.875rem}.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more{padding:.7rem 1.125rem;font-size:.9rem}.profile-modal-section{padding:1.375rem 1.75rem}.profile-modal-section h3{font-size:1.0625rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.activity-stats{gap:1.25rem}}@media (min-width: 600px) and (max-width: 767px){.user-profile-modal-overlay{padding:.75rem}.user-profile-modal{max-width:100%;max-height:94vh;border-radius:18px}.modal-close-btn{top:1.25rem;right:1.25rem;width:40px;height:40px}.profile-banner{height:130px}.profile-header-content{padding:0 1.5rem 1.25rem;margin-top:-52px}.profile-large-avatar{width:104px;height:104px;border:4px solid #4299e1}.profile-header-info h2{font-size:1.5rem}.profile-modal-title{font-size:1rem}.profile-modal-company,.profile-modal-location{font-size:.9rem}.profile-stats-mini span{font-size:.8375rem}.profile-modal-actions{flex-wrap:wrap;padding:0 1.5rem 1.25rem;gap:.75rem}.btn-primary,.btn-connected,.btn-follow,.btn-message{flex:1 1 calc(50% - .375rem);padding:.7rem 1rem;font-size:.875rem}.btn-more{flex:1 1 100%;padding:.7rem 1rem}.profile-modal-section{padding:1.25rem 1.5rem}.profile-modal-section h3{font-size:1rem;margin-bottom:.875rem}.about-text{font-size:.9rem;line-height:1.65}.experience-list{gap:1.25rem}.experience-icon{width:44px;height:44px}.experience-details h4{font-size:.975rem}.experience-company{font-size:.9rem}.experience-duration{font-size:.8375rem}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.875rem}.skill-item-modal{padding:.875rem}.skill-name{font-size:.9rem}.skill-endorsements{font-size:.8rem}.activity-stats{gap:1rem}.activity-stat{padding:1.125rem}.stat-label{font-size:.8rem}.stat-value{font-size:1.625rem}}@media (min-width: 481px) and (max-width: 599px){.user-profile-modal-overlay{padding:0;align-items:flex-end}.user-profile-modal{max-width:100%;max-height:96vh;border-radius:16px 16px 0 0;border-bottom:none}.modal-close-btn{top:1.125rem;right:1.125rem;width:40px;height:40px}.profile-banner{height:120px}.profile-header-content{padding:0 1.375rem 1.125rem;margin-top:-50px}.profile-large-avatar{width:100px;height:100px;border:4px solid #4299e1}.profile-header-info{margin-top:.875rem}.profile-header-info h2{font-size:1.375rem}.profile-modal-title{font-size:.975rem}.profile-modal-company,.profile-modal-location{font-size:.875rem}.profile-stats-mini{margin-top:.625rem;padding-top:.625rem}.profile-stats-mini span{font-size:.8125rem}.profile-modal-actions{flex-direction:column;padding:0 1.375rem 1.125rem;gap:.625rem}.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more{flex:1 1 100%;padding:.7rem 1rem;font-size:.875rem}.profile-modal-section{padding:1.125rem 1.375rem}.profile-modal-section h3{font-size:.975rem;margin-bottom:.825rem}.profile-modal-section h3 svg{width:18px;height:18px}.about-text{font-size:.875rem;line-height:1.6}.experience-list{gap:1.125rem}.experience-item{gap:.875rem}.experience-icon{width:42px;height:42px}.experience-details h4{font-size:.95rem}.experience-company{font-size:.875rem}.experience-duration{font-size:.8125rem}.skills-grid{grid-template-columns:1fr;gap:.825rem}.skill-item-modal{padding:.825rem}.skill-name{font-size:.875rem}.skill-endorsements{font-size:.775rem}.activity-stats{grid-template-columns:1fr;gap:.875rem}.activity-stat{padding:1rem}.stat-label{font-size:.775rem}.stat-value{font-size:1.5rem}.connection-reason{padding:.875rem;font-size:.875rem}}@media (min-width: 376px) and (max-width: 480px){.user-profile-modal-overlay{padding:0;align-items:flex-end}.user-profile-modal{max-width:100%;max-height:98vh;border-radius:14px 14px 0 0;border-bottom:none}.modal-close-btn{top:1rem;right:1rem;width:38px;height:38px}.modal-close-btn svg{width:18px;height:18px}.profile-banner{height:110px}.profile-header-content{padding:0 1.25rem 1rem;margin-top:-48px}.profile-large-avatar{width:96px;height:96px;border:3px solid #4299e1}.profile-header-info{margin-top:.825rem}.profile-header-info h2{font-size:1.25rem}.profile-modal-title{font-size:.925rem;margin-bottom:.4rem}.profile-modal-company,.profile-modal-location{font-size:.8375rem;gap:.4rem}.profile-modal-company svg,.profile-modal-location svg{width:15px;height:15px}.profile-stats-mini{margin-top:.575rem;padding-top:.575rem}.profile-stats-mini span{font-size:.8rem;gap:.4rem}.profile-stats-mini svg{width:14px;height:14px}.profile-modal-actions{flex-direction:column;padding:0 1.25rem 1rem;gap:.575rem}.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more{flex:1 1 100%;padding:.65rem .925rem;font-size:.8375rem;gap:.4rem;border-radius:10px}.profile-modal-section{padding:1rem 1.25rem}.profile-modal-section h3{font-size:.925rem;margin-bottom:.775rem;gap:.4rem}.profile-modal-section h3 svg{width:17px;height:17px}.about-text{font-size:.8375rem;line-height:1.58}.experience-list{gap:1rem}.experience-item{gap:.825rem}.experience-icon{width:40px;height:40px;border-radius:10px}.experience-icon svg{width:18px;height:18px}.experience-details h4{font-size:.925rem;margin-bottom:.2rem}.experience-company{font-size:.8375rem;margin-bottom:.2rem}.experience-duration{font-size:.8rem}.skills-grid{grid-template-columns:1fr;gap:.775rem}.skill-item-modal{padding:.775rem;border-radius:10px}.skill-name{font-size:.8375rem;margin-bottom:.2rem}.skill-endorsements{font-size:.75rem}.activity-stats{grid-template-columns:1fr;gap:.825rem}.activity-stat{padding:.925rem;border-radius:10px}.stat-label{font-size:.75rem;margin-bottom:.4rem}.stat-value{font-size:1.375rem}.connection-reason{padding:.825rem;font-size:.8375rem;gap:.4rem;border-radius:9px}.connection-reason svg{width:16px;height:16px}}@media (max-width: 375px){.user-profile-modal-overlay{padding:0;align-items:flex-end}.user-profile-modal{max-width:100%;max-height:100vh;border-radius:12px 12px 0 0;border-bottom:none}.modal-close-btn{top:.875rem;right:.875rem;width:36px;height:36px}.modal-close-btn svg{width:17px;height:17px}.profile-banner{height:100px}.profile-header-content{padding:0 1rem .925rem;margin-top:-46px}.profile-large-avatar{width:92px;height:92px;border:3px solid #4299e1}.profile-header-info{margin-top:.775rem}.profile-header-info h2{font-size:1.125rem}.profile-modal-title{font-size:.875rem;margin-bottom:.375rem}.profile-modal-company,.profile-modal-location{font-size:.8125rem;gap:.375rem;margin:.2rem 0}.profile-modal-company svg,.profile-modal-location svg{width:14px;height:14px}.profile-stats-mini{margin-top:.55rem;padding-top:.55rem}.profile-stats-mini span{font-size:.775rem;gap:.375rem}.profile-stats-mini svg{width:13px;height:13px}.profile-modal-actions{flex-direction:column;padding:0 1rem .925rem;gap:.55rem}.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more{flex:1 1 100%;padding:.625rem .875rem;font-size:.8125rem;gap:.375rem;border-radius:10px}.btn-primary svg,.btn-connected svg,.btn-follow svg,.btn-message svg,.btn-more svg{width:16px;height:16px}.profile-modal-section{padding:.925rem 1rem}.profile-modal-section h3{font-size:.875rem;margin-bottom:.725rem;gap:.375rem}.profile-modal-section h3 svg{width:16px;height:16px}.about-text{font-size:.8125rem;line-height:1.55}.experience-list{gap:.925rem}.experience-item{gap:.775rem}.experience-icon{width:38px;height:38px;border-radius:10px}.experience-icon svg{width:17px;height:17px}.experience-details h4{font-size:.875rem;margin-bottom:.1875rem}.experience-company{font-size:.8125rem;margin-bottom:.1875rem}.experience-duration{font-size:.775rem}.skills-grid{grid-template-columns:1fr;gap:.725rem}.skill-item-modal{padding:.725rem;border-radius:10px}.skill-name{font-size:.8125rem;margin-bottom:.1875rem}.skill-endorsements{font-size:.725rem}.activity-stats{grid-template-columns:1fr;gap:.775rem}.activity-stat{padding:.875rem;border-radius:10px}.stat-label{font-size:.725rem;margin-bottom:.375rem;letter-spacing:.3px}.stat-value{font-size:1.25rem}.connection-reason{padding:.775rem;font-size:.8125rem;gap:.375rem;border-radius:8px;border-left-width:3px}.connection-reason svg{width:15px;height:15px}}@supports (-webkit-touch-callout: none){.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more,.modal-close-btn{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.user-profile-modal{-webkit-transform:translateZ(0);transform:translateZ(0)}.user-profile-modal{-webkit-overflow-scrolling:touch}.profile-header-info h2,.profile-modal-title,.profile-modal-company,.profile-modal-location{-webkit-text-size-adjust:100%}}@media screen and (-webkit-min-device-pixel-ratio: 0){.btn-primary,.btn-follow,.btn-message,.skill-item-modal,.activity-stat{-webkit-tap-highlight-color:rgba(66,153,225,.2)}.modal-close-btn{-webkit-tap-highlight-color:rgba(66,153,225,.3)}}@media (hover: none) and (pointer: coarse){.modal-close-btn:hover,.btn-primary:hover,.skill-item-modal:hover,.activity-stat:hover{transform:none}.modal-close-btn{min-width:44px;min-height:44px}.btn-primary,.btn-connected,.btn-follow,.btn-message,.btn-more{min-height:48px}button,.skill-item-modal,.activity-stat{cursor:pointer;user-select:none;-webkit-user-select:none}}@media (max-height: 500px) and (orientation: landscape){.user-profile-modal-overlay{align-items:flex-start;padding:.5rem}.user-profile-modal{max-height:95vh;border-radius:12px}.profile-banner{height:80px}.profile-header-content{margin-top:-40px;padding:0 1.25rem .875rem}.profile-large-avatar{width:80px;height:80px}.profile-header-info h2{font-size:1.125rem}.profile-modal-actions{padding:0 1.25rem .875rem}.profile-modal-section{padding:.875rem 1.25rem}.activity-stats{grid-template-columns:repeat(3,1fr);gap:.875rem}.activity-stat{padding:.75rem}.stat-value{font-size:1.25rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.profile-large-avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.experience-icon svg,.modal-close-btn svg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.messaging-center-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(66,153,225,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.messaging-center{width:90%;max-width:1000px;height:80vh;background:#FFFFFF;border-radius:24px;box-shadow:0 20px 60px #4299e166;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;border:3px solid #4299e1}.messaging-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#4299e1,#3b82f6);color:#fff}.messaging-header .back-btn{padding:.5rem;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.messaging-header .back-btn:hover{background:rgba(255,255,255,.3);transform:translate(-3px)}.messaging-header .back-btn:active{transform:translate(-1px) scale(.95)}.messaging-header h2{font-size:1.5rem;font-weight:700;margin:0;flex:1;color:#fff}.close-btn{background:rgba(255,255,255,.2);border:none;border-radius:50%;padding:.5rem;color:#fff;cursor:pointer;transition:all .3s ease}.close-btn:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.messaging-body{display:grid;grid-template-columns:320px 1fr;flex:1;overflow:hidden}.chats-list{background:rgba(66,153,225,.1);border-right:2px solid #4299e1;display:flex;flex-direction:column}.chats-search{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#FFFFFF;border-bottom:2px solid #4299e1}.chats-search input{flex:1;padding:.75rem;border:2px solid #4299e1;background:rgba(66,153,225,.1);border-radius:12px;outline:none;font-size:.9rem;color:#1b1528}.chats-search input::placeholder{color:#60a5fa}.chats-search input:focus{border-color:#3b82f6;background:#FFFFFF}.chats-items{flex:1;overflow-y:auto}.chat-item{display:flex;gap:1rem;padding:1rem;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;background:#FFFFFF}.chat-item:hover{background:rgba(66,153,225,.15)}.chat-item.active{background:rgba(66,153,225,.2);border-left-color:#4299e1}.chat-avatar-wrapper{position:relative;flex-shrink:0}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #4299e1}.online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#4299e1;border:2px solid #FFFFFF;border-radius:50%}.chat-info{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.chat-header h4{font-size:.95rem;font-weight:600;color:#1b1528;margin:0}.chat-time{font-size:.75rem;color:#3b82f6}.chat-preview{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.chat-preview p{flex:1;font-size:.85rem;color:#3b82f6;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview p.unread{color:#1b1528;font-weight:600}.unread-badge{background:linear-gradient(135deg,#4299e1,#3b82f6);color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:10px;min-width:20px;text-align:center}.chat-window{display:flex;flex-direction:column;background:#FFFFFF}.chat-window-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid #4299e1;background:rgba(66,153,225,.1)}.chat-user-info{display:flex;align-items:center;gap:1rem}.chat-user-info img{width:40px;height:40px;border-radius:50%;border:2px solid #4299e1}.chat-user-info h3{margin:0;font-size:1rem;font-weight:600;color:#1b1528}.status{font-size:.8rem;color:#3b82f6}.status.online{color:#4299e1}.chat-actions{display:flex;gap:.5rem}.chat-action-btn{padding:.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#3b82f6;transition:all .2s ease}.chat-action-btn:hover{background:rgba(66,153,225,.1);color:#1b1528}.messages-container{flex:1;padding:1.5rem;overflow-y:auto;background:linear-gradient(to bottom,rgba(66,153,225,.05),#FFFFFF)}.message{display:flex;gap:.75rem;margin-bottom:1.5rem;animation:messageSlide .3s ease-out;align-items:flex-end}.message.sent{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;object-fit:cover;border:2px solid #60a5fa}.message.sent .message-avatar{border-color:#4299e1}.message-bubble{max-width:60%;display:flex;flex-direction:column}.message-sender-name{font-size:.75rem;font-weight:600;color:#3b82f6;margin-bottom:.25rem;padding:0 .5rem}.message.sent .message-sender-name{text-align:right;color:#1b1528}.message-content{padding:.75rem 1rem;border-radius:16px;position:relative}.message.received .message-content{background:rgba(66,153,225,.15);border-bottom-left-radius:4px;box-shadow:0 1px 2px #4299e11a}.message.sent .message-content{background:linear-gradient(135deg,#4299e1,#3b82f6);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 4px #4299e14d}.message-content p{margin:0;font-size:.95rem;line-height:1.5;word-wrap:break-word}.message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;opacity:.7}.typing-indicator{display:flex;gap:.75rem;margin-bottom:1rem;animation:messageSlide .3s ease-out}.typing-dots{background:rgba(66,153,225,.15);padding:1rem;border-radius:16px 16px 16px 4px;display:flex;gap:.4rem;align-items:center}.typing-dots span{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:typingBounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.message-input-container{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:2px solid #4299e1;background:#FFFFFF}.input-action-btn{padding:.5rem;background:transparent;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;transition:all .2s ease}.input-action-btn:hover{background:rgba(66,153,225,.1);color:#1b1528}.message-input-container input{flex:1;padding:.75rem 1rem;border:2px solid #4299e1;background:rgba(66,153,225,.1);border-radius:24px;font-size:.95rem;outline:none;transition:all .3s ease;color:#1b1528}.message-input-container input:focus{border-color:#3b82f6;background:#FFFFFF}.send-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#4299e1,#3b82f6);color:#fff;border:none;border-radius:24px;cursor:pointer;transition:all .3s ease}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #4299e14d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.no-chat-selected{display:flex;align-items:center;justify-content:center;height:100%;color:#60a5fa;font-size:1.1rem}.empty-chats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.empty-chats svg{color:#4299e1;opacity:.3;margin-bottom:1rem}.empty-chats p{font-size:1rem;font-weight:600;color:#1b1528;margin:0 0 .5rem}.empty-chats span{font-size:.875rem;color:#64748b}.empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:3rem 2rem;text-align:center}.empty-messages svg{color:#4299e1;opacity:.3;margin-bottom:1.5rem}.empty-messages p{font-size:1.125rem;font-weight:600;color:#1b1528;margin:0 0 .5rem}.empty-messages span{font-size:.875rem;color:#64748b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;height:400px}.loading-container .spinner{width:48px;height:48px;border:4px solid rgba(66,153,225,.2);border-top-color:#4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-container p{color:#64748b;font-size:1rem;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@media (min-width: 1440px){.messaging-center{max-width:1200px;height:85vh}.messaging-body{grid-template-columns:360px 1fr}}@media (min-width: 1024px) and (max-width: 1439px){.messaging-center{width:92%;max-width:1000px;height:82vh}.messaging-body{grid-template-columns:300px 1fr}}@media (min-width: 992px) and (max-width: 1023px){.messaging-center{width:95%;max-width:900px;height:85vh}.messaging-body{grid-template-columns:280px 1fr}.chats-list{min-width:280px}.messaging-header{padding:1.25rem 1.75rem}.messaging-header h2{font-size:1.375rem}}@media (min-width: 768px) and (max-width: 991px){.messaging-center-overlay{padding:0;align-items:stretch}.messaging-center{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.messaging-header{padding:1.125rem 1.5rem}.messaging-header h2{font-size:1.25rem}.messaging-body{grid-template-columns:260px 1fr}.chats-list{min-width:260px}.chat-item{padding:.875rem;gap:.875rem}.chat-avatar{width:44px;height:44px}.chat-header h4{font-size:.875rem}.chat-preview p{font-size:.8125rem}.messages-container{padding:1.25rem}.message-bubble{max-width:70%}.message-content{padding:.625rem .875rem;font-size:.875rem}.message-input-container{padding:.875rem 1.25rem}.message-input-container input{padding:.625rem .875rem;font-size:.875rem}.send-btn{padding:.625rem 1rem}}@media (min-width: 600px) and (max-width: 767px){.messaging-center-overlay{padding:0;align-items:stretch}.messaging-center{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.messaging-header{padding:1rem 1.25rem}.messaging-header h2{font-size:1.125rem}.messaging-body{grid-template-columns:1fr}.chats-list{display:none}.chats-list.mobile-visible{display:flex;width:100%;border-right:none;border-bottom:2px solid #4299e1}.chat-window{width:100%}.message-bubble{max-width:75%}.message-content{padding:.625rem .875rem}.message-input-container{padding:.875rem 1rem}.message-input-container input{padding:.625rem .875rem;font-size:.875rem}.send-btn{padding:.625rem 1rem}}@media (min-width: 481px) and (max-width: 599px){.messaging-center-overlay{padding:0;align-items:stretch}.messaging-center{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.messaging-header{padding:.875rem 1rem}.messaging-header h2{font-size:1.125rem}.close-btn,.messaging-header .back-btn{padding:.4375rem}.messaging-body{grid-template-columns:1fr}.chats-list{display:none}.chats-list.mobile-visible{display:flex;width:100%;border-right:none;border-bottom:2px solid #4299e1}.chat-item{padding:.75rem;gap:.75rem}.chat-avatar{width:42px;height:42px}.chat-header h4{font-size:.875rem}.chat-preview p{font-size:.8125rem}.chat-window{width:100%}.chat-window-header{padding:.875rem 1rem}.chat-user-info img{width:36px;height:36px}.chat-user-info h3{font-size:.9375rem}.messages-container{padding:1rem}.message{margin-bottom:1.25rem;gap:.625rem}.message-avatar{width:32px;height:32px}.message-bubble{max-width:80%}.message-content{padding:.625rem .875rem;font-size:.875rem}.message-sender-name,.message-meta{font-size:.6875rem}.message-input-container{padding:.75rem .875rem;gap:.5rem}.message-input-container input{padding:.625rem .875rem;font-size:.8125rem}.send-btn{padding:.625rem .875rem}.input-action-btn{padding:.4375rem}}@media (min-width: 376px) and (max-width: 480px){.messaging-center-overlay{padding:0;align-items:stretch}.messaging-center{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.messaging-header{padding:.85rem 1rem}.messaging-header h2{font-size:1.1rem}.close-btn,.messaging-header .back-btn{padding:.4rem}.messaging-body{grid-template-columns:1fr}.chats-list{display:none}.chats-list.mobile-visible{display:flex;width:100%;border-right:none;border-bottom:2px solid #4299e1}.chats-search{padding:.875rem}.chats-search input{padding:.625rem;font-size:.8125rem}.chat-item{padding:.75rem;gap:.75rem}.chat-avatar{width:40px;height:40px}.online-indicator{width:10px;height:10px}.chat-header h4{font-size:.875rem}.chat-time{font-size:.6875rem}.chat-preview p{font-size:.8125rem}.unread-badge{font-size:.6875rem;padding:.1875rem .4375rem}.chat-window{width:100%}.chat-window-header{padding:.75rem 1rem}.chat-user-info{gap:.75rem}.chat-user-info img{width:34px;height:34px}.chat-user-info h3{font-size:.875rem}.status{font-size:.75rem}.chat-action-btn{padding:.4375rem}.messages-container{padding:1rem .875rem}.message{margin-bottom:1rem;gap:.5rem}.message-avatar{width:30px;height:30px}.message-bubble{max-width:85%}.message-content{padding:.6rem .85rem;font-size:.85rem}.message-sender-name{font-size:.6875rem;padding:0 .375rem}.message-meta{font-size:.6875rem}.typing-dots{padding:.875rem}.typing-dots span{width:7px;height:7px}.message-input-container{padding:.75rem .875rem;gap:.5rem}.message-input-container input{padding:.5rem .85rem;font-size:.85rem}.send-btn{padding:.5rem .75rem}.input-action-btn{padding:.375rem}.empty-chats,.empty-messages{padding:2.5rem 1.5rem}.empty-chats svg,.empty-messages svg{width:56px;height:56px;margin-bottom:1rem}.empty-chats p,.empty-messages p{font-size:.9375rem}.empty-chats span,.empty-messages span{font-size:.8125rem}}@media (max-width: 375px){.messaging-center-overlay{padding:0;align-items:stretch}.messaging-center{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.messaging-header{padding:.75rem .875rem;gap:.75rem}.messaging-header h2{font-size:1rem}.close-btn,.messaging-header .back-btn{padding:.375rem}.messaging-body{grid-template-columns:1fr}.chats-list{display:none}.chats-list.mobile-visible{display:flex;width:100%;border-right:none;border-bottom:2px solid #4299e1}.chats-search{padding:.75rem;gap:.625rem}.chats-search input{padding:.625rem;font-size:.8125rem;border-radius:10px}.chat-item{padding:.625rem .75rem;gap:.625rem}.chat-avatar{width:38px;height:38px}.online-indicator{width:9px;height:9px}.chat-header{margin-bottom:.1875rem}.chat-header h4{font-size:.8125rem}.chat-time{font-size:.625rem}.chat-preview p{font-size:.75rem}.unread-badge{font-size:.625rem;padding:.1875rem .375rem;min-width:18px}.chat-window{width:100%}.chat-window-header{padding:.75rem .875rem}.chat-user-info{gap:.625rem}.chat-user-info img{width:32px;height:32px}.chat-user-info h3{font-size:.8125rem}.status{font-size:.6875rem}.chat-action-btn{padding:.375rem}.messages-container{padding:.875rem .75rem}.message{margin-bottom:1rem;gap:.5rem}.message-avatar{width:28px;height:28px}.message-bubble{max-width:88%}.message-content{padding:.5rem .75rem;font-size:.8125rem;border-radius:14px}.message-sender-name{font-size:.625rem;padding:0 .375rem;margin-bottom:.1875rem}.message-meta{font-size:.625rem;gap:.375rem}.typing-dots{padding:.75rem;border-radius:14px}.typing-dots span{width:6px;height:6px}.message-input-container{padding:.625rem .75rem;gap:.5rem}.message-input-container input{padding:.5rem .75rem;font-size:.8125rem;border-radius:20px}.send-btn{padding:.5rem .625rem;border-radius:20px}.input-action-btn{padding:.375rem}.no-chat-selected{font-size:.9375rem;padding:1.5rem}.empty-chats,.empty-messages{padding:2rem 1.25rem}.empty-chats svg,.empty-messages svg{width:48px;height:48px;margin-bottom:.875rem}.empty-chats p,.empty-messages p{font-size:.875rem}.empty-chats span,.empty-messages span{font-size:.75rem}.loading-container{padding:3rem 1.5rem;height:300px}.loading-container .spinner{width:40px;height:40px;border-width:3px;margin-bottom:1.25rem}.loading-container p{font-size:.875rem}}@supports (-webkit-touch-callout: none){.chats-search input,.message-input-container input,.send-btn,.close-btn,.messaging-header .back-btn,.chat-action-btn{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.messaging-center,.messages-container,.chats-items{-webkit-transform:translateZ(0);transform:translateZ(0)}.messages-container,.chats-items{-webkit-overflow-scrolling:touch}input,textarea{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.send-btn,.chat-item,.close-btn,.messaging-header .back-btn,.chat-action-btn,.input-action-btn{-webkit-tap-highlight-color:rgba(66,153,225,.2)}.message:active{-webkit-tap-highlight-color:transparent}}@media (hover: none) and (pointer: coarse){.chat-item:hover,.send-btn:hover,.chat-action-btn:hover{transform:none}.close-btn,.messaging-header .back-btn,.chat-action-btn,.input-action-btn{min-height:44px;min-width:44px}.send-btn{min-height:44px}.chat-item{min-height:64px}}@media (max-height: 500px) and (orientation: landscape){.messaging-center{height:100vh}.messaging-header{padding:.625rem 1rem}.messaging-header h2{font-size:.9375rem}.messages-container{padding:.875rem}.message{margin-bottom:.875rem}.message-input-container{padding:.625rem .875rem}.chats-search,.chat-item{padding:.625rem}.empty-chats,.empty-messages{padding:1.5rem 1rem}}@media (max-width: 767px){.messaging-body.show-chats .chats-list{display:flex}.messaging-body.show-chats .chat-window,.messaging-body.show-chat .chats-list{display:none}.messaging-body.show-chat .chat-window{display:flex}.messaging-header .back-btn{display:none}.messaging-body.show-chat .messaging-header .back-btn{display:flex}}.feed-section{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;background:transparent;animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.create-post-card{background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:32px;padding:2rem;border:3px solid rgba(255,255,255,.6);box-shadow:0 12px 24px #4299e126,0 6px 12px #0000001a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.create-post-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #4299e133,0 8px 16px #00000026,inset 0 1px #fffc}.create-post-header{display:flex;gap:1.25rem;margin-bottom:1.5rem;align-items:center}.user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 8px 16px #4299e14d,0 4px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-avatar:hover{transform:scale(1.08);box-shadow:0 12px 24px #4299e166,0 6px 12px #00000026}.create-post-input{flex:1;padding:1.125rem 1.75rem;background:#f8f9fb;border:2px solid rgba(66,153,225,.15);border-radius:24px;font-size:1rem;color:#1e293b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;box-shadow:inset 0 2px 4px #0000000d}.create-post-input:hover{background:#ffffff;border-color:#4299e1;box-shadow:0 4px 8px #4299e133,inset 0 1px 2px #0000000d;transform:translateY(-1px)}.create-post-input:focus{outline:none;background:#ffffff;border-color:#4299e1;box-shadow:0 6px 12px #4299e140,inset 0 1px 2px #0000000d}.create-post-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem;border-top:2px solid rgba(66,153,225,.1);flex-wrap:wrap}.post-action-btn{display:flex;align-items:center;gap:.875rem;padding:1rem 1.75rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);border-radius:20px;font-weight:600;font-size:.9375rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:150px;justify-content:center;box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.post-action-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-3px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.post-action-btn:active{transform:translateY(-1px);box-shadow:0 6px 12px #4299e133,inset 0 1px #fff9}.action-icon{width:22px;height:22px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.post-action-btn:hover .action-icon{transform:scale(1.15) rotate(5deg)}.action-icon.photo{color:#4299e1}.action-icon.video{color:#93c5fd}.action-icon.article{color:#60a5fa}.action-icon.poll{color:#4299e1}.feed-sort{display:flex;align-items:center;gap:1.5rem;margin:2rem 0;padding:1.25rem 1.5rem;background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:28px;border:3px solid rgba(255,255,255,.6);box-shadow:0 10px 20px #4299e11f,0 4px 8px #00000014,inset 0 1px #fffc}.sort-divider{flex:1;height:3px;background:linear-gradient(90deg,#4299e1,#93c5fd);border-radius:100px;box-shadow:0 2px 4px #4299e14d,inset 0 1px 2px #4299e133}.sort-options{display:flex;gap:.75rem;flex-wrap:wrap}.sort-btn{padding:.875rem 1.75rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);border-radius:18px;font-weight:600;font-size:.9375rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.sort-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-3px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.sort-btn.active{background:linear-gradient(145deg,#93c5fd,#4299e1);border:2px solid rgba(255,255,255,.4);color:#fff;box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.sort-btn.active:hover{background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 20px #4299e180,0 5px 10px #0003,inset 0 -2px 4px #0000001a}.post-card{background:linear-gradient(145deg,#ffffff,#f5f8fb);border:3px solid rgba(255,255,255,.6);border-radius:32px;padding:2rem;box-shadow:0 12px 24px #4299e126,0 6px 12px #0000001a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.post-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #4299e138,0 8px 16px #00000026,inset 0 1px #fffc;border-color:#4299e14d}.post-header{display:flex;gap:1.25rem;margin-bottom:1.75rem;align-items:flex-start}.post-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;flex-shrink:0;box-shadow:0 8px 16px #4299e14d,0 4px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-avatar:hover{transform:scale(1.08);box-shadow:0 12px 24px #4299e166,0 6px 12px #00000026}.post-author-info{flex:1;min-width:0}.post-author-info h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.author-title{font-size:.9375rem;color:#4299e1;font-weight:600;margin:0 0 .375rem;display:flex;align-items:center;gap:.5rem}.post-timestamp{font-size:.875rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:.5rem}.post-menu-wrapper{position:relative}.post-menu-btn{padding:.875rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);border-radius:16px;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.post-menu-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:rotate(90deg) translateY(-2px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.post-menu-dropdown{position:absolute;top:100%;right:0;margin-top:1rem;background:linear-gradient(145deg,#ffffff,#f5f8fb);border:3px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 16px 32px #4299e133,0 8px 16px #00000026,inset 0 1px #fffc;min-width:240px;z-index:1000;padding:.875rem 0;animation:slideDown .3s cubic-bezier(.4,0,.2,1);transform-origin:top right}@keyframes slideDown{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9375rem;color:#64748b;font-weight:600;border-radius:16px;margin:0 .75rem}.menu-item:hover{background:linear-gradient(145deg,rgba(66,153,225,.1),rgba(66,153,225,.05));color:#4299e1;transform:translate(4px)}.menu-item svg{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-item:hover svg{transform:scale(1.15) rotate(5deg)}.menu-item.delete{color:#ef4444}.menu-item.delete:hover{background:linear-gradient(145deg,rgba(239,68,68,.1),rgba(239,68,68,.05))}.menu-item.report{color:#8b7ad8}.menu-item.report:hover{background:linear-gradient(145deg,rgba(139,122,216,.1),rgba(139,122,216,.05))}.menu-divider{height:2px;background:linear-gradient(90deg,transparent,rgba(66,153,225,.2),transparent);margin:.75rem 1rem;border-radius:100px}.post-content{margin:1.75rem 0}.post-content p{font-size:1rem;line-height:1.7;color:#1e293b;margin:0;font-weight:500}.post-image{width:100%;border-radius:24px;margin-top:1.75rem;object-fit:cover;max-height:600px;transition:transform .3s cubic-bezier(.4,0,.2,1);border:3px solid rgba(255,255,255,.6);box-shadow:0 12px 24px #0000001a,inset 0 1px #fffc}.post-image:hover{transform:scale(1.02);box-shadow:0 16px 32px #00000026,inset 0 1px #fffc}.post-video{width:100%;border-radius:24px;margin-top:1.75rem;max-height:600px;border:3px solid rgba(255,255,255,.6);box-shadow:0 12px 24px #0000001a,inset 0 1px #fffc}.post-article{display:block;margin-top:1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-article:hover{transform:translateY(-4px)}.article-preview{display:flex;gap:1.5rem;padding:1.75rem;background:linear-gradient(145deg,rgba(66,153,225,.08),rgba(147,197,253,.04));border:3px solid rgba(66,153,225,.2);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #4299e126,0 4px 8px #00000014,inset 0 1px #fff9}.post-article:hover .article-preview{border-color:#4299e1;background:linear-gradient(145deg,rgba(66,153,225,.12),rgba(147,197,253,.06));box-shadow:0 12px 24px #4299e140,0 6px 12px #0000001a,inset 0 1px #fffc;transform:translateY(-2px)}.article-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border-radius:20px;flex-shrink:0;font-size:1.75rem;box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a;border:2px solid rgba(255,255,255,.4)}.article-details{flex:1}.article-details h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .625rem;line-height:1.4}.article-link{font-size:.9375rem;color:#4299e1;margin:0;font-weight:600;display:flex;align-items:center;gap:.625rem}.post-stats{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:2px solid rgba(66,153,225,.15);font-size:.9375rem;color:#64748b;font-weight:600}.reactions-summary{display:flex;align-items:center;gap:1rem}.reaction-icons{display:flex;align-items:center;background:linear-gradient(145deg,#ffffff,#f8f9fb);border-radius:100px;padding:.375rem .75rem;box-shadow:0 4px 8px #0000000f,inset 0 1px #fff9}.reaction-emoji{font-size:1.25rem;margin-left:-.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.reaction-emoji:first-child{margin-left:0}.reaction-emoji:hover{transform:scale(1.3) translateY(-3px);z-index:1;position:relative}.post-stats-right{display:flex;align-items:center;gap:1.25rem}.clickable-stat{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.625rem 1rem;border-radius:16px;font-weight:600;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.1);box-shadow:0 4px 8px #0000000f,inset 0 1px #fff9}.clickable-stat:hover{color:#4299e1;border-color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-2px);box-shadow:0 6px 12px #4299e133,inset 0 1px #fffc}.stat-divider{color:#4299e14d;font-weight:700;font-size:1.25rem}.post-actions{display:flex;justify-content:space-around;padding-top:1.25rem;gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.875rem;padding:1rem 1.75rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);border-radius:20px;font-weight:600;font-size:.9375rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:130px;box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.action-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-3px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.action-btn:active{transform:translateY(-1px);box-shadow:0 6px 12px #4299e133,inset 0 1px #fff9}.action-btn.liked{background:linear-gradient(145deg,rgba(66,153,225,.15),rgba(147,197,253,.08));border-color:#4299e1;color:#4299e1;box-shadow:0 8px 16px #4299e14d,0 4px 8px #0000001a,inset 0 1px #fff9}.action-btn.liked:hover{background:linear-gradient(145deg,rgba(66,153,225,.2),rgba(147,197,253,.1));box-shadow:0 10px 20px #4299e159,0 5px 10px #0000001f,inset 0 1px #ffffffb3}.action-btn.bookmarked{background:linear-gradient(145deg,rgba(66,153,225,.15),rgba(96,165,250,.08));border-color:#4299e1;color:#3b82f6;box-shadow:0 8px 16px #4299e14d,0 4px 8px #0000001a,inset 0 1px #fff9}.comments-section{border-top:2px solid rgba(66,153,225,.15);padding-top:1.75rem;margin-top:1.25rem}.comments-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.75rem}.comment-item{display:flex;gap:1.25rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.comment-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover;border:3px solid #ffffff;box-shadow:0 6px 12px #4299e140,0 3px 6px #0000001a}.comment-content{flex:1;background:linear-gradient(145deg,#f8f9fb,#ffffff);padding:1.25rem 1.5rem;border-radius:24px;border:2px solid rgba(66,153,225,.15);box-shadow:0 6px 12px #0000000f,inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1)}.comment-content:hover{border-color:#4299e140;box-shadow:0 8px 16px #4299e11f,inset 0 1px #ffffffb3;transform:translateY(-2px)}.comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:.625rem;flex-wrap:wrap}.comment-author{font-weight:700;font-size:.9375rem;color:#1e293b}.comment-timestamp{font-size:.8125rem;color:#64748b;font-weight:500}.comment-text{font-size:.9375rem;color:#475569;margin:.625rem 0 1rem;line-height:1.6;font-weight:500}.comment-actions{display:flex;gap:1.25rem;align-items:center}.comment-like-btn,.comment-reply-btn{display:flex;align-items:center;gap:.625rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);border-radius:16px;font-size:.8125rem;font-weight:600;color:#64748b;cursor:pointer;padding:.625rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 8px #0000000f,inset 0 1px #fff9}.comment-like-btn:hover,.comment-reply-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-2px);box-shadow:0 6px 12px #4299e133,inset 0 1px #fffc}.comment-like-btn.liked{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,rgba(66,153,225,.12),rgba(147,197,253,.06));box-shadow:0 6px 12px #4299e140,inset 0 1px #fff9}.add-comment{display:flex;gap:1.25rem;align-items:flex-start;padding-top:1.25rem}.comment-input-wrapper{flex:1;display:flex;align-items:center;gap:.875rem;background:linear-gradient(145deg,#f8f9fb,#ffffff);border:2px solid rgba(66,153,225,.2);border-radius:24px;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d,0 4px 8px #0000000f}.comment-input-wrapper:focus-within{border-color:#4299e1;background:#ffffff;box-shadow:0 8px 16px #4299e133,inset 0 1px 2px #0000000d;transform:translateY(-2px)}.comment-input-wrapper input{flex:1;border:none;background:transparent;outline:none;font-size:.9375rem;color:#1e293b;font-weight:500}.comment-input-wrapper input::placeholder{color:#94a3b8;font-weight:400}.comment-send-btn{background:linear-gradient(145deg,#93c5fd,#4299e1);border:2px solid rgba(255,255,255,.4);color:#fff;cursor:pointer;padding:.875rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.comment-send-btn:hover:not(:disabled){background:linear-gradient(145deg,#4299e1,#3b82f6);transform:scale(1.1) rotate(10deg);box-shadow:0 10px 20px #4299e180,0 5px 10px #0003,inset 0 -2px 4px #0000001a}.comment-send-btn:active:not(:disabled){transform:scale(1.05) rotate(5deg);box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026,inset 0 -2px 4px #0000001a}.comment-send-btn:disabled{background:linear-gradient(145deg,#94a3b8,#64748b);cursor:not-allowed;box-shadow:0 4px 8px #0000001a,inset 0 -2px 4px #0000001a;opacity:.6}.create-post-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,41,59,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.5rem;animation:fadeIn .3s ease}.create-post-modal{width:100%;max-width:640px;background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:32px;border:3px solid rgba(255,255,255,.6);box-shadow:0 20px 40px #4299e133,0 10px 20px #00000026,inset 0 1px #fffc;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid rgba(66,153,225,.15)}.modal-header h3{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.modal-close-btn{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);color:#64748b;cursor:pointer;padding:.875rem;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.modal-close-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:rotate(90deg) scale(1.1);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.modal-body{padding:2rem;flex:1;overflow-y:auto}.modal-body textarea{width:100%;min-height:180px;border:2px solid rgba(66,153,225,.15);border-radius:24px;padding:1.25rem 1.5rem;font-size:1rem;color:#1e293b;font-weight:500;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d;font-family:inherit}.modal-body textarea:hover{border-color:#4299e1;box-shadow:0 4px 8px #4299e126,inset 0 1px 2px #0000000d}.modal-body textarea:focus{outline:none;border-color:#4299e1;box-shadow:0 6px 12px #4299e133,inset 0 1px 2px #0000000d}.modal-body textarea::placeholder{color:#94a3b8;font-weight:400}.media-upload-section{margin-top:1.5rem;padding:2.5rem 2rem;border:3px dashed rgba(66,153,225,.3);border-radius:24px;text-align:center;background:linear-gradient(145deg,rgba(66,153,225,.05),rgba(147,197,253,.02));transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.media-upload-section:hover{border-color:#4299e1;background:linear-gradient(145deg,rgba(66,153,225,.08),rgba(147,197,253,.04));transform:translateY(-2px)}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1.5rem;cursor:pointer}.upload-label svg{width:72px;height:72px;color:#4299e1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.media-upload-section:hover .upload-label svg{transform:scale(1.1)}.upload-label p{font-size:1.125rem;color:#64748b;font-weight:600;margin:0}.upload-label input[type=file]{display:none}.article-input-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.article-title-input,.article-link-input{width:100%;border:2px solid rgba(66,153,225,.15);border-radius:24px;padding:1.125rem 1.5rem;font-size:1rem;color:#1e293b;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d;font-family:inherit}.article-title-input:hover,.article-link-input:hover{border-color:#4299e1;box-shadow:0 4px 8px #4299e126,inset 0 1px 2px #0000000d}.article-title-input:focus,.article-link-input:focus{outline:none;border-color:#4299e1;box-shadow:0 6px 12px #4299e133,inset 0 1px 2px #0000000d}.poll-options-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.poll-option-input{display:flex;align-items:center;gap:1rem}.poll-option-input input{flex:1;border:2px solid rgba(66,153,225,.15);border-radius:20px;padding:1rem 1.5rem;font-size:.9375rem;color:#1e293b;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d;font-family:inherit}.poll-option-input input:hover{border-color:#4299e1;box-shadow:0 4px 8px #4299e126,inset 0 1px 2px #0000000d}.poll-option-input input:focus{outline:none;border-color:#4299e1;box-shadow:0 6px 12px #4299e133,inset 0 1px 2px #0000000d}.remove-option{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(239,68,68,.2);color:#ef4444;cursor:pointer;padding:.875rem;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.remove-option:hover{border-color:#ef4444;background:linear-gradient(145deg,rgba(239,68,68,.1),rgba(239,68,68,.05));transform:scale(1.1);box-shadow:0 8px 16px #ef444433,inset 0 1px #fffc}.add-poll-option{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);color:#4299e1;cursor:pointer;padding:1rem 1.75rem;display:flex;align-items:center;justify-content:center;gap:.875rem;border-radius:20px;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.add-poll-option:hover{border-color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-2px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:2px solid rgba(66,153,225,.15);gap:1rem}.privacy-selector{display:flex;align-items:center;gap:.75rem}.privacy-btn{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);color:#64748b;cursor:pointer;padding:.875rem 1.5rem;display:flex;align-items:center;gap:.625rem;border-radius:18px;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.privacy-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-2px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.privacy-btn.active{background:linear-gradient(145deg,#93c5fd,#4299e1);border:2px solid rgba(255,255,255,.4);color:#fff;box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.post-btn{background:linear-gradient(145deg,#93c5fd,#4299e1);border:2px solid rgba(255,255,255,.4);color:#fff;cursor:pointer;padding:1.125rem 2.5rem;display:flex;align-items:center;gap:.75rem;border-radius:20px;font-weight:700;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.post-btn:hover:not(:disabled){background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-3px);box-shadow:0 12px 24px #4299e180,0 6px 12px #0003,inset 0 -2px 4px #0000001a}.post-btn:disabled{background:linear-gradient(145deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.6;box-shadow:0 4px 8px #0000001a,inset 0 -2px 4px #0000001a}.post-poll{margin-top:1.75rem;padding:2rem;background:linear-gradient(145deg,rgba(66,153,225,.05),rgba(147,197,253,.02));border:2px solid rgba(66,153,225,.2);border-radius:28px;box-shadow:0 6px 12px #0000000f,inset 0 1px #fff9}.poll-header{font-size:.8125rem;color:#64748b;font-weight:600;margin-bottom:1.5rem}.poll-options{display:flex;flex-direction:column;gap:1.25rem}.poll-option{position:relative;padding:1.5rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.15);border-radius:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 6px 12px #0000000f,inset 0 1px #fff9}.poll-option:hover{border-color:#4299e1;transform:translate(4px);box-shadow:0 8px 16px #4299e126,inset 0 1px #fffc}.poll-option.voted{border-color:#4299e1;background:linear-gradient(145deg,rgba(66,153,225,.08),rgba(147,197,253,.04));box-shadow:0 8px 16px #4299e133,inset 0 1px #fff9}.option-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(66,153,225,.15),rgba(147,197,253,.08));border-radius:24px 0 0 24px;transition:width .6s cubic-bezier(.4,0,.2,1)}.option-content{position:relative;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:1}.option-text{flex:1;font-weight:600;font-size:.9375rem;color:#1e293b}.option-percentage{padding:.375rem .875rem;background:linear-gradient(145deg,#93c5fd,#4299e1);border:2px solid rgba(255,255,255,.4);color:#fff;border-radius:12px;font-weight:700;font-size:.9375rem;box-shadow:0 4px 8px #4299e14d,inset 0 -1px 2px #0000001a}.feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(66,153,225,.2);border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1.125rem;color:#64748b;font-weight:600}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(145deg,rgba(66,153,225,.05),rgba(147,197,253,.02));border:3px dashed rgba(66,153,225,.2);border-radius:32px;gap:1.5rem}.empty-icon{width:80px;height:80px;color:#4299e1;opacity:.5}.empty-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.empty-message{font-size:1rem;color:#64748b;font-weight:500;max-width:400px;line-height:1.6}.load-more-btn{width:100%;padding:1.5rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:3px solid rgba(66,153,225,.2);border-radius:28px;font-weight:700;font-size:1rem;color:#4299e1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:2rem 0;display:flex;align-items:center;justify-content:center;gap:.875rem;box-shadow:0 8px 16px #00000014,inset 0 1px #fff9}.load-more-btn:hover{border-color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-4px);box-shadow:0 12px 24px #4299e140,0 6px 12px #0000001a,inset 0 1px #fffc}@media (max-width: 1024px){.feed-section{padding:1.25rem;gap:1.75rem}.create-post-card,.post-card{padding:1.75rem;border-radius:28px}.post-action-btn{min-width:140px;padding:.875rem 1.5rem;font-size:.875rem}.create-post-modal{max-width:90%}}@media (max-width: 768px){.feed-section{padding:1rem;gap:1.5rem}.create-post-card,.post-card{padding:1.5rem;border-radius:24px}.user-avatar,.post-avatar{width:52px;height:52px}.create-post-input{padding:1rem 1.5rem;font-size:.9375rem;border-radius:20px}.create-post-actions{gap:.875rem;flex-direction:column}.post-action-btn{width:100%;min-width:100%;justify-content:center;padding:1rem 1.5rem;border-radius:18px}.feed-sort{flex-direction:column;padding:1rem;gap:1.25rem;border-radius:24px}.sort-divider{width:100%;height:2px}.sort-options{width:100%;justify-content:center}.sort-btn{padding:.75rem 1.5rem;font-size:.875rem;border-radius:16px}.post-author-info h4{font-size:1.05rem}.author-title{font-size:.875rem}.post-timestamp{font-size:.8125rem}.post-content p{font-size:.9375rem}.post-image,.post-video{max-height:400px;margin-top:1.5rem;border-radius:20px}.article-preview{flex-direction:column;padding:1.5rem;gap:1.25rem;border-radius:20px}.article-icon{width:56px;height:56px;font-size:1.5rem;border-radius:18px}.post-actions{flex-wrap:wrap;gap:.625rem}.action-btn{flex:1 1 calc(50% - .3125rem);min-width:unset;padding:.875rem 1.25rem;font-size:.875rem;gap:.625rem;border-radius:18px}.comments-section{padding-top:1.5rem}.comment-item{gap:1rem}.comment-avatar{width:44px;height:44px}.comment-content{padding:1rem 1.25rem;border-radius:20px}.comment-text{font-size:.875rem}.add-comment{gap:1rem}.comment-input-wrapper{padding:.875rem 1.25rem;border-radius:20px}.comment-input-wrapper input{font-size:.875rem}.create-post-modal-overlay{padding:0}.create-post-modal{max-width:100%;max-height:100vh;border-radius:0;border:none}.modal-header{padding:1.5rem}.modal-header h3{font-size:1.375rem}.modal-body{padding:1.5rem}.modal-body textarea{min-height:160px;padding:1rem 1.25rem;font-size:.9375rem;border-radius:20px}.media-upload-section{padding:2rem 1.5rem;border-radius:20px}.upload-label svg{width:64px;height:64px}.upload-label p{font-size:1rem}.article-title-input,.article-link-input{padding:1rem 1.25rem;font-size:.9375rem;border-radius:20px}.poll-option-input input{padding:.875rem 1.25rem;font-size:.875rem;border-radius:18px}.modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse;align-items:stretch}.privacy-selector{width:100%;justify-content:center}.post-btn{width:100%;justify-content:center;padding:1rem 2rem;border-radius:18px}.post-poll{padding:1.5rem;border-radius:24px}.poll-option{padding:1.25rem;border-radius:20px}.load-more-btn{padding:1.25rem;border-radius:24px}}@media (max-width: 768px) and (orientation: landscape){.feed-section{padding:.875rem}.create-post-actions{flex-direction:row;flex-wrap:wrap}.post-action-btn{flex:1 1 calc(50% - .4375rem);min-width:unset}.post-image,.post-video{max-height:320px}.article-preview{flex-direction:row}}@media (max-width: 480px){.feed-section{padding:.75rem;gap:1rem}.create-post-card,.post-card{padding:1rem;border-radius:18px}.user-avatar,.post-avatar{width:48px;height:48px;border-width:3px}.create-post-input{padding:.875rem 1.25rem;font-size:.875rem;border-radius:18px}.create-post-actions{padding-top:1.25rem;gap:.75rem}.post-action-btn{padding:.875rem 1.25rem;font-size:.875rem;border-radius:16px;gap:.625rem}.action-icon{width:20px;height:20px}.feed-sort{padding:.875rem;gap:1rem;margin:1.5rem 0;border-radius:20px}.sort-btn{padding:.625rem 1.25rem;font-size:.8125rem;border-radius:14px}.post-header{gap:1rem;margin-bottom:1.5rem}.post-author-info h4{font-size:.9375rem}.author-title{font-size:.8125rem}.post-timestamp{font-size:.75rem}.post-menu-btn{padding:.75rem;border-radius:14px}.post-menu-dropdown{min-width:200px;border-radius:20px}.menu-item{padding:.875rem 1.25rem;font-size:.875rem;border-radius:14px}.post-content{margin:1.5rem 0}.post-content p{font-size:.875rem;line-height:1.6}.post-image,.post-video{max-height:300px;margin-top:1rem;border-radius:16px}.article-preview{padding:1.25rem;gap:1rem;border-radius:18px}.article-icon{width:52px;height:52px;font-size:1.375rem;border-radius:16px}.article-details h4{font-size:1rem}.article-link{font-size:.875rem}.post-stats{padding:1rem 0;font-size:.875rem;flex-wrap:wrap;gap:.75rem}.reaction-emoji{font-size:1.125rem}.clickable-stat{padding:.5rem .875rem;font-size:.8125rem;border-radius:14px}.post-actions{padding-top:1rem;gap:.5rem}.action-btn{padding:.75rem .875rem;font-size:.875rem;gap:.5rem;border-radius:14px}.action-btn span{display:none}.action-btn svg{margin:0;width:20px;height:20px}.comments-section{padding-top:1rem;margin-top:.875rem}.comments-list{gap:1.25rem;margin-bottom:1.5rem}.comment-item{gap:.875rem}.comment-avatar{width:40px;height:40px}.comment-content{padding:.875rem 1rem;border-radius:18px}.comment-header{gap:.75rem;margin-bottom:.5rem}.comment-author{font-size:.875rem}.comment-timestamp{font-size:.75rem}.comment-text{font-size:.875rem;margin:.5rem 0 .875rem}.comment-actions{gap:1rem}.comment-like-btn,.comment-reply-btn{padding:.5rem .875rem;font-size:.75rem;border-radius:14px}.add-comment{gap:.875rem;padding-top:1rem}.comment-input-wrapper{padding:.875rem 1.25rem;border-radius:20px}.comment-input-wrapper input{font-size:.875rem}.comment-send-btn{padding:.75rem}.comment-send-btn svg{width:18px;height:18px}.create-post-modal{margin:0;border-radius:0}.modal-header{padding:1.25rem}.modal-header h3{font-size:1.25rem}.modal-close-btn{padding:.75rem;border-radius:14px}.modal-close-btn svg{width:20px;height:20px}.modal-body{padding:1.25rem}.modal-body textarea{min-height:140px;padding:1rem;font-size:.9375rem;border-radius:18px}.media-upload-section{padding:2rem 1.5rem;border-radius:18px}.upload-label{gap:1.25rem}.upload-label svg{width:56px;height:56px}.upload-label p{font-size:.9375rem}.article-input-section{gap:1.25rem}.article-title-input,.article-link-input{padding:1rem 1.25rem;font-size:.9375rem;border-radius:18px}.poll-options-section{gap:1rem}.poll-option-input{flex-direction:column;gap:.75rem}.poll-option-input input{padding:1rem 1.25rem;font-size:.875rem;border-radius:18px}.remove-option{align-self:flex-end;padding:.75rem;border-radius:14px}.add-poll-option{padding:1rem;font-size:.875rem;border-radius:18px}.modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.privacy-btn{padding:.75rem 1.25rem;font-size:.875rem;border-radius:16px}.post-btn{padding:1rem 2rem;font-size:.9375rem;border-radius:18px}.post-poll{padding:1.5rem;border-radius:24px}.poll-header{font-size:.75rem;margin-bottom:1.25rem}.poll-options{gap:1rem}.poll-option{padding:1.25rem;border-radius:20px}.option-text{font-size:.875rem}.option-percentage{padding:.25rem .625rem;font-size:.875rem;border-radius:10px}.feed-loading,.feed-empty{padding:3rem 1.5rem}.loading-spinner{width:40px;height:40px}.loading-text{font-size:1rem}.empty-icon{width:64px;height:64px}.empty-title{font-size:1.375rem}.empty-message{font-size:.9375rem}.load-more-btn{padding:1.25rem;font-size:.9375rem;margin:1.75rem 0;border-radius:24px}}@media (max-width: 375px){.feed-section{padding:.625rem}.create-post-card,.post-card{padding:.875rem;border-radius:16px}.user-avatar,.post-avatar{width:44px;height:44px}.create-post-input{padding:.75rem 1rem;font-size:.8125rem;border-radius:16px}.post-action-btn{padding:.75rem 1rem;font-size:.8125rem;border-radius:14px}.sort-btn{padding:.625rem 1rem;font-size:.75rem}.post-author-info h4{font-size:.875rem}.post-content p{font-size:.8125rem}.action-btn{padding:.625rem .75rem;font-size:.8125rem;border-radius:12px}.comment-avatar{width:36px;height:36px}.comment-content{padding:.75rem .875rem;border-radius:16px}.comment-text{font-size:.8125rem}.modal-header h3{font-size:1.125rem}.modal-body textarea{min-height:120px;padding:.875rem 1rem;font-size:.875rem;border-radius:16px}.load-more-btn{padding:1rem;font-size:.875rem;border-radius:20px}}@supports (-webkit-touch-callout: none){.create-post-input,.comment-input-wrapper input,.modal-body textarea,.article-title-input,.article-link-input,.poll-option-input input{font-size:16px!important}.feed-section,.modal-body{-webkit-overflow-scrolling:touch}.create-post-modal{max-height:-webkit-fill-available}}@supports (padding: max(0px)){.feed-section{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.feed-section{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.modal-header,.modal-body,.modal-footer{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}@media (max-width: 480px){.feed-section{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right))}.modal-header,.modal-body,.modal-footer{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}}}@media (hover: none) and (pointer: coarse){.create-post-input:active,.post-action-btn:active,.sort-btn:active,.action-btn:active,.post-btn:active{transform:scale(.95)}.post-menu-btn:active{transform:rotate(45deg) scale(.95)}.create-post-input,.post-action-btn,.sort-btn,.action-btn,.comment-like-btn,.comment-reply-btn,.comment-send-btn,.post-btn,.privacy-btn,.modal-close-btn,.post-menu-btn,.poll-option{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.feed-section,.create-post-card,.post-card,.create-post-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.create-post-input:focus-visible,.post-action-btn:focus-visible,.sort-btn:focus-visible,.action-btn:focus-visible,.comment-input-wrapper input:focus-visible,.modal-body textarea:focus-visible,.article-title-input:focus-visible,.article-link-input:focus-visible,.poll-option-input input:focus-visible,.post-btn:focus-visible,.load-more-btn:focus-visible{outline:3px solid #4299e1;outline-offset:3px}@media (prefers-contrast: high){.post-card,.create-post-card{border:3px solid #1e293b}.post-action-btn,.action-btn,.sort-btn{border:2px solid #1e293b}.post-btn{background:#1e293b;color:#fff}}.groups-panel{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .4s ease-in-out}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.groups-header h3{font-size:1.5rem;font-weight:800;color:#1b1528;margin:0;display:flex;align-items:center;gap:.75rem}.groups-header h3 svg{color:#4299e1;filter:drop-shadow(0 2px 4px rgba(66,153,225,.3))}.create-group-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #4299e14d}.create-group-btn:hover{background:linear-gradient(135deg,#60a5fa 0%,#4299e1 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4299e166}.groups-search{position:relative;margin-bottom:1.5rem}.groups-search input{width:100%;padding:1rem 1rem 1rem 3.5rem;border:2px solid #E9ECEF;border-radius:12px;font-size:1rem;color:#343a40;background:white;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.groups-search input:hover{border-color:#60a5fa;box-shadow:0 4px 12px #a9a2cd1a}.groups-search input:focus{outline:none;border-color:#4299e1;background:white;box-shadow:0 0 0 4px #4299e126;transform:translateY(-1px)}.groups-search svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#6c757d;transition:color .3s ease}.groups-search:focus-within svg{color:#4299e1}.groups-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #E9ECEF;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.groups-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.875rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:600;font-size:.9375rem;color:#6c757d;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:#4299e1;background:rgba(66,153,225,.05)}.tab-btn.active{color:#4299e1;border-bottom-color:#4299e1;background:rgba(66,153,225,.1)}.groups-list{display:flex;flex-direction:column;gap:1.25rem}.group-card{background:white;border:2px solid #E9ECEF;border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000000d;position:relative}.group-card:hover{border-color:#4299e1;transform:translateY(-4px);box-shadow:0 8px 16px #4299e133}.group-card-header{display:flex;gap:1.25rem;margin-bottom:1rem;align-items:flex-start}.group-avatar{width:64px;height:64px;border-radius:16px;object-fit:cover;border:3px solid #4299e1;flex-shrink:0;box-shadow:0 4px 8px #4299e133}.group-info{flex:1;min-width:0}.group-info h4{font-size:1.125rem;font-weight:700;color:#1b1528;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-type{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;background:rgba(66,153,225,.1);border:1px solid #4299e1;border-radius:20px;font-size:.75rem;font-weight:600;color:#4299e1;text-transform:uppercase;letter-spacing:.5px}.group-description{font-size:.9375rem;color:#6c757d;margin:.75rem 0 1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-stats{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#6c757d;font-weight:600;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem}.groups-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:rgba(66,153,225,.05);border:2px dashed #E9ECEF;border-radius:16px;gap:1rem}.groups-empty svg{width:64px;height:64px;color:#4299e1;opacity:.5}.groups-empty h4{font-size:1.25rem;font-weight:700;color:#343a40;margin:0}.groups-empty p{font-size:1rem;color:#6c757d;max-width:400px;line-height:1.6;margin:0}.groups-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid #E9ECEF;border-top:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1rem;color:#6c757d;font-weight:600}@media (max-width: 1024px){.groups-panel{gap:1.25rem}.groups-header h3{font-size:1.375rem}.create-group-btn{padding:.7rem 1.4rem;font-size:.875rem}.group-card{padding:1.375rem}}@media (max-width: 768px){.groups-panel{gap:1rem}.groups-header{flex-direction:column;align-items:flex-start;gap:.875rem}.groups-header h3{font-size:1.25rem;gap:.625rem}.groups-header h3 svg{width:22px;height:22px}.create-group-btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.groups-search{margin-bottom:1.25rem}.groups-search input{padding:.875rem .875rem .875rem 3rem;font-size:.9375rem}.groups-search svg{left:1rem;width:18px;height:18px}.groups-tabs{margin-bottom:1.25rem;gap:.375rem}.tab-btn{padding:.75rem 1.25rem;font-size:.875rem}.groups-list{gap:1rem}.group-card{padding:1.25rem;border-radius:14px}.group-card-header{gap:1rem}.group-avatar{width:56px;height:56px;border-radius:14px}.group-info h4{font-size:1.05rem}.group-type{font-size:.7rem;padding:.25rem .65rem}.group-description{font-size:.875rem;margin:.625rem 0 .875rem}.group-stats{gap:1.25rem;font-size:.8125rem}.stat-item svg{width:16px;height:16px}.groups-empty{padding:2.5rem 1.5rem}.groups-empty svg{width:56px;height:56px}.groups-empty h4{font-size:1.125rem}.groups-empty p{font-size:.9375rem}.groups-loading{padding:2.5rem 1.5rem}.loading-spinner{width:40px;height:40px}}@media (max-width: 768px) and (orientation: landscape){.groups-header{flex-direction:row;justify-content:space-between;align-items:center}.create-group-btn{width:auto}}@media (max-width: 480px){.groups-panel{gap:.875rem}.groups-header{margin-bottom:.875rem}.groups-header h3{font-size:1.125rem;gap:.5rem}.groups-header h3 svg{width:20px;height:20px}.create-group-btn{padding:.75rem 1.25rem;font-size:.875rem;border-radius:10px}.create-group-btn svg{width:18px;height:18px}.groups-search{margin-bottom:1rem}.groups-search input{padding:.75rem .75rem .75rem 2.75rem;font-size:.875rem;border-radius:10px}.groups-search svg{left:.875rem;width:16px;height:16px}.groups-tabs{margin-bottom:1rem;gap:.25rem}.tab-btn{padding:.625rem 1rem;font-size:.8125rem}.groups-list{gap:.875rem}.group-card{padding:1rem;border-radius:12px}.group-card-header{gap:.875rem;margin-bottom:.875rem}.group-avatar{width:52px;height:52px;border-radius:12px;border-width:2px}.group-info h4{font-size:1rem;margin-bottom:.375rem}.group-type{font-size:.65rem;padding:.2rem .625rem}.group-type svg{width:10px;height:10px}.group-description{font-size:.8125rem;margin:.5rem 0 .75rem}.group-stats{gap:1rem;font-size:.75rem}.stat-item{gap:.375rem}.stat-item svg{width:14px;height:14px}.groups-empty{padding:2rem 1.25rem;border-radius:12px}.groups-empty svg{width:48px;height:48px}.groups-empty h4{font-size:1.05rem}.groups-empty p{font-size:.875rem}.groups-loading{padding:2rem 1.25rem}.loading-spinner{width:36px;height:36px;border-width:3px}.loading-text{font-size:.9375rem}}@media (max-width: 360px){.groups-header h3{font-size:1.05rem}.create-group-btn{font-size:.8125rem}.group-avatar{width:48px;height:48px}.group-info h4{font-size:.9375rem}.group-stats{gap:.875rem}}@supports (-webkit-touch-callout: none){.groups-search input{font-size:16px!important}.groups-tabs{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){.groups-panel{padding-left:max(0rem,env(safe-area-inset-left));padding-right:max(0rem,env(safe-area-inset-right))}}@media (hover: none) and (pointer: coarse){.create-group-btn:active,.tab-btn:active{transform:scale(.95)}.group-card:active{transform:scale(.98)}.create-group-btn,.tab-btn,.groups-search input{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.groups-panel,.group-card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.create-group-btn:focus-visible,.tab-btn:focus-visible,.groups-search input:focus-visible,.group-card:focus-visible{outline:3px solid #4299e1;outline-offset:2px}@media (prefers-contrast: high){.group-card{border:3px solid #343A40}.create-group-btn{background:#343A40;color:#fff}}.create-group-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.create-group-modal{background:linear-gradient(180deg,white 0%,#e0f2fe 100%);border-radius:24px;width:100%;max-width:650px;max-height:90vh;overflow:hidden;box-shadow:0 25px 70px #4299e140,0 10px 40px #60a5fa4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:3px solid #4299e1;display:flex;flex-direction:column;margin:auto}.group-form{padding:2.5rem;display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto;max-height:calc(90vh - 120px);flex:1}.group-form::-webkit-scrollbar{width:12px}.group-form::-webkit-scrollbar-track{background:rgba(66,153,225,.15);border-radius:10px;margin:8px 0}.group-form::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4299e1 0%,#3b82f6 100%);border-radius:10px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.group-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6 0%,#4299e1 100%);border:2px solid rgba(255,255,255,.5)}.group-form{scrollbar-width:thin;scrollbar-color:#4299e1 rgba(66,153,225,.15)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.group-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.625rem}.type-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1.25rem .75rem;border:2px solid #e0f2fe;border-radius:14px;background:white;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;color:#4299e1;box-shadow:0 2px 8px #4299e114;position:relative;overflow:hidden;text-align:center}.type-option svg{width:24px;height:24px;transition:transform .3s ease;color:#4299e1;flex-shrink:0}.type-option span{font-size:.8125rem;line-height:1.2}.privacy-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.625rem}.privacy-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1.25rem .75rem;border:2px solid #e0f2fe;border-radius:14px;background:white;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;color:#4299e1;box-shadow:0 2px 8px #4299e114;text-align:center}.privacy-option input[type=radio]{display:none}.privacy-option:hover{border-color:#4299e1;background:rgba(66,153,225,.1);transform:translateY(-2px);box-shadow:0 4px 16px #4299e126}.privacy-option.active{border-color:#4299e1;background:linear-gradient(135deg,rgba(66,153,225,.2) 0%,rgba(96,165,250,.1) 100%);color:#1b1528;box-shadow:0 6px 20px #4299e140;transform:translateY(-2px)}.privacy-option svg{width:24px;height:24px;transition:transform .3s ease;color:#4299e1;flex-shrink:0}.privacy-option.active svg{transform:scale(1.2)}.privacy-option span{font-size:.8125rem;line-height:1.2}.btn-create:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-upload-section{margin-top:.625rem}.upload-area{border:2px dashed #4299e1;border-radius:12px;padding:2rem;text-align:center;background:rgba(66,153,225,.05);cursor:pointer;transition:all .3s ease}.upload-area:hover{background:rgba(66,153,225,.1);border-color:#60a5fa}.upload-area input[type=file]{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:.875rem;cursor:pointer}.upload-label svg{width:48px;height:48px;color:#4299e1}.upload-label p{font-size:.9375rem;color:#6c757d;font-weight:600;margin:0}@media (max-width: 1024px){.create-group-modal{max-width:90%}.group-form{padding:2rem}.form-row{gap:1rem}.group-type-selector{gap:.875rem}}@media (max-width: 768px){.create-group-modal-overlay{padding:0}.create-group-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;border-width:0;border-top:3px solid #4299e1}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.375rem;gap:.75rem}.modal-header h2 svg{width:22px;height:22px}.close-btn{width:38px;height:38px}.close-btn svg{width:20px;height:20px}.group-form{padding:1.75rem 1.5rem;gap:1.5rem;max-height:calc(100vh - 100px)}.form-group label{font-size:.875rem}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;font-size:.875rem}.form-row{grid-template-columns:1fr}.group-type-selector{grid-template-columns:1fr;gap:.875rem}.type-option{flex-direction:row;justify-content:flex-start;padding:1rem 1.25rem}.type-option span{font-size:.875rem}.privacy-selector{grid-template-columns:1fr;gap:.875rem}.privacy-option{flex-direction:row;justify-content:flex-start;padding:1rem 1.25rem}.privacy-option span{font-size:.875rem}.form-actions{flex-direction:column;gap:1rem;padding-top:1.75rem}.btn-cancel,.btn-create{width:100%;padding:1rem 1.75rem;font-size:.9375rem}.upload-area{padding:1.75rem}.upload-label svg{width:40px;height:40px}.upload-label p{font-size:.875rem}}@media (max-width: 768px) and (orientation: landscape){.group-form{padding:1.5rem;max-height:calc(100vh - 90px)}.group-type-selector{grid-template-columns:repeat(3,1fr)}.type-option{flex-direction:column;justify-content:center}.privacy-selector{grid-template-columns:repeat(2,1fr)}.privacy-option{flex-direction:column;justify-content:center}.form-row{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.25rem;gap:.625rem}.modal-header h2 svg{width:20px;height:20px}.close-btn{width:36px;height:36px}.close-btn svg{width:18px;height:18px}.group-form{padding:1.5rem 1.25rem;gap:1.375rem}.form-group{gap:.5rem}.form-group label{font-size:.8125rem;gap:.5rem}.form-group label svg{width:18px;height:18px}.form-group input,.form-group textarea,.form-group select{padding:.75rem .875rem;font-size:.8125rem;border-radius:10px}.form-group textarea{min-height:100px}.form-row{gap:.875rem}.group-type-selector{gap:.75rem}.type-option{padding:.875rem 1rem;border-radius:12px}.type-option svg{width:20px;height:20px}.type-option span{font-size:.75rem}.privacy-selector{gap:.75rem}.privacy-option{padding:.875rem 1rem;border-radius:12px}.privacy-option svg{width:20px;height:20px}.privacy-option span{font-size:.75rem}.form-actions{gap:.875rem;padding-top:1.5rem;margin-top:1.25rem}.btn-cancel,.btn-create{padding:.875rem 1.5rem;font-size:.875rem;border-radius:12px}.btn-cancel svg,.btn-create svg{width:18px;height:18px}.upload-area{padding:1.5rem 1rem;border-radius:10px}.upload-label{gap:.75rem}.upload-label svg{width:36px;height:36px}.upload-label p{font-size:.8125rem}}@media (max-width: 360px){.modal-header h2{font-size:1.125rem}.group-form{padding:1.25rem 1rem}.form-group label{font-size:.75rem}.form-group input,.form-group textarea,.form-group select{padding:.7rem .8rem;font-size:.75rem}.type-option,.privacy-option{padding:.75rem .875rem}.type-option span,.privacy-option span{font-size:.7rem}.btn-cancel,.btn-create{padding:.75rem 1.25rem;font-size:.8125rem}}@supports (-webkit-touch-callout: none){.create-group-modal{max-height:-webkit-fill-available}.group-form{-webkit-overflow-scrolling:touch}.form-group input,.form-group textarea,.form-group select{font-size:16px!important}@media (max-width: 768px){.group-form{max-height:calc(100vh - 90px);max-height:-webkit-fill-available}}}@supports (padding: max(0px)){.group-form{padding-left:max(2.5rem,env(safe-area-inset-left));padding-right:max(2.5rem,env(safe-area-inset-right));padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.modal-header{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-top:max(1.25rem,env(safe-area-inset-top))}.group-form{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(1.75rem,env(safe-area-inset-bottom))}}@media (max-width: 480px){.modal-header{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.group-form{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}}@media (hover: none) and (pointer: coarse){.close-btn:active{transform:rotate(45deg) scale(.9)}.type-option:active,.privacy-option:active{transform:scale(.98)}.btn-cancel:active,.btn-create:active{transform:scale(.95)}.close-btn,.type-option,.privacy-option,.btn-cancel,.btn-create,.form-group input,.form-group textarea,.form-group select{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.create-group-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion: reduce){.create-group-modal-overlay,.create-group-modal,.type-option,.privacy-option,.btn-cancel,.btn-create{animation:none;transition:none}}.form-group input:focus-visible,.form-group textarea:focus-visible,.form-group select:focus-visible,.btn-cancel:focus-visible,.btn-create:focus-visible{outline:3px solid #4299e1;outline-offset:2px}.group-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .3s ease;overflow-y:auto}.group-details-modal{background:white;border-radius:28px;width:100%;max-width:800px;max-height:92vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 80px #4299e14d,0 10px 40px #60a5fa4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid rgba(66,153,225,.3);margin:auto}.group-details-header{position:relative;padding:2.5rem 3rem 2rem;background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,rgba(96,165,250,.05) 100%);border-bottom:2px solid rgba(66,153,225,.2)}.group-header-content{display:flex;gap:1.5rem;align-items:flex-start}.group-avatar-large{width:100px;height:100px;border-radius:20px;object-fit:cover;border:4px solid #4299e1;flex-shrink:0;box-shadow:0 8px 16px #4299e14d}.group-header-info{flex:1;min-width:0}.group-header-info h2{font-size:2rem;font-weight:900;color:#1b1528;margin:0 0 .75rem;line-height:1.2}.group-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(66,153,225,.15);border:2px solid #4299e1;border-radius:24px;font-size:.875rem;font-weight:700;color:#4299e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.group-header-stats{display:flex;gap:2rem;margin-top:1.25rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:#6c757d;font-weight:600}.stat-item svg{color:#4299e1;flex-shrink:0}.group-details-content{padding:2.5rem 3rem}.content-section{margin-bottom:2.5rem}.content-section:last-child{margin-bottom:0}.section-title{font-size:1.25rem;font-weight:700;color:#1b1528;margin:0 0 1rem;display:flex;align-items:center;gap:.625rem}.section-title svg{color:#4299e1}.section-content{font-size:1rem;color:#6c757d;line-height:1.7;margin:0}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.member-card{background:rgba(66,153,225,.05);border:2px solid rgba(66,153,225,.2);border-radius:16px;padding:1.25rem;text-align:center;transition:all .3s ease}.member-card:hover{border-color:#4299e1;transform:translateY(-4px);box-shadow:0 8px 16px #4299e133}.member-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #4299e1;margin:0 auto .75rem;display:block}.member-name{font-size:.9375rem;font-weight:700;color:#1b1528;margin:0 0 .375rem}.member-role{font-size:.8125rem;color:#4299e1;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.group-actions{display:flex;gap:1rem;padding:2rem 3rem;border-top:2px solid rgba(66,153,225,.2);flex-wrap:wrap}.btn-primary,.btn-secondary{flex:1;min-width:200px;padding:1.125rem 2rem;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.625rem;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);color:#fff;box-shadow:0 6px 20px #4299e166}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#4299e1 100%);transform:translateY(-3px);box-shadow:0 12px 35px #4299e180}.btn-secondary{background:white;color:#4299e1;border:3px solid #4299e1;box-shadow:0 4px 16px #4299e126}.btn-secondary:hover{background:rgba(66,153,225,.1);transform:translateY(-3px);box-shadow:0 8px 25px #4299e140}.group-details-modal::-webkit-scrollbar{width:8px}.group-details-modal::-webkit-scrollbar-track{background:rgba(66,153,225,.1)}.group-details-modal::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:4px}.group-details-modal::-webkit-scrollbar-thumb:hover{background:#4299e1}@media (max-width: 1024px){.group-details-modal{max-width:90%}.group-details-header{padding:2rem 2.5rem 1.75rem}.group-details-content{padding:2rem 2.5rem}.group-actions{padding:1.75rem 2.5rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 768px){.group-details-modal-overlay{padding:0}.group-details-modal{max-width:100%;max-height:100vh;border-radius:0;border:none}.close-btn{width:44px;height:44px;top:1.25rem;right:1.25rem}.group-details-header{padding:2rem 1.75rem 1.5rem}.group-header-content{flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.group-avatar-large{width:88px;height:88px;border-radius:18px}.group-header-info h2{font-size:1.75rem;margin-bottom:.625rem}.group-type-badge{padding:.4rem .875rem;font-size:.8125rem}.group-header-stats{justify-content:center;gap:1.5rem}.stat-item{font-size:.875rem}.stat-item svg{width:18px;height:18px}.group-details-content{padding:2rem 1.75rem}.content-section{margin-bottom:2rem}.section-title{font-size:1.125rem}.section-content{font-size:.9375rem}.members-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.member-card{padding:1rem;border-radius:14px}.member-avatar{width:56px;height:56px}.member-name{font-size:.875rem}.member-role{font-size:.75rem}.group-actions{padding:1.5rem 1.75rem;flex-direction:column}.btn-primary,.btn-secondary{width:100%;min-width:100%;padding:1rem 1.75rem}}@media (max-width: 768px) and (orientation: landscape){.group-header-content{flex-direction:row;text-align:left;align-items:flex-start}.members-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width: 480px){.close-btn{width:40px;height:40px;top:1rem;right:1rem}.close-btn svg{width:20px;height:20px}.group-details-header{padding:1.75rem 1.25rem 1.25rem}.group-header-content{gap:1rem}.group-avatar-large{width:80px;height:80px;border-radius:16px;border-width:3px}.group-header-info h2{font-size:1.5rem;margin-bottom:.5rem}.group-type-badge{padding:.375rem .75rem;font-size:.75rem;gap:.375rem}.group-type-badge svg{width:12px;height:12px}.group-header-stats{gap:1.25rem;margin-top:1rem}.stat-item{font-size:.8125rem;gap:.5rem}.stat-item svg{width:16px;height:16px}.group-details-content{padding:1.75rem 1.25rem}.content-section{margin-bottom:1.75rem}.section-title{font-size:1.05rem;margin-bottom:.875rem;gap:.5rem}.section-title svg{width:20px;height:20px}.section-content{font-size:.875rem;line-height:1.6}.members-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.875rem}.member-card{padding:.875rem;border-radius:12px}.member-avatar{width:52px;height:52px;margin-bottom:.625rem;border-width:2px}.member-name{font-size:.8125rem;margin-bottom:.3rem}.member-role{font-size:.7rem}.group-actions{padding:1.25rem;gap:.875rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:.9375rem;border-radius:12px}.btn-primary svg,.btn-secondary svg{width:18px;height:18px}}@media (max-width: 360px){.group-avatar-large{width:72px;height:72px}.group-header-info h2{font-size:1.375rem}.members-grid{grid-template-columns:1fr 1fr}.member-avatar{width:48px;height:48px}.btn-primary,.btn-secondary{padding:.75rem 1.25rem;font-size:.875rem}}@supports (-webkit-touch-callout: none){.group-details-modal{max-height:-webkit-fill-available}.group-details-modal{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){.group-details-header{padding-left:max(3rem,env(safe-area-inset-left));padding-right:max(3rem,env(safe-area-inset-right));padding-top:max(2.5rem,env(safe-area-inset-top))}.group-details-content{padding-left:max(3rem,env(safe-area-inset-left));padding-right:max(3rem,env(safe-area-inset-right))}.group-actions{padding-left:max(3rem,env(safe-area-inset-left));padding-right:max(3rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.group-details-header,.group-details-content,.group-actions{padding-left:max(1.75rem,env(safe-area-inset-left));padding-right:max(1.75rem,env(safe-area-inset-right))}}@media (max-width: 480px){.group-details-header,.group-details-content{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.group-actions{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.close-btn{right:max(1rem,env(safe-area-inset-right))}}}@media (hover: none) and (pointer: coarse){.close-btn:active{transform:rotate(45deg) scale(.95)}.btn-primary:active,.btn-secondary:active{transform:scale(.95)}.member-card:active{transform:scale(.98)}.close-btn,.btn-primary,.btn-secondary{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.group-details-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--cobabc: #e0f2fe;--lavender: #60a5fa;--deep-purple: #3b82f6;--navy-black: #1B1528;--lime-green: #4299e1;--cream-white: #e0f2fe;--lime-primary: #4299e1;--lime-light: #60a5fa;--lime-dark: #3b82f6;--white: #FFFFFF;--off-white: #F8F9FA;--light-gray: #E9ECEF;--medium-gray: #6C757D;--dark-gray: #343A40;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}.events-section{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.events-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--lime-primary) 0%,var(--lime-green) 50%,var(--deep-purple) 100%);opacity:.9;z-index:1}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.75rem;border-bottom:2px solid var(--light-gray);position:relative;flex-wrap:wrap;gap:1rem}.events-header:after{content:"";position:absolute;bottom:-2px;left:0;width:120px;height:3px;background:linear-gradient(90deg,var(--lime-primary) 0%,var(--lime-light) 100%);border-radius:var(--radius-full)}.events-header h2{font-size:2rem;font-weight:800;color:var(--dark-gray);margin:0;display:flex;align-items:center;gap:1rem;letter-spacing:-.02em}.events-header h2 svg{color:var(--lime-primary);filter:drop-shadow(0 2px 4px rgba(255,107,53,.3));flex-shrink:0}.create-event-btn{padding:.875rem 2rem;background:linear-gradient(135deg,var(--lime-primary) 0%,var(--lime-light) 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 15px #ff6b354d;position:relative;overflow:hidden;letter-spacing:.5px;flex-shrink:0}.create-event-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease}.create-event-btn:hover:before{left:100%}.create-event-btn:hover{background:linear-gradient(135deg,var(--lime-dark) 0%,var(--lime-primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.create-event-btn:active{transform:translateY(0);box-shadow:0 4px 15px #ff6b354d}.events-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem;background:var(--off-white);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--light-gray)}.search-filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.events-search,.search-box{flex:1;min-width:200px;position:relative}.events-search input,.search-box input{width:100%;padding:1rem 1.25rem 1rem 3.5rem;border:2px solid var(--light-gray);border-radius:var(--radius-md);font-size:1rem;color:var(--dark-gray);background:var(--white);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.events-search input:hover,.search-box input:hover{border-color:var(--lavender);box-shadow:0 4px 12px #a9a2cd1a}.events-search input:focus,.search-box input:focus{outline:none;border-color:var(--lime-primary);background:var(--white);box-shadow:0 0 0 4px #ff6b3526,var(--shadow-md);transform:translateY(-1px)}.events-search input::placeholder,.search-box input::placeholder{color:var(--medium-gray)}.events-search svg,.search-box svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--medium-gray);transition:color var(--transition-base)}.events-search:focus-within svg,.search-box:focus-within svg{color:var(--lime-primary)}.filter-button,.filter-btn{padding:1rem 1.75rem;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-md);font-weight:600;font-size:1rem;color:var(--dark-gray);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-sm);flex-shrink:0}.filter-button:hover,.filter-btn:hover{border-color:var(--lime-primary);color:var(--lime-primary);background:rgba(255,107,53,.05);transform:translateY(-2px);box-shadow:var(--shadow-md)}.events-tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--lavender) var(--light-gray);padding:.75rem;background:var(--off-white);border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid var(--light-gray);-webkit-overflow-scrolling:touch}.events-tabs::-webkit-scrollbar{height:6px}.events-tabs::-webkit-scrollbar-track{background:var(--light-gray);border-radius:3px}.events-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--lime-primary) 0%,var(--lime-green) 100%);border-radius:3px}.tab-btn{padding:.875rem 1.75rem;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:1rem;color:var(--medium-gray);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;flex-shrink:0}.tab-btn:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:3px;background:linear-gradient(90deg,var(--lime-primary) 0%,var(--lime-light) 100%);border-radius:3px 3px 0 0;transition:transform var(--transition-base)}.tab-btn:hover{color:var(--lime-primary);background:rgba(66,153,225,.05);transform:translateY(-2px)}.tab-btn.active{background:var(--white);border-color:var(--lime-primary);color:var(--lime-primary);box-shadow:var(--shadow-sm)}.tab-btn.active:before{transform:translate(-50%) scaleX(1)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:2rem}.event-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);cursor:pointer;box-shadow:var(--shadow-sm);position:relative}.event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--lime-primary) 0%,var(--deep-purple) 100%);opacity:0;transition:opacity var(--transition-base)}.event-card:hover:before{opacity:1}.event-card:hover{border-color:var(--lime-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.event-image-wrapper,.event-image{position:relative;width:100%;height:200px;overflow:hidden}.event-image-wrapper img,.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card:hover .event-image-wrapper img,.event-card:hover .event-image img{transform:scale(1.1)}.event-type-badge{position:absolute;top:1.25rem;right:1.25rem;padding:.5rem 1rem;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000001a;z-index:2}.event-type-badge.in-person{color:var(--lime-primary);border:2px solid var(--lime-primary)}.event-type-badge.virtual{color:var(--lavender);border:2px solid var(--lavender)}.event-type-badge.hybrid{color:var(--deep-purple);border:2px solid var(--deep-purple)}.event-status-badge{position:absolute;top:1.25rem;left:1.25rem;padding:.5rem 1rem;background:rgba(66,153,225,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;font-size:.75rem;font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #4299e14d;z-index:2}.event-content,.event-info{padding:1.75rem}.event-content h3,.event-info h3{font-size:1.25rem;font-weight:700;color:var(--dark-gray);margin:0 0 1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.meta-item{display:flex;align-items:center;gap:.75rem;color:var(--medium-gray);font-size:.9375rem}.meta-item svg{color:var(--lime-primary);flex-shrink:0}.event-description{color:var(--medium-gray);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.25rem;border-top:1px solid var(--light-gray);flex-wrap:wrap;gap:.75rem}.attendees-count{display:flex;align-items:center;gap:.5rem;color:var(--medium-gray);font-size:.875rem;font-weight:600}.attendees-count svg{color:var(--lime-primary)}.btn-register,.btn-view-event,.btn-rsvp{padding:.75rem 1.75rem;background:linear-gradient(135deg,var(--lime-primary) 0%,var(--lime-light) 100%);color:var(--white);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #4299e14d;flex-shrink:0}.btn-register:hover,.btn-view-event:hover,.btn-rsvp:hover{background:linear-gradient(135deg,var(--lime-dark) 0%,var(--lime-primary) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #4299e166}.btn-rsvp.going{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-rsvp.interested{background:linear-gradient(135deg,var(--lavender) 0%,var(--deep-purple) 100%)}.calendar-placeholder,.events-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;text-align:center;background:var(--off-white);border:2px dashed var(--light-gray);border-radius:var(--radius-lg);min-height:400px}.calendar-placeholder svg,.events-empty-state svg{width:80px;height:80px;color:var(--lime-primary);opacity:.5}.calendar-placeholder p,.events-empty-state h3{font-size:1.5rem;font-weight:700;color:var(--dark-gray);margin:0}.events-empty-state p{font-size:1rem;color:var(--medium-gray);max-width:400px;line-height:1.6}.events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid var(--light-gray);border-top:4px solid var(--lime-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.events-section{padding:2rem}.events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.events-header h2{font-size:1.75rem}.create-event-btn{padding:.75rem 1.5rem;font-size:.9375rem}}@media (max-width: 768px){.events-section{padding:1.5rem;border-radius:var(--radius-lg)}.events-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;gap:1rem}.events-header h2{font-size:1.5rem}.events-header h2 svg{width:24px;height:24px}.create-event-btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.events-controls{padding:1.25rem;gap:1.25rem;margin-bottom:2rem}.search-filter-row{flex-direction:column}.events-search,.search-box{width:100%;min-width:100%}.events-search input,.search-box input{padding:.875rem 1rem .875rem 3rem;font-size:.9375rem}.filter-button,.filter-btn{width:100%;justify-content:center}.events-tabs{padding:.625rem;margin-bottom:1.75rem}.tab-btn{padding:.75rem 1.25rem;font-size:.875rem}.events-grid{grid-template-columns:1fr;gap:1.25rem}.event-image-wrapper,.event-image{height:180px}.event-content,.event-info{padding:1.25rem}.event-content h3,.event-info h3{font-size:1.125rem}.event-type-badge{padding:.375rem .75rem;font-size:.6875rem;top:1rem;right:1rem}.event-status-badge{padding:.375rem .75rem;font-size:.6875rem;top:1rem;left:1rem}.btn-register,.btn-view-event,.btn-rsvp{width:100%;padding:.875rem 1.25rem;justify-content:center}.event-footer{flex-direction:column;align-items:stretch}.attendees-count{justify-content:center}.calendar-placeholder,.events-empty-state{padding:3rem 1.5rem;min-height:300px}.calendar-placeholder svg,.events-empty-state svg{width:64px;height:64px}.calendar-placeholder p,.events-empty-state h3{font-size:1.25rem}.events-empty-state p{font-size:.9375rem}}@media (max-width: 768px) and (orientation: landscape){.events-section{padding:1.25rem}.events-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.event-image-wrapper,.event-image{height:150px}.event-content,.event-info{padding:1rem}}@media (max-width: 480px){.events-section{padding:1.25rem;border-radius:var(--radius-md)}.events-section:before{height:3px}.events-header{margin-bottom:1.5rem;padding-bottom:1.25rem}.events-header h2{font-size:1.375rem;gap:.75rem}.events-header h2 svg{width:22px;height:22px}.create-event-btn{padding:.75rem 1.25rem;font-size:.875rem}.create-event-btn svg{width:18px;height:18px}.events-controls{padding:1rem;gap:1rem;margin-bottom:1.5rem}.events-search input,.search-box input{padding:.75rem .875rem .75rem 2.75rem;font-size:.875rem}.events-search svg,.search-box svg{left:1rem;width:18px;height:18px}.filter-button,.filter-btn{padding:.75rem 1.25rem;font-size:.875rem}.filter-button svg,.filter-btn svg{width:18px;height:18px}.events-tabs{padding:.5rem;margin-bottom:1.5rem}.tab-btn{padding:.625rem 1rem;font-size:.8125rem}.events-grid{gap:1rem}.event-card{border-radius:var(--radius-md)}.event-image-wrapper,.event-image{height:160px}.event-type-badge{padding:.3rem .65rem;font-size:.625rem;top:.875rem;right:.875rem}.event-type-badge svg{width:12px;height:12px}.event-status-badge{padding:.3rem .65rem;font-size:.625rem;top:.875rem;left:.875rem}.event-content,.event-info{padding:1rem}.event-content h3,.event-info h3{font-size:1.05rem;margin-bottom:.875rem}.event-meta{gap:.75rem;margin-bottom:1rem}.meta-item{font-size:.875rem;gap:.625rem}.meta-item svg{width:16px;height:16px}.event-description{font-size:.875rem;margin-bottom:1.25rem}.event-footer{padding-top:1rem}.attendees-count{font-size:.8125rem}.attendees-count svg{width:16px;height:16px}.btn-register,.btn-view-event,.btn-rsvp{padding:.75rem 1rem;font-size:.875rem}.btn-register svg,.btn-view-event svg,.btn-rsvp svg{width:16px;height:16px}.calendar-placeholder,.events-empty-state{padding:2.5rem 1.25rem;min-height:280px}.calendar-placeholder svg,.events-empty-state svg{width:56px;height:56px}.calendar-placeholder p,.events-empty-state h3{font-size:1.125rem}.events-empty-state p{font-size:.875rem}.loading-spinner{width:40px;height:40px}}@media (max-width: 360px){.events-section{padding:1rem}.events-header h2{font-size:1.25rem}.create-event-btn{font-size:.8125rem}.event-content h3,.event-info h3{font-size:1rem}.btn-register,.btn-view-event,.btn-rsvp{padding:.65rem .875rem;font-size:.8125rem}}@supports (-webkit-touch-callout: none){.events-search input,.search-box input,.filter-button,.filter-btn,.tab-btn{font-size:16px!important}.events-tabs,.events-grid{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){.events-section{padding-left:max(2.5rem,env(safe-area-inset-left));padding-right:max(2.5rem,env(safe-area-inset-right))}@media (max-width: 768px){.events-section{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}@media (max-width: 480px){.events-section{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}}}@media (hover: none) and (pointer: coarse){.create-event-btn:active,.filter-button:active,.filter-btn:active,.tab-btn:active{transform:scale(.95)}.event-card:active{transform:scale(.98)}.btn-register:active,.btn-view-event:active,.btn-rsvp:active{transform:scale(.95)}.create-event-btn,.filter-button,.filter-btn,.tab-btn,.btn-register,.btn-view-event,.btn-rsvp{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.events-section,.event-card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.create-event-btn:focus-visible,.filter-button:focus-visible,.tab-btn:focus-visible,.btn-rsvp:focus-visible,.btn-register:focus-visible,.btn-view-event:focus-visible,.events-search input:focus-visible{outline:3px solid var(--lime-primary);outline-offset:2px}@media (prefers-contrast: high){.events-section,.event-card{border:3px solid var(--dark-gray)}.create-event-btn,.btn-register,.btn-rsvp.going{background:var(--dark-gray);color:var(--white)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.create-event-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease;overflow-y:auto}.create-event-modal{background:linear-gradient(180deg,white 0%,#e0f2fe 100%);border-radius:24px;width:100%;max-width:650px;max-height:90vh;overflow:hidden;box-shadow:0 25px 70px #4299e140,0 10px 40px #60a5fa4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:3px solid #4299e1;display:flex;flex-direction:column;margin:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:3px solid #3b82f6;background:linear-gradient(180deg,white 0%,#e0f2fe 100%);z-index:10;flex-shrink:0;position:relative}.modal-header:after{content:"";position:absolute;bottom:-3px;left:0;width:120px;height:3px;background:linear-gradient(90deg,#4299e1 0%,#3b82f6 100%)}.modal-header h2{font-size:1.625rem;font-weight:800;color:#1b1528;margin:0;display:flex;align-items:center;gap:.875rem;letter-spacing:-.02em;background:linear-gradient(135deg,#4299e1 0%,#60a5fa 50%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header h2 svg{color:#4299e1;filter:drop-shadow(0 2px 4px rgba(66,153,225,.3));flex-shrink:0}.close-btn{background:rgba(66,153,225,.1);border:2px solid #3b82f6;color:#4299e1;cursor:pointer;width:40px;height:40px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-btn:hover{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);border-color:#4299e1;color:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #4299e14d}.event-form{padding:2.5rem;display:flex;flex-direction:column;gap:1.75rem;overflow-y:auto;max-height:calc(90vh - 120px);flex:1}.event-form::-webkit-scrollbar{width:12px}.event-form::-webkit-scrollbar-track{background:rgba(66,153,225,.15);border-radius:10px;margin:8px 0}.event-form::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4299e1 0%,#3b82f6 100%);border-radius:10px;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.event-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6 0%,#4299e1 100%);border:2px solid rgba(255,255,255,.5)}.event-form{scrollbar-width:thin;scrollbar-color:#4299e1 rgba(66,153,225,.15)}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group label{font-size:.9375rem;font-weight:700;color:#1b1528;display:flex;align-items:center;gap:.625rem;letter-spacing:.01em}.form-group label svg{color:#4299e1;width:20px;height:20px;flex-shrink:0}.form-group input,.form-group textarea,.form-group select{padding:1rem 1.25rem;border:2px solid #e0f2fe;border-radius:12px;font-size:.9375rem;color:#1b1528;background:white;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 8px #4299e114}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#4299e1;box-shadow:0 4px 12px #4299e11f}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4299e1;background:white;box-shadow:0 0 0 4px #4299e126,0 4px 12px #4299e11a;transform:translateY(-1px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#60a5fa;opacity:.7}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.event-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:.625rem}.type-option{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1.25rem;border:2px solid #e0f2fe;border-radius:14px;background:white;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;color:#4299e1;box-shadow:0 2px 8px #4299e114;position:relative;overflow:hidden}.type-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(66,153,225,.1),transparent);transition:left .5s ease}.type-option:hover:before{left:100%}.type-option input[type=radio]{display:none}.type-option:hover{border-color:#4299e1;background:rgba(66,153,225,.1);transform:translateY(-2px);box-shadow:0 4px 16px #4299e126}.type-option.active{border-color:#4299e1;background:linear-gradient(135deg,rgba(66,153,225,.2) 0%,rgba(96,165,250,.1) 100%);color:#1b1528;box-shadow:0 6px 20px #4299e140;transform:translateY(-2px)}.type-option svg{width:20px;height:20px;transition:transform .3s ease;color:#4299e1;flex-shrink:0}.type-option.active svg{transform:scale(1.2);color:#4299e1}.form-actions{display:flex;gap:1.25rem;margin-top:1.5rem;padding-top:2rem;border-top:3px solid #3b82f6}.btn-cancel,.btn-create{flex:1;padding:1.125rem 2rem;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.625rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn-cancel:before,.btn-create:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-cancel:hover:before,.btn-create:hover:before{width:300px;height:300px}.btn-cancel{background:white;color:#4299e1;border:2px solid #3b82f6;box-shadow:0 2px 8px #4299e114}.btn-cancel:hover{background:rgba(66,153,225,.1);color:#1b1528;border-color:#4299e1;transform:translateY(-2px);box-shadow:0 4px 16px #4299e126}.btn-create{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);color:#fff;box-shadow:0 6px 20px #4299e166;border:2px solid transparent}.btn-create:hover{background:linear-gradient(135deg,#60a5fa 0%,#4299e1 100%);transform:translateY(-3px);box-shadow:0 10px 30px #4299e180}.btn-create:active{transform:translateY(-1px);box-shadow:0 6px 20px #4299e166}.create-event-modal::-webkit-scrollbar{display:none;width:0}.type-option .event-icon{background:rgba(66,153,225,.1);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.type-option.active .event-icon{background:rgba(66,153,225,.2)}input[type=date],input[type=time]{color-scheme:light;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23BDD337'%3E%3Cpath d='M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z'/%3E%3C/svg%3E") center/contain no-repeat;cursor:pointer;opacity:.8}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23BDD337'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:20px;padding-right:3rem}.form-group label.required:after{content:"*";color:#4299e1;margin-left:.25rem}.char-counter{font-size:.75rem;color:#60a5fa;text-align:right;margin-top:.25rem;font-weight:500}.char-counter.warning{color:#4299e1;font-weight:600}.event-preview{background:rgba(238,243,206,.3);border:2px dashed #3b82f6;border-radius:12px;padding:1.5rem;margin-top:1rem}.event-preview h4{color:#4299e1;margin-bottom:1rem;font-size:1rem;font-weight:600}.preview-content{color:#666;font-size:.875rem;line-height:1.6}.form-submitting{opacity:.7;pointer-events:none}.form-submitting .btn-create:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#4299e1}.form-success svg{width:64px;height:64px;color:#3b82f6;margin-bottom:1.5rem}.form-success h3{font-size:1.5rem;margin-bottom:.5rem;color:#1b1528}.form-success p{color:#666;max-width:400px;line-height:1.6}@media (max-width: 1024px){.create-event-modal{max-width:90%}.event-form{padding:2rem}.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.create-event-modal-overlay{padding:0}.create-event-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;border-width:0;border-top:3px solid #4299e1}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.375rem;gap:.75rem}.modal-header h2 svg{width:22px;height:22px}.close-btn{width:38px;height:38px}.close-btn svg{width:20px;height:20px}.event-form{padding:1.75rem 1.5rem;gap:1.5rem;max-height:calc(100vh - 100px)}.form-group label{font-size:.875rem}.form-group input,.form-group textarea,.form-group select{padding:.875rem 1rem;font-size:.875rem}.form-row{grid-template-columns:1fr}.event-type-selector{grid-template-columns:1fr;gap:1rem}.type-option{padding:1rem}.form-actions{flex-direction:column;gap:1rem;padding-top:1.75rem}.btn-cancel,.btn-create{width:100%;padding:1rem 1.75rem;font-size:.9375rem}.event-preview{padding:1.25rem}.form-success{padding:2.5rem 1.5rem}.form-success svg{width:56px;height:56px}.form-success h3{font-size:1.375rem}}@media (max-width: 768px) and (orientation: landscape){.event-form{padding:1.5rem;max-height:calc(100vh - 90px)}.event-type-selector{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.modal-header{padding:1rem 1.25rem}.modal-header h2{font-size:1.25rem;gap:.625rem}.modal-header h2 svg{width:20px;height:20px}.close-btn{width:36px;height:36px}.close-btn svg{width:18px;height:18px}.event-form{padding:1.5rem 1.25rem;gap:1.375rem}.form-group{gap:.5rem}.form-group label{font-size:.8125rem;gap:.5rem}.form-group label svg{width:18px;height:18px}.form-group input,.form-group textarea,.form-group select{padding:.75rem .875rem;font-size:.8125rem;border-radius:10px}.form-group textarea{min-height:100px}.form-row{gap:1rem}.event-type-selector{gap:.875rem}.type-option{padding:.875rem;font-size:.875rem;border-radius:12px}.type-option svg{width:18px;height:18px}.form-actions{gap:.875rem;padding-top:1.5rem;margin-top:1.25rem}.btn-cancel,.btn-create{padding:.875rem 1.5rem;font-size:.875rem;border-radius:12px}.btn-cancel svg,.btn-create svg{width:18px;height:18px}.event-preview{padding:1rem;border-radius:10px}.event-preview h4{font-size:.9375rem}.preview-content{font-size:.8125rem}.form-success{padding:2rem 1.25rem}.form-success svg{width:48px;height:48px;margin-bottom:1.25rem}.form-success h3{font-size:1.25rem}.form-success p{font-size:.875rem}}@media (max-width: 360px){.modal-header h2{font-size:1.125rem}.event-form{padding:1.25rem 1rem}.form-group label{font-size:.75rem}.form-group input,.form-group textarea,.form-group select{padding:.7rem .8rem;font-size:.75rem}.type-option{padding:.75rem;font-size:.8125rem}.btn-cancel,.btn-create{padding:.75rem 1.25rem;font-size:.8125rem}}@supports (-webkit-touch-callout: none){.create-event-modal{max-height:-webkit-fill-available}.event-form{-webkit-overflow-scrolling:touch}.form-group input,.form-group textarea,.form-group select{font-size:16px!important}@media (max-width: 768px){.event-form{max-height:calc(100vh - 90px);max-height:-webkit-fill-available}}}@supports (padding: max(0px)){.event-form{padding-left:max(2.5rem,env(safe-area-inset-left));padding-right:max(2.5rem,env(safe-area-inset-right));padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.modal-header{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-top:max(1.25rem,env(safe-area-inset-top))}.event-form{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right));padding-bottom:max(1.75rem,env(safe-area-inset-bottom))}}@media (max-width: 480px){.modal-header{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.event-form{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}}@media (hover: none) and (pointer: coarse){.close-btn:active{transform:rotate(45deg) scale(.9)}.type-option:active{transform:scale(.98)}.btn-cancel:active,.btn-create:active{transform:scale(.95)}.close-btn,.type-option,.btn-cancel,.btn-create,.form-group input,.form-group textarea,.form-group select{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.create-event-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (prefers-reduced-motion: reduce){.create-event-modal-overlay,.create-event-modal,.type-option,.btn-cancel,.btn-create{animation:none;transition:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.event-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem;animation:fadeIn .3s ease;overflow-y:auto}.event-details-modal{background:white;border-radius:28px;width:100%;max-width:850px;max-height:92vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 30px 80px #4299e14d,0 10px 40px #60a5fa4d;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;border:2px solid rgba(66,153,225,.3);margin:auto}.back-btn{position:absolute;top:1.75rem;left:1.75rem;padding:.875rem 1.5rem;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(66,153,225,.5);border-radius:14px;color:#1b1528;font-weight:700;font-size:.9375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.625rem;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4299e133}.back-btn:hover{background:linear-gradient(135deg,white 0%,#e0f2fe 100%);transform:translate(-6px);box-shadow:0 8px 24px #4299e140;border-color:#4299e1cc;color:#4299e1}.close-btn{position:absolute;top:1.75rem;right:1.75rem;width:48px;height:48px;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(66,153,225,.5);border-radius:50%;color:#1b1528;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4299e133}.close-btn:hover{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px #4299e14d;border-color:#4299e180;color:#fff}.event-details-image-wrapper{position:relative;width:100%;height:360px;overflow:hidden;border-radius:28px 28px 0 0}.event-details-image-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(66,153,225,.3),transparent);pointer-events:none}.event-details-image{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#4299e1 0%,#60a5fa 50%,#3b82f6 100%);transition:transform .5s ease}.event-details-modal:hover .event-details-image{transform:scale(1.05)}.event-type-badge-large{position:absolute;bottom:2rem;left:2rem;padding:.875rem 1.5rem;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;font-size:.9375rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:.625rem;box-shadow:0 6px 20px #4299e140;color:#4299e1;border:2px solid #3b82f6;z-index:5}.event-details-content{padding:2.5rem 3rem 3rem;background:white}.event-details-header{margin-bottom:2.5rem;position:relative}.event-details-header:after{content:"";position:absolute;bottom:-1.25rem;left:0;width:100px;height:4px;background:linear-gradient(90deg,#4299e1 0%,#3b82f6 100%);border-radius:2px}.event-details-header h1{font-size:2.25rem;font-weight:900;color:#1b1528;margin:0 0 1rem;line-height:1.15;letter-spacing:-.02em}.event-organizer-info{font-size:1.0625rem;color:#4299e1;margin:0;font-weight:600}.event-organizer-info strong{color:#1b1528;font-weight:700}.event-quick-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,rgba(66,153,225,.1) 0%,rgba(96,165,250,.05) 100%);border-radius:20px;border:2px solid #3b82f6;box-shadow:0 4px 20px #4299e114}.info-item{display:flex;align-items:flex-start;gap:1.25rem;transition:transform .3s ease}.info-item:hover{transform:translate(4px)}.info-icon{width:52px;height:52px;background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 16px #4299e159;transition:all .3s ease}.info-item:hover .info-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #4299e173}.info-content{display:flex;flex-direction:column;gap:.375rem;min-width:0}.info-label{font-size:.8125rem;font-weight:700;color:#4299e1;text-transform:uppercase;letter-spacing:.8px}.info-value{font-size:1.0625rem;font-weight:700;color:#1b1528;word-wrap:break-word}.event-description-section{margin-bottom:2.5rem}.event-description-section h3{font-size:1.25rem;font-weight:700;color:#1b1528;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.event-description-section h3 svg{color:#4299e1}.event-description-section p{font-size:1rem;line-height:1.7;color:#666;margin:0 0 1rem;text-align:justify}.event-description-section p:last-child{margin-bottom:0}.event-additional-info{margin-bottom:2.5rem;padding:1.5rem;background:rgba(66,153,225,.1);border-radius:16px;border:2px solid #e0f2fe}.event-additional-info h3{font-size:1.125rem;font-weight:700;color:#1b1528;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.event-additional-info h3 svg{color:#4299e1}.detail-list{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(66,153,225,.3);flex-wrap:wrap;gap:.5rem}.detail-label{font-size:.9375rem;font-weight:600;color:#4299e1;display:flex;align-items:center;gap:.5rem}.detail-value{font-size:.9375rem;font-weight:700;color:#1b1528}.event-details-actions{display:flex;flex-direction:column;gap:1.5rem;padding-top:2rem;border-top:2px solid #3b82f6}.rsvp-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-rsvp-large{flex:1;min-width:200px;padding:1.25rem 2.5rem;border:none;border-radius:14px;font-weight:800;font-size:1.0625rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.625rem;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden}.btn-rsvp-large:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-rsvp-large:hover:before{width:350px;height:350px}.btn-rsvp-large.primary{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);color:#fff;box-shadow:0 6px 20px #4299e166}.btn-rsvp-large.primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#4299e1 100%);transform:translateY(-3px);box-shadow:0 12px 35px #4299e180}.btn-rsvp-large.secondary{background:white;color:#4299e1;border:3px solid #4299e1;box-shadow:0 4px 16px #4299e126}.btn-rsvp-large.secondary:hover{background:rgba(66,153,225,.1);transform:translateY(-3px);box-shadow:0 8px 25px #4299e140}.btn-rsvp-large.going{background:linear-gradient(135deg,#4299e1 0%,#60a5fa 100%);color:#fff;box-shadow:0 6px 20px #4299e166}.btn-rsvp-large.going:hover{background:linear-gradient(135deg,#60a5fa 0%,#4299e1 100%);transform:translateY(-3px);box-shadow:0 12px 35px #4299e180}.btn-rsvp-large.interested{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);color:#fff;box-shadow:0 6px 20px #60a5fa66}.btn-rsvp-large.interested:hover{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);transform:translateY(-3px);box-shadow:0 12px 35px #60a5fa80}.secondary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.icon-btn{width:48px;height:48px;background:rgba(66,153,225,.1);border:2px solid #3b82f6;border-radius:12px;color:#4299e1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.icon-btn:hover{background:white;border-color:#4299e1;color:#4299e1;transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #4299e133}.event-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;margin-bottom:1rem}.event-status-badge.upcoming,.event-status-badge.ongoing{background:rgba(66,153,225,.2);color:#4299e1;border:1px solid rgba(66,153,225,.3)}.event-status-badge.completed{background:rgba(96,165,250,.2);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.event-details-modal::-webkit-scrollbar{width:8px}.event-details-modal::-webkit-scrollbar-track{background:rgba(66,153,225,.1)}.event-details-modal::-webkit-scrollbar-thumb{background:#60a5fa;border-radius:4px}.event-details-modal::-webkit-scrollbar-thumb:hover{background:#4299e1}@media (max-width: 1024px){.event-details-modal{max-width:90%}.event-details-content{padding:2rem 2.5rem 2.5rem}.event-quick-info{gap:1.5rem;padding:1.75rem}.info-icon{width:48px;height:48px}}@media (max-width: 768px){.event-details-modal-overlay{padding:0}.event-details-modal{max-width:100%;max-height:100vh;border-radius:0;border:none}.event-details-image-wrapper{height:280px;border-radius:0}.back-btn{top:1.25rem;left:1.25rem;padding:.75rem 1.25rem;font-size:.875rem}.close-btn{width:44px;height:44px;top:1.25rem;right:1.25rem}.event-type-badge-large{bottom:1.5rem;left:1.5rem;padding:.75rem 1.25rem;font-size:.875rem}.event-details-content{padding:2rem 1.75rem 2.5rem}.event-details-header{margin-bottom:2rem}.event-details-header h1{font-size:1.75rem}.event-organizer-info{font-size:1rem}.event-quick-info{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem;padding:1.5rem}.info-icon{width:44px;height:44px}.info-label{font-size:.75rem}.info-value{font-size:1rem}.event-description-section{margin-bottom:2rem}.event-description-section h3{font-size:1.125rem}.event-description-section p{font-size:.9375rem}.event-additional-info{padding:1.25rem;margin-bottom:2rem}.event-additional-info h3{font-size:1.05rem}.event-details-actions{padding-top:1.75rem}.rsvp-actions{flex-direction:column}.btn-rsvp-large{width:100%;min-width:100%;padding:1.125rem 2rem;font-size:1rem}.secondary-actions{gap:.875rem}.icon-btn{width:44px;height:44px}}@media (max-width: 768px) and (orientation: landscape){.event-details-image-wrapper{height:220px}.event-quick-info{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem}.info-icon{width:40px;height:40px}}@media (max-width: 480px){.event-details-image-wrapper{height:240px}.back-btn{top:1rem;left:1rem;padding:.625rem 1rem;font-size:.8125rem;gap:.5rem}.back-btn svg{width:16px;height:16px}.close-btn{width:40px;height:40px;top:1rem;right:1rem}.close-btn svg{width:20px;height:20px}.event-type-badge-large{bottom:1rem;left:1rem;padding:.625rem 1rem;font-size:.75rem;gap:.5rem}.event-type-badge-large svg{width:14px;height:14px}.event-details-content{padding:1.5rem 1.25rem 2rem}.event-details-header{margin-bottom:1.75rem}.event-details-header:after{width:80px;height:3px;bottom:-1rem}.event-details-header h1{font-size:1.5rem;margin-bottom:.875rem}.event-organizer-info{font-size:.9375rem}.event-quick-info{gap:1rem;margin-bottom:2rem;padding:1.25rem;border-radius:16px}.info-item{gap:1rem}.info-icon{width:40px;height:40px;border-radius:12px}.info-icon svg{width:20px;height:20px}.info-label{font-size:.7rem}.info-value{font-size:.9375rem}.event-description-section{margin-bottom:1.75rem}.event-description-section h3{font-size:1.05rem;margin-bottom:.875rem}.event-description-section h3 svg{width:18px;height:18px}.event-description-section p{font-size:.875rem;line-height:1.6}.event-additional-info{padding:1rem;margin-bottom:1.75rem;border-radius:12px}.event-additional-info h3{font-size:1rem;margin-bottom:.875rem}.event-additional-info h3 svg{width:18px;height:18px}.detail-row{padding:.625rem 0}.detail-label{font-size:.875rem}.detail-label svg{width:14px;height:14px}.detail-value{font-size:.875rem}.event-details-actions{padding-top:1.5rem;gap:1.25rem}.rsvp-actions{gap:.75rem}.btn-rsvp-large{padding:1rem 1.75rem;font-size:.9375rem;border-radius:12px}.btn-rsvp-large svg{width:18px;height:18px}.secondary-actions{gap:.75rem}.icon-btn{width:42px;height:42px;border-radius:10px}.icon-btn svg{width:20px;height:20px}.event-status-badge{padding:.4rem .875rem;font-size:.8125rem}}@media (max-width: 360px){.event-details-image-wrapper{height:200px}.event-details-header h1{font-size:1.375rem}.info-icon{width:36px;height:36px}.btn-rsvp-large{padding:.875rem 1.5rem;font-size:.875rem}}@supports (-webkit-touch-callout: none){.event-details-modal{max-height:-webkit-fill-available}.event-details-modal{-webkit-overflow-scrolling:touch}}@supports (padding: max(0px)){.event-details-content{padding-left:max(3rem,env(safe-area-inset-left));padding-right:max(3rem,env(safe-area-inset-right));padding-bottom:max(3rem,env(safe-area-inset-bottom))}@media (max-width: 768px){.event-details-content{padding-left:max(1.75rem,env(safe-area-inset-left));padding-right:max(1.75rem,env(safe-area-inset-right));padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}}@media (max-width: 480px){.event-details-content{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom))}.back-btn{left:max(1rem,env(safe-area-inset-left))}.close-btn{right:max(1rem,env(safe-area-inset-right))}}}@media (hover: none) and (pointer: coarse){.back-btn:active{transform:translate(-3px) scale(.95)}.close-btn:active{transform:rotate(45deg) scale(.95)}.btn-rsvp-large:active{transform:scale(.95)}.icon-btn:active{transform:scale(.9)}.back-btn,.close-btn,.btn-rsvp-large,.icon-btn{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.event-details-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.job-postings{background:transparent;padding:0;animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:32px;border:3px solid rgba(255,255,255,.6);box-shadow:0 12px 24px #4299e126,0 6px 12px #0000001a,inset 0 1px #fffc}.jobs-header h2{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:1rem}.jobs-header h2 svg{color:#4299e1;filter:drop-shadow(0 4px 8px rgba(66,153,225,.4))}.post-job-btn{padding:1rem 2rem;background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:20px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.post-job-btn:hover{background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #4299e180,0 6px 12px #0003,inset 0 -2px 4px #0000001a}.post-job-btn:active{transform:translateY(-1px);box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026,inset 0 -2px 4px #0000001a}.jobs-search-bar{display:flex;gap:1.25rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.search-input-group{flex:1;min-width:250px;display:flex;align-items:center;gap:1rem;padding:1.125rem 1.75rem;background:linear-gradient(145deg,#f8f9fb,#ffffff);border:2px solid rgba(66,153,225,.2);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000d,0 4px 8px #0000000f}.search-input-group:focus-within{border-color:#4299e1;background:#ffffff;box-shadow:0 8px 16px #4299e133,inset 0 1px 2px #0000000d;transform:translateY(-2px)}.search-input-group svg{color:#94a3b8;flex-shrink:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.search-input-group:focus-within svg{color:#4299e1}.search-input-group input{flex:1;border:none;background:transparent;outline:none;font-size:1rem;color:#1e293b;font-weight:500}.search-input-group input::placeholder{color:#94a3b8;font-weight:400}.search-btn{padding:1.125rem 2rem;background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border:2px solid rgba(255,255,255,.4);border-radius:20px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #4299e166,0 4px 8px #00000026,inset 0 -2px 4px #0000001a;white-space:nowrap}.search-btn:hover{background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-3px);box-shadow:0 12px 24px #4299e180,0 6px 12px #0003,inset 0 -2px 4px #0000001a}.search-btn:active{transform:translateY(-1px);box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026,inset 0 -2px 4px #0000001a}.filter-btn{padding:1.125rem;background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid rgba(66,153,225,.2);border-radius:20px;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #00000014,inset 0 1px #fff9}.filter-btn:hover{border-color:#4299e1;color:#4299e1;background:linear-gradient(145deg,#ffffff,#fcfdf8);transform:translateY(-3px);box-shadow:0 10px 20px #4299e140,0 4px 8px #0000001a,inset 0 1px #fffc}.jobs-tabs{display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem;background:linear-gradient(145deg,#f8f9fb,#ffffff);border-radius:28px;border:2px solid rgba(66,153,225,.15);overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4299e1 rgba(66,153,225,.1);box-shadow:inset 0 2px 4px #0000000d}.jobs-tabs::-webkit-scrollbar{height:4px}.jobs-tabs::-webkit-scrollbar-track{background:rgba(66,153,225,.1);border-radius:100px}.jobs-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4299e1,#93c5fd);border-radius:100px}.tab-btn{padding:1rem 2rem;background:transparent;border:none;border-radius:20px;font-weight:600;font-size:.9375rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative}.tab-btn:hover{color:#4299e1;background:rgba(66,153,225,.08)}.tab-btn.active{color:#fff;background:linear-gradient(145deg,#93c5fd,#4299e1);box-shadow:0 6px 12px #4299e166,0 3px 6px #0000001a,inset 0 -2px 4px #0000001a;transform:translateY(0)}.tab-btn.active:hover{background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-2px);box-shadow:0 8px 16px #4299e180,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.jobs-content{margin-top:1.5rem}.jobs-browse{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.jobs-filters{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:3px solid rgba(66,153,225,.2);border-radius:32px;padding:2rem;position:sticky;top:100px;box-shadow:0 12px 24px #00000014,0 6px 12px #0000000d,inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1)}.jobs-filters:hover{border-color:#4299e159;box-shadow:0 16px 32px #4299e11f,0 8px 16px #00000014,inset 0 1px #fffc}.filter-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(66,153,225,.12)}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section h4{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0 0 1.25rem;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}.filter-section h4 .select-all{font-size:.75rem;color:#64748b;font-weight:600;cursor:pointer;padding:.375rem .75rem;background:transparent;border:1px solid rgba(66,153,225,.3);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-section h4 .select-all:hover{background:rgba(66,153,225,.08);border-color:#4299e1;color:#4299e1}.filter-checkbox{display:flex;align-items:center;gap:.875rem;cursor:pointer;margin-bottom:1rem;font-size:.9375rem;color:#475569;font-weight:500;padding:.75rem;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.filter-checkbox:hover{color:#1e293b;background:rgba(66,153,225,.05)}.filter-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff;flex-shrink:0;box-shadow:inset 0 1px 2px #0000000d}.filter-checkbox input[type=checkbox]:hover{border-color:#4299e1;box-shadow:0 0 0 4px #4299e114,inset 0 1px 2px #0000000d}.filter-checkbox input[type=checkbox]:checked{background:linear-gradient(145deg,#93c5fd,#4299e1);border-color:#4299e1;box-shadow:0 4px 8px #4299e14d,inset 0 -1px 2px #0000001a}.filter-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.875rem}.filter-checkbox input[type=checkbox]:checked+span{color:#1e293b;font-weight:600}.salary-slider{width:100%;height:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#f1f5f9 0%,#93c5fd 50%,#4299e1 100%);border-radius:100px;outline:none;cursor:pointer;margin:1.25rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000014,0 2px 4px #0000000d}.salary-slider:hover{box-shadow:0 0 0 6px #4299e11a,inset 0 2px 4px #00000014}.salary-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(145deg,#93c5fd,#4299e1);border-radius:50%;cursor:pointer;border:3px solid #ffffff;box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026,inset 0 -2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.salary-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 8px 16px #4299e180,0 4px 8px #0003,inset 0 -2px 4px #0000001a}.salary-slider::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(145deg,#93c5fd,#4299e1);border-radius:50%;cursor:pointer;border:3px solid #ffffff;box-shadow:0 6px 12px #4299e166,0 3px 6px #00000026,inset 0 -2px 4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.salary-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 8px 16px #4299e180,0 4px 8px #0003,inset 0 -2px 4px #0000001a}.salary-range{display:flex;justify-content:space-between;font-size:.875rem;color:#475569;font-weight:600;margin-top:.75rem}.jobs-list{display:flex;flex-direction:column;gap:1.5rem}.job-card{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:3px solid rgba(66,153,225,.2);border-radius:32px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 24px #00000014,0 6px 12px #0000000d,inset 0 1px #fff9;position:relative;overflow:visible}.job-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#93c5fd,#4299e1);border-radius:32px 0 0 32px;transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.4,0,.2,1)}.job-card:hover{border-color:#4299e166;transform:translateY(-6px);box-shadow:0 20px 40px #4299e126,0 10px 20px #0000001a,inset 0 1px #fffc}.job-card:hover:before{transform:scaleY(1)}.featured-badge{position:absolute;top:-.75rem;right:2rem;padding:.75rem 1.5rem;background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.75px;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 16px #4299e180,0 4px 8px #00000026,inset 0 -2px 4px #0000001a;animation:badgePulse 3s ease-in-out infinite;z-index:10;border:2px solid rgba(255,255,255,.4)}@keyframes badgePulse{0%,to{transform:scale(1) translateY(0);box-shadow:0 8px 16px #4299e180,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}50%{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 24px #4299e199,0 6px 12px #0003,inset 0 -2px 4px #0000001a}}.featured-badge svg{width:15px;height:15px}.job-card-header{display:flex;gap:1.25rem;margin-bottom:1.25rem;align-items:flex-start}.company-logo{width:68px;height:68px;border-radius:20px;object-fit:cover;border:3px solid rgba(66,153,225,.2);flex-shrink:0;box-shadow:0 6px 12px #00000014,inset 0 1px #fff9;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-card:hover .company-logo{border-color:#4299e1;transform:scale(1.05);box-shadow:0 8px 16px #4299e133,inset 0 1px #fffc}.job-info{flex:1;min-width:0}.job-info h3{font-size:1.375rem;font-weight:800;color:#1e293b;margin:0 0 .625rem;letter-spacing:-.02em;line-height:1.3}.company-name{font-size:1rem;color:#64748b;font-weight:600;margin-bottom:.875rem;display:flex;align-items:center;gap:.5rem}.company-name:before{content:"";width:4px;height:4px;background:#4299e1;border-radius:50%}.job-meta{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.job-meta span{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9375rem;font-weight:600;padding:.375rem .875rem;background:rgba(66,153,225,.08);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-meta span:hover{background:rgba(66,153,225,.15);color:#1e293b}.job-meta svg{color:#4299e1;width:16px;height:16px;flex-shrink:0}.job-description{color:#475569;font-size:.9375rem;line-height:1.7;margin:1.25rem 0;letter-spacing:.005em}.job-skills{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.25rem 0}.skill-tag{padding:.5rem 1.125rem;background:linear-gradient(145deg,rgba(66,153,225,.12),rgba(66,153,225,.08));color:#475569;border-radius:18px;font-size:.875rem;font-weight:600;border:2px solid rgba(66,153,225,.25);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d,inset 0 1px #ffffff80}.skill-tag:hover{background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border-color:#4299e1;transform:translateY(-3px);box-shadow:0 6px 12px #4299e166,0 3px 6px #0000001a,inset 0 -2px 4px #0000001a}.job-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(66,153,225,.15);flex-wrap:wrap;gap:1rem}.job-stats{display:flex;gap:1.25rem;flex-wrap:wrap}.job-stats span{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem;font-weight:600}.job-stats svg{width:16px;height:16px;color:#94a3b8}.job-actions-card{display:flex;gap:1rem;flex-wrap:wrap}.btn-apply,.btn-save{padding:.875rem 1.75rem;border-radius:18px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.625rem;white-space:nowrap}.btn-apply{background:linear-gradient(145deg,#93c5fd,#4299e1);color:#fff;border:2px solid rgba(255,255,255,.4);box-shadow:0 6px 12px #4299e166,0 3px 6px #0000001a,inset 0 -2px 4px #0000001a}.btn-apply:hover{background:linear-gradient(145deg,#4299e1,#3b82f6);transform:translateY(-3px);box-shadow:0 8px 16px #4299e180,0 4px 8px #00000026,inset 0 -2px 4px #0000001a}.btn-apply:active{transform:translateY(-1px);box-shadow:0 4px 8px #4299e166,0 2px 4px #0000001a,inset 0 -2px 4px #0000001a}.btn-save{background:linear-gradient(145deg,#ffffff,#f8f9fb);border:2px solid #e2e8f0;color:#64748b;box-shadow:0 4px 8px #0000000f,inset 0 1px #fff9}.btn-save:hover{background:linear-gradient(145deg,#ffffff,#fcfdf8);border-color:#4299e1;color:#1e293b;transform:translateY(-3px);box-shadow:0 6px 12px #4299e126,0 3px 6px #00000014,inset 0 1px #fffc}.btn-save:active{transform:translateY(-1px);box-shadow:0 3px 6px #0000000f,inset 0 1px #fff9}.btn-save.saved{background:linear-gradient(145deg,#93c5fd,#4299e1);border-color:#4299e1;color:#fff;box-shadow:0 6px 12px #4299e166,0 3px 6px #0000001a,inset 0 -2px 4px #0000001a}.groups-tabs .tab-btn:before{content:"";position:absolute;bottom:-3px;left:50%;width:0;height:4px;background:linear-gradient(90deg,#4299e1,#3b82f6);transform:translate(-50%);transition:width .3s ease;border-radius:4px}.groups-tabs .tab-btn:hover:before{width:100%}.groups-tabs .tab-btn:hover{color:#181528}.groups-tabs .tab-btn.active{color:#181528;font-weight:800}.groups-tabs .tab-btn.active:before{width:100%}.groups-list,.groups-grid,.discover-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.group-card,.discover-group-card{background:linear-gradient(135deg,#FFFFFF 0%,#e0f2fe 100%);border:3px solid #4299e1;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;box-shadow:0 8px 32px #1815281f,inset 0 1px #fffc}.group-card:before,.discover-group-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4299e1 0%,#3b82f6 100%);opacity:0;transition:opacity .3s ease}.group-card:hover:before,.discover-group-card:hover:before{opacity:1}.group-card:hover,.discover-group-card:hover{border-color:#3b82f6;box-shadow:0 16px 56px #1815282e,inset 0 1px #ffffffe6;transform:translateY(-6px)}.group-image{width:110px;height:110px;border-radius:16px;object-fit:cover;margin-bottom:1.25rem;box-shadow:0 6px 24px #18152826;border:3px solid #4299e1;transition:all .3s ease}.group-card:hover .group-image,.discover-group-card:hover .group-image{transform:scale(1.1) rotate(3deg);border-color:#3b82f6;box-shadow:0 8px 32px #52439366}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.group-info h3{font-size:1.25rem;font-weight:800;color:#181528;margin-bottom:.625rem;line-height:1.3;cursor:pointer;transition:color .3s ease}.group-info h3:hover{color:#3b82f6}.group-badges{display:flex;gap:.625rem;align-items:center}.privacy-icon,.role-icon{color:#3b82f6;flex-shrink:0}.role-icon{color:#4299e1;filter:drop-shadow(0 2px 8px rgba(66,153,225,.4))}.group-description{color:#181528;font-size:.9375rem;margin:1rem 0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:400}.group-stats{display:flex;align-items:center;gap:1.25rem;margin-top:1.25rem;padding-top:1.25rem;border-top:3px solid rgba(66,153,225,.3);font-size:.9375rem;color:#3b82f6;font-weight:700}.members-count{display:flex;align-items:center;gap:.625rem}.members-count svg{color:#4299e1}.unread-badge{padding:.375rem .875rem;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);color:#e0f2fe;border-radius:50px;font-size:.8125rem;font-weight:800;box-shadow:0 2px 8px #52439366}.group-actions{display:flex;gap:.875rem;margin-top:1.25rem}.btn-view-group,.btn-join-group{flex:1;padding:.875rem 1.25rem;background:linear-gradient(135deg,#4299e1 0%,#3b82f6 100%);color:#181528;border:3px solid transparent;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .spinner{width:48px;height:48px;border:4px solid rgba(66,153,225,.2);border-top-color:#4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-state p{color:#64748b;font-size:1rem;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:24px;border:2px solid rgba(66,153,225,.2)}.empty-state svg{color:#4299e1;opacity:.3;margin-bottom:1.5rem}.empty-state p{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state .empty-subtitle,.empty-state .placeholder-subtitle{color:#64748b;font-size:.875rem;font-weight:400;margin-top:.5rem}.apply-filters-btn{width:100%;margin-top:1.5rem;padding:.875rem;background:linear-gradient(135deg,#4299e1,#a8bd2f);color:#fff;border:none;border-radius:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 16px #4299e140,0 4px 8px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.apply-filters-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #4299e14d,0 6px 12px #00000026}.apply-filters-btn:active{transform:translateY(0)}.saved-jobs-list{width:100%}.saved-jobs-list .jobs-list{display:flex;flex-direction:column;gap:1.5rem}.saved-jobs-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(145deg,#ffffff,#f5f8fb);border-radius:24px;border:2px solid rgba(66,153,225,.2)}.saved-jobs-placeholder svg{color:#4299e1;opacity:.3;margin-bottom:1.5rem}.saved-jobs-placeholder p{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.btn-remove{padding:.75rem 1.5rem;border:2px solid #ef4444;background:white;color:#ef4444;border-radius:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-remove:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #ef444440}.btn-apply:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.btn-apply:disabled:hover{transform:none;box-shadow:none}@media (min-width: 1440px){.job-postings{max-width:1400px;margin:0 auto}.jobs-browse{grid-template-columns:320px 1fr;gap:2.5rem}.jobs-filters{padding:2.5rem}}@media (min-width: 1024px) and (max-width: 1439px){.jobs-browse{grid-template-columns:260px 1fr;gap:1.75rem}.jobs-filters,.job-card{padding:1.75rem}}@media (min-width: 768px) and (max-width: 1023px){.job-postings{padding:1.5rem}.jobs-header{padding:1.5rem;border-radius:28px}.jobs-header h2{font-size:1.5rem}.post-job-btn{padding:.875rem 1.5rem;font-size:.9375rem}.jobs-browse{grid-template-columns:1fr;gap:2rem}.jobs-filters{position:relative;top:0;padding:1.5rem;border-radius:24px}.search-input-group{min-width:200px;padding:1rem 1.5rem}.search-btn{padding:1rem 1.75rem}.job-card{padding:1.5rem;border-radius:28px}.company-logo{width:60px;height:60px}.job-info h3{font-size:1.25rem}.groups-list,.groups-grid,.discover-groups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media (min-width: 600px) and (max-width: 767px){.job-postings{padding:1.25rem}.jobs-header{flex-direction:column;padding:1.25rem;gap:1rem;border-radius:24px;align-items:flex-start}.jobs-header h2{font-size:1.375rem}.post-job-btn{width:100%;justify-content:center;padding:1rem 1.5rem}.jobs-search-bar{gap:1rem}.search-input-group{min-width:100%;padding:1rem 1.5rem;border-radius:20px}.search-btn{width:100%;padding:1rem;border-radius:18px}.filter-btn{padding:1rem;border-radius:18px}.jobs-tabs{padding:.4375rem;border-radius:24px;gap:.625rem}.tab-btn{padding:.875rem 1.5rem;font-size:.875rem;border-radius:18px}.jobs-browse{grid-template-columns:1fr;gap:1.5rem}.jobs-filters{position:relative;top:0;padding:1.25rem;border-radius:20px}.filter-section{margin-bottom:1.5rem;padding-bottom:1.25rem}.job-card{padding:1.25rem;border-radius:24px}.job-card-header{gap:1rem}.company-logo{width:56px;height:56px;border-radius:18px}.job-info h3{font-size:1.125rem}.company-name{font-size:.9375rem}.job-meta{gap:1rem}.job-meta span{font-size:.875rem;padding:.3125rem .75rem;border-radius:12px}.job-description{font-size:.9375rem}.skill-tag{padding:.4375rem 1rem;font-size:.8125rem;border-radius:16px}.btn-apply,.btn-save{padding:.875rem 1.5rem;font-size:.875rem;border-radius:16px}.featured-badge{font-size:.6875rem;padding:.625rem 1.25rem;border-radius:18px;top:-.625rem;right:1.5rem}.groups-list,.groups-grid,.discover-groups{grid-template-columns:1fr;gap:1.5rem}}@media (min-width: 481px) and (max-width: 599px){.job-postings{padding:1rem}.jobs-header{flex-direction:column;padding:1.125rem;gap:1rem;border-radius:20px;align-items:flex-start}.jobs-header h2{font-size:1.25rem}.post-job-btn{width:100%;justify-content:center;padding:.875rem 1.25rem;font-size:.9375rem}.jobs-search-bar{gap:.875rem}.search-input-group{min-width:100%;padding:.875rem 1.25rem;border-radius:20px}.search-input-group input{font-size:.9375rem}.search-btn{width:100%;padding:.875rem 1.5rem;border-radius:16px;font-size:.9375rem}.filter-btn{padding:.875rem;border-radius:16px}.jobs-tabs{padding:.3125rem;border-radius:20px;gap:.375rem}.tab-btn{padding:.75rem 1rem;font-size:.8125rem;border-radius:14px}.jobs-browse{grid-template-columns:1fr;gap:1.5rem}.jobs-filters{position:relative;top:0;padding:1.125rem;border-radius:20px}.filter-section{margin-bottom:1.5rem;padding-bottom:1.25rem}.filter-checkbox input[type=checkbox]{width:20px;height:20px}.job-card{padding:1rem;border-radius:18px}.job-card-header{gap:1rem}.company-logo{width:48px;height:48px;border-radius:14px}.job-info h3{font-size:1rem}.company-name{font-size:.875rem}.job-meta{gap:.75rem}.job-meta span{font-size:.8125rem;padding:.25rem .625rem;border-radius:10px}.job-description{font-size:.875rem}.skill-tag{padding:.375rem .875rem;font-size:.75rem;border-radius:14px}.btn-apply,.btn-save{padding:.75rem 1rem;font-size:.8125rem;border-radius:14px}.featured-badge{font-size:.625rem;padding:.5rem 1rem;border-radius:16px;top:-.5rem;right:1rem}.empty-state{padding:3rem 1.5rem;border-radius:24px}.empty-state svg{width:70px;height:70px}.empty-state h4{font-size:1.25rem}.empty-state p{font-size:.9375rem}.empty-state .btn-explore{padding:1rem 2rem;font-size:.9375rem;border-radius:16px}.groups-list,.groups-grid,.discover-groups{grid-template-columns:1fr;gap:1.25rem}}@media (min-width: 376px) and (max-width: 480px){.job-postings{padding:.875rem .75rem}.jobs-header{flex-direction:column;padding:1rem;gap:.875rem;border-radius:18px;align-items:flex-start}.jobs-header h2{font-size:1.125rem}.post-job-btn{width:100%;justify-content:center;padding:.75rem 1.125rem;font-size:.875rem;border-radius:14px}.jobs-search-bar{gap:.75rem}.search-input-group{min-width:100%;padding:.875rem 1.125rem;border-radius:18px}.search-input-group input{font-size:.875rem}.search-btn{width:100%;padding:.875rem 1.25rem;border-radius:16px;font-size:.875rem}.filter-btn{padding:.875rem;border-radius:16px}.jobs-tabs{padding:.3125rem;border-radius:18px;gap:.375rem}.tab-btn{padding:.625rem .875rem;font-size:.75rem;border-radius:12px}.jobs-browse{grid-template-columns:1fr;gap:1.25rem}.jobs-filters{position:relative;top:0;padding:1rem;border-radius:18px}.filter-section{margin-bottom:1.25rem;padding-bottom:1rem}.filter-section h4{font-size:.875rem}.filter-checkbox{padding:.625rem;font-size:.875rem}.filter-checkbox input[type=checkbox]{width:20px;height:20px}.job-card{padding:.875rem;border-radius:16px}.job-card-header{gap:.875rem}.company-logo{width:44px;height:44px;border-radius:12px}.job-info h3{font-size:.9375rem}.company-name{font-size:.8125rem}.job-meta{gap:.625rem}.job-meta span{font-size:.75rem;padding:.25rem .5rem;border-radius:10px}.job-description{font-size:.8125rem;margin:1rem 0}.skill-tag{padding:.375rem .75rem;font-size:.6875rem;border-radius:12px}.job-actions-card{flex-direction:column;gap:.75rem}.btn-apply,.btn-save{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.8125rem;border-radius:14px}.featured-badge{font-size:.5625rem;padding:.5rem .875rem;border-radius:14px;top:-.5rem;right:.875rem}.empty-state{padding:2.5rem 1.25rem;border-radius:20px}.empty-state svg{width:60px;height:60px}.empty-state h4{font-size:1.125rem}.empty-state p{font-size:.875rem}.empty-state .btn-explore{padding:.875rem 1.75rem;font-size:.875rem;border-radius:14px}.groups-list,.groups-grid,.discover-groups{grid-template-columns:1fr;gap:1rem}}@media (max-width: 375px){.job-postings{padding:.75rem .625rem}.jobs-header{flex-direction:column;padding:.875rem;gap:.75rem;border-radius:16px;align-items:flex-start}.jobs-header h2{font-size:1rem;gap:.625rem}.jobs-header h2 svg{width:20px;height:20px}.post-job-btn{width:100%;justify-content:center;padding:.625rem 1rem;font-size:.8125rem;border-radius:12px;gap:.5rem}.jobs-search-bar{gap:.625rem}.search-input-group{min-width:100%;padding:.75rem 1rem;border-radius:16px;gap:.75rem}.search-input-group input{font-size:.8125rem}.search-input-group svg{width:18px;height:18px}.search-btn{width:100%;padding:.75rem 1rem;border-radius:14px;font-size:.8125rem}.filter-btn{padding:.75rem;border-radius:14px}.jobs-tabs{padding:.25rem;border-radius:16px;gap:.25rem}.tab-btn{padding:.625rem .75rem;font-size:.6875rem;border-radius:12px}.jobs-browse{grid-template-columns:1fr;gap:1rem}.jobs-filters{position:relative;top:0;padding:.875rem;border-radius:16px}.filter-section{margin-bottom:1rem;padding-bottom:.875rem}.filter-section h4{font-size:.8125rem;margin-bottom:1rem}.filter-section h4 .select-all{font-size:.6875rem;padding:.3125rem .625rem}.filter-checkbox{padding:.5rem;font-size:.8125rem;margin-bottom:.75rem;gap:.75rem}.filter-checkbox input[type=checkbox]{width:18px;height:18px}.filter-checkbox input[type=checkbox]:checked:after{font-size:.75rem}.salary-slider{height:8px;margin:1rem 0}.salary-slider::-webkit-slider-thumb{width:24px;height:24px}.salary-slider::-moz-range-thumb{width:24px;height:24px}.salary-range{font-size:.75rem}.job-card{padding:.75rem;border-radius:14px}.job-card-header{gap:.75rem}.company-logo{width:40px;height:40px;border-radius:10px}.job-info h3{font-size:.875rem;margin-bottom:.5rem}.company-name{font-size:.75rem;margin-bottom:.625rem}.company-name:before{width:3px;height:3px}.job-meta{gap:.5rem}.job-meta span{font-size:.6875rem;padding:.25rem .5rem;border-radius:8px}.job-meta svg{width:14px;height:14px}.job-description{font-size:.75rem;margin:.875rem 0;line-height:1.6}.job-skills{gap:.5rem;margin:.875rem 0}.skill-tag{padding:.3125rem .625rem;font-size:.625rem;border-radius:10px}.job-footer{margin-top:1rem;padding-top:1rem;gap:.75rem}.job-stats{gap:1rem}.job-stats span{font-size:.75rem}.job-stats svg{width:14px;height:14px}.job-actions-card{flex-direction:column;gap:.625rem;width:100%}.btn-apply,.btn-save{width:100%;justify-content:center;padding:.625rem .875rem;font-size:.75rem;border-radius:12px;gap:.5rem}.featured-badge{font-size:.5rem;padding:.4375rem .75rem;border-radius:12px;top:-.4375rem;right:.75rem;gap:.375rem}.featured-badge svg{width:12px;height:12px}.empty-state{padding:2rem 1rem;border-radius:18px}.empty-state svg{width:50px;height:50px;margin-bottom:1rem}.empty-state h4{font-size:1rem}.empty-state p{font-size:.8125rem}.empty-state .empty-subtitle,.empty-state .placeholder-subtitle{font-size:.75rem}.empty-state .btn-explore{padding:.75rem 1.5rem;font-size:.8125rem;border-radius:12px}.loading-state{padding:3rem 1.5rem}.loading-state .spinner{width:40px;height:40px;border-width:3px;margin-bottom:1.25rem}.loading-state p{font-size:.875rem}.apply-filters-btn{padding:.75rem;font-size:.8125rem;border-radius:14px}.groups-list,.groups-grid,.discover-groups{grid-template-columns:1fr;gap:1rem}.group-card,.discover-group-card{padding:1.5rem;border-radius:16px}.group-image{width:90px;height:90px;border-radius:14px}.group-info h3{font-size:1.125rem}.group-description{font-size:.875rem}}@supports (-webkit-touch-callout: none){.search-input-group input,.filter-checkbox input,.btn-apply,.btn-save,.search-btn{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.job-card,.jobs-filters,.jobs-header{-webkit-transform:translateZ(0);transform:translateZ(0)}input,select,textarea{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.btn-apply,.btn-save,.search-btn,.filter-btn,.tab-btn{-webkit-tap-highlight-color:rgba(66,153,225,.2)}.job-card:active,.skill-tag:active{-webkit-tap-highlight-color:rgba(66,153,225,.1)}}@media (hover: none) and (pointer: coarse){.job-card:hover,.btn-apply:hover,.btn-save:hover,.search-btn:hover{transform:none}.filter-checkbox,.btn-apply,.btn-save{min-height:44px}.tab-btn{min-height:40px}}@media (max-height: 500px) and (orientation: landscape){.jobs-header{margin-bottom:1rem;padding:1rem}.jobs-search-bar,.jobs-tabs{margin-bottom:1rem}.jobs-filters{position:relative;top:0}.empty-state,.loading-state{padding:2rem 1.5rem}}.recruiter-dashboard{background:#e0f2fe;padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:linear-gradient(135deg,#1B1528 0%,#3b82f6 100%);padding:2rem;border-radius:16px;color:#e0f2fe}.dashboard-header h2{color:#e0f2fe;margin:0}.dashboard-header p{color:#60a5fa;margin-top:.5rem}.header-actions{display:flex;gap:1rem}.time-range-select{padding:.5rem 1rem;border:2px solid rgba(66,153,225,.3);border-radius:8px;background:rgba(66,153,225,.1);font-size:.9rem;cursor:pointer;color:#e0f2fe}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,rgba(66,153,225,.05),rgba(82,67,147,.05));border-radius:16px;transition:all .3s ease;border:1px solid rgba(66,153,225,.2)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #4299e126}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#e0f2fe}.stat-icon.active-jobs{background:linear-gradient(135deg,#3b82f6,#1B1528)}.stat-icon.applicants{background:linear-gradient(135deg,#4299e1,#3b82f6)}.stat-icon.views{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.stat-icon.hires{background:linear-gradient(135deg,#4299e1,#60a5fa)}.stat-content h3{font-size:2rem;font-weight:700;color:#1b1528;margin:0 0 .25rem}.stat-content p{color:#3b82f6;font-size:.95rem;margin:0}.stat-change{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600}.stat-change.positive{color:#4299e1}.dashboard-section{margin-bottom:3rem;background:linear-gradient(135deg,rgba(66,153,225,.02),rgba(82,67,147,.02));padding:2rem;border-radius:16px;border:1px solid rgba(66,153,225,.1)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#1b1528;margin:0}.section-actions{display:flex;gap:.75rem}.btn-icon{padding:.5rem;background:transparent;border:1px solid rgba(66,153,225,.3);border-radius:8px;cursor:pointer;color:#3b82f6}.btn-view-all{padding:.5rem 1rem;background:transparent;border:1px solid #4299e1;color:#3b82f6;border-radius:8px;font-weight:600;cursor:pointer}.job-performance-list{display:flex;flex-direction:column;gap:1rem}.job-performance-card{display:flex;align-items:center;gap:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid rgba(66,153,225,.3);border-radius:12px}.job-info{flex:1}.job-title-status{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.job-title-status h4{margin:0;font-size:1.1rem;color:#1b1528}.status-badge.active{background:rgba(66,153,225,.15);color:#1b1528;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid #4299e1}.status-badge.closed{background:rgba(169,162,205,.1);color:#3b82f6;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.posted-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#60a5fa}.job-metrics{display:flex;gap:2rem}.metric{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#3b82f6}.job-actions .btn-manage{padding:.6rem 1.25rem;background:transparent;border:2px solid #4299e1;color:#3b82f6;border-radius:8px;font-weight:600;cursor:pointer;margin-right:.75rem}.btn-view-applicants{padding:.6rem 1.25rem;background:linear-gradient(135deg,#1B1528,#3b82f6);color:#e0f2fe;border:none;border-radius:8px;font-weight:600;cursor:pointer}.applicants-list{display:flex;flex-direction:column;gap:1rem}.applicant-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border:1px solid rgba(66,153,225,.3);border-radius:12px}.applicant-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #4299e1}.applicant-info{flex:1}.applicant-info h4{margin:0 0 .25rem;font-weight:600;color:#1b1528}.applied-position{color:#3b82f6;font-size:.9rem;margin:.25rem 0}.applied-time{font-size:.85rem;color:#60a5fa}.match-score{text-align:center}.score-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:conic-gradient(#4299e1 0% var(--percentage),rgba(66,153,225,.2) var(--percentage) 100%)}.score-circle:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:#e0f2fe}.score-circle span{font-size:1.1rem;font-weight:700;color:#1b1528;position:relative;z-index:1}.match-score p{margin:.5rem 0 0;font-size:.85rem;color:#3b82f6}.applicant-status .status-badge.new{background:rgba(66,153,225,.15);color:#1b1528;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.applicant-status .status-badge.reviewed{background:rgba(169,162,205,.15);color:#3b82f6;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.applicant-status .status-badge.shortlisted{background:rgba(66,153,225,.2);color:#1b1528;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid #4299e1}.applicant-actions{display:flex;gap:.75rem}.btn-view-profile{padding:.6rem 1rem;background:transparent;border:2px solid #4299e1;color:#3b82f6;border-radius:8px;font-weight:600;cursor:pointer}.btn-message{padding:.6rem 1rem;background:linear-gradient(135deg,#1B1528,#3b82f6);color:#e0f2fe;border:none;border-radius:8px;font-weight:600;cursor:pointer}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#60a5fa;background:linear-gradient(135deg,rgba(66,153,225,.05),rgba(82,67,147,.05));border-radius:12px;border:1px solid rgba(66,153,225,.2)}.chart-subtitle{font-size:.9rem;color:#3b82f6}@media (min-width: 1440px){.recruiter-dashboard{max-width:1400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px) and (max-width: 1439px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.recruiter-dashboard,.dashboard-header{padding:1.75rem}.dashboard-header h2{font-size:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.stat-card{padding:1.75rem;gap:1.25rem}.stat-icon{width:55px;height:55px}.stat-content h3{font-size:1.875rem}.dashboard-section{padding:1.75rem;margin-bottom:2.5rem}.section-header h3{font-size:1.175rem}.job-performance-card{padding:1.375rem;gap:1.5rem}.job-title-status h4{font-size:1.05rem}.job-metrics{gap:1.5rem}.applicant-card{padding:1.375rem}.chart-placeholder{padding:3.5rem}}@media (min-width: 600px) and (max-width: 767px){.recruiter-dashboard{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1.25rem;padding:1.5rem}.dashboard-header h2{font-size:1.625rem}.header-actions{width:100%;justify-content:flex-end}.time-range-select{padding:.625rem 1.125rem;font-size:.875rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.125rem}.stat-card{padding:1.5rem;gap:1.125rem}.stat-icon{width:52px;height:52px}.stat-content h3{font-size:1.75rem}.stat-content p{font-size:.875rem}.stat-change{font-size:.8125rem}.dashboard-section{padding:1.5rem;margin-bottom:2rem}.section-header{flex-direction:row;flex-wrap:wrap;gap:1rem}.section-header h3{font-size:1.125rem}.section-actions{gap:.625rem}.job-performance-card{gap:1.25rem;padding:1.25rem}.job-title-status h4{font-size:1rem}.job-metrics{flex-wrap:wrap;gap:1.25rem}.applicant-card{gap:1.25rem;padding:1.25rem}.applicant-avatar,.score-circle{width:56px;height:56px}.score-circle:before{width:46px;height:46px}.chart-placeholder{padding:3rem}}@media (min-width: 481px) and (max-width: 599px){.recruiter-dashboard{padding:1.25rem}.dashboard-header{flex-direction:column;gap:1.125rem;padding:1.375rem;border-radius:14px}.dashboard-header h2{font-size:1.5rem}.dashboard-header p{font-size:.9rem}.header-actions{width:100%}.time-range-select{width:100%;padding:.625rem 1rem;font-size:.875rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.375rem;gap:1rem}.stat-icon{width:48px;height:48px}.stat-content h3{font-size:1.625rem}.stat-content p{font-size:.875rem}.stat-change{font-size:.8125rem}.dashboard-section{padding:1.375rem;margin-bottom:1.75rem;border-radius:14px}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.section-header h3{font-size:1.125rem}.section-actions{width:100%;justify-content:flex-start}.job-performance-card{flex-direction:column;gap:1.125rem;padding:1.25rem;border-radius:10px}.job-title-status{flex-wrap:wrap}.job-title-status h4{font-size:1rem}.job-metrics{flex-wrap:wrap;gap:1rem}.metric{font-size:.875rem}.job-actions{width:100%;display:flex;flex-direction:column;gap:.625rem}.job-actions .btn-manage,.btn-view-applicants{width:100%;margin-right:0;padding:.7rem 1rem;font-size:.875rem}.applicant-card{flex-direction:column;text-align:center;gap:1.125rem;padding:1.25rem;border-radius:10px}.applicant-avatar{width:52px;height:52px}.score-circle{width:54px;height:54px}.score-circle:before{width:44px;height:44px}.score-circle span{font-size:1.05rem}.applicant-actions{width:100%;justify-content:center;flex-direction:column}.btn-view-profile,.btn-message{width:100%;padding:.7rem 1rem;font-size:.875rem}.chart-placeholder{padding:2.5rem 1.5rem}}@media (min-width: 376px) and (max-width: 480px){.recruiter-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;padding:1.25rem;border-radius:12px}.dashboard-header h2{font-size:1.375rem}.dashboard-header p{font-size:.875rem}.time-range-select{width:100%;padding:.625rem .875rem;font-size:.8125rem}.stats-grid{grid-template-columns:1fr;gap:.875rem;margin-bottom:1.5rem}.stat-card{padding:1.25rem;gap:1rem;border-radius:14px}.stat-icon{width:44px;height:44px;border-radius:14px}.stat-content h3{font-size:1.5rem}.stat-content p{font-size:.8125rem}.stat-change{font-size:.775rem;margin-top:.375rem}.dashboard-section{padding:1.25rem;margin-bottom:1.5rem;border-radius:12px}.section-header{flex-direction:column;gap:.875rem;align-items:flex-start;margin-bottom:1.25rem}.section-header h3{font-size:1.05rem}.section-actions{width:100%;gap:.5rem}.btn-icon{padding:.5rem}.btn-view-all{padding:.5rem .875rem;font-size:.8125rem}.job-performance-list{gap:.875rem}.job-performance-card{flex-direction:column;gap:1rem;padding:1.125rem;border-radius:10px}.job-title-status{flex-direction:column;gap:.625rem;align-items:flex-start}.job-title-status h4{font-size:.975rem}.status-badge{padding:.25rem .625rem;font-size:.775rem}.posted-date{font-size:.8125rem}.job-metrics{flex-wrap:wrap;gap:.875rem}.metric{font-size:.8125rem}.job-actions{width:100%;display:flex;flex-direction:column;gap:.5rem}.job-actions .btn-manage,.btn-view-applicants{width:100%;margin-right:0;padding:.625rem .875rem;font-size:.8125rem;border-radius:9px}.applicants-list{gap:.875rem}.applicant-card{flex-direction:column;text-align:center;gap:1rem;padding:1.125rem;border-radius:10px}.applicant-avatar{width:50px;height:50px}.applicant-info h4{font-size:.975rem}.applied-position{font-size:.8375rem}.applied-time{font-size:.8rem}.score-circle{width:52px;height:52px}.score-circle:before{width:42px;height:42px}.score-circle span{font-size:1rem}.match-score p{font-size:.8125rem}.applicant-actions{width:100%;justify-content:center;flex-direction:column;gap:.5rem}.btn-view-profile,.btn-message{width:100%;padding:.625rem .875rem;font-size:.8125rem;border-radius:9px}.chart-placeholder{padding:2.5rem 1.25rem}.chart-placeholder svg{width:48px;height:48px}.chart-subtitle{font-size:.8375rem}}@media (max-width: 375px){.recruiter-dashboard{padding:.875rem}.dashboard-header{flex-direction:column;gap:.875rem;padding:1.125rem;border-radius:12px}.dashboard-header h2{font-size:1.25rem}.dashboard-header p{font-size:.8125rem}.time-range-select{width:100%;padding:.575rem .825rem;font-size:.8rem}.stats-grid{grid-template-columns:1fr;gap:.825rem;margin-bottom:1.25rem}.stat-card{padding:1.125rem;gap:.875rem;border-radius:12px}.stat-icon{width:40px;height:40px;border-radius:12px}.stat-icon svg{width:20px;height:20px}.stat-content h3{font-size:1.375rem}.stat-content p{font-size:.8rem}.stat-change{font-size:.75rem}.dashboard-section{padding:1.125rem;margin-bottom:1.25rem;border-radius:12px}.section-header{flex-direction:column;gap:.825rem;align-items:flex-start;margin-bottom:1.125rem}.section-header h3{font-size:1rem}.section-header h3 svg{width:18px;height:18px}.section-actions{width:100%;gap:.5rem}.btn-icon{padding:.475rem}.btn-icon svg{width:16px;height:16px}.btn-view-all{padding:.475rem .825rem;font-size:.8rem}.job-performance-list{gap:.825rem}.job-performance-card{flex-direction:column;gap:.925rem;padding:1rem;border-radius:10px}.job-title-status{flex-direction:column;gap:.575rem;align-items:flex-start}.job-title-status h4{font-size:.925rem}.status-badge{padding:.225rem .575rem;font-size:.75rem;border-radius:16px}.posted-date{font-size:.8rem;gap:.375rem}.posted-date svg{width:14px;height:14px}.job-metrics{flex-direction:column;gap:.675rem}.metric{font-size:.8rem;gap:.375rem}.metric svg{width:16px;height:16px}.job-actions{width:100%;display:flex;flex-direction:column;gap:.475rem}.job-actions .btn-manage,.btn-view-applicants{width:100%;margin-right:0;padding:.6rem .825rem;font-size:.8rem;border-radius:8px}.applicants-list{gap:.825rem}.applicant-card{flex-direction:column;text-align:center;gap:.925rem;padding:1rem;border-radius:10px}.applicant-avatar{width:48px;height:48px}.applicant-info h4{font-size:.925rem;margin-bottom:.225rem}.applied-position{font-size:.8125rem}.applied-time{font-size:.775rem}.score-circle{width:50px;height:50px}.score-circle:before{width:40px;height:40px}.score-circle span{font-size:.95rem}.match-score p{font-size:.8rem;margin-top:.375rem}.applicant-status .status-badge{padding:.225rem .575rem;font-size:.75rem}.applicant-actions{width:100%;justify-content:center;flex-direction:column;gap:.475rem}.btn-view-profile,.btn-message{width:100%;padding:.6rem .825rem;font-size:.8rem;border-radius:8px}.chart-placeholder{padding:2rem 1rem}.chart-placeholder svg{width:44px;height:44px}.chart-subtitle{font-size:.8125rem}}@supports (-webkit-touch-callout: none){.time-range-select,.btn-manage,.btn-view-applicants,.btn-view-profile,.btn-message,.btn-view-all,.btn-icon{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.recruiter-dashboard{-webkit-transform:translateZ(0);transform:translateZ(0)}select{font-size:16px!important}.job-performance-list,.applicants-list{-webkit-overflow-scrolling:touch}}@media screen and (-webkit-min-device-pixel-ratio: 0){.stat-card,.btn-manage,.btn-view-applicants,.btn-view-profile,.btn-message,.job-performance-card,.applicant-card{-webkit-tap-highlight-color:rgba(66,153,225,.2)}}@media (hover: none) and (pointer: coarse){.stat-card:hover{transform:none;box-shadow:0 6px 20px #4299e126}.btn-manage,.btn-view-applicants,.btn-view-profile,.btn-message,.btn-view-all,.btn-icon,.time-range-select{min-height:44px}.stat-card,.job-performance-card,.applicant-card,button{cursor:pointer;user-select:none;-webkit-user-select:none}}@media (max-height: 500px) and (orientation: landscape){.recruiter-dashboard{padding:.875rem}.dashboard-header{padding:1rem;margin-bottom:1.25rem}.dashboard-header h2{font-size:1.125rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:.875rem;margin-bottom:1.25rem}.stat-card{padding:1rem}.stat-content h3{font-size:1.375rem}.dashboard-section{padding:1rem;margin-bottom:1.25rem}.chart-placeholder{padding:2rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.applicant-avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.stat-icon svg,.btn-icon svg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.notification-center-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(66,153,225,.8)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:flex-start!important;justify-content:flex-end!important;padding:80px 20px 20px!important;z-index:9999!important;animation:fadeIn .3s ease-out}.notification-center{width:100%!important;max-width:450px!important;max-height:calc(100vh - 100px)!important;background:#FFFFFF!important;border-radius:24px!important;box-shadow:0 20px 60px #4299e166!important;display:flex!important;flex-direction:column!important;animation:slideLeft .3s ease-out;border:3px solid #4299e1!important;overflow:hidden!important;position:relative!important;z-index:10000!important}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #4299e1;background:linear-gradient(135deg,#4299e1,#3b82f6);color:#fff}.header-left{display:flex;align-items:center;gap:.75rem}.notification-header .back-btn{padding:.5rem;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.notification-header .back-btn:hover{background:rgba(255,255,255,.3);transform:translate(-3px)}.notification-header .back-btn:active{transform:translate(-1px) scale(.95)}.notification-header h2{font-size:1.25rem;font-weight:700;margin:0;color:#fff}.unread-count-badge{padding:.25rem .75rem;background:#FFFFFF;color:#3b82f6;border-radius:12px;font-size:.8rem;font-weight:600;border:2px solid #4299e1}.notification-actions{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:2px solid #4299e1;background:rgba(66,153,225,.1)}.filter-dropdown{display:flex;align-items:center;gap:.5rem}.filter-dropdown select{padding:.5rem;border:2px solid #4299e1;border-radius:8px;background:#FFFFFF;font-size:.9rem;outline:none;cursor:pointer;color:#1b1528}.mark-read-btn{padding:.5rem 1rem;background:#FFFFFF;border:2px solid #4299e1;color:#1b1528;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.mark-read-btn:hover{background:#4299e1;color:#fff}.notifications-list{flex:1;overflow-y:auto;padding:.5rem;background:#e0f2fe;min-height:500px}.notification-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:12px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;position:relative;background:#FFFFFF;border:2px solid transparent}.notification-item:hover{background:rgba(66,153,225,.1);border-color:#4299e1}.notification-item.unread{background:rgba(66,153,225,.15);border-left:3px solid #4299e1}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#4299e1,#3b82f6);border:2px solid #4299e1}.notification-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #4299e1}.notification-content{flex:1}.notification-content h4{font-size:.95rem;font-weight:600;margin:0 0 .25rem;color:#1b1528}.notification-content p{font-size:.85rem;color:#3b82f6;margin:0 0 .5rem;line-height:1.5}.notification-time{font-size:.75rem;color:#3b82f6}.notification-dot{width:8px;height:8px;background:linear-gradient(135deg,#4299e1,#3b82f6);border-radius:50%;flex-shrink:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;min-height:400px}.loading-container .spinner{width:48px;height:48px;border:4px solid rgba(66,153,225,.2);border-top-color:#4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#64748b;font-size:.9375rem;margin:0}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.empty-notification-icon{width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,#f5f8fb,#e8ecf0);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 16px #4299e11a,inset 0 -2px 8px #0000000d}.empty-notification-icon svg{color:#4299e1;opacity:.4}.no-notifications h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.no-notifications p{font-size:.9375rem;color:#64748b;margin:0;max-width:300px}.video-call-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(27,21,40,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.video-call-modal{width:90%;max-width:1200px;height:85vh;background:#1B1528;border-radius:24px;display:flex;flex-direction:column;overflow:hidden;animation:scaleIn .3s ease-out;border:3px solid #4299e1}.video-call-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:rgba(27,21,40,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-info{display:flex;align-items:center;gap:1rem;color:#fff}.call-info h3{font-size:1.1rem;margin:0}.call-duration{font-size:.9rem;opacity:.8}.video-display{flex:1;position:relative;background:#0A0914;display:flex;align-items:center;justify-content:center}.pre-call-screen{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;padding:2rem}.video-preview{width:100%;aspect-ratio:16/9;background:rgba(66,153,225,.2);border-radius:16px;overflow:hidden;border:3px solid #4299e1}.preview-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#60a5fa}.pre-call-info{text-align:center;color:#fff}.pre-call-info h4{font-size:1.5rem;margin:0 0 .5rem}.pre-call-info p{font-size:1rem;opacity:.8;margin:0}.active-call-screen{width:100%;height:100%;position:relative}.main-video{width:100%;height:100%;background:rgba(66,153,225,.2)}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.participant-name{position:absolute;bottom:1rem;left:1rem;padding:.5rem 1rem;background:rgba(27,21,40,.8);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600}.self-video{position:absolute;top:1rem;right:1rem;width:200px;aspect-ratio:16/9;background:rgba(66,153,225,.2);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #1b1528b3;border:2px solid #4299e1}.video-placeholder.small{height:100%}.screen-share-indicator{position:absolute;top:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:rgba(66,153,225,.9);color:#1b1528;border-radius:50px;display:flex;align-items:center;gap:.5rem;font-weight:600}.video-controls{padding:1.5rem;background:rgba(27,21,40,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between}.control-buttons{display:flex;gap:1rem;flex:1;justify-content:center}.control-btn{width:52px;height:52px;border-radius:50%;border:2px solid #4299e1;background:rgba(238,243,206,.2);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:rgba(66,153,225,.3);transform:scale(1.1)}.control-btn.disabled{background:rgba(82,67,147,.8)}.control-btn.active{background:rgba(66,153,225,.8)}.start-call-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#4299e1,#3b82f6);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.start-call-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #4299e180}.end-call-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.end-call-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #52439380}.participants-panel{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:280px;max-height:60%;background:rgba(27,21,40,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1rem;overflow-y:auto;border:2px solid #4299e1}.participants-panel h4{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem;margin:0 0 1rem}.participants-list{display:flex;flex-direction:column;gap:.75rem}.participant-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(238,243,206,.15);border-radius:8px;border:1px solid rgba(66,153,225,.3)}.participant-item img{width:32px;height:32px;border-radius:50%;border:2px solid #4299e1}.participant-item span{flex:1;color:#fff;font-size:.9rem}.participant-status{display:flex;gap:.5rem;color:#4299e1}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width: 1440px){.notification-center{max-width:500px!important}.video-call-modal{max-width:1400px}}@media (min-width: 1024px) and (max-width: 1439px){.notification-center{max-width:450px!important}.video-call-modal{max-width:1100px;height:82vh}}@media (min-width: 768px) and (max-width: 1023px){.notification-center-overlay{padding:60px 16px 16px!important}.notification-center{max-width:420px!important;max-height:calc(100vh - 76px)!important}.notification-header{padding:1.25rem}.notification-header h2{font-size:1.125rem}.notification-actions{padding:.875rem 1.25rem}.notifications-list{padding:.625rem}.notification-item{padding:.875rem}.notification-icon{width:38px;height:38px}.notification-avatar{width:34px;height:34px}.video-call-modal{width:95%;height:88vh}.self-video{width:160px}}@media (min-width: 600px) and (max-width: 767px){.notification-center-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.notification-center{max-width:100%!important;width:100%!important;height:85vh!important;max-height:85vh!important;border-radius:20px 20px 0 0!important;border-top:3px solid #4299e1!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.notification-header{padding:1.125rem}.notification-header h2{font-size:1.125rem}.unread-count-badge{font-size:.75rem;padding:.25rem .625rem}.notification-actions{padding:.875rem 1rem;flex-wrap:wrap;gap:.75rem}.filter-dropdown{flex:1;min-width:200px}.filter-dropdown select{width:100%;padding:.625rem;font-size:.875rem}.mark-read-btn{padding:.625rem 1rem;font-size:.8125rem}.notifications-list{padding:.625rem;min-height:400px}.notification-item{padding:.875rem;gap:.875rem}.notification-icon{width:36px;height:36px}.notification-avatar{width:34px;height:34px}.notification-content h4{font-size:.875rem}.notification-content p{font-size:.8125rem}.video-call-modal{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.self-video{width:140px}.participants-panel{width:240px}}@media (min-width: 481px) and (max-width: 599px){.notification-center-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.notification-center{max-width:100%!important;width:100%!important;height:90vh!important;max-height:90vh!important;border-radius:16px 16px 0 0!important;border-top:3px solid #4299e1!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.notification-header{padding:1rem}.notification-header h2{font-size:1.0625rem}.notification-header .back-btn{padding:.4375rem}.unread-count-badge{font-size:.7rem;padding:.25rem .5rem}.notification-actions{padding:.85rem 1rem;flex-direction:column;gap:.75rem;align-items:stretch}.filter-dropdown{width:100%}.filter-dropdown select{width:100%;padding:.625rem;font-size:.875rem}.mark-read-btn{width:100%;justify-content:center;padding:.625rem 1rem;font-size:.8125rem}.notifications-list{padding:.75rem;min-height:350px}.notification-item{padding:.875rem;gap:.75rem}.notification-icon{width:36px;height:36px}.notification-avatar{width:32px;height:32px}.notification-content h4{font-size:.875rem}.notification-content p{font-size:.8125rem}.notification-time{font-size:.7rem}.no-notifications{padding:3rem 1.5rem;min-height:350px}.empty-notification-icon{width:80px;height:80px;margin-bottom:1.25rem}.no-notifications h3{font-size:1.125rem}.no-notifications p{font-size:.875rem}.video-call-overlay{padding:0}.video-call-modal{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.video-call-header{padding:.85rem 1rem}.call-info h3{font-size:1.05rem}.self-video{width:140px;top:1rem;right:1rem}.video-controls{padding:1rem}.control-buttons{gap:.75rem}.control-btn{width:48px;height:48px}.participants-panel{position:fixed;top:auto;bottom:80px;right:1rem;left:1rem;width:auto;max-height:200px;transform:none}}@media (min-width: 376px) and (max-width: 480px){.notification-center-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.notification-center{max-width:100%!important;width:100%!important;height:95vh!important;max-height:95vh!important;border-radius:12px 12px 0 0!important;border-top:3px solid #4299e1!important;border-left:none!important;border-right:none!important;border-bottom:none!important}.notification-header{padding:.875rem}.notification-header h2{font-size:1rem}.notification-header .back-btn{padding:.4rem}.unread-count-badge{font-size:.7rem;padding:.2rem .5rem}.notification-actions{padding:.75rem;flex-direction:column;gap:.625rem;align-items:stretch}.filter-dropdown{width:100%}.filter-dropdown select{width:100%;padding:.5rem;font-size:.8125rem}.mark-read-btn{width:100%;justify-content:center;padding:.5rem .875rem;font-size:.75rem}.notifications-list{padding:.625rem;min-height:300px}.notification-item{padding:.85rem;gap:.75rem;border-radius:10px}.notification-icon,.notification-avatar{width:32px;height:32px}.notification-content h4{font-size:.875rem}.notification-content p{font-size:.8rem}.notification-time{font-size:.7rem}.notification-dot{width:7px;height:7px}.loading-container{padding:3rem 1.5rem;min-height:300px}.loading-container .spinner{width:40px;height:40px;border-width:3px}.loading-container p{font-size:.875rem}.no-notifications{padding:2.5rem 1.25rem;min-height:300px}.empty-notification-icon{width:72px;height:72px;margin-bottom:1rem}.no-notifications h3{font-size:1rem}.no-notifications p{font-size:.8125rem;max-width:250px}.video-call-overlay{padding:0}.video-call-modal{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.video-call-header{padding:.75rem}.call-info h3{font-size:.95rem}.call-duration{font-size:.8rem}.self-video{width:100px;top:.75rem;right:.75rem}.video-controls{padding:.85rem}.control-buttons{gap:.5rem}.control-btn{width:44px;height:44px}.start-call-btn,.end-call-btn{padding:.5rem 1rem;font-size:.9rem}.participants-panel{position:fixed;top:auto;bottom:70px;right:.75rem;left:.75rem;width:auto;max-height:180px;transform:none;padding:.875rem}.participants-panel h4{font-size:.875rem;margin-bottom:.75rem}.participant-item{padding:.625rem;gap:.625rem}.participant-item img{width:28px;height:28px}.participant-item span{font-size:.8125rem}}@media (max-width: 375px){.notification-center-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important}.notification-center{max-width:100%!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;border:none!important;border-top:3px solid #4299e1!important}.notification-header{padding:.75rem;gap:.5rem}.notification-header h2{font-size:.9375rem}.notification-header .back-btn{padding:.375rem}.unread-count-badge{font-size:.625rem;padding:.1875rem .4375rem;border-radius:10px}.notification-actions{padding:.625rem;flex-direction:column;gap:.5rem;align-items:stretch}.filter-dropdown{width:100%}.filter-dropdown select{width:100%;padding:.5rem;font-size:.75rem;border-radius:6px}.mark-read-btn{width:100%;justify-content:center;padding:.5rem .75rem;font-size:.6875rem;border-radius:6px}.notifications-list{padding:.5rem;min-height:250px}.notification-item{padding:.75rem;gap:.625rem;border-radius:10px;margin-bottom:.4375rem}.notification-icon,.notification-avatar{width:30px;height:30px}.notification-content h4{font-size:.8125rem}.notification-content p{font-size:.75rem;margin-bottom:.375rem}.notification-time{font-size:.625rem}.notification-dot{width:6px;height:6px}.loading-container{padding:2.5rem 1rem;min-height:250px}.loading-container .spinner{width:36px;height:36px;border-width:3px;margin-bottom:.875rem}.loading-container p{font-size:.8125rem}.no-notifications{padding:2rem 1rem;min-height:250px}.empty-notification-icon{width:64px;height:64px;margin-bottom:.875rem}.no-notifications h3{font-size:.9375rem}.no-notifications p{font-size:.75rem;max-width:220px}.video-call-overlay{padding:0}.video-call-modal{width:100%;max-width:100%;height:100vh;border-radius:0;border:none}.video-call-header{padding:.625rem}.call-info{gap:.625rem}.call-info h3{font-size:.875rem}.call-duration{font-size:.75rem}.pre-call-screen{padding:1.5rem 1rem;gap:1.5rem}.video-preview{border-radius:12px}.pre-call-info h4{font-size:1.25rem}.pre-call-info p{font-size:.875rem}.self-video{width:90px;top:.625rem;right:.625rem;border-radius:10px}.participant-name{bottom:.75rem;left:.75rem;padding:.4375rem .75rem;font-size:.8125rem;border-radius:6px}.screen-share-indicator{top:.75rem;padding:.625rem 1.125rem;font-size:.75rem;border-radius:40px;gap:.375rem}.video-controls{padding:.75rem .625rem}.control-buttons{gap:.5rem}.control-btn{width:40px;height:40px}.start-call-btn,.end-call-btn{padding:.5rem .875rem;font-size:.8125rem;gap:.375rem}.participants-panel{position:fixed;top:auto;bottom:60px;right:.625rem;left:.625rem;width:auto;max-height:160px;transform:none;padding:.75rem;border-radius:10px}.participants-panel h4{font-size:.8125rem;margin-bottom:.625rem}.participants-list{gap:.5rem}.participant-item{padding:.5rem;gap:.5rem;border-radius:6px}.participant-item img{width:26px;height:26px}.participant-item span{font-size:.75rem}}@supports (-webkit-touch-callout: none){.filter-dropdown select,.mark-read-btn,.notification-header .back-btn,.control-btn,.start-call-btn,.end-call-btn{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.notification-center,.notifications-list,.video-call-modal{-webkit-transform:translateZ(0);transform:translateZ(0)}.notifications-list,.participants-panel{-webkit-overflow-scrolling:touch}select{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){.notification-item,.mark-read-btn,.control-btn,.start-call-btn,.end-call-btn{-webkit-tap-highlight-color:rgba(66,153,225,.2)}}@media (hover: none) and (pointer: coarse){.notification-item:hover,.mark-read-btn:hover,.control-btn:hover{transform:none}.notification-header .back-btn,.control-btn{min-height:44px;min-width:44px}.mark-read-btn{min-height:44px}.notification-item{min-height:60px}.filter-dropdown select{min-height:44px}}@media (max-height: 500px) and (orientation: landscape){.notification-center{height:100vh!important;max-height:100vh!important;border-radius:0!important}.notification-header{padding:.625rem}.notification-header h2{font-size:.9375rem}.notification-actions{padding:.5rem}.notifications-list{min-height:200px}.notification-item,.video-call-header{padding:.625rem}.self-video{width:120px;top:.5rem;right:.5rem}.video-controls{padding:.75rem}.participants-panel{max-height:50%}}.premium-features{background:#FFFFFF}.premium-features .premium-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px solid #4299e1}.header-content{display:flex;align-items:center;gap:1.5rem}.premium-crown{color:#4299e1;filter:drop-shadow(0 4px 12px rgba(66,153,225,.4))}.premium-header h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;background:linear-gradient(135deg,#4299e1,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-header p{color:#3b82f6;margin:0;font-size:1rem;font-weight:500}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.usage-stats .stat-card{padding:2rem;background:#FFFFFF;border:3px solid #4299e1;border-radius:16px;box-shadow:0 8px 24px #4299e11a}.stat-icon.views{background:linear-gradient(135deg,#4299e1,#3b82f6)}.stat-icon.inmail{background:linear-gradient(135deg,#4299e1,#60a5fa)}.stat-icon.analytics{background:linear-gradient(135deg,#4299e1,#3b82f6)}.credit-bar{height:8px;background:rgba(66,153,225,.2);border-radius:10px;overflow:hidden;margin-top:.75rem}.credit-fill{height:100%;background:linear-gradient(90deg,#4299e1,#3b82f6);border-radius:10px;transition:width .5s ease}.premium-benefits{margin-bottom:3rem}.premium-benefits h3{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;color:#3b82f6}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.benefit-card{padding:1.5rem;background:#FFFFFF;border:2px solid #4299e1;border-radius:16px;transition:all .3s ease;box-shadow:0 4px 12px #4299e11a}.benefit-card:hover{border-color:#3b82f6;box-shadow:0 8px 24px #4299e133;transform:translateY(-4px)}.benefit-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,rgba(66,153,225,.15),rgba(82,67,147,.1));color:#4299e1;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:2px solid #4299e1}.benefit-content h4{font-size:1.1rem;font-weight:700;margin:0 0 .5rem;color:#1b1528}.benefit-content p{color:#3b82f6;font-size:.9rem;margin:0 0 1rem;line-height:1.6}.benefit-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#4299e1}.check-icon{color:#4299e1}.profile-views-section,.analytics-dashboard,.featured-content-section{margin-bottom:3rem;padding:2rem;background:rgba(66,153,225,.1);border-radius:16px;border:2px solid #4299e1}.viewers-list{display:flex;flex-direction:column;gap:1rem}.viewer-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#FFFFFF;border-radius:12px;transition:all .3s ease;border:2px solid #4299e1}.viewer-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #4299e126}.viewer-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #4299e1}.viewer-info{flex:1}.viewer-info h4{margin:0 0 .25rem;font-weight:600;color:#1b1528}.viewer-title{color:#3b82f6;font-size:.9rem;margin:0}.view-time{font-size:.85rem;color:#3b82f6}.featured-info{text-align:center;padding:2rem}.featured-info p{font-size:1rem;color:#3b82f6;margin-bottom:2rem}.featured-stats{display:flex;justify-content:center;gap:3rem}.featured-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-label{font-size:.85rem;color:#3b82f6;font-weight:600}.stat-value{font-size:2rem;font-weight:800;color:#1b1528;background:linear-gradient(135deg,#4299e1,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1440px){.premium-features{max-width:1400px;margin:0 auto}.usage-stats,.benefits-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px) and (max-width: 1439px){.usage-stats{grid-template-columns:repeat(3,1fr)}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.premium-features{padding:1.5rem}.premium-header{margin-bottom:2.5rem;padding-bottom:1.75rem}.premium-header h2{font-size:1.875rem}.premium-header p{font-size:.9375rem}.header-content{gap:1.25rem}.usage-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:2.5rem}.usage-stats .stat-card{padding:1.75rem}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.benefit-card{padding:1.375rem}.benefit-icon{width:46px;height:46px}.benefit-content h4{font-size:1.05rem}.benefit-content p{font-size:.875rem}.profile-views-section,.analytics-dashboard,.featured-content-section{padding:1.75rem;margin-bottom:2.5rem}.viewer-avatar{width:46px;height:46px}.featured-stats{gap:2.5rem}.stat-value{font-size:1.875rem}}@media (min-width: 600px) and (max-width: 767px){.premium-features{padding:1.25rem}.premium-header{flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.premium-header h2{font-size:1.75rem}.premium-header p{font-size:.9375rem}.header-content{flex-direction:column;gap:1rem}.usage-stats{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}.usage-stats .stat-card{padding:1.5rem}.benefits-grid{grid-template-columns:1fr;gap:1.25rem}.benefit-card{padding:1.25rem}.benefit-icon{width:44px;height:44px}.benefit-content h4{font-size:1rem}.benefit-content p{font-size:.875rem}.profile-views-section,.analytics-dashboard,.featured-content-section{padding:1.5rem;margin-bottom:2rem}.viewer-card{padding:.875rem}.viewer-avatar{width:44px;height:44px}.featured-info{padding:1.5rem}.featured-info p{font-size:.9375rem}.featured-stats{flex-wrap:wrap;gap:2rem}.stat-value{font-size:1.75rem}}@media (min-width: 481px) and (max-width: 599px){.premium-features{padding:1.125rem}.premium-header{flex-direction:column;gap:1.125rem;margin-bottom:1.75rem;padding-bottom:1.25rem;text-align:center}.premium-header h2{font-size:1.625rem}.premium-header p{font-size:.875rem}.header-content{flex-direction:column;gap:1rem}.premium-crown{width:48px;height:48px}.usage-stats{grid-template-columns:1fr;gap:1.125rem;margin-bottom:1.75rem}.usage-stats .stat-card{padding:1.375rem}.premium-benefits{margin-bottom:2.5rem}.premium-benefits h3{font-size:1.375rem;margin-bottom:1.25rem}.benefits-grid{grid-template-columns:1fr;gap:1.125rem}.benefit-card{padding:1.125rem}.benefit-icon{width:42px;height:42px}.benefit-content h4{font-size:.9375rem}.benefit-content p,.benefit-status{font-size:.8125rem}.profile-views-section,.analytics-dashboard,.featured-content-section{padding:1.375rem;margin-bottom:1.75rem;border-radius:14px}.viewers-list{gap:.875rem}.viewer-card{padding:.875rem;gap:.875rem;border-radius:10px}.viewer-avatar{width:42px;height:42px}.viewer-info h4{font-size:.9375rem}.viewer-title,.view-time{font-size:.8125rem}.featured-info{padding:1.375rem}.featured-info p{font-size:.875rem;margin-bottom:1.5rem}.featured-stats{flex-direction:column;gap:1.75rem}.stat-label{font-size:.8125rem}.stat-value{font-size:1.625rem}}@media (min-width: 376px) and (max-width: 480px){.premium-features{padding:1rem}.premium-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.125rem;text-align:center}.premium-header h2{font-size:1.5rem}.premium-header p{font-size:.875rem}.header-content{flex-direction:column;gap:.875rem}.premium-crown{width:44px;height:44px}.usage-stats{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.usage-stats .stat-card{padding:1.25rem;border-radius:14px}.premium-benefits{margin-bottom:2rem}.premium-benefits h3{font-size:1.25rem;margin-bottom:1.125rem}.benefits-grid{grid-template-columns:1fr;gap:1rem}.benefit-card{padding:1rem;border-radius:14px}.benefit-icon{width:40px;height:40px;border-radius:10px;margin-bottom:.875rem}.benefit-content h4{font-size:.9375rem}.benefit-content p{font-size:.8125rem;margin-bottom:.875rem}.benefit-status{font-size:.75rem;gap:.375rem}.profile-views-section,.analytics-dashboard,.featured-content-section{padding:1.25rem;margin-bottom:1.5rem;border-radius:12px}.viewers-list{gap:.875rem}.viewer-card{padding:.875rem;gap:.875rem;border-radius:10px}.viewer-avatar{width:40px;height:40px}.viewer-info h4{font-size:.875rem}.viewer-title{font-size:.8125rem}.view-time{font-size:.75rem}.featured-info{padding:1.25rem}.featured-info p{font-size:.875rem;margin-bottom:1.25rem}.featured-stats{flex-direction:column;gap:1.5rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.5rem}}@media (max-width: 375px){.premium-features{padding:.875rem}.premium-header{flex-direction:column;gap:.875rem;margin-bottom:1.25rem;padding-bottom:1rem;text-align:center}.premium-header h2{font-size:1.375rem}.premium-header p{font-size:.8125rem}.header-content{flex-direction:column;gap:.75rem}.premium-crown{width:40px;height:40px}.usage-stats{grid-template-columns:1fr;gap:.875rem;margin-bottom:1.25rem}.usage-stats .stat-card{padding:1rem;border-radius:12px}.premium-benefits{margin-bottom:1.75rem}.premium-benefits h3{font-size:1.125rem;margin-bottom:1rem}.benefits-grid{grid-template-columns:1fr;gap:.875rem}.benefit-card{padding:.875rem;border-radius:12px}.benefit-icon{width:36px;height:36px;border-radius:10px;margin-bottom:.75rem}.benefit-content h4{font-size:.875rem;margin-bottom:.375rem}.benefit-content p{font-size:.75rem;margin-bottom:.75rem;line-height:1.5}.benefit-status{font-size:.6875rem;gap:.375rem}.check-icon{width:14px;height:14px}.profile-views-section,.analytics-dashboard,.featured-content-section{padding:1rem;margin-bottom:1.25rem;border-radius:12px}.viewers-list{gap:.75rem}.viewer-card{padding:.75rem;gap:.75rem;border-radius:10px}.viewer-avatar{width:36px;height:36px}.viewer-info h4{font-size:.8125rem;margin-bottom:.1875rem}.viewer-title{font-size:.75rem}.view-time{font-size:.6875rem}.featured-info{padding:1rem}.featured-info p{font-size:.8125rem;margin-bottom:1rem}.featured-stats{flex-direction:column;gap:1.25rem}.featured-stat{gap:.375rem}.stat-label{font-size:.6875rem}.stat-value{font-size:1.375rem}.credit-bar{height:6px}}@supports (-webkit-touch-callout: none){.benefit-card,.viewer-card,.usage-stats .stat-card{-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.premium-features{-webkit-transform:translateZ(0);transform:translateZ(0)}.premium-header h2,.premium-header p,.benefit-content h4,.benefit-content p{-webkit-text-size-adjust:100%}}@media screen and (-webkit-min-device-pixel-ratio: 0){.benefit-card,.viewer-card{-webkit-tap-highlight-color:rgba(66,153,225,.2)}.benefit-card:active,.viewer-card:active{-webkit-tap-highlight-color:rgba(66,153,225,.15)}}@media (hover: none) and (pointer: coarse){.benefit-card:hover,.viewer-card:hover{transform:none}.benefit-card,.viewer-card{min-height:60px}.benefit-card,.viewer-card,.usage-stats .stat-card{cursor:pointer;user-select:none;-webkit-user-select:none}}@media (max-height: 500px) and (orientation: landscape){.premium-header{margin-bottom:1.5rem;padding-bottom:1rem}.premium-header h2{font-size:1.25rem}.premium-header p{font-size:.8125rem}.usage-stats{grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.benefits-grid{grid-template-columns:repeat(2,1fr)}.profile-views-section,.analytics-dashboard,.featured-content-section{padding:1.25rem;margin-bottom:1.5rem}.featured-stats{flex-direction:row;gap:2rem}}@media (max-width: 319px){.premium-features{padding:.75rem}.premium-header h2{font-size:1.25rem}.premium-header p{font-size:.75rem}.premium-crown{width:36px;height:36px}.usage-stats .stat-card{padding:.875rem}.benefit-card{padding:.75rem}.benefit-icon{width:32px;height:32px}.benefit-content h4{font-size:.8125rem}.benefit-content p{font-size:.6875rem}.viewer-avatar{width:32px;height:32px}.stat-value{font-size:1.25rem}}.advanced-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.advanced-search-modal{width:100%;max-width:1100px;height:90vh;background:linear-gradient(to bottom,#ffffff,#f8fafc);border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #4299e11a;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#ffffff 0%,#f9fafb 100%);border-bottom:2px solid #f1f5f9;flex-wrap:wrap}.search-modal-header .back-btn{padding:.65rem 1.25rem;background:white;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;font-weight:600;font-size:.9rem}.search-modal-header .back-btn span{white-space:nowrap}.search-modal-header .back-btn:hover{background:#4299e1;border-color:#4299e1;color:#fff;transform:translate(-3px);box-shadow:0 4px 12px #4299e14d}.search-modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0;color:#1e293b;flex:1;min-width:0}.search-modal-header h2 svg{color:#4299e1;filter:drop-shadow(0 2px 4px rgba(66,153,225,.2));flex-shrink:0}.search-type-tabs{display:flex;gap:.75rem;padding:1.25rem 2rem;background:white;border-bottom:2px solid #f1f5f9;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;-webkit-overflow-scrolling:touch}.search-type-tabs::-webkit-scrollbar{height:4px}.search-type-tabs::-webkit-scrollbar-track{background:transparent}.search-type-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.type-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:white;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;font-size:.9rem;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;flex-shrink:0}.type-tab:hover{background:#f8fafc;border-color:#4299e1;color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.type-tab.active{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border-color:#4299e1;box-shadow:0 4px 16px #4299e159,0 2px 4px #4299e133}.type-tab svg{color:inherit;transition:all .2s ease;flex-shrink:0}.main-search-input{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:white;border-bottom:2px solid #f1f5f9}.main-search-input svg{color:#4299e1;flex-shrink:0}.main-search-input input{flex:1;padding:1rem 1.25rem;border:2px solid #e2e8f0;background:white;border-radius:12px;font-size:1rem;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);color:#1e293b;font-weight:500;min-width:0}.main-search-input input::placeholder{color:#94a3b8;font-weight:400}.main-search-input input:focus{border-color:#4299e1;background:white;box-shadow:0 0 0 4px #4299e11a,0 4px 12px #4299e126}.search-content{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden;background:#f8fafc}.search-filters{background:white;border-right:2px solid #f1f5f9;padding:2rem 1.5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4299e1 #f1f5f9;max-height:calc(90vh - 250px);-webkit-overflow-scrolling:touch}.search-filters::-webkit-scrollbar{width:12px}.search-filters::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.search-filters::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4299e1,#3b82f6);border-radius:10px;border:2px solid #f1f5f9;transition:all .3s ease}.search-filters::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#41356f);box-shadow:0 2px 8px #4299e166}.search-filters h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;margin-bottom:1.5rem;color:#1e293b}.search-filters h3 svg{color:#4299e1}.filter-group{margin-bottom:1.75rem}.filter-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.025em}.filter-group input[type=text],.filter-group select,.modern-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#1e293b;background:white;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-group input[type=text]:focus,.filter-group select:focus,.modern-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.filter-group input[type=text]::placeholder{color:#94a3b8;font-weight:400}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.input-with-icon input{padding-left:2.75rem}.clear-filters-btn{width:100%;padding:.75rem;background:white;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:1rem}.clear-filters-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.premium-filters{margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:12px;border:2px solid #fcd34d}.premium-badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#92400e;margin-bottom:1rem}.premium-badge svg{color:#f59e0b}.filter-checkbox{display:flex;align-items:center;gap:.75rem;padding:.5rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.filter-checkbox:hover{background:rgba(255,255,255,.5)}.filter-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4299e1}.filter-checkbox span{font-size:.875rem;color:#78350f;font-weight:500}.search-results{padding:2rem;overflow-y:auto;background:#f8fafc;scrollbar-width:thin;scrollbar-color:#4299e1 #e2e8f0;max-height:calc(90vh - 250px);-webkit-overflow-scrolling:touch}.search-results::-webkit-scrollbar{width:12px}.search-results::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.search-results::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4299e1,#3b82f6);border-radius:10px;border:2px solid #e2e8f0;transition:all .3s ease}.search-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#41356f);box-shadow:0 2px 8px #4299e166}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.results-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.sort-dropdown{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sort-select{padding:.65rem 1rem;border:2px solid #e2e8f0;border-radius:10px;background:white;font-size:.875rem;font-weight:600;color:#64748b;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none}.sort-select:hover{border-color:#cbd5e1}.sort-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.results-list{display:flex;flex-direction:column;gap:1.25rem}.result-card{background:white;border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;display:grid;grid-template-columns:80px 1fr auto;gap:1.5rem;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.result-card:hover{border-color:#4299e1;box-shadow:0 10px 30px #4299e126,0 0 0 1px #4299e11a;transform:translateY(-2px)}.result-avatar{width:80px;height:80px;border-radius:16px;object-fit:cover;border:3px solid #f1f5f9;box-shadow:0 4px 12px #00000014;transition:all .3s ease;flex-shrink:0}.result-card:hover .result-avatar{border-color:#4299e1;box-shadow:0 6px 16px #4299e140}.result-info{flex:1;min-width:0}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.5rem;flex-wrap:wrap}.result-info h4{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;border-radius:8px;font-size:.75rem;font-weight:700;border:1px solid #86efac;white-space:nowrap;flex-shrink:0}.result-title{color:#4299e1;font-size:.95rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-company,.result-location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;margin-bottom:.375rem}.result-company svg,.result-location svg{color:#94a3b8;flex-shrink:0}.mutual-connections{font-size:.8125rem;color:#4299e1;font-weight:600;margin:.625rem 0}.result-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.skill-tag{padding:.375rem .875rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569;border-radius:8px;font-size:.8125rem;font-weight:600;border:1px solid #cbd5e1;transition:all .2s ease;white-space:nowrap}.skill-tag:hover{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border-color:#4299e1;transform:translateY(-2px)}.result-actions{display:flex;flex-direction:column;gap:.625rem;min-width:140px;flex-shrink:0}.btn-connect,.btn-inmail,.btn-view{padding:.75rem 1.25rem;border:none;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;white-space:nowrap}.btn-connect{background:linear-gradient(135deg,#4299e1,#60a5fa);color:#fff;border:2px solid transparent;box-shadow:0 4px 12px #4299e140}.btn-connect:hover{background:linear-gradient(135deg,#60a5fa,#8fb329);transform:translateY(-2px);box-shadow:0 6px 16px #4299e159}.btn-inmail{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:2px solid transparent;box-shadow:0 4px 12px #f59e0b40}.btn-inmail:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b59}.btn-view{background:white;border:2px solid #e2e8f0;color:#64748b}.btn-view:hover{border-color:#4299e1;color:#1e293b;background:#f8fafc;transform:translateY(-2px)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:4rem 2rem;text-align:center}.no-results svg{width:64px;height:64px;color:#cbd5e1}.no-results h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.no-results p{color:#64748b;max-width:400px;line-height:1.6;font-size:.95rem}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#64748b}.search-loading-spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top:3px solid #4299e1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@media (max-width: 1024px){.advanced-search-modal{max-width:95%;height:92vh}.search-content{grid-template-columns:260px 1fr}.search-filters{padding:1.5rem 1rem}.search-results{padding:1.5rem}.result-card{grid-template-columns:70px 1fr auto;gap:1.25rem}.result-avatar{width:70px;height:70px}.result-actions{min-width:120px}}@media (max-width: 768px){.advanced-search-overlay{padding:0}.advanced-search-modal{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0}.search-modal-header{padding:1rem 1.25rem;gap:.75rem}.search-modal-header .back-btn{padding:.6rem 1rem;font-size:.85rem}.search-modal-header h2{font-size:1.25rem}.search-type-tabs{padding:1rem 1.25rem;gap:.5rem}.type-tab{padding:.65rem 1.15rem;font-size:.85rem}.main-search-input{padding:1rem 1.25rem;gap:.75rem}.main-search-input input{font-size:.95rem;padding:.875rem 1rem}.search-content{grid-template-columns:1fr}.search-filters{display:none}.search-results{padding:1.25rem;max-height:calc(100vh - 230px)}.results-header{flex-direction:column;align-items:flex-start;gap:.75rem}.results-header h3{font-size:1.125rem}.sort-dropdown{width:100%}.sort-select{flex:1}.result-card{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.result-avatar{width:100%;max-width:80px;height:80px;margin:0 auto}.result-info{text-align:center}.result-info h4{font-size:1.05rem;white-space:normal}.result-title{white-space:normal}.result-company,.result-location{justify-content:center}.result-header{flex-direction:column;align-items:center}.result-skills{justify-content:center}.result-actions{width:100%;flex-direction:row;min-width:100%;gap:.5rem}.btn-connect,.btn-inmail,.btn-view{flex:1;padding:.75rem;font-size:.8125rem}}@media (max-width: 768px) and (orientation: landscape){.advanced-search-modal{height:100vh}.search-results{max-height:calc(100vh - 200px)}.result-card{grid-template-columns:60px 1fr auto;padding:1rem}.result-avatar{width:60px;height:60px;margin:0}.result-info{text-align:left}.result-company,.result-location{justify-content:flex-start}.result-header{align-items:flex-start}.result-skills{justify-content:flex-start}.result-actions{flex-direction:column;min-width:100px}.btn-connect,.btn-inmail,.btn-view{padding:.6rem .75rem;font-size:.75rem}}@media (max-width: 480px){.search-modal-header{padding:.875rem 1rem}.search-modal-header .back-btn{padding:.55rem .875rem;font-size:.8rem}.search-modal-header h2{font-size:1.125rem;gap:.5rem}.search-modal-header h2 svg{width:20px;height:20px}.search-type-tabs{padding:.875rem 1rem;gap:.4rem}.type-tab{padding:.6rem 1rem;font-size:.8rem}.type-tab svg{width:16px;height:16px}.main-search-input{padding:.875rem 1rem}.main-search-input svg{width:18px;height:18px}.main-search-input input{font-size:.9rem;padding:.8rem .9rem}.search-results{padding:1rem;max-height:calc(100vh - 220px)}.results-header h3{font-size:1rem}.sort-select{font-size:.8125rem;padding:.6rem .875rem}.result-card{padding:1rem;gap:.875rem}.result-avatar{max-width:70px;height:70px}.result-info h4{font-size:.975rem}.result-title{font-size:.875rem}.result-company,.result-location{font-size:.8125rem}.result-company svg,.result-location svg{width:14px;height:14px}.mutual-connections{font-size:.75rem}.skill-tag{font-size:.75rem;padding:.3rem .7rem}.result-actions{gap:.4rem}.btn-connect,.btn-inmail,.btn-view{font-size:.775rem;padding:.7rem .65rem}.no-results{padding:3rem 1.5rem}.no-results svg{width:48px;height:48px}.no-results h3{font-size:1.125rem}.no-results p{font-size:.875rem}.search-loading{padding:2.5rem 1.5rem}.search-loading-spinner{width:40px;height:40px}}@media (max-width: 360px){.search-modal-header h2{font-size:1rem}.search-modal-header .back-btn span{display:none}.type-tab{padding:.55rem .875rem;font-size:.75rem}.main-search-input input{font-size:.85rem;padding:.75rem .8rem}.result-avatar{max-width:60px;height:60px}.result-info h4{font-size:.9rem}.result-title{font-size:.8125rem}.skill-tag{font-size:.7rem;padding:.25rem .6rem}.btn-connect,.btn-inmail,.btn-view{font-size:.7rem;padding:.65rem .55rem}}@supports (-webkit-touch-callout: none){.advanced-search-modal{height:-webkit-fill-available}.search-results,.search-filters{-webkit-overflow-scrolling:touch}.main-search-input input,.filter-group input[type=text],.filter-group select{font-size:16px!important}}@supports (padding: max(0px)){.search-modal-header{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-top:max(1rem,env(safe-area-inset-top))}.search-type-tabs,.main-search-input{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.search-results{padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}}@media (hover: none) and (pointer: coarse){.type-tab:active,.btn-connect:active,.btn-inmail:active,.btn-view:active{transform:scale(.95)}.result-card:active{transform:scale(.98)}.search-modal-header .back-btn:active{transform:translate(-3px) scale(.95)}.skill-tag:active{transform:scale(.95)}.type-tab,.btn-connect,.btn-inmail,.btn-view{min-height:44px}.filter-checkbox{padding:.75rem}.clear-filters-btn{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.result-avatar,.advanced-search-modal{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--neu-bg: #E0E5EC;--neu-shadow-light: #FFFFFF;--neu-shadow-dark: #A3B1C6;--neu-primary: #524393;--neu-secondary: #BDD337;--neu-text: #1B1528;--neu-text-muted: #8F98A8;--neu-success: #4CAF50;--neu-warning: #FF9800;--neu-danger: #F44336;--neu-info: #2196F3}.admin-dashboard{min-height:100vh;background:var(--neu-bg);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-container{max-width:1400px;margin:0 auto}.neu-card{background:var(--neu-bg);border-radius:20px;padding:25px;box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light);transition:all .3s ease}.neu-card:hover{box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light)}.neu-card-pressed{background:var(--neu-bg);border-radius:20px;padding:25px;box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light)}.neu-btn{background:var(--neu-bg);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;color:var(--neu-text);cursor:pointer;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all .2s ease;outline:none}.neu-btn:hover{box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light)}.neu-btn:active{box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.neu-btn-primary{background:linear-gradient(145deg,#5d4ba8,#4a3a84);color:#fff;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.neu-btn-secondary{background:linear-gradient(145deg,#BDD337,#a3b82f);color:#1b1528;font-weight:600;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.neu-btn-secondary:hover{background:linear-gradient(145deg,#d1e84a,#BDD337);transform:translateY(-1px);box-shadow:5px 5px 10px var(--neu-shadow-dark),-5px -5px 10px var(--neu-shadow-light)}.neu-btn-danger{background:linear-gradient(145deg,#ff4b4b,#d63939);color:#fff}.neu-btn-success{background:linear-gradient(145deg,#5bc95b,#47a647);color:#fff}.neu-btn-sm{padding:8px 14px;font-size:12px;border-radius:8px}.neu-btn-disabled{background:linear-gradient(145deg,#e0e0e0,#c0c0c0);color:#888;cursor:not-allowed;opacity:.6;box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.neu-btn-disabled:hover{transform:none;box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.neu-input{background:var(--neu-bg);border:none;border-radius:12px;padding:12px 20px;font-size:14px;color:var(--neu-text);box-shadow:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light);outline:none;width:100%;transition:all .2s ease}.neu-input:focus{box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light)}.neu-input::placeholder{color:var(--neu-text-muted)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.admin-header-left h1{font-size:32px;font-weight:700;color:var(--neu-text);margin:0 0 8px;text-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.admin-header-subtitle{font-size:14px;color:var(--neu-text-muted);margin:0}.admin-header-actions{display:flex;gap:12px;align-items:center}.admin-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.admin-sidebar{position:sticky;top:20px;height:fit-content}.admin-nav{list-style:none;padding:0;margin:0}.admin-nav-item{margin-bottom:8px}.admin-nav-link{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;text-decoration:none;color:var(--neu-text);font-size:15px;font-weight:500;transition:all .2s ease;background:var(--neu-bg);box-shadow:3px 3px 6px var(--neu-shadow-dark),-3px -3px 6px var(--neu-shadow-light)}.admin-nav-link:hover{box-shadow:5px 5px 10px var(--neu-shadow-dark),-5px -5px 10px var(--neu-shadow-light)}.admin-nav-link.active{background:linear-gradient(145deg,#5d4ba8,#4a3a84);color:#fff;box-shadow:inset 2px 2px 4px #0003,3px 3px 6px var(--neu-shadow-dark)}.admin-nav-icon{font-size:20px;width:24px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{position:relative;overflow:hidden}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--neu-bg);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.stat-growth{font-size:13px;font-weight:600;padding:4px 10px;border-radius:8px;background:var(--neu-bg);box-shadow:2px 2px 4px var(--neu-shadow-dark),-2px -2px 4px var(--neu-shadow-light)}.stat-growth.positive{color:var(--neu-success)}.stat-growth.negative{color:var(--neu-danger)}.stat-title{font-size:13px;color:var(--neu-text-muted);margin:0 0 8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;color:var(--neu-text);margin:0;text-shadow:1px 1px 2px var(--neu-shadow-dark),-1px -1px 2px var(--neu-shadow-light)}.admin-main{min-height:600px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:22px;font-weight:700;color:var(--neu-text);margin:0}.neu-table-wrapper{overflow-x:auto;margin-top:20px}.neu-table{width:100%;border-collapse:separate;border-spacing:0 8px}.neu-table thead th{background:var(--neu-bg);color:var(--neu-text-muted);font-weight:600;text-align:left;padding:12px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none}.neu-table tbody tr{background:var(--neu-bg);border-radius:12px;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all .2s ease}.neu-table tbody tr:hover{box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light)}.neu-table tbody td{padding:16px;border:none;font-size:14px;color:var(--neu-text)}.neu-table tbody td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.neu-table tbody td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.neu-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--neu-bg);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.neu-badge.success{color:var(--neu-success)}.neu-badge.warning{color:var(--neu-warning)}.neu-badge.danger{color:var(--neu-danger)}.neu-badge.info{color:var(--neu-info)}.neu-badge.primary{color:var(--neu-primary)}.search-bar{display:flex;gap:12px;margin-bottom:20px}.search-bar .neu-input{flex:1}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px}.pagination-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px}.pagination-btn.active{background:linear-gradient(145deg,#5d4ba8,#4a3a84);color:#fff;box-shadow:inset 2px 2px 4px #0003,3px 3px 6px var(--neu-shadow-dark)}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:60px}.spinner{width:50px;height:50px;border-radius:50%;background:conic-gradient(transparent,var(--neu-primary));animation:spin 1s linear infinite}.module-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:12px;background:var(--neu-bg);box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.module-card{text-align:center;cursor:pointer;padding:30px 20px;transition:all .3s ease}.module-card:hover{transform:translateY(-4px)}.module-title{font-size:16px;font-weight:600;color:var(--neu-text);margin:0 0 8px}.module-count{font-size:24px;font-weight:700;color:var(--neu-primary);margin:0}@media (max-width: 1024px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-header-left h1{font-size:24px}.stats-grid,.modules-grid{grid-template-columns:1fr}.neu-card{padding:20px;border-radius:16px}.neu-btn{padding:10px 16px;font-size:13px}.admin-header-actions{width:100%;justify-content:stretch}.admin-header-actions .neu-btn{flex:1}}@media (max-width: 480px){.admin-header-left h1{font-size:20px}.stat-value{font-size:22px}.neu-table{font-size:12px}.neu-table tbody td{padding:12px 8px}.section-title{font-size:18px}}@media (prefers-color-scheme: dark){:root{--neu-bg: #2C2C3E;--neu-shadow-light: #3A3A4E;--neu-shadow-dark: #1E1E2A;--neu-text: #E5E5E5;--neu-text-muted: #9A9AAF}}.action-buttons{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.action-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px}.neu-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.neu-modal{background:var(--neu-bg);border-radius:20px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:20px;font-weight:700;color:var(--neu-text);margin:0}.modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.modal-body{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--neu-text);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-select{background:var(--neu-bg);border:none;border-radius:12px;padding:12px 20px;font-size:14px;color:var(--neu-text);box-shadow:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light);outline:none;width:100%;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-overlay .modal-content{background:var(--neu-bg);border-radius:16px;padding:1.5rem;width:90%;max-width:700px;max-height:85vh;overflow-y:auto;box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light);margin:auto}.modal-overlay .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--neu-shadow-dark)}.modal-overlay .modal-content .modal-header h2{font-size:1.25rem;font-weight:700;color:var(--neu-text);margin:0}.modal-overlay .modal-content .modal-close{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;background:none;border:none;color:var(--neu-text);transition:all .2s}.modal-overlay .modal-content .modal-close:hover{color:#ef4444;transform:scale(1.1)}.modal-overlay .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-overlay .form-group{margin-bottom:0}.modal-overlay .form-group.full-width{grid-column:1 / -1}.modal-overlay .form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--neu-text);margin-bottom:.5rem}.modal-overlay .form-group textarea{min-height:80px;resize:vertical}.modal-overlay .modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--neu-shadow-dark)}@media (max-width: 768px){.modal-overlay .modal-content{width:95%;max-width:100%;padding:1rem;max-height:90vh}.modal-overlay .form-grid{grid-template-columns:1fr}.modal-overlay .modal-content .modal-header h2{font-size:1.125rem}}.tab-container{margin-bottom:30px}.tabs{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.tab-btn{background:var(--neu-bg);border:none;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:600;color:var(--neu-text);cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);transition:all .3s ease;position:relative}.tab-btn:hover{box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light);transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(145deg,#5d4ba8,#4a3a84);color:#fff;box-shadow:inset 3px 3px 6px #0000004d,4px 4px 8px var(--neu-shadow-dark)}.tab-icon{font-size:18px}.badge-count{background:var(--neu-danger);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;min-width:20px;text-align:center;margin-left:4px;box-shadow:0 2px 4px #0003}.publishing-management .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.publishing-management .stat-card{padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease}.publishing-management .stat-card:hover{transform:translateY(-4px);box-shadow:10px 10px 20px var(--neu-shadow-dark),-10px -10px 20px var(--neu-shadow-light)}.publishing-management .stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:4px 4px 8px #00000026,-2px -2px 6px #ffffff1a}.publishing-management .stat-content{flex:1}.publishing-management .stat-value{font-size:32px;font-weight:700;color:var(--neu-text);margin-bottom:4px;text-shadow:2px 2px 4px var(--neu-shadow-dark),-1px -1px 2px var(--neu-shadow-light)}.publishing-management .stat-label{font-size:13px;font-weight:500;color:var(--neu-text-muted);text-transform:uppercase;letter-spacing:.5px}.filters-section{margin-bottom:30px;padding:24px}.filter-title{font-size:16px;font-weight:700;color:var(--neu-text);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:13px;font-weight:600;color:var(--neu-text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.filter-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.requirements-list,.manuscripts-list{margin-top:20px}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.requirement-card{padding:24px;transition:all .3s ease;cursor:pointer}.requirement-card:hover{transform:translateY(-6px);box-shadow:12px 12px 24px var(--neu-shadow-dark),-12px -12px 24px var(--neu-shadow-light)}.requirement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--neu-shadow-dark)}.requirement-card h3{font-size:18px;font-weight:700;color:var(--neu-primary);margin:0 0 12px;text-shadow:1px 1px 2px var(--neu-shadow-dark),-1px -1px 2px var(--neu-shadow-light)}.requirement-card p{font-size:14px;color:var(--neu-text);margin:8px 0;line-height:1.6}.requirement-card strong{font-weight:600;color:var(--neu-text-muted)}.requirement-status{display:inline-block;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--neu-bg);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.requirement-status.active{color:var(--neu-success)}.requirement-status.closed{color:var(--neu-danger)}.requirement-status.draft{color:var(--neu-warning)}.requirement-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:2px solid var(--neu-shadow-dark)}.requirement-actions .neu-btn{flex:1;padding:10px 16px;font-size:13px}.manuscripts-table-wrapper{overflow-x:auto;background:var(--neu-bg);border-radius:16px;padding:20px;box-shadow:inset 2px 2px 6px var(--neu-shadow-dark),inset -2px -2px 6px var(--neu-shadow-light)}.manuscripts-table{width:100%;border-collapse:separate;border-spacing:0 12px}.manuscripts-table thead th{background:var(--neu-bg);color:var(--neu-text-muted);font-weight:700;text-align:left;padding:14px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;border:none;text-shadow:1px 1px 2px var(--neu-shadow-light),-1px -1px 2px var(--neu-shadow-dark)}.manuscripts-table tbody tr{background:var(--neu-bg);border-radius:12px;box-shadow:5px 5px 10px var(--neu-shadow-dark),-5px -5px 10px var(--neu-shadow-light);transition:all .3s ease}.manuscripts-table tbody tr:hover{transform:scale(1.01);box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light)}.manuscripts-table tbody td{padding:18px 16px;border:none;font-size:14px;color:var(--neu-text)}.manuscripts-table tbody td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;padding-left:20px}.manuscripts-table tbody td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px;padding-right:20px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--neu-bg);box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light)}.status-badge.pending{color:var(--neu-warning)}.status-badge.under-review{color:var(--neu-info)}.status-badge.accepted{color:var(--neu-success)}.status-badge.rejected{color:var(--neu-danger)}.download-btn{background:var(--neu-bg);border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:3px 3px 6px var(--neu-shadow-dark),-3px -3px 6px var(--neu-shadow-light);transition:all .2s ease;color:var(--neu-text)}.download-btn:hover:not(:disabled){box-shadow:5px 5px 10px var(--neu-shadow-dark),-5px -5px 10px var(--neu-shadow-light);transform:translateY(-2px)}.download-btn:active:not(:disabled){box-shadow:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light);transform:translateY(0)}.download-btn.has-file{background:linear-gradient(145deg,#5bc95b,#47a647);color:#fff;box-shadow:4px 4px 8px var(--neu-shadow-dark),-2px -2px 6px var(--neu-shadow-light)}.download-btn.has-file:hover{background:linear-gradient(145deg,#6dd46d,#52b752)}.download-btn:disabled{background:var(--neu-bg);color:var(--neu-text-muted);cursor:not-allowed;opacity:.5;box-shadow:inset 1px 1px 2px var(--neu-shadow-dark),inset -1px -1px 2px var(--neu-shadow-light)}.review-btn{background:linear-gradient(145deg,#5d4ba8,#4a3a84);border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;box-shadow:4px 4px 8px var(--neu-shadow-dark),-2px -2px 6px var(--neu-shadow-light);transition:all .2s ease}.review-btn:hover{background:linear-gradient(145deg,#6d5bb8,#5a4a94);box-shadow:6px 6px 12px var(--neu-shadow-dark),-3px -3px 8px var(--neu-shadow-light);transform:translateY(-2px)}.review-btn:active{box-shadow:inset 2px 2px 4px #0000004d,2px 2px 4px var(--neu-shadow-dark);transform:translateY(0)}.empty-state{text-align:center;padding:60px 40px}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6;filter:drop-shadow(2px 2px 4px var(--neu-shadow-dark))}.empty-state h3{font-size:20px;font-weight:700;color:var(--neu-text);margin:0 0 12px;text-shadow:1px 1px 2px var(--neu-shadow-dark),-1px -1px 2px var(--neu-shadow-light)}.empty-state p{font-size:14px;color:var(--neu-text-muted);margin:0 0 24px}.neu-loader{width:60px;height:60px;border-radius:50%;background:var(--neu-bg);box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);position:relative;margin:40px auto}.neu-loader:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:4px solid transparent;border-top-color:var(--neu-primary);border-right-color:var(--neu-primary);animation:spin 1s linear infinite}.loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.admin-section-header{margin-bottom:30px;padding:24px;background:var(--neu-bg);border-radius:16px;box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light)}.section-subtitle{font-size:14px;color:var(--neu-text-muted);margin:8px 0 0;font-weight:500}.manuscript-details{background:var(--neu-bg);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:inset 2px 2px 6px var(--neu-shadow-dark),inset -2px -2px 6px var(--neu-shadow-light)}.detail-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--neu-shadow-dark);font-size:14px}.detail-row strong{min-width:150px;font-weight:700;color:var(--neu-text-muted)}.detail-row.full-width{flex-direction:column}.abstract-text{margin:8px 0 0;padding:12px;background:var(--neu-bg);border-radius:8px;box-shadow:inset 1px 1px 3px var(--neu-shadow-dark),inset -1px -1px 3px var(--neu-shadow-light);line-height:1.6;color:var(--neu-text)}@media (max-width: 1024px){.requirements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filters-grid{grid-template-columns:1fr}}@media (max-width: 768px){.tabs{flex-direction:column}.tab-btn{width:100%;justify-content:center}.requirements-grid,.publishing-management .stats-grid{grid-template-columns:1fr}.manuscripts-table-wrapper{padding:12px}.manuscripts-table{font-size:12px}.manuscripts-table tbody td{padding:12px 8px}.requirement-actions{flex-direction:column}.requirement-actions .neu-btn{width:100%}}:root{--bg-base: #05060c;--bg-panel: rgba(12, 18, 36, .92);--bg-panel-solid: #0f172a;--glass-border: rgba(255, 255, 255, .08);--text-primary: #f9fafb;--text-body: #cbd5e1;--text-muted: #94a3b8;--accent-purple: #8b5cf6;--accent-cyan: #33e2ff;--accent-blue: #3b82f6;--accent-teal: #2dd4bf;--shadow-soft: 0 20px 50px rgba(5, 6, 12, .65);--shadow-hover: 0 30px 60px rgba(8, 12, 30, .75);--blur-strength: blur(18px);--radius-lg: 18px;--radius-md: 14px;--radius-pill: 999px;--transition: .22s cubic-bezier(.4, 0, .2, 1);font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,.admin-dashboard{background:radial-gradient(circle at top,rgba(67,56,202,.45),transparent 45%),radial-gradient(circle at 20% 20%,rgba(14,165,233,.3),transparent 35%),var(--bg-base);color:var(--text-body)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:650}.admin-dashboard p,.admin-dashboard span,.admin-dashboard label,.admin-dashboard a{color:var(--text-body)}.admin-dashboard{min-height:100vh;padding:32px}.admin-container{max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.glass-card,.neu-card{background:radial-gradient(circle at top left,rgba(36,48,94,.55),transparent 55%),linear-gradient(180deg,rgba(18,24,45,.96),rgba(9,12,24,.9));border:1px solid rgba(148,163,184,.18);box-shadow:0 28px 55px #0305108c;-webkit-backdrop-filter:var(--blur-strength);backdrop-filter:var(--blur-strength);transition:transform var(--transition),box-shadow var(--transition),border var(--transition);overflow:hidden;gap:32px;padding:36px 40px;border-radius:24px;background:linear-gradient(130deg,rgba(11,15,27,.95),rgba(24,32,56,.9));border:1px solid rgba(255,255,255,.05);box-shadow:0 24px 48px #03051073;flex-wrap:wrap;position:relative}.glass-card .cta-btn,.glass-card .neu-btn-primary,.neu-card .cta-btn,.neu-card .neu-btn-primary{background:linear-gradient(135deg,rgba(91,95,224,.95),rgba(124,93,250,.9));color:#f9fafb;border:1px solid rgba(99,102,241,.35);border-radius:12px;padding:12px 26px;font-weight:600;letter-spacing:.02em;box-shadow:0 10px 26px #05071259;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.glass-card .ghost-btn,.glass-card .neu-btn,.neu-card .ghost-btn,.neu-card .neu-btn{background:transparent;color:#f1f5f9d9;border-radius:12px;border:1px solid rgba(148,163,184,.35);padding:11px 24px;font-weight:500;letter-spacing:.02em;transition:background .2s ease,color .2s ease,border-color .2s ease}.glass-card .cta-btn:hover,.glass-card .neu-btn-primary:hover,.neu-card .cta-btn:hover,.neu-card .neu-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #070a1866;filter:brightness(1.03)}.glass-card .ghost-btn:hover,.glass-card .neu-btn:hover,.neu-card .ghost-btn:hover,.neu-card .neu-btn:hover{background:rgba(148,163,184,.1);border-color:#94a3b899;color:var(--text-primary)}.admin-header:after{content:"";position:absolute;left:40px;right:40px;bottom:-18px;height:26px;background:radial-gradient(circle,rgba(0,0,0,.4),transparent 70%);opacity:.5;filter:blur(14px);z-index:-1}.admin-header-left{display:flex;align-items:center;gap:20px;min-width:0}.admin-header-icon{width:72px;height:72px;border-radius:22px;background:radial-gradient(circle at top,rgba(103,84,255,.35),rgba(5,8,24,.95));border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;box-shadow:0 20px 38px #03051080}.admin-header-icon svg{width:36px;height:36px}.admin-header-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.admin-header-eyebrow{font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);margin:0}.admin-header-left h1{font-size:2.1rem;font-weight:650;letter-spacing:.02em;margin:0;color:#f5f7ff;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:none;line-height:1.2}.admin-header-subtitle{margin:0;font-size:1rem;color:var(--text-body);letter-spacing:.01em;font-weight:500;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:none}.admin-header-tagline{margin:0;font-size:.92rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.admin-header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-left:auto}.header-action-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#f7f8ff;font-weight:600;letter-spacing:.01em;font-size:.95rem;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.header-action-btn .header-action-icon{display:inline-flex;align-items:center;justify-content:center}.header-action-btn svg{width:18px;height:18px}.header-action-btn:hover{background:rgba(255,255,255,.14);border-color:#fff6;transform:translateY(-2px)}.header-action-btn.danger{border-color:#f8717199;background:rgba(248,113,113,.18);color:#ffe5e5}.header-action-btn.danger:hover{background:rgba(248,113,113,.28);border-color:#f87171d9}.cta-btn,.neu-btn-primary{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border:none;border-radius:var(--radius-pill);padding:13px 30px;font-weight:650;letter-spacing:.03em;box-shadow:0 18px 32px #313c9f73;font-size:.98rem}.ghost-btn,.neu-btn{background:rgba(255,255,255,.12);color:#fdfdff;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.35);padding:12px 26px;font-weight:650;letter-spacing:.02em}.ghost-btn:hover,.cta-btn:hover,.neu-btn-primary:hover{transform:translateY(-1px)}.admin-layout{display:grid;grid-template-columns:auto 1fr;gap:24px}.admin-sidebar{position:sticky;top:32px;height:calc(100vh - 64px);background:rgba(2,4,12,.95);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:26px 16px;width:288px;box-shadow:none;box-sizing:border-box}.admin-sidebar:hover{width:288px;padding:26px 16px}.admin-sidebar nav.neu-card{padding:12px 6px;background:rgba(5,7,18,.95);border-radius:20px;box-shadow:inset 0 1px #ffffff14;border:1px solid rgba(255,255,255,.04);width:100%}.admin-nav-item{margin:0}.admin-nav-item+.admin-nav-item{margin-top:8px}.admin-nav{display:flex;flex-direction:column;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;list-style:none;margin:0;padding:0}.admin-nav-link{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;color:#eaecfaeb;text-decoration:none;font-weight:600;letter-spacing:.01em;font-size:.95rem;line-height:1.35;background:rgba(255,255,255,.02);border:1px solid transparent;box-shadow:inset 0 0 0 1px #ffffff05;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;position:relative;min-height:40px;width:100%;box-sizing:border-box;transform-origin:left center}.admin-nav-link:before{content:"";position:absolute;left:8px;width:3px;height:0;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent-purple),var(--accent-cyan));transition:height .25s ease}.admin-nav-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#dbeafe;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px #ffffff05,0 8px 16px #05060c66;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.admin-nav-icon svg{width:18px;height:18px;display:block}.admin-nav-label{transition:opacity .2s ease;white-space:nowrap;display:inline-flex;align-items:center;flex:1;min-width:0;font-weight:650;letter-spacing:.01em;font-size:.95rem;color:var(--text-primary);opacity:1;overflow:hidden;text-overflow:ellipsis}.admin-nav-link:hover{background:rgba(255,255,255,.08);color:var(--text-primary);border-color:#ffffff26;transform:translate(3px)}.admin-nav-link.active{background:linear-gradient(130deg,rgba(99,102,241,.6),rgba(14,165,233,.55));color:#fff;border-color:transparent;box-shadow:0 18px 35px #0609148c}.admin-nav-link.active .admin-nav-icon{color:#fff;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border-color:transparent;box-shadow:0 10px 20px #05060c80}.admin-nav-link.active:before{height:70%}.admin-main,.dashboard-analytics{display:flex;flex-direction:column;gap:32px;width:100%}.dashboard-analytics>section{width:100%}.hero-card{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;background:radial-gradient(circle at top left,rgba(79,70,229,.18),transparent 55%),linear-gradient(150deg,rgba(12,18,36,.95),rgba(5,7,18,.92));border:1px solid rgba(148,163,184,.22);flex-wrap:wrap;padding:48px;border-radius:28px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);position:relative;overflow:hidden}.hero-card:before{left:48px;right:48px;top:18px}.hero-card:after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-80px;background:radial-gradient(circle,rgba(51,226,255,.35),transparent 65%);opacity:.4;z-index:0}.hero-copy{flex:1 1 420px;display:flex;flex-direction:column;gap:16px}.hero-eyebrow{margin:0;letter-spacing:.28em;font-size:.82rem;color:#94a3b8}.hero-card .hero-title{font-size:2.4rem;margin:0;line-height:1.15;color:#fff!important;font-weight:800}.hero-subtitle{color:#cbd5e1;font-size:1.05rem;margin:0;max-width:520px}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:8px}.hero-metrics div{padding:18px 20px;border-radius:16px;background:rgba(8,12,26,.85);border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 0 1px #ffffff0a,0 20px 35px #02040c73;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--transition),border var(--transition)}.hero-metrics div:hover{transform:translateY(-4px);border-color:#94a3b873}.hero-metric-label{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px}.hero-metrics strong{font-size:1.9rem;font-weight:800;color:#fff}.hero-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:center;padding:16px;border-radius:20px;background:rgba(6,9,20,.75);border:1px solid rgba(148,163,184,.12);box-shadow:0 20px 38px #0305108c;min-width:220px;max-width:260px}.hero-actions .cta-btn,.hero-actions .ghost-btn{width:100%;justify-content:center;font-size:.95rem}.hero-actions .cta-btn{padding:13px 20px}.hero-actions .ghost-btn{color:#e2e8f0d9;border-color:#94a3b84d;background:transparent;font-weight:500}.hero-actions .ghost-btn:hover{background:rgba(148,163,184,.12);border-color:#94a3b899}.eyebrow{background:transparent;color:var(--text-primary);font-size:.8rem;border:1px solid rgba(148,163,184,.5);margin:0}.panel-header h2,.modules-grid h3{font-weight:600}.glass-card,.stat-card,.ghost-btn:hover{background:rgba(148,163,184,.16);border-color:#94a3b8d9}.module-card,.activity-panel li,.action-pill{animation:fade-in-up .4s ease both}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;width:100%}.premium-grid{gap:28px}.stat-card{padding:28px;display:flex;flex-direction:column;gap:18px;min-height:180px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(12,18,36,.92),rgba(5,7,18,.9));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px}.stat-card:before{left:28px;right:28px}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-icon-circle{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(99,102,241,.15),rgba(51,226,255,.15));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #ffffff0d}.stat-icon-circle span{font-size:1.35rem}.stat-icon-circle svg{width:24px;height:24px}.stat-trend{padding:6px 12px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;background:rgba(52,211,153,.12);color:#34d399}.stat-trend.down{background:rgba(248,113,113,.15);color:#f87171}.stat-label{margin:0;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:600}.stat-value{margin:0;font-size:2.75rem;font-weight:700;color:var(--text-primary)}.stat-card:hover{border-color:#ffffff40;transform:translateY(-6px)}.analytics-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;width:100%}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel-header h2{margin:4px 0 0;color:#f6f8ff;font-weight:650}.panel-title{display:flex;align-items:center;gap:14px}.panel-title-icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center}.panel-title-icon svg{width:20px;height:20px}.chip-btn{border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.12);color:#fff;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-pill);padding:9px 22px;cursor:pointer}.chart-stack{margin-top:24px;position:relative;height:240px}.chart-line{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(139,92,246,.7),transparent);mask:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.45),rgba(0,0,0,0))}.chart-line.alt{background:linear-gradient(135deg,rgba(59,130,246,.6),transparent);transform:translateY(20px)}.chart-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:8px;padding:0 8px}.chart-bars span{flex:1;background:linear-gradient(180deg,rgba(51,226,255,.9),rgba(45,212,191,.6));border-radius:6px 6px 0 0}.chart-legend{display:flex;gap:20px;margin-top:16px;color:#eaecfae6;font-weight:500}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.legend-dot.purple{background:var(--accent-purple)}.legend-dot.cyan{background:var(--accent-cyan)}.legend-dot.teal{background:var(--accent-teal)}.period-pills{display:flex;align-items:center;gap:8px;margin-top:20px;flex-wrap:wrap}.period-pill{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.period-pill:hover{background:rgba(255,255,255,.1);color:#f1f5f9}.period-pill.active{background:rgba(139,92,246,.25);border-color:#8b5cf699;color:#f1f5f9}.ga-live-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;border:1px solid rgba(52,211,153,.4);background:rgba(52,211,153,.08);color:#34d399;font-size:.78rem;font-weight:600;margin-left:auto}.ga-live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:ga-pulse 2s ease-in-out infinite}@keyframes ga-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ga-chart-wrap{margin-top:12px}.ga-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:210px;margin-top:12px}.ga-chart-skeleton{display:flex;align-items:flex-end;gap:6px;height:120px;width:100%;padding:0 16px;box-sizing:border-box}.skeleton-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(139,92,246,.2),rgba(139,92,246,.05));animation:skeleton-shimmer 1.5s ease-in-out infinite alternate}@keyframes skeleton-shimmer{0%{opacity:.4}to{opacity:.9}}.ga-chart-loading-text{margin:0;color:#94a3b8;font-size:.85rem;font-style:italic}.ga-chart-summary{display:flex;align-items:center;gap:24px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.ga-chart-summary>div{display:flex;align-items:center;gap:8px}.ga-summary-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ga-summary-label{font-size:.8rem;color:#94a3b8;font-weight:500;margin-right:2px}.ga-chart-summary strong{font-size:.95rem;font-weight:800;color:#f1f5f9}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.activity-panel li{display:flex;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.activity-panel li:last-child{border-bottom:none}.activity-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(51,226,255,.12));border:1px solid rgba(255,255,255,.08)}.activity-icon svg{width:20px;height:20px}.activity-panel span{color:#e9ebfae6;font-size:.9rem;font-weight:500}.activity-panel li p{margin:0;font-weight:650;color:#fff}.quick-actions{padding:32px;width:100%}.quick-actions-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.action-pill{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 22px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(15,23,42,.75);color:#f5f7ff;cursor:pointer;box-shadow:0 8px 24px #03051059;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;text-align:left;width:100%;min-height:120px}.action-pill:hover{background:rgba(139,92,246,.18);border-color:#8b5cf680;transform:translateY(-3px);box-shadow:0 14px 36px #8b5cf62e}.pill-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.28),rgba(51,226,255,.22));border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pill-body{display:flex;flex-direction:column;gap:4px}.pill-label{font-size:.95rem;font-weight:700;color:#f1f5f9;line-height:1.2}.pill-desc{font-size:.77rem;font-weight:400;color:#94a3b8;line-height:1.4}.status-card{padding:20px 28px;border-radius:18px;border:1px solid rgba(34,197,94,.4);background:linear-gradient(140deg,rgba(16,185,129,.18),rgba(5,10,20,.92))}.status-card p{margin:0;font-weight:600;color:var(--text-body)}.status-card strong{color:var(--text-primary)}.pill-icon svg{width:20px;height:20px}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%}.premium-modules .module-card{min-height:230px}.module-card header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.module-card h3{margin:0;font-size:1.15rem;font-weight:650;color:#f7f8ff}.module-card p{margin:4px 0 0;color:#e1e5f7e6;font-weight:500}.module-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.module-card li{display:flex;justify-content:space-between;color:#e3e7f8e6;border-bottom:1px dashed rgba(255,255,255,.08);padding-bottom:12px;font-weight:500}.module-card li strong{color:#fff;font-size:1.15rem;font-weight:800}.module-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(51,226,255,.18));border:1px solid rgba(255,255,255,.08)}.module-icon svg{width:22px;height:22px}.module-card{border:1px solid rgba(255,255,255,.1);transition:transform var(--transition),border var(--transition);cursor:pointer}.module-card:hover{transform:translateY(-6px);border-color:#ffffff40}.module-card li:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 1200px){.admin-layout{grid-template-columns:80px 1fr}.analytics-grid{grid-template-columns:1fr}}@media (max-width: 900px){.admin-dashboard{padding:20px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:relative;width:100%;height:auto}.admin-sidebar:hover{width:100%}.hero-actions{flex-direction:row;max-width:none;width:100%}}@media (max-width: 600px){.hero-card{flex-direction:column;align-items:flex-start;padding:32px}.hero-title{font-size:2rem}.hero-metrics{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.quick-actions-row{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}:root{--primary-color: #524393;--secondary-color: #BDD337;--danger-color: #ef4444;--background-color: #EEF3CE;--surface-color: #ffffff;--border-color: #C0BABC;--text-primary: #1B1528;--text-secondary: #4b5563;--muted-color: #6b7280;--shadow: 0 1px 3px rgba(27, 21, 40, .06);--shadow-md: 0 6px 18px rgba(27, 21, 40, .08);--radius-sm: 6px;--radius-md: 12px;--max-width: 1200px}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem}html,body,#root{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--background-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:white;color:var(--text-primary);cursor:pointer}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-outline{background:transparent}.text-center{text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-container{background:var(--surface-color);border-radius:.75rem;box-shadow:var(--shadow-md);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:all .2s ease}.modal-close-button:hover{background:#f8fafc;color:var(--text-primary)}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-header{padding:1rem 1rem .75rem}.modal-content{padding:1rem}.modal-title{font-size:1.125rem}}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-spinner{border:3px solid #f3f3f3;border-top:3px solid;border-radius:50%;animation:spin 1s linear infinite}.loader-sm{width:20px;height:20px;border-width:2px}.loader-md{width:40px;height:40px;border-width:3px}.loader-lg{width:60px;height:60px;border-width:4px}.loader-primary{border-top-color:var(--primary-color)}.loader-white{border-top-color:#fff}.loader-secondary{border-top-color:var(--secondary-color)}.loader-text{color:var(--text-secondary);font-size:.875rem;margin:0;text-align:center}.loader-inline{display:inline-flex;align-items:center;gap:.5rem}.loader-inline .loader-spinner{margin:0}:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--accent: #10b981;--accent-dark: #059669;--dark: #0f172a;--dark-lighter: #1e293b;--light: #f8fafc;--gray: #64748b;--gray-light: #cbd5e1;--gray-dark: #475569;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 6px 12px -2px rgba(0, 0, 0, .15), 0 3px 6px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1);--header-height: 70px;--header-height-scrolled: 65px;--border-radius: 8px;--border-radius-sm: 6px;--border-radius-lg: 10px}.header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,rgba(15,23,42,.98) 0%,rgba(30,41,59,.95) 100%);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:var(--light);box-shadow:var(--shadow-md);z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,background .3s ease,height .3s ease;overflow:visible;border-bottom:1px solid rgba(255,255,255,.08)}.header.scrolled{background:linear-gradient(135deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.92) 100%);-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);box-shadow:var(--shadow-xl);border-bottom-color:#ffffff1f}.header.hidden{transform:translateY(-100%)}.header.visible{transform:translateY(0)}.header-glow{position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary-light),var(--accent),var(--primary),transparent);animation:headerGlow 6s ease-in-out infinite;opacity:.8}@keyframes headerGlow{0%,to{left:-100%;opacity:.4}50%{left:100%;opacity:.9}}.header-glow-cursor{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(16,185,129,.08) 30%,transparent 70%);pointer-events:none;left:var(--mouse-x, 50%);top:var(--mouse-y, 50%);transform:translate(-50%,-50%);transition:opacity .4s ease;opacity:0;filter:blur(40px)}.header:hover .header-glow-cursor{opacity:1}.header-container{max-width:1920px;margin:0 auto;padding:0 clamp(.75rem,2.5vw,2rem)}.header-main{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);gap:clamp(.5rem,2.5vw,2rem);position:relative;transition:height .3s ease}.header.scrolled .header-main{height:var(--header-height-scrolled)}.logo-section{flex-shrink:0;min-width:fit-content;animation:slideInLeft .7s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit;gap:clamp(.5rem,1.5vw,.75rem);transition:var(--transition);padding:.5rem 0;position:relative}.logo-link:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(circle at center,rgba(37,99,235,.15),rgba(16,185,129,.1) 50%,transparent 75%);opacity:0;transition:opacity .4s ease;border-radius:var(--border-radius-lg)}.logo-link:hover:before{opacity:1}.logo-link:hover{transform:translateY(-2px)}.logo-link:active{transform:translateY(-1px)}.logo-img-wrapper{position:relative;width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);flex-shrink:0}.logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(37,99,235,.35));transition:var(--transition);animation:logoFloat 4s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 2px 8px rgba(37,99,235,.35))}50%{transform:translateY(-4px) rotate(2deg);filter:drop-shadow(0 4px 12px rgba(37,99,235,.5))}}.logo-link:hover .logo-img{filter:drop-shadow(0 4px 12px rgba(37,99,235,.7));transform:scale(1.05);animation-play-state:paused}.logo-fallback{width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-size:clamp(.875rem,2vw,1.125rem);font-weight:800;color:#fff;animation:logoFloat 4s ease-in-out infinite;box-shadow:var(--shadow-lg)}.logo-text{display:flex;flex-direction:column;flex-shrink:0;gap:2px}.logo-title{font-size:clamp(.875rem,1.8vw,1.25rem);font-weight:800;line-height:1.2;white-space:nowrap;background:linear-gradient(135deg,var(--light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.logo-subtitle{font-size:clamp(.5rem,1vw,.6875rem);font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:.9}.nav-desktop{flex:1;display:flex;justify-content:center;min-width:0;animation:fadeIn .7s ease-out .15s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-list{display:flex;list-style:none;gap:clamp(.25rem,.8vw,.5rem);padding:0;margin:0;width:100%;justify-content:center;align-items:center;max-width:1100px;flex-wrap:nowrap}.nav-item{flex:0 1 auto;min-width:fit-content;display:flex;justify-content:center;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--item-index) * .08s)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-link{display:flex;align-items:center;gap:.5rem;padding:clamp(.5rem,1.2vw,.625rem) clamp(.625rem,1.5vw,.875rem);color:#ffffffd9;text-decoration:none;border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:clamp(.75rem,1.4vw,.875rem);position:relative;overflow:hidden;width:auto;justify-content:center;min-width:fit-content;white-space:nowrap;border:none;background:transparent;height:38px;outline:none;box-shadow:none}.nav-link:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary-light),var(--accent));transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);border-radius:2px}.nav-link:hover:after{width:80%}.nav-link.active:after{width:90%;height:3px;bottom:1px}.nav-link:hover{background:rgba(255,255,255,.08);color:var(--accent);transform:translateY(-2px)}.nav-link:active{transform:translateY(0)}.nav-link.active{background:linear-gradient(135deg,rgba(37,99,235,.15),rgba(16,185,129,.1));color:var(--primary-light)}.nav-link-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(37,99,235,.08),rgba(16,185,129,.05) 50%,transparent 75%);opacity:0;transition:opacity .3s ease;border-radius:var(--border-radius);pointer-events:none}.nav-link:hover .nav-link-glow{opacity:1}.nav-label{white-space:nowrap;overflow:visible;text-overflow:clip;flex-shrink:0;min-width:auto;position:relative;z-index:1}.nav-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.5625rem;font-weight:800;padding:.2rem .4rem;border-radius:999px;margin-left:.375rem;flex-shrink:0;animation:badgePulse 2.5s ease-in-out infinite;box-shadow:0 2px 8px #ef444499;letter-spacing:.03em}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444499}50%{transform:scale(1.1);box-shadow:0 4px 12px #ef4444cc}}.header-actions{display:flex;align-items:center;gap:clamp(.4rem,1.2vw,.625rem);flex-shrink:0;justify-content:flex-end;animation:slideInRight .7s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.user-profile-section{position:relative;display:flex;align-items:center;flex-shrink:0}.user-profile-btn{display:flex;align-items:center;gap:clamp(.5rem,1.2vw,.75rem);padding:clamp(.3rem,.8vw,.375rem) clamp(.5rem,1.2vw,.625rem);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);color:var(--light);font-weight:600;font-size:clamp(.75rem,1.4vw,.875rem);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;height:clamp(34px,8vw,38px)}.user-profile-btn:hover{background:rgba(255,255,255,.15);border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.user-profile-btn:active{transform:translateY(0)}.user-avatar{width:clamp(28px,6vw,32px);height:clamp(28px,6vw,32px);border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.65rem,1.3vw,.75rem);color:#fff;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-btn:hover .user-avatar{border-color:#fff9;box-shadow:0 0 12px #2563eb66}.user-name{display:none;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.profile-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:clamp(260px,50vw,280px);background:linear-gradient(135deg,rgba(15,23,42,.98) 0%,rgba(30,41,59,.95) 100%);-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.15);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);animation:dropdownSlideDown .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;z-index:1001}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:clamp(.75rem,2vw,1rem);display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-avatar{width:clamp(40px,8vw,48px);height:clamp(40px,8vw,48px);border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.875rem,2vw,1.125rem);color:#fff;flex-shrink:0;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-info{flex:1;min-width:0}.dropdown-name{font-weight:700;color:var(--light);margin:0;font-size:clamp(.8125rem,1.6vw,.9375rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:clamp(.75rem,1.4vw,.8125rem);color:#fff9;margin:.25rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:rgba(255,255,255,.1);margin:0}.dropdown-menu-items{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;width:100%;padding:clamp(.625rem,1.5vw,.75rem) clamp(.875rem,2vw,1rem);background:transparent;border:none;color:var(--light);text-decoration:none;font-weight:500;font-size:clamp(.8125rem,1.5vw,.875rem);cursor:pointer;transition:all .3s ease;text-align:left;outline:none}.dropdown-item:hover{background:rgba(255,255,255,.08);color:var(--accent);padding-left:clamp(1.25rem,3vw,1.5rem)}.dropdown-item:active{background:rgba(255,255,255,.12)}.logout-btn{color:#ef4444;font-weight:600;padding:clamp(.625rem,1.5vw,.75rem) clamp(.875rem,2vw,1rem)}.logout-btn:hover{background:rgba(239,68,68,.15);color:#ff6b6b;padding-left:clamp(1.25rem,3vw,1.5rem)}.auth-btns{display:flex;gap:clamp(.375rem,1vw,.5rem);flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:clamp(.5rem,1.2vw,.625rem) clamp(.875rem,2vw,1.125rem);border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:clamp(.75rem,1.4vw,.875rem);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;border:none;cursor:pointer;height:clamp(34px,8vw,38px);outline:none;box-shadow:none}.btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s ease}.btn:hover .btn-shine{transform:translate(100%) translateY(100%) rotate(45deg)}.btn-ghost{color:var(--light);background:rgba(255,255,255,.08)}.btn-ghost:hover{background:rgba(255,255,255,.15);color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 3px 10px #2563eb4d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #2563eb66;background:linear-gradient(135deg,var(--primary-light),var(--primary))}.btn-primary:active{transform:translateY(-1px) scale(1.01)}.btn-sm{padding:clamp(.5rem,1.2vw,.625rem) clamp(.875rem,2vw,1.125rem);font-size:clamp(.75rem,1.4vw,.875rem);height:clamp(34px,8vw,38px)}.search-bar{padding:1rem 0;border-top:1px solid rgba(255,255,255,.12);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.search-bar form{display:flex;align-items:center;gap:clamp(.75rem,2vw,1rem);background:rgba(255,255,255,.1);padding:clamp(.625rem,1.5vw,.75rem) clamp(.875rem,2vw,1.125rem);border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.08);transition:var(--transition);box-shadow:var(--shadow)}.search-bar form:focus-within{border-color:#2563eb80;box-shadow:0 0 0 3px #2563eb26,0 4px 12px #2563eb4d;background:rgba(255,255,255,.15)}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:clamp(.8125rem,1.6vw,.9375rem);color:var(--light);padding:.5rem 0;font-weight:500;min-width:0}.search-input::placeholder{color:#ffffff8c;font-weight:400}.mobile-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:clamp(36px,8vw,40px);height:clamp(36px,8vw,40px);border-radius:var(--border-radius-sm);border:none;background:rgba(255,255,255,.1);cursor:pointer;gap:4px;padding:0;transition:var(--transition);flex-shrink:0}.mobile-btn span{width:clamp(18px,4vw,20px);height:2px;background:var(--light);border-radius:2px;transition:var(--transition)}.mobile-btn:hover{background:rgba(255,255,255,.18);transform:scale(1.05)}.mobile-btn.active{background:rgba(255,255,255,.2)}.mobile-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-btn.active span:nth-child(2){opacity:0;transform:translate(-15px)}.mobile-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{position:fixed;top:var(--header-height);right:-100%;width:clamp(280px,80vw,320px);max-width:90vw;height:calc(100vh - var(--header-height));background:linear-gradient(135deg,rgba(15,23,42,.98) 0%,rgba(30,41,59,.96) 100%);-webkit-backdrop-filter:blur(25px) saturate(200%);backdrop-filter:blur(25px) saturate(200%);box-shadow:var(--shadow-2xl);transition:right .5s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-left:1px solid rgba(255,255,255,.15);z-index:999}.mobile-menu.open{right:0}.mobile-menu-content{padding:clamp(.75rem,2vw,1rem) 0}.mobile-menu ul{list-style:none;padding:0}.mobile-menu li{border-bottom:1px solid rgba(255,255,255,.1);opacity:0;transform:translate(30px);transition:var(--transition)}.mobile-menu.open li{animation:slideInRightMobile .5s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--item-index) * .06s)}@keyframes slideInRightMobile{to{opacity:1;transform:translate(0)}}.mobile-menu li.divider{margin:.875rem 0;border:none;padding:0}.mobile-menu li.divider hr{border:none;border-top:2px solid rgba(255,255,255,.15)}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;gap:clamp(.75rem,2vw,1rem);padding:clamp(.875rem,2vw,1rem) clamp(1.25rem,3vw,1.5rem);text-decoration:none;color:var(--light);font-weight:600;transition:var(--transition);font-size:clamp(.8125rem,1.8vw,.9375rem);position:relative;overflow:hidden}.mobile-menu a:hover{background:rgba(255,255,255,.12);color:var(--accent);padding-left:clamp(1.75rem,4vw,2rem)}.mobile-menu a.active{background:linear-gradient(90deg,rgba(37,99,235,.2),rgba(16,185,129,.12));color:var(--primary-light);border-left:4px solid var(--primary)}.mobile-menu a.primary{color:var(--primary-light);font-weight:700;background:rgba(37,99,235,.08)}.mobile-nav-label{flex:1;text-align:left}.mobile-logout-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:clamp(.875rem,2vw,1rem) clamp(1.25rem,3vw,1.5rem);background:transparent;border:none;color:#ef4444;text-decoration:none;font-weight:600;font-size:clamp(.8125rem,1.8vw,.9375rem);cursor:pointer;transition:var(--transition);text-align:left}.mobile-logout-btn:hover{background:rgba(239,68,68,.12);padding-left:clamp(1.75rem,4vw,2rem)}.overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:998;animation:overlayFadeIn .4s ease-out;cursor:pointer}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 1400px){.nav-list{gap:.625rem;max-width:1200px}.nav-link{padding:.75rem 1rem;font-size:.9375rem}.user-name{display:inline}}@media (min-width: 1200px) and (max-width: 1399px){.nav-list{gap:.5rem;max-width:1100px}.nav-link{padding:.625rem .875rem;font-size:.875rem}.user-name{display:inline}}@media (min-width: 1025px) and (max-width: 1199px){.nav-list{gap:.375rem;max-width:950px}.nav-link{padding:.625rem .75rem;font-size:.8125rem}.logo-subtitle{display:none}}@media (max-width: 1024px){.nav-desktop,.auth-btns{display:none}.mobile-btn{display:flex}.logo-subtitle{display:none}.header-main{gap:.875rem}.logo-section,.header-actions{min-width:auto}}@media (max-width: 768px){:root{--header-height: 65px;--header-height-scrolled: 60px}.header-container{padding:0 1rem}.header-main{gap:.75rem}.logo-text{display:none}.logo-img-wrapper{width:40px;height:40px}.header-actions{gap:.5rem}.mobile-btn{width:38px;height:38px}.search-bar form{flex-wrap:wrap}.search-input{min-width:200px}.btn-sm{padding:.5rem .875rem}}@media (max-width: 480px){:root{--header-height: 60px;--header-height-scrolled: 55px}.mobile-menu{width:100%;max-width:100%}.header-container{padding:0 .75rem}.header-main{gap:.5rem}.logo-img-wrapper,.mobile-btn{width:36px;height:36px}.mobile-btn span{width:18px}.search-bar{padding:.875rem 0}.search-bar form{padding:.625rem .875rem;flex-direction:column;gap:.625rem}.btn-sm{width:100%;justify-content:center}}@media (max-height: 500px) and (orientation: landscape){.mobile-menu{height:100vh}.header-main{height:50px}:root{--header-height: 50px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-contrast: high){.header{border-bottom:2px solid var(--primary)}.nav-link:hover,.nav-link.active{outline:2px solid currentColor}}@media print{.header{position:static;box-shadow:none;background:white!important;color:#000!important}.header-actions,.search-bar,.mobile-btn,.header-glow,.header-glow-cursor{display:none!important}}.footer-horizontal{background:linear-gradient(135deg,#524393 0%,#A2A2D0 100%);color:#fff;padding:50px 0 0;margin-top:0;position:relative;overflow:hidden}.footer-horizontal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.footer-container-horizontal{max-width:1400px;margin:0 auto;padding:0 2.5rem;position:relative;z-index:1}.footer-grid-horizontal{display:grid;grid-template-columns:1.8fr .8fr 1.2fr 1.2fr;gap:3rem;align-items:start;margin-bottom:2rem}.footer-heading-horizontal{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 1.25rem;letter-spacing:.3px}.footer-column-horizontal{display:flex;flex-direction:column}.footer-tagline-horizontal{font-size:.9375rem;line-height:1.6;margin:0 0 .875rem;color:#fff;font-weight:600}.footer-description-horizontal{font-size:.9375rem;line-height:1.65;color:#fff;margin:0;text-align:justify}.footer-read-more-horizontal{color:#fbbf24;text-decoration:none;font-weight:600;transition:color .3s ease}.footer-read-more-horizontal:hover{color:#f59e0b;text-decoration:underline}.footer-links-horizontal{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.footer-links-horizontal li{margin:0}.footer-links-horizontal a{color:#fff;text-decoration:none;font-size:.9375rem;transition:all .3s ease;display:inline-block}.footer-links-horizontal a:hover{color:#fbbf24;transform:translate(5px)}.footer-contact-list-horizontal{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.625rem}.footer-contact-item-horizontal{display:flex;align-items:flex-start;gap:.5rem;color:#fff;font-size:.9375rem;line-height:1.5}.footer-contact-item-horizontal svg{flex-shrink:0;margin-top:2px}.footer-contact-item-horizontal a{color:#fff;text-decoration:none;transition:color .3s ease}.footer-contact-item-horizontal a:hover{color:#fbbf24}.footer-social-links-horizontal{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.social-icon-horizontal{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px #0003}.social-icon-horizontal:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000004d}.social-facebook-horizontal{background:#1877F2}.social-instagram-horizontal{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-twitter-horizontal{background:#1DA1F2}.social-youtube-horizontal{background:#FF0000}.social-whatsapp-horizontal{background:#25D366}.social-linkedin-horizontal{background:#0077B5}.social-messenger-horizontal{background:#00B2FF}.footer-newsletter-horizontal{max-width:100%}.newsletter-form-horizontal{display:flex;flex-direction:column;gap:.625rem}.newsletter-input-horizontal{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:.9375rem;color:#1f2937;background:#ffffff;outline:none;transition:all .3s ease}.newsletter-input-horizontal::placeholder{color:#9ca3af}.newsletter-input-horizontal:focus{border-color:#fbbf24;box-shadow:0 0 0 3px #fbbf2433}.newsletter-btn-horizontal{padding:.75rem 1.5rem;background:#1e40af;color:#fff;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-btn-horizontal:hover{background:#1e3a8a;transform:translateY(-2px);box-shadow:0 4px 12px #1e40af66}.subscribe-success-horizontal{padding:1rem;background:#10b981;color:#fff;border-radius:6px;text-align:center;font-weight:600;font-size:.9375rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.footer-divider-horizontal{width:100%;height:1px;background:rgba(255,255,255,.25);margin:2rem 0 1.5rem}.footer-bottom-horizontal{padding-bottom:2rem}.footer-bottom-content-horizontal{display:grid;grid-template-columns:1fr auto 2fr;gap:2rem;align-items:center}.footer-bottom-left,.footer-bottom-center,.footer-bottom-right{display:flex;align-items:center}.footer-bottom-left{justify-content:flex-start}.footer-bottom-center{justify-content:center}.footer-bottom-right{justify-content:flex-end}.copyright-text-horizontal{color:#fff;font-size:.875rem;margin:0;white-space:nowrap}.copyright-link-horizontal{color:#fbbf24;text-decoration:none;font-weight:600;transition:color .3s ease}.copyright-link-horizontal:hover{color:#f59e0b;text-decoration:underline}.license-badge-horizontal{width:88px;height:31px;flex-shrink:0}.license-text-horizontal{color:#fff;font-size:.8125rem;line-height:1.5;margin:0;text-align:right}.license-link-horizontal{color:#fbbf24;text-decoration:none;font-weight:600;transition:color .3s ease}.license-link-horizontal:hover{color:#f59e0b;text-decoration:underline}@media (max-width: 1200px){.footer-grid-horizontal{grid-template-columns:1.5fr .8fr 1fr 1fr;gap:2rem}.footer-bottom-content-horizontal{grid-template-columns:1fr auto 1.5fr;gap:1.5rem}.license-text-horizontal{font-size:.75rem}}@media (max-width: 1024px){.footer-grid-horizontal{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-bottom-content-horizontal{grid-template-columns:1fr;gap:1rem;text-align:center}.footer-bottom-left,.footer-bottom-center,.footer-bottom-right{justify-content:center}.license-text-horizontal{text-align:center}.copyright-text-horizontal{white-space:normal}}@media (max-width: 768px){.footer-horizontal{padding:40px 0 0}.footer-container-horizontal{padding:0 1.5rem}.footer-grid-horizontal{grid-template-columns:1fr;gap:2rem}.footer-heading-horizontal{font-size:1.125rem;margin-bottom:1rem}.footer-social-links-horizontal{justify-content:flex-start}.footer-bottom-content-horizontal{display:flex;flex-direction:column;gap:1rem}}@media (max-width: 480px){.footer-horizontal{padding:30px 0 0}.footer-container-horizontal{padding:0 1rem}.footer-grid-horizontal{gap:1.5rem}.footer-heading-horizontal{font-size:1rem}.footer-description-horizontal,.footer-links-horizontal a,.footer-contact-item-horizontal,.newsletter-input-horizontal,.newsletter-btn-horizontal{font-size:.875rem}.social-icon-horizontal{width:34px;height:34px}.copyright-text-horizontal,.license-text-horizontal{font-size:.75rem}.footer-bottom-horizontal{padding-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid #fbbf24;outline-offset:2px;border-radius:4px}@media print{.footer-horizontal{background:#7c3aed;color:#000}.footer-social-links-horizontal,.newsletter-form-horizontal{display:none}}:root{--primary-color: #524393;--primary-dark: #3d3270;--primary-light: #6b5ab8;--secondary-color: #A2A2D0;--accent-color: #BDD337;--danger-color: #ef4444;--success-color: #BDD337;--warning-color: #f59e0b;--info-color: #524393;--text-primary: #1B1528;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-light: #EEF3CE;--bg-primary: #ffffff;--bg-secondary: #EEF3CE;--bg-tertiary: #f3f4f6;--surface-color: #f8fafc;--border-color: #C0BABC;--border-light: #EEF3CE;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--container-max-width: 1280px;--container-padding: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden;-webkit-overflow-scrolling:touch}button,a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){button,.btn,.link-btn{min-height:44px;min-width:44px}}.homepage{min-height:100vh;position:relative;overflow-x:hidden;margin-top:0;padding-top:0}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-full{max-width:100%;width:100%;padding:0 2rem}.scroll-progress-bar{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);z-index:9999;transition:width .1s linear;box-shadow:0 0 10px #2563eb80}.hero-section-enhanced{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:5rem 0 4rem;margin-top:0}.hero-background-animated{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);z-index:0}.hero-parallax-layer{position:absolute;width:200%;height:200%;background-image:radial-gradient(circle at 20% 50%,rgba(37,99,235,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.1) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(245,158,11,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.hero-content-enhanced{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text-enhanced{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero-badge-enhanced{display:inline-flex;align-items:center;gap:.5rem;background:white;padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--primary-color);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title-enhanced{font-size:3.5rem;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.02em}.text-gradient-enhanced{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description-enhanced{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;max-width:600px}.hero-search-enhanced{margin-bottom:2rem}.search-wrapper-enhanced{display:flex;align-items:center;background:white;border-radius:var(--radius-xl);padding:.5rem;box-shadow:var(--shadow-xl);transition:all var(--transition-base);max-width:650px}.search-wrapper-enhanced:focus-within{box-shadow:0 20px 40px #2563eb33;transform:translateY(-2px)}.search-icon-enhanced{margin:0 1rem;color:var(--text-tertiary)}.search-input-enhanced{flex:1;border:none;outline:none;font-size:1rem;padding:.75rem 0;color:var(--text-primary)}.search-input-enhanced::placeholder{color:var(--text-tertiary)}.search-btn-enhanced{display:flex;align-items:center;gap:.5rem;background:var(--primary-color);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.search-btn-enhanced:hover{background:var(--primary-dark);transform:translate(2px)}.search-tags-enhanced{display:flex;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.tags-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.tag-btn{padding:.375rem .875rem;background:white;border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.tag-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.hero-actions-enhanced{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn-enhanced{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);overflow:hidden;text-decoration:none;border:none}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-enhanced:hover .btn-shine{left:100%}.btn-primary-enhanced{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-lg)}.btn-primary-enhanced:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-outline-enhanced{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline-enhanced:hover{background:var(--text-primary);color:#fff;border-color:var(--text-primary);transform:translateY(-2px)}.hero-stats-enhanced{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.stat-item-enhanced{text-align:left}.stat-number-enhanced{font-size:2rem;font-weight:800;color:var(--primary-color);margin-bottom:.25rem}.stat-label-enhanced{font-size:.875rem;color:var(--text-secondary);font-weight:500}.hero-visual-enhanced{position:relative;animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.urban-image-container{position:relative;width:100%;height:600px}.urban-image-wrapper{position:relative;width:100%;height:100%;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.urban-planning-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.urban-image-wrapper:hover .urban-planning-image{transform:scale(1.05)}.image-overlay-gradient{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.floating-stats-container{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.floating-stat-card-enhanced{position:absolute;background:white;padding:1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:1rem;animation:floatCard 3s ease-in-out infinite;pointer-events:all}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-position-1{top:10%;right:-10%;animation-delay:0s}.card-position-2{top:40%;left:-5%;animation-delay:1s}.card-position-3{bottom:15%;right:-5%;animation-delay:2s}.card-icon-enhanced{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-content-enhanced{flex:1}.card-number-enhanced{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.card-label-enhanced{font-size:.875rem;color:var(--text-secondary)}.decorative-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(16,185,129,.1));z-index:-1}.circle-1{width:300px;height:300px;top:-50px;right:-50px;animation:rotate 20s linear infinite}.circle-2{width:200px;height:200px;bottom:-30px;left:-30px;animation:rotate 15s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.decorative-dots{position:absolute;width:100px;height:100px;top:50%;left:50%;background-image:radial-gradient(circle,var(--primary-color) 2px,transparent 2px);background-size:20px 20px;opacity:.3;animation:float 10s ease-in-out infinite}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.scroll-mouse{width:24px;height:40px;border:2px solid var(--text-tertiary);border-radius:12px;position:relative}.scroll-wheel{width:4px;height:8px;background:var(--text-tertiary);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 1.5s infinite}@keyframes scrollWheel{0%{top:6px;opacity:1}to{top:20px;opacity:0}}.benefits-section{padding:4rem 0;background:white}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-card{text-align:center;padding:2rem;border-radius:var(--radius-xl);background:var(--surface-color);border:1px solid var(--border-color);transition:all var(--transition-base)}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.benefit-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff}.benefit-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.benefit-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.section-header-professional{text-align:center;margin-bottom:3rem}.section-subtitle{font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.75rem}.section-header-professional h2{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.text-gradient-professional{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header-professional p{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.features-section-autoscroll{background:var(--surface-color);padding:6rem 0;position:relative;overflow:hidden}.autoscroll-wrapper{width:100%;overflow:hidden;position:relative;padding:2rem 0}.autoscroll-wrapper:before,.autoscroll-wrapper:after{display:none}.autoscroll-track{display:flex;gap:2rem;animation:autoscroll 30s linear infinite;will-change:transform}.autoscroll-track.paused{animation-play-state:paused}@keyframes autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-2000px - 10rem))}}.feature-card-autoscroll{flex:0 0 400px;min-width:400px;position:relative;border-radius:var(--radius-2xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base);height:300px}.feature-card-autoscroll:hover{transform:translateY(-10px) scale(1.02)}.feature-card-bg-autoscroll{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;transition:opacity var(--transition-base)}.feature-card-autoscroll:hover .feature-card-bg-autoscroll{opacity:.15}.feature-card-content-autoscroll{position:relative;z-index:1;padding:2rem;height:100%;display:flex;flex-direction:column;background:white;border:1px solid var(--border-color);border-radius:var(--radius-2xl);transition:all var(--transition-base)}.feature-card-autoscroll:hover .feature-card-content-autoscroll{border-color:transparent;box-shadow:var(--shadow-2xl)}.feature-icon-autoscroll{width:80px;height:80px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.feature-badge-autoscroll{position:absolute;top:1.5rem;right:1.5rem;background:white;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;color:var(--primary-color);box-shadow:var(--shadow-md)}.feature-card-content-autoscroll h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.feature-card-content-autoscroll p{color:var(--text-secondary);margin-bottom:1.5rem;flex:1;font-size:.9375rem;line-height:1.6}.feature-link-autoscroll{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-weight:600;font-size:.9375rem;transition:gap var(--transition-base)}.feature-card-autoscroll:hover .feature-link-autoscroll{gap:.75rem}.platform-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.platform-modal-container{background:white;border-radius:var(--radius-2xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:var(--shadow-2xl)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.platform-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.platform-modal-close:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.platform-modal-header{padding:3rem 2rem 2rem;text-align:center;color:#fff;position:relative}.platform-modal-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-modal-header h2{font-size:2rem;font-weight:800;margin-bottom:1rem}.platform-modal-badge{display:inline-block;background:rgba(255,255,255,.2);padding:.5rem 1.5rem;border-radius:var(--radius-full);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.platform-modal-body{padding:2rem}.platform-modal-description{margin-bottom:2rem}.platform-modal-description h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.platform-modal-description p{color:var(--text-secondary);line-height:1.7}.platform-modal-features h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.platform-modal-features ul{list-style:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.platform-modal-features li{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.platform-modal-actions{margin-top:2rem}.btn-professional{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);overflow:hidden;text-decoration:none;border:none}.btn-primary-professional{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.btn-primary-professional:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary-professional{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary-professional:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-outline-professional{background:transparent;color:#fff;border:2px solid white}.btn-outline-professional:hover{background:white;color:var(--primary-color);transform:translateY(-2px)}.btn-large-professional{padding:1rem 2.5rem;font-size:1.125rem}.btn-block-professional{width:100%}.jobs-section-professional{background:white;padding:6rem 0;position:relative;overflow:hidden}.jobs-autoscroll-wrapper{width:100%;overflow:hidden;position:relative;padding:2rem 0}.jobs-autoscroll-wrapper:before,.jobs-autoscroll-wrapper:after{display:none}.jobs-autoscroll-track{display:flex;gap:2rem;animation:jobs-autoscroll 25s linear infinite;will-change:transform}.jobs-autoscroll-track.paused{animation-play-state:paused}@keyframes jobs-autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1140px - 6rem))}}.job-card-professional{flex:0 0 380px;min-width:380px;background:var(--surface-color);border-radius:var(--radius-2xl);border:1px solid var(--border-color);padding:2rem;position:relative;transition:all var(--transition-base)}.job-card-professional:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.urgent-badge-professional{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.375rem;background:var(--danger-color);color:#fff;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;animation:pulse 2s infinite}.job-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.job-logo{width:64px;height:64px;background:white;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow-sm)}.job-type-badge{background:var(--primary-color);color:#fff;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.job-card-professional h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.company-name{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.5rem}.job-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.job-detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9375rem}.job-salary{font-size:1.5rem;font-weight:800;color:var(--primary-color);margin-bottom:1.5rem}.section-footer-professional{text-align:center;margin-top:3rem}.courses-section-professional{background:var(--surface-color);position:relative;overflow:hidden;padding:6rem 0}.courses-autoscroll-wrapper{width:100%;overflow:hidden;position:relative;padding:2rem 0}.courses-autoscroll-wrapper:before,.courses-autoscroll-wrapper:after{display:none}.courses-autoscroll-track{display:flex;gap:2rem;animation:courses-autoscroll 28s linear infinite;will-change:transform}.courses-autoscroll-track.paused{animation-play-state:paused}@keyframes courses-autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1140px - 6rem))}}.course-card-professional{flex:0 0 380px;min-width:380px;background:white;border-radius:var(--radius-2xl);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-base);position:relative}.course-card-professional:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.course-image{width:100%;height:180px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-size:4rem}.course-level-badge{position:absolute;top:1.5rem;right:1.5rem;background:white;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:var(--primary-color);box-shadow:var(--shadow-md)}.course-card-professional h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:1.5rem 1.5rem .5rem;line-height:1.3}.course-instructor{color:var(--text-secondary);font-size:.9375rem;margin:0 1.5rem 1.5rem}.course-meta{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.course-meta-item{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.course-card-professional .btn-professional{margin:0 1.5rem 1.5rem;width:calc(100% - 3rem)}.testimonials-section-professional{background:white;position:relative;overflow:hidden;padding:6rem 0}.testimonials-coverflow-wrapper{position:relative;max-width:1200px;margin:0 auto;padding:4rem 1rem;cursor:grab;-webkit-user-select:none;user-select:none}.testimonials-coverflow-wrapper:active{cursor:grabbing}.testimonials-coverflow-container{perspective:1200px;overflow:visible;position:relative;height:450px}.testimonials-coverflow-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.testimonial-card-coverflow{position:absolute;width:550px;max-width:90vw;background:var(--surface-color);padding:3rem;border-radius:var(--radius-2xl);border:1px solid var(--border-color);box-shadow:0 20px 60px #00000026;transition:all .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.testimonial-card-coverflow.active{box-shadow:0 30px 80px #2563eb40;border-color:var(--primary-color)}.testimonial-card-coverflow.prev,.testimonial-card-coverflow.next{filter:brightness(.7)}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1.5rem}.testimonial-content{font-size:1.125rem;line-height:1.7;color:var(--text-primary);margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:56px;height:56px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow-sm);flex-shrink:0}.author-info h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.author-info p{font-size:.9375rem;color:var(--text-secondary)}.testimonial-dots{display:flex;justify-content:center;gap:.75rem;margin-top:3rem}.testimonial-dot{width:12px;height:12px;border-radius:50%;background:var(--border-color);border:none;cursor:pointer;transition:all var(--transition-base);padding:0}.testimonial-dot:hover{background:var(--text-tertiary);transform:scale(1.2)}.testimonial-dot.active{background:var(--primary-color);width:32px;border-radius:6px}.cta-section-professional{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:6rem 0;position:relative;overflow:hidden}.cta-section-professional:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 15s ease-in-out infinite}.cta-content-professional{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;color:#fff}.cta-content-professional h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.cta-content-professional>p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95;line-height:1.7}.cta-actions-professional{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.cta-note{font-size:.9375rem;opacity:.9;max-width:600px;margin:0 auto}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);z-index:9997}.scroll-to-top-btn.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top-btn:hover{background:var(--primary-dark);transform:translateY(-5px)}.scroll-top-text{font-size:.625rem;font-weight:700;margin-top:.25rem}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}@media (max-width: 1024px){:root{--container-padding: 1.5rem}.hero-content-enhanced{grid-template-columns:1fr;gap:2.5rem}.hero-title-enhanced{font-size:2.25rem;line-height:1.2}.hero-stats-enhanced{grid-template-columns:repeat(2,1fr);gap:1.25rem}.urban-image-container{height:380px}.card-position-1,.card-position-2,.card-position-3{right:auto;left:50%;transform:translate(-50%)}.card-position-1{top:5%}.card-position-2{top:50%}.card-position-3{bottom:5%}.section-header-professional h2{font-size:2rem}.autoscroll-track{gap:1.75rem;animation-duration:28s}.feature-card-autoscroll{flex:0 0 360px;min-width:360px}@keyframes autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1800px - 8.75rem))}}}@media (max-width: 768px){:root{--container-padding: 1.25rem}.hero-section-enhanced{padding:5rem 0 2.5rem}.hero-title-enhanced{font-size:1.875rem;line-height:1.25}.hero-description-enhanced{font-size:.9375rem;line-height:1.6}.hero-stats-enhanced{grid-template-columns:repeat(2,1fr);gap:1.25rem}.stat-number-enhanced{font-size:1.5rem}.search-wrapper-enhanced{flex-direction:column;align-items:stretch}.search-input-enhanced{padding:1rem}.search-btn-enhanced{width:100%;justify-content:center}.hero-actions-enhanced{flex-direction:column}.btn-enhanced{width:100%;justify-content:center}.benefits-grid{grid-template-columns:1fr}.section-header-professional h2{font-size:1.75rem}.autoscroll-wrapper:before,.autoscroll-wrapper:after{width:80px}.autoscroll-track{gap:1.5rem;animation-duration:26s}.feature-card-autoscroll{flex:0 0 320px;min-width:320px;height:280px}@keyframes autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1600px - 7.5rem))}}.jobs-autoscroll-track{gap:1.75rem;animation-duration:23s}.job-card-professional{flex:0 0 360px;min-width:360px}@keyframes jobs-autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1080px - 5.25rem))}}.courses-autoscroll-track{gap:1.75rem;animation-duration:26s}.course-card-professional{flex:0 0 360px;min-width:360px}@keyframes courses-autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1080px - 5.25rem))}}.testimonials-coverflow-container{height:400px}.testimonial-card-coverflow{width:480px;padding:2rem}.testimonial-content{font-size:1rem}.cta-content-professional h2{font-size:2rem}.cta-content-professional>p{font-size:1.125rem}.cta-actions-professional{flex-direction:column}.cta-actions-professional .btn-professional{width:100%}}@media (max-width: 480px){:root{--container-padding: 1rem}.hero-title-enhanced{font-size:1.75rem}.hero-stats-enhanced{grid-template-columns:1fr;gap:1rem}.urban-image-container{height:300px}.floating-stat-card-enhanced{padding:1rem}.card-icon-enhanced{width:48px;height:48px}.card-number-enhanced{font-size:1.25rem}.section-header-professional h2{font-size:1.5rem}.section-header-professional p{font-size:1rem}.autoscroll-wrapper:before,.autoscroll-wrapper:after{width:60px}.autoscroll-track{gap:1.25rem;animation-duration:24s}.feature-card-autoscroll{flex:0 0 280px;min-width:280px;height:260px}.feature-card-content-autoscroll{padding:1.5rem}.feature-icon-autoscroll{width:64px;height:64px}@keyframes autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-1400px - 6.25rem))}}.jobs-autoscroll-track{gap:1.5rem;animation-duration:20s}.job-card-professional{flex:0 0 320px;min-width:320px;padding:1.5rem}@keyframes jobs-autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-960px - 4.5rem))}}.courses-autoscroll-track{gap:1.5rem;animation-duration:23s}.course-card-professional{flex:0 0 320px;min-width:320px}@keyframes courses-autoscroll{0%{transform:translate(0)}to{transform:translate(calc(-960px - 4.5rem))}}.testimonials-coverflow-wrapper{padding:2rem .5rem}.testimonials-coverflow-container{height:380px;perspective:800px}.testimonial-card-coverflow{width:320px;padding:1.5rem}.testimonial-content{font-size:.9375rem}.author-avatar{width:48px;height:48px;font-size:1.75rem}.author-info h4{font-size:1rem}.author-info p{font-size:.875rem}.cta-content-professional h2{font-size:1.75rem}.cta-content-professional>p{font-size:1rem}.scroll-to-top-btn{width:48px;height:48px;bottom:1.5rem;right:1.5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.autoscroll-track,.jobs-autoscroll-track,.courses-autoscroll-track{animation:none}}@media print{.hero-section-enhanced,.scroll-progress-bar,.scroll-to-top-btn,.scroll-indicator{display:none}.homepage{background:white}*{box-shadow:none!important}}.leaderboard-card-clickable{cursor:pointer;transition:all var(--transition-base)}.leaderboard-card-clickable:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 20px 40px #fbbf2466}.leaderboard-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.leaderboard-modal-container{background:white;border-radius:var(--radius-2xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease;box-shadow:var(--shadow-2xl)}.leaderboard-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.leaderboard-modal-close:hover{background:var(--danger-color);color:#fff;transform:rotate(90deg)}.leaderboard-modal-header{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);padding:3rem 2rem 2rem;text-align:center;color:#fff;position:relative}.leaderboard-modal-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.leaderboard-modal-header h2{font-size:2rem;font-weight:800;margin-bottom:.5rem}.leaderboard-modal-header p{font-size:1.125rem;opacity:.95}.leaderboard-modal-body{padding:2rem}.leaderboard-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.leaderboard-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;background:var(--surface-color);border-radius:var(--radius-xl);border:2px solid var(--border-color);transition:all var(--transition-base)}.leaderboard-item:hover{transform:translate(8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.leaderboard-item.rank-1{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1));border-color:#fbbf24}.leaderboard-item.rank-2{background:linear-gradient(135deg,rgba(192,192,192,.15),rgba(169,169,169,.1));border-color:silver}.leaderboard-item.rank-3{background:linear-gradient(135deg,rgba(205,127,50,.15),rgba(184,115,51,.1));border-color:#cd7f32}.leaderboard-rank{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-number{font-size:1.25rem;font-weight:800;color:var(--text-secondary)}.leaderboard-avatar{width:56px;height:56px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:var(--shadow-md);border:3px solid white}.leaderboard-info{flex:1;min-width:0}.leaderboard-info h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-badge{display:inline-block;background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.leaderboard-points{display:flex;align-items:center;gap:.5rem;background:white;padding:.625rem 1.25rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-shrink:0}.leaderboard-points span{font-size:1.125rem;font-weight:800;color:var(--text-primary)}.your-rank-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.your-rank-section h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.your-rank-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(16,185,129,.1));border-radius:var(--radius-xl);border:2px solid var(--primary-color)}.your-rank-avatar{width:64px;height:64px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:var(--shadow-md);border:3px solid var(--primary-color)}.your-rank-info h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.your-rank-info p{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.leaderboard-modal-footer{padding:1.5rem 2rem;border-top:2px solid var(--border-color);display:flex;justify-content:center}@media (max-width: 768px){.leaderboard-modal-container{max-width:100%;max-height:95vh}.leaderboard-modal-header{padding:2.5rem 1.5rem 1.5rem}.leaderboard-modal-header h2{font-size:1.5rem}.leaderboard-modal-body{padding:1.5rem}.leaderboard-item{padding:1rem;gap:1rem}.leaderboard-rank{width:40px;height:40px}.leaderboard-avatar{width:48px;height:48px;font-size:1.75rem}.leaderboard-info h4{font-size:1rem}.leaderboard-points{padding:.5rem 1rem}.leaderboard-points span{font-size:1rem}.your-rank-card{padding:1.25rem;gap:1rem}.your-rank-avatar{width:56px;height:56px;font-size:2rem}}@media (max-width: 480px){.leaderboard-item{flex-wrap:wrap;gap:.75rem}.leaderboard-points{width:100%;justify-content:center}}.jobs-page{padding:2rem 0;min-height:100vh;background:var(--background-color)}.jobs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.jobs-header{margin-bottom:2rem}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.job-card{background:#ffffff;border-radius:.75rem;border:1px solid rgba(11,59,102,.04);padding:1.25rem;transition:transform .18s ease,box-shadow .18s ease;position:relative}.job-card:hover{border-color:#0b3b6614;box-shadow:0 12px 28px #0b3b660f;transform:translateY(-6px)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.job-title-section{flex:1}.job-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.25}.urgency-badge{background:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.expired-badge{background:#fee2e2;color:#dc2626;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.icon-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.company-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem}.company-name{font-weight:500;color:var(--text-primary)}.job-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.job-description{margin-bottom:1rem;position:relative}.job-description p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.login-prompt{text-align:center;color:var(--text-secondary)}.login-prompt p{font-size:.875rem;margin:0}.job-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.skill-tag{background:#eff6ff;color:var(--primary-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.skill-more{color:var(--text-secondary);font-size:.75rem;font-style:italic}.job-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.deadline-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.compatibility-badge{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-circle{width:40px;height:40px;border-radius:50%;background:var(--success-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.compatibility-badge span{font-size:.625rem;color:var(--text-secondary);white-space:nowrap}.jobs-loading{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.no-jobs-found{text-align:center;padding:4rem 2rem;background:var(--surface-color);border-radius:.75rem;border:1px solid var(--border-color)}.no-jobs-icon{color:var(--text-secondary);margin-bottom:1rem}.no-jobs-found h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.no-jobs-found p{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width: 1024px){.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.jobs-page{padding:1rem 0}.page-header h1{font-size:2rem}.search-section{flex-direction:column;align-items:stretch}.filters-grid,.jobs-grid,.job-details{grid-template-columns:1fr}.job-card-footer{flex-direction:column;gap:1rem;align-items:stretch}.promotion-actions{flex-direction:column}.jobs-stats{grid-template-columns:1fr}}@media (max-width: 480px){.job-card{padding:1rem}.job-card-header{flex-direction:column;gap:1rem}.job-actions{align-self:flex-end}}.job-detail-page{padding:2rem 0;min-height:100vh;background:var(--background-color)}.job-detail-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.job-detail-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.job-not-found{display:flex;justify-content:center;align-items:center;min-height:50vh;text-align:center}.not-found-content{max-width:400px}.not-found-content h2{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}.not-found-content p{color:var(--text-secondary);margin-bottom:1.5rem}.job-header{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem}.back-navigation{margin-bottom:1.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.back-button:hover{background:#f8fafc;border-color:var(--primary-color)}.job-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.title-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.2}.company-info{display:flex;align-items:center;gap:.75rem;font-size:1.125rem}.company-name{font-weight:600;color:var(--text-primary)}.verified-badge{background:#d1fae5;color:#065f46;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600}.job-actions{display:flex;gap:.5rem}.icon-button{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.job-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:.5rem}.application-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.deadline-expired{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-weight:500}.application-actions{display:flex;justify-content:space-between;align-items:center;gap:2rem}.compatibility-score{flex:1}.score-badge{display:inline-flex;align-items:center;gap:.5rem;background:#d1fae5;color:#065f46;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.compatibility-score p{color:var(--text-secondary);font-size:.875rem;margin:0}.job-description-section{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem}.job-description-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.description-content{line-height:1.6}.full-description p{color:var(--text-secondary);margin-bottom:2rem}.requirements,.responsibilities,.skills-section{margin-bottom:2rem}.requirements h3,.responsibilities h3,.skills-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.requirements ul,.responsibilities ul{color:var(--text-secondary);padding-left:1.5rem;margin-bottom:1rem}.requirements li,.responsibilities li{margin-bottom:.5rem;line-height:1.5}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#eff6ff;color:var(--primary-color);padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.blurred-description{position:relative}.login-prompt-inline{text-align:center;padding:2rem}.login-prompt-inline svg{margin-bottom:1rem;color:var(--text-secondary)}.login-prompt-inline p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.recruiter-section{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem}.recruiter-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.recruiter-card{background:#f8fafc;padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.recruiter-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.recruiter-avatar{width:48px;height:48px;border-radius:.5rem;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff}.recruiter-details h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.recruiter-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.recruiter-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background:white;border-radius:.5rem;border:1px solid var(--border-color)}.stat{text-align:center}.stat-value{display:block;font-size:1.125rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary)}.recruiter-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.recruiter-meta .meta-item{font-size:.875rem}.recruiter-actions{display:flex;gap:.5rem}.quick-apply-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);text-align:center;position:sticky;top:2rem}.quick-apply-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.quick-apply-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.apply-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.similar-jobs-section{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color)}.similar-jobs-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.similar-jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.similar-job-card{background:#f8fafc;padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);transition:all .2s ease}.similar-job-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.similar-job-header h4{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary);line-height:1.3}.similar-job-header .company{color:var(--text-secondary);font-size:.875rem}.similar-job-meta{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.similar-job-meta .meta-item{font-size:.75rem}.similar-job-actions{margin-top:1rem}.no-similar-jobs{text-align:center;padding:2rem;color:var(--text-secondary)}.no-similar-jobs p{margin-bottom:1rem}@media (max-width: 1024px){.job-detail-content{grid-template-columns:1fr;gap:1.5rem}.sidebar-content{order:-1}.quick-apply-card{position:static;margin-bottom:2rem}}@media (max-width: 768px){.job-detail-page{padding:1rem 0}.job-header,.job-description-section,.similar-jobs-section{padding:1.5rem}.title-content h1{font-size:1.5rem}.job-title-section{flex-direction:column;gap:1rem;align-items:flex-start}.job-actions{align-self:flex-end}.application-actions{flex-direction:column;gap:1rem;align-items:stretch}.compatibility-score{text-align:center}.recruiter-stats{grid-template-columns:1fr}.recruiter-actions{flex-direction:column}.similar-jobs-grid{grid-template-columns:1fr}}@media (max-width: 480px){.job-header,.job-description-section,.similar-jobs-section{padding:1rem}.job-meta{grid-template-columns:1fr}.recruiter-card{padding:1rem}}.application-form{--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e6e8eb;--primary-color: #6d28d9;--success-color: #059669;--error-color: #ef4444;color:#111827!important;max-height:80vh;overflow-y:auto;padding:.5rem}.application-form *,.application-form input,.application-form textarea,.application-form select,.application-form label{color:#111827}.application-form input::placeholder,.application-form textarea::placeholder{color:#9ca3af;opacity:1}.application-form{display:block}@media (min-width: 900px){.application-form{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start;padding:1rem}.application-summary{margin:0;position:sticky;top:1.25rem;height:fit-content}.application-form>.form-section,.application-form>.documents-grid,.application-form>.form-actions{grid-column:2 / 3}}.application-form{box-sizing:border-box;width:100%}.application-summary,.document-upload{box-sizing:border-box}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.form-grid,.documents-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.btn.btn-outline,.btn.btn-outline.btn-small{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:8px;cursor:pointer}.btn.btn-outline.btn-small{padding:8px 10px;font-size:14px}.file-input+label{cursor:pointer}@media (max-width: 768px){.application-form{padding:.75rem}.summary-grid,.form-grid,.documents-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;gap:8px}.btn.btn-outline{width:100%;justify-content:center}}.application-summary{box-sizing:border-box;max-width:320px;width:100%;padding:1.25rem;border-radius:10px;background:#ffffff;border:1px solid var(--border-color);margin-bottom:1.5rem;color:var(--text-primary);line-height:1.4;overflow:hidden;word-wrap:break-word;overflow-wrap:anywhere}.application-summary h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.25}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{display:flex;flex-direction:column;gap:.25rem;word-break:break-word;overflow-wrap:anywhere}.summary-item .label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.summary-item .value{font-size:.875rem;color:var(--text-primary);font-weight:600}.form-section{margin-bottom:1.5rem;padding:1rem 1rem 1.25rem;border:1px solid var(--border-color);border-radius:10px;background:#ffffff;box-shadow:0 1px #10182805;line-height:1.45;word-wrap:break-word;overflow-wrap:anywhere}.form-section:last-of-type{margin-bottom:0}.form-section h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.25}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#111827;font-size:.875rem}.char-count{float:right;font-weight:400;color:var(--text-secondary);font-size:.75rem}.form-input{width:100%;padding:.75rem;min-height:44px;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;transition:all .2s ease;font-family:inherit;color:var(--text-primary);background-color:#fff}textarea.form-input{resize:vertical;min-height:120px;line-height:1.5;color:var(--text-primary);background-color:#fff}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.input-with-icon .form-input{padding-left:2.5rem}.suggestion-note{font-size:.75rem;color:var(--success-color);font-weight:500;margin-top:.25rem}.writing-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;padding:1rem;margin-top:1rem}.writing-tips h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.writing-tips ul{color:var(--text-secondary);font-size:.75rem;padding-left:1rem;margin:0}.writing-tips li{margin-bottom:.25rem;line-height:1.4}.documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.document-upload{background:#f8fafc;padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color);transition:all .2s ease}.document-upload:hover{border-color:var(--primary-color)}.document-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.upload-status{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;margin-left:auto}.upload-status.success{color:var(--success-color)}.document-description{color:var(--text-secondary);font-size:.75rem;margin-bottom:1rem;line-height:1.4}.file-info{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color);margin-top:2rem}.form-actions{align-items:center;flex-wrap:wrap}.form-actions .btn{min-width:120px;padding:.6rem 1rem;border-radius:10px}.form-actions .btn.primary{background:var(--primary-color);color:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px #10182805}@media (max-width: 768px){.form-actions{flex-direction:column-reverse;align-items:stretch;gap:.75rem;padding-top:1rem;margin-top:1rem}.form-actions .btn{width:100%}}.form-actions .btn{min-height:44px;padding:.6rem 1rem;border-radius:10px}.document-upload .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.75rem;border-radius:8px;background:#fff;border:1px solid var(--border-color)}@media (max-width: 768px){.application-form{padding:0}.form-grid,.documents-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.summary-grid{grid-template-columns:1fr}}@media (max-width: 480px){.application-summary,.document-upload{padding:1rem}.writing-tips{padding:.75rem}}.jp-modal-body.application-form{box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:20px;align-items:start}.jp-modal-body.application-form .application-summary{min-width:220px;max-width:320px;padding:16px;border-radius:10px;background:#fff;border:1px solid var(--border-color);box-shadow:0 6px 16px #0206170a;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.jp-modal-body.application-form .application-summary h3,.jp-modal-body.application-form .application-summary h4{font-size:1rem;font-weight:700;margin:0 0 8px;line-height:1.15;white-space:normal;-webkit-hyphens:auto;hyphens:auto}.jp-modal-body.application-form .application-summary .summary-item .label{font-size:.82rem;color:var(--text-secondary);font-weight:600}.jp-modal-body.application-form .application-summary .summary-item .value{font-size:.95rem;color:var(--text-primary);font-weight:600}@media (max-width: 900px){.jp-modal-body.application-form{grid-template-columns:1fr}}.jp-modal .application-form,.jp-modal-body.application-form{display:grid!important;grid-template-columns:minmax(220px,300px) 1fr!important;gap:20px!important;align-items:start!important;padding:20px!important}.jp-modal .application-summary,.jp-modal-body.application-form .application-summary{position:static!important;top:auto!important;margin:0!important;box-shadow:0 8px 20px #0206170a;border-radius:10px;padding:14px!important}.jp-modal .application-summary h3,.jp-modal .application-summary h4{margin:0 0 8px!important;font-size:1rem!important;font-weight:700!important}.jp-modal .application-summary .summary-item{padding:6px 0}@media (max-width: 920px){.jp-modal .application-form,.jp-modal-body.application-form{grid-template-columns:1fr!important}.jp-modal .application-summary{width:100%!important}}.learning-page{padding:2rem 0;min-height:100vh;background:var(--background-color)}.page-header{text-align:center;margin-bottom:2rem}.learning-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem}.stat-item{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem}.featured-categories{margin-bottom:3rem}.featured-categories h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.category-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;text-align:center}.category-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.category-icon{font-size:2rem;margin-bottom:1rem}.category-content h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.category-content span{color:var(--text-secondary);font-size:.875rem}.learning-header{margin-bottom:2rem}.search-section{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.search-bar{flex:1;position:relative;display:flex;align-items:center}.search-bar svg{position:absolute;left:1rem;color:var(--text-secondary)}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:1rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-weight:500}.filter-toggle:hover{background:#f8fafc;border-color:var(--primary-color)}.filter-toggle.active{background:#eff6ff;border-color:var(--primary-color);color:var(--primary-color)}.filter-count{background:var(--primary-color);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;display:flex;align-items:center;justify-content:center}.sort-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--surface-color);color:var(--text-primary);cursor:pointer;min-width:160px}.filters-panel{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow)}.filters-header h3{font-size:1.125rem;font-weight:600;margin:0;color:var(--text-primary)}.clear-filters{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:500;transition:color .2s ease}.clear-filters:hover{color:var(--primary-dark)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.filter-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--surface-color);color:var(--text-primary);cursor:pointer}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.course-card{background:var(--surface-color);border-radius:.75rem;border:1px solid var(--border-color);overflow:hidden;transition:all .2s ease;position:relative}.course-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.course-image{position:relative;height:200px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff}.course-type-badge{position:absolute;top:1rem;left:1rem;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff}.course-type-badge.live{background:var(--error-color)}.course-type-badge.recorded{background:var(--success-color)}.course-type-badge.offline{background:var(--warning-color)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s ease}.course-card:hover .play-overlay{opacity:1}.course-content{padding:1.5rem}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.course-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;flex:1}.course-rating{display:flex;align-items:center;gap:.25rem;color:#f59e0b;font-size:.875rem;font-weight:600;white-space:nowrap;margin-left:.5rem}.rating-count{color:var(--text-secondary);font-weight:400}.course-instructor{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.course-description{margin-bottom:1rem;position:relative}.course-description p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.blurred-content{position:relative}.blur-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:.5rem}.login-prompt{text-align:center;color:var(--text-secondary);padding:1rem}.login-prompt svg{margin-bottom:.5rem}.login-prompt p{font-size:.75rem;margin:0}.course-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.75rem}.course-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{background:#eff6ff;color:var(--primary-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.tag-more{color:var(--text-secondary);font-size:.75rem;font-style:italic}.course-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:#f8fafc}.course-price{display:flex;align-items:center;gap:.5rem}.price{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.original-price{font-size:.875rem;color:var(--text-secondary);text-decoration:line-through}.course-actions{display:flex;gap:.5rem}.early-bird-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.courses-loading{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.no-courses-found{text-align:center;padding:4rem 2rem;background:var(--surface-color);border-radius:.75rem;border:1px solid var(--border-color)}.no-courses-icon{color:var(--text-secondary);margin-bottom:1rem}.no-courses-found h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.no-courses-found p{color:var(--text-secondary);margin-bottom:1.5rem}.login-promotion{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem;border-radius:.75rem;margin-top:2rem}.promotion-content{text-align:center;max-width:500px;margin:0 auto}.promotion-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.promotion-content p{margin-bottom:1.5rem;opacity:.9}.promotion-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.learning-page{padding:1rem 0}.page-header h1{font-size:2rem}.learning-stats{grid-template-columns:repeat(2,1fr)}.search-section{flex-direction:column;align-items:stretch}.filters-grid,.courses-grid,.course-meta{grid-template-columns:1fr}.course-footer{flex-direction:column;gap:1rem;align-items:stretch}.course-actions{justify-content:center}.promotion-actions{flex-direction:column}.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.course-content{padding:1rem}.course-header{flex-direction:column;gap:.5rem}.course-rating{align-self:flex-start}.categories-grid,.learning-stats{grid-template-columns:1fr}}.learning-page-root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text-primary)}.learning-header{background:linear-gradient(90deg,#0f172a 0%,#0b1220 100%);color:#fff;padding:12px 0}.learning-header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.learning-header .brand{font-weight:700}.top-nav a{color:#fffc;margin-left:16px;text-decoration:none;padding:6px 10px;border-radius:8px}.top-nav a.active,.top-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.learning-header,.learning-header-inner,.top-nav{border-top:0!important;box-shadow:none!important}.container.learning-main{max-width:1200px;margin:20px auto;display:grid;grid-template-columns:1fr 320px;gap:12px;padding:0 20px}.hero{background:linear-gradient(180deg,rgb(240,245,204) 100%)!important;color:#fff!important;margin-top:20px!important}.hero .sub{margin:6px 0 12px;color:#1f2937!important}.hero-controls{display:flex;gap:12px;align-items:center}.search-wrap{display:flex;gap:8px;align-items:center;width:100%}.search-field{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:10px;flex:1}.search-field input{border:0;outline:0;width:100%;font-size:.95rem;color:#0f172a}.search-field input::placeholder{color:#94a3b8}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:#fff;padding:8px 10px;border-radius:8px}.hero-options select{padding:8px 10px;border-radius:8px}.courses-section{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:18px}.course-card{background:linear-gradient(180deg,#778c7c,#b1bace);color:#050505;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 30px #02061799}.course-card .media{height:110px;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px}.course-card .badge{background:rgba(114,136,139,.011);padding:6px 8px;border-radius:8px;font-size:.8rem}.course-card .content{padding:12px}.course-card .title{margin:0;font-size:1.05rem}.course-card .meta{margin-top:6px;color:#ffffffa6;display:flex;gap:8px;align-items:center}.course-card .excerpt{color:#fff9;margin:8px 0}.card-actions{display:flex;gap:8px;margin-top:8px}.btn-primary{background:linear-gradient(180deg,#2563eb,#1e4eda);color:#fff;border:0;padding:8px 12px;border-radius:8px}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.08);padding:8px 10px;border-radius:8px}.price{position:absolute;right:12px;bottom:12px;font-weight:700}.filters-panel{background:#5b6980;color:#0f172a;border-radius:10px;padding:12px;box-shadow:0 8px 20px #0f172a0f}.company-list{display:flex;gap:8px;flex-wrap:wrap}.company{background:#f1f5f9;padding:6px 8px;border-radius:8px;font-size:.9rem}.saved-list{display:flex;flex-direction:column;gap:8px}.saved-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fbfdff;border-radius:8px;border:1px solid #eef2f6}.saved-title{font-size:.9rem;color:#0f172a}.saved-actions{display:flex;gap:8px}.saved-actions .btn-link{padding:6px 8px}.course-card.modern-course{background:#fff;color:#0f172a;border-radius:12px;padding:28px;box-shadow:0 14px 40px #0206171f;border:1px solid rgba(2,6,23,.05);display:flex;flex-direction:column;gap:18px;min-height:260px}.course-card.modern-course .course-image{height:200px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#e6f0ff);box-shadow:0 8px 22px #0206170f}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#0b1220;font-weight:700}.course-content-modern{padding:0 4px}.course-title{font-size:1.1rem;font-weight:700;margin:0 0 6px;color:#0f172a}.course-instructor{font-size:.9rem;color:#34383c;margin-bottom:8px}.divider{border:0;border-top:1px solid #eef2f7;margin:8px 0}.course-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.rating{display:flex;align-items:center;gap:8px}.rating .stars svg{margin-right:3px}.rating-value{color:#16a34a;font-weight:700}.price-modern{font-weight:800;color:#16a34a}.modern-actions{display:flex;gap:8px;margin-top:8px}.modern-actions .btn-primary{padding:10px 14px;border-radius:10px}.modern-actions .btn-outline{padding:10px 14px;border-radius:10px;background:transparent;border:1px solid #e6eefb}@media (max-width: 1000px){.courses-grid{grid-template-columns:repeat(2,1fr)}.container.learning-main{grid-template-columns:1fr 300px;gap:12px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.6);z-index:60}.modal{background:#fff;color:#0f172a;width:720px;max-width:96%;border-radius:10px;padding:16px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-body label{display:block;margin-top:8px}.modal-body input,.modal-body textarea,.modal-body select{width:100%;padding:8px;margin-top:6px;border-radius:6px;border:1px solid #e6e9f2}.close{background:transparent;border:0;font-size:18px}@media (max-width: 1000px){.courses-grid{grid-template-columns:repeat(2,1fr)}.container.learning-main{grid-template-columns:1fr 320px}}@media (max-width: 720px){.container.learning-main,.courses-grid{grid-template-columns:1fr}.info-panel{position:static}.job-filters{margin-top:18px}}.learning-page{--primary-color: #2563eb;--accent-color: #06b6d4;--bg-color: #071027;--surface-color: #0b1220;--card-bg: #ffffff;--text-primary: #0f1724;--text-on-dark: #e6eef8;--muted: #64748b;--border-color: #e6e9f2;background-color:var(--bg-color)}.learning-page .container.learning-main{max-width:1200px;margin:0 auto;padding:24px;grid-template-columns:1fr 320px;gap:24px}.stat-item,.category-card,.filters-panel,.course-card,.course-card.modern-course,.modal,.course-content,.course-content-modern,.login-promotion,.no-courses-found{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}.form-grid .full{grid-column:1 / -1}.learning-page-root .hero{background:linear-gradient(180deg,#A9A2CD 100%)!important;color:#fff!important;margin-top:20px!important}.learning-page-root .btn-ghost{padding:1rem 2rem!important;background:transparent!important;color:#0f172a!important;border:2px solid var(--border-color)!important;border-radius:12px!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:var(--transition, all .2s ease)!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.learning-page-root .filters-panel{background:#A9A2CD!important}.learning-page-root .course-card{background:linear-gradient(180deg,#C0BABC 0%)!important;color:#050505!important}.form-grid label,.filter-group label{display:block;margin-bottom:8px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.form-grid input,.form-grid textarea,.form-grid select,.search-input,.search-field input,.modal-body input,.modal-body textarea,.modal-body select{width:100%;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:1rem;box-sizing:border-box}.input-group{margin-bottom:12px}.section{padding:24px 0;border-top:1px solid rgba(255,255,255,.03)}.section-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.page-header h1{font-size:2.25rem;line-height:1.1;margin-bottom:8px;color:var(--text-on-dark)}.page-header p{font-size:1rem;color:var(--muted)}h2{font-size:1.5rem;font-weight:700;color:var(--text-primary)}h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.btn-primary{background:linear-gradient(180deg,var(--primary-color),#1e4eda);color:#fff}.btn-outline{border:1px solid rgba(0,0,0,.06)}.course-card .content p,.course-description p,.course-instructor,.rating-count,.course-meta .meta-item{color:var(--muted)}@media (max-width: 900px){.form-grid{grid-template-columns:1fr}.learning-page .container.learning-main{padding:16px;grid-template-columns:1fr}.learning-stats{grid-template-columns:repeat(2,1fr)}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 480px){.page-header h1{font-size:1.75rem}.learning-page .container.learning-main{padding:12px}}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0206171f}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0206171f}.modal{padding:20px}.form-actions{display:flex;gap:12px;align-items:center}.form-actions .btn{flex:1}.filters-panel{background:#EEF3CE!important}.filters-header h3{color:#0f172a!important}.filter-group label{color:#1f2937!important;font-weight:700!important;text-transform:none!important}.course-card{background:linear-gradient(180deg,#e0e9a3 0%)!important;color:#050505!important}.btn-enroll{background:#524393!important;color:#fff!important}.learning-page-root .saved-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px!important;background:#EEF3CE!important;border-radius:8px!important;border:1px solid #eef2f6!important}.filter-group select{background:#524393!important;color:var(--text-primary)!important}.course-detail-page{padding:2.5rem 0;min-height:100vh;background:#f8fafc}.course-detail-page .container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.course-detail-content{display:grid;grid-template-columns:1fr 400px;gap:2.5rem;align-items:start}.course-detail-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-content{text-align:center}.course-not-found{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center}.not-found-content{max-width:500px;background:white;padding:3rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.not-found-content h2{font-size:1.75rem;font-weight:700;margin:1rem 0 .75rem;color:#0f172a;letter-spacing:-.025em}.not-found-content p{color:#64748b;margin-bottom:2rem;line-height:1.6}.course-header{background:white;padding:2.5rem;border-radius:1rem;border:1px solid #f1f5f9;margin-bottom:2.5rem;box-shadow:0 1px 3px #0000001a}.back-navigation{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;color:#0f172a;cursor:pointer;transition:all .2s ease;font-size:.9375rem;font-weight:600}.back-button:hover{background:#f1f5f9;border-color:#cbd5e1}.course-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.title-content{flex:1}.course-category{display:inline-block;background:#eff6ff;color:#2563eb;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;margin-bottom:1.25rem;border:1px solid #dbeafe}.title-content h1{font-size:2.25rem;font-weight:800;color:#0f172a;margin:0 0 1.25rem;line-height:1.2;letter-spacing:-.025em}.instructor-info{display:flex;align-items:center;gap:1rem;font-size:1.125rem;color:#64748b}.instructor-rating{display:flex;align-items:center;gap:.375rem;color:#f59e0b;font-size:.9375rem;font-weight:700}.course-actions{display:flex;gap:.5rem;position:relative;z-index:12}.icon-button{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;pointer-events:auto}.icon-button:hover{background:#f8fafc;border-color:var(--primary-color);color:var(--primary-color)}.course-meta-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:.5rem}.course-detail-page .info-item{display:flex!important;align-items:center!important;gap:.5rem!important;color:#0f172a!important;font-size:.875rem!important}.enrollment-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.enrollment-actions{display:flex;justify-content:space-between;align-items:center;gap:2rem}.pricing-info{flex:1}.price-display{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.current-price{font-size:2rem;font-weight:700;color:#0b1220}.original-price{font-size:1.25rem;color:var(--text-secondary);text-decoration:line-through}.discount-badge{background:var(--success-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.early-bird-notice{display:flex;align-items:center;gap:.5rem;color:#d97706;font-size:.875rem;font-weight:500}.login-prompt{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem;border-radius:.75rem;text-align:center;width:100%}.prompt-content svg{margin-bottom:1rem}.prompt-content p{margin-bottom:1.5rem;opacity:.9}.course-tabs{background:var(--surface-color);border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem;overflow:hidden}.tabs-container{display:flex;border-bottom:1px solid var(--border-color);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tabs-container::-webkit-scrollbar{display:none}.tab{padding:1rem 2rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .2s ease;border-bottom:2px solid transparent}.tab:hover{color:var(--primary-color);background:#f8fafc}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:#eff6ff}.tab-content{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem}.course-description h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.course-description p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.learning-objectives{margin-bottom:2rem}.learning-objectives h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.objectives-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.objective-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.5rem;border:1px solid var(--border-color)}.objective-item svg{color:var(--success-color);flex-shrink:0;margin-top:.125rem}.objective-item span{color:#0f172a;font-weight:500}.course-features{margin-bottom:2rem}.course-features h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid var(--border-color)}.feature-item svg{color:var(--primary-color);flex-shrink:0}.feature-item h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#0f172a}.feature-item p{color:#64748b;font-size:.875rem;margin:0}.course-tags h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#eff6ff;color:#2563eb;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600}.curriculum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.curriculum-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#0f172a}.curriculum-stats{display:flex;gap:1.5rem;color:#64748b;font-size:.875rem}.curriculum-sections{display:flex;flex-direction:column;gap:1.5rem}.curriculum-section{background:white;border-radius:.5rem;border:1px solid #e2e8f0;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#1e293b;border-bottom:1px solid #e2e8f0}.section-header h3{font-size:1.125rem;font-weight:600;margin:0;color:#fff}.section-header span{color:#94a3b8;font-size:.875rem}.section-lessons{padding:1rem}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0}.lesson-item:last-child{border-bottom:none}.lesson-item.assignment{background:#f0f9ff;border-radius:.375rem;margin-top:.5rem}.lesson-info{display:flex;align-items:center;gap:.75rem;color:#0f172a;font-weight:500}.lesson-duration{color:#2563eb;font-size:.875rem;font-weight:600}.instructor-profile{max-width:800px}.instructor-header{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.instructor-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600;flex-shrink:0}.instructor-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.instructor-details h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.instructor-title{color:var(--text-secondary);margin-bottom:1rem}.instructor-stats{display:flex;gap:1.5rem}.instructor-stats .stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.instructor-bio{margin-bottom:2rem}.instructor-bio h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.instructor-bio p{color:var(--text-secondary);line-height:1.6}.instructor-specialization{margin-bottom:2rem}.instructor-specialization h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.specialization-tags{display:flex;flex-wrap:wrap;gap:.5rem}.specialization-tag{background:#eff6ff;color:var(--primary-color);padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.instructor-achievements h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.instructor-achievements ul{color:var(--text-secondary);padding-left:1.5rem;line-height:1.6}.instructor-achievements li{margin-bottom:.5rem}.reviews-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.reviews-summary{display:flex;align-items:center;gap:2rem}.average-rating{text-align:center}.rating-number{display:block;font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.rating-stars{display:flex;gap:.25rem;margin-bottom:.5rem;color:#f59e0b}.rating-count{color:var(--text-secondary);font-size:.875rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.review-item{padding:1.5rem;background:#f8fafc;border-radius:.5rem;border:1px solid var(--border-color)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reviewer-info{display:flex;align-items:center;gap:1rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.reviewer-info h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.review-rating{display:flex;gap:.125rem;color:#f59e0b}.review-date{color:#0f172a;font-size:.875rem}.review-content{color:#0f172a;line-height:1.6;margin:0}.no-reviews{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.reviews-footer{text-align:center}.similar-courses-section{background:#0f172a22;padding:2rem;border-radius:.75rem;border:1px solid #e6eef6}.similar-courses-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.similar-courses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.similar-course-card{background:#ffffff;border-radius:.75rem;border:1px solid #e6eef6;overflow:hidden;transition:all .18s ease}.similar-course-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.similar-course-image{height:120px;background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 60%)}.similar-course-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(167,139,250,.15),rgba(124,58,237,.12));display:flex;align-items:center;justify-content:center;color:#fff}.similar-course-content{padding:1.25rem 1.5rem}.similar-course-content h4{font-size:1.05rem;font-weight:700;margin:0 0 .5rem;color:#0b1220;line-height:1.3}.similar-course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.similar-course-meta .instructor{color:#475569;font-size:.9rem;font-weight:600}.similar-course-meta .rating{display:flex;align-items:center;gap:.25rem;color:#f59e0b;font-size:.875rem;font-weight:600}.similar-course-price{font-size:1.125rem;font-weight:800;color:#0f172a;margin-bottom:1rem}.similar-course-actions{padding:0 1.5rem 1.25rem}.similar-course-card .btn.btn-outline,.similar-course-card .btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:8px 12px;border-radius:10px;background:#ffffff;color:#1d4ed8;border:1px solid #c7ddff;font-weight:600;box-shadow:0 2px 6px #1018280a}.similar-course-card .btn.btn-outline:hover,.similar-course-card .btn-outline:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-2px)}.no-similar-courses{text-align:center;padding:2rem;color:var(--text-secondary)}.no-similar-courses p{margin-bottom:1rem}.sidebar-content{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}.quick-enroll-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);text-align:center}.quick-enroll-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.pricing{margin-bottom:1.5rem}.pricing .price{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.pricing .original-price{color:var(--text-secondary);text-decoration:line-through;font-size:1.125rem}.course-detail-page .pricing .original-price{color:#0f172a!important;text-decoration:line-through!important;font-size:1.125rem!important}.course-detail-page .original-price{font-size:1.25rem!important;color:#0f172a!important;text-decoration:line-through!important}.enrollment-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.features-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.features-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem}.features-list li:last-child{border-bottom:none}.features-list li svg{color:var(--primary-color);flex-shrink:0}@media (max-width: 1024px){.course-detail-content{grid-template-columns:1fr;gap:1.5rem}.sidebar-content{order:-1;position:static}.similar-courses-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.course-detail-page{padding:1rem 0}.course-header,.tab-content,.similar-courses-section{padding:1.5rem}.title-content h1{font-size:1.5rem}.course-title-section{flex-direction:column;gap:1rem;align-items:flex-start}.course-actions{align-self:flex-end}.enrollment-actions{flex-direction:column;gap:1rem;align-items:stretch}.tabs-container{flex-wrap:wrap}.tab{flex:1;min-width:120px;padding:1rem;font-size:.875rem}.curriculum-header{flex-direction:column;gap:1rem;align-items:flex-start}.curriculum-stats{flex-wrap:wrap;gap:.75rem}.instructor-header{flex-direction:column;gap:1rem;text-align:center}.instructor-stats{justify-content:center}.reviews-summary{flex-direction:column;gap:1rem;text-align:center}.review-header{flex-direction:column;gap:1rem;align-items:flex-start}.similar-courses-grid{grid-template-columns:1fr}}@media (max-width: 480px){.course-header,.tab-content,.similar-courses-section{padding:1rem}.course-meta-overview,.objectives-grid,.features-grid{grid-template-columns:1fr}.quick-enroll-card,.features-card{padding:1rem}}.course-detail-page .back-navigation .back-button{display:inline-flex!important;align-items:center!important;gap:8px!important;background:transparent!important;border:none!important;color:#524393!important;cursor:pointer!important;font-weight:600!important}.course-detail-page .specialization-tag{background:#eff6ff!important;color:#0f172a!important;padding:.5rem 1rem!important;border-radius:1rem!important;font-size:.875rem!important;font-weight:500!important}.course-detail-page .instructor-bio p{color:#0f172a!important;line-height:1.6!important}.course-detail-page .instructor-achievements ul{color:#0f172a!important;padding-left:1.5rem!important;line-height:1.6!important}.course-detail-page .tab-content{background:#A9A2CD!important;padding:2rem!important;border-radius:.75rem!important;border:1px solid var(--border-color)!important;margin-bottom:2rem!important}.course-detail-page .tabs-container{display:flex!important;border-bottom:1px solid var(--border-color)!important;background-color:#524393!important}.course-detail-page .icon-button{background:#A9A2CD!important;color:#0f172a!important;border:1px solid var(--border-color)!important}.course-detail-page .btn-primary{background:#524393!important;color:#fff!important;border:2px solid #0f172a!important}.course-detail-page .feature-item svg,.course-detail-page .objective-item svg{color:#524393!important;flex-shrink:0!important}.course-detail-page .course-description p{color:#0f172a!important;line-height:1.6!important;margin-bottom:2rem!important}.course-detail-page .rating-count{color:#0f172a!important;font-size:.875rem!important}.course-detail-page .reviewer-info h4{font-size:1rem!important;font-weight:600!important;margin:0 0 .25rem!important;color:#0f172a!important}.course-detail-page .instructor-title{color:#0f172a!important;margin-bottom:1rem!important}.course-detail-page .instructor-stats .stat{display:flex!important;align-items:center!important;gap:.5rem!important;color:#0f172a!important;font-size:.875rem!important}.course-detail-page .similar-courses-section h2{font-size:1.5rem!important;font-weight:600!important;margin-bottom:1.5rem!important;color:#0f172a!important}.course-detail-page .course-header{background:#C0BABC!important;padding:2.5rem!important;border-radius:1rem!important;border:1px solid #f1f5f9!important;margin-bottom:2.5rem!important;box-shadow:0 1px 3px #0000001a!important}.course-detail-page .course-meta-overview{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:1rem!important;margin-bottom:2rem!important;padding:1.5rem!important;background:#C0BABC!important;border-radius:.5rem!important}.course-detail-page .meta-item{display:flex!important;align-items:center!important;gap:.375rem!important;color:#0f172a!important;font-size:.875rem!important}.course-detail-page{padding:2.5rem 0!important;min-height:100vh!important;background:#EEF3CE!important}.course-detail-page .quick-enroll-card{background:#A9A2CD!important;padding:1.5rem!important;border-radius:.75rem!important;border:1px solid var(--border-color)!important;text-align:center!important}.course-detail-page .features-card{background:#A9A2CD!important;padding:1.5rem!important;border-radius:.75rem!important;border:1px solid var(--border-color)!important}.course-detail-page .features-list li{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.75rem 0!important;border-bottom:1px solid var(--border-color)!important;color:#1f2937!important;font-size:.875rem!important}.course-detail-page .features-list li svg{color:#524393!important;flex-shrink:0!important}*{box-sizing:border-box}.form-section h2::selection,.form-section h2 *::selection,.input-group label::selection,.course-id-hint::selection,.method-label::selection{background:transparent;color:#000}body{margin:0;padding:0}.enrollment-wrapper{min-height:100vh;background:linear-gradient(180deg,#f3f6f9 0%,#eef2f6 100%);padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.enrollment-container{max-width:900px;margin:0 auto;background:white;border-radius:24px;box-shadow:0 25px 70px #00000026;overflow:hidden;color:#0f172a}.form-header{background:linear-gradient(90deg,#524393 0%,#524393 100%);color:#fff;padding:50px 40px 35px;text-align:center}.form-header .btn{background:#ffffff;color:#0f172a;border:1px solid rgba(15,23,42,.06);padding:8px 12px;border-radius:10px;font-weight:700;box-shadow:0 6px 20px #02061714;height:auto}.form-header .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0206171f}.form-header h1{margin:0 0 12px;font-size:2.8rem;font-weight:800;letter-spacing:-.02em}.form-header p{margin:0;opacity:.95;font-size:1.15rem;font-weight:400}.enrollment-form{padding:50px}.form-section h2{color:#000!important;font-size:1.6rem;font-weight:800;margin-bottom:30px;padding-bottom:12px;border-bottom:3px solid #f3f4f6;position:relative;opacity:1!important}.form-section h2,.form-section h2 *{color:#000!important;opacity:1!important}.form-section h2:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-bottom:25px}.input-group{display:flex;flex-direction:column;position:relative}.input-group.full-width{grid-column:1 / -1}.input-group label{font-weight:700;color:#0f172a;margin-bottom:10px;font-size:.98rem;letter-spacing:-.01em}.course-id-hint{font-size:.85rem;font-weight:600;color:#0f172a;background:#f3f4f6;padding:4px 8px;border-radius:6px;margin-left:8px}.input-group input,.input-group select{padding:16px 20px;border:2px solid #e5e7eb;border-radius:14px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fafbfc;height:56px;color:#0f172a}.input-group input:focus,.input-group select:focus{outline:none;border-color:#2563eb;background:white;box-shadow:0 0 0 6px #2563eb14;transform:translateY(-1px)}.input-group input::placeholder{color:#9ca3af;font-weight:400}.input-group input:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.field-hint{font-size:.88rem;color:#475569;margin-top:6px;font-style:italic;line-height:1.4}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:30px}.method-option{display:flex;align-items:center}.method-option input[type=radio]{display:none}.method-label{display:flex;align-items:center;gap:14px;padding:20px 25px;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;font-weight:500;font-size:1rem}.method-option input[type=radio]:checked+.method-label{border-color:#2563eb;background:linear-gradient(90deg,#c7ddff,#c0d7ff);color:#071033;box-shadow:0 8px 20px #2563eb14;transform:translateY(-2px)}.method-icon{font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.payment-fields{background:#f8fafc;padding:30px;border-radius:16px;border:1px solid #e2e8f0;margin-top:20px}.checkbox-group{margin-top:20px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem;color:#374151;font-weight:500}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;margin-top:2px;position:relative;flex-shrink:0;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:14px;font-weight:700}.terms-text{line-height:1.6}.terms-link{color:#4f46e5;text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.form-actions{display:flex;gap:18px;justify-content:flex-end;margin-top:50px;padding-top:35px;border-top:2px solid #f3f4f6}.btn-primary,.btn-secondary{padding:18px 36px;border:none;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);height:60px;letter-spacing:-.01em}.btn-primary{background:#524393;color:#fff;min-width:220px;box-shadow:0 10px 30px #2563eb2e}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #2563eb38}.enrollment-container .btn-primary{background:#524393!important;color:#fff!important;border:2px solid var(--primary-color)!important}.enrollment-container .btn-secondary{background:#ffffff!important;color:#524393!important;border:2px solid #524393!important}.btn-secondary{background:#ffffff;color:#0f172a;border:1px solid #e6e9ef;flex:1;max-width:200px}.btn-secondary:hover{background:#f3f4f6;transform:translateY(-2px);border-color:#d1d5db}.security-notice{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;padding:25px 50px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.95rem}.security-notice span{font-size:1.4rem}@media (max-width: 768px){.enrollment-wrapper{padding:1rem}.enrollment-container{border-radius:1rem;box-shadow:0 15px 50px #0000001f}.form-header{padding:2.5rem 2rem 2rem}.form-header .btn{padding:.5rem .875rem;font-size:.9375rem}.form-header h1{font-size:2.25rem;margin-bottom:.75rem}.form-header p{font-size:1.0625rem}.enrollment-form{padding:2.5rem 2rem}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem}.form-grid{grid-template-columns:1fr;gap:1.25rem}.payment-methods{grid-template-columns:1fr;gap:1rem}.method-label{padding:1.25rem}.form-actions{flex-direction:column-reverse;gap:.75rem}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}.btn-primary{order:1}.btn-secondary{order:2}.security-notice{padding:1.5rem;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.course-id-hint{display:block;margin:.5rem 0 0}}@media (max-width: 480px){.enrollment-wrapper{padding:.75rem}.enrollment-container{border-radius:.75rem}.form-header{padding:2rem 1.5rem 1.75rem}.form-header h1{font-size:1.875rem;line-height:1.2}.form-header p{font-size:1rem}.enrollment-form{padding:2rem 1.5rem}.form-section h2{font-size:1.375rem;margin-bottom:1.25rem}.form-section h2:after{width:50px}.form-grid{gap:1rem}.input-group label{font-size:.9375rem;margin-bottom:.5rem}.input-group input,.input-group select{padding:.875rem 1rem;height:48px;font-size:1rem}.course-id-hint{font-size:.8125rem;padding:.375rem .625rem}.field-hint{font-size:.8125rem}.payment-methods{gap:.875rem}.method-label{padding:1rem}.method-label .method-icon{width:32px;height:32px}.method-label .method-name{font-size:.9375rem}.btn-primary,.btn-secondary{padding:1rem 1.5rem;height:50px;min-height:44px;font-size:1rem}.security-notice{padding:1.25rem;gap:.625rem}.security-notice span{font-size:1.125rem}.security-notice p{font-size:.875rem}}@media print{.enrollment-wrapper{background:white;padding:0}.form-header{background:#4f46e5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.btn-primary,.btn-secondary,.security-notice{display:none}}.publishing-page{--primary-color: #524393;--secondary-color: #A2A2D0;--success-color: #BDD337;--error-color: #dc2626;--warning-color: #f59e0b;--gradient-primary: linear-gradient(135deg, #524393 0%, #A2A2D0 100%);--gradient-secondary: linear-gradient(135deg, #BDD337 0%, #A2A2D0 50%, #524393 100%);--text-primary: #1B1528;--text-secondary: #64748b;--text-tertiary: #94a3b8;--background-color: #ffffff;--surface-color: #EEF3CE;--border-color: #C0BABC;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: .25s ease;min-height:100vh;background:var(--background-color);padding:2rem 0 4rem}.publishing-hero{text-align:center;padding:3rem 0 2rem;position:relative;background:linear-gradient(135deg,rgba(82,67,147,.03) 0%,rgba(189,211,55,.05) 100%);border-radius:var(--radius-xl);margin-bottom:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.625rem;background:white;color:var(--primary-color);padding:.625rem 1.5rem;border-radius:50px;font-size:.9375rem;font-weight:700;margin-bottom:1.5rem;border:2px solid var(--primary-color);box-shadow:0 4px 12px #52439326;animation:slideInDown .6s ease-out}.hero-badge span:first-child{font-size:1.25rem}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);animation:slideInLeft .8s ease-out;letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,#524393 0%,#BDD337 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-description{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;animation:slideInUp 1s ease-out}.publishing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 2rem 2rem;animation:slideInUp 1.2s ease-out}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:white;border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #52439326;border-color:var(--primary-color)}.stat-card svg{color:var(--primary-color);flex-shrink:0}.stat-card strong{display:block;font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-card span{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.375rem;font-weight:500}.submission-cta,.guest-cta{background:linear-gradient(135deg,#524393 0%,#6B52AE 100%);border-radius:var(--radius-xl);padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 10px 30px #52439340;animation:slideInDown .8s ease-out;position:relative;overflow:hidden}.submission-cta:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(189,211,55,.15) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.cta-content{display:flex;align-items:center;gap:2rem;color:#fff;position:relative;z-index:1}.cta-icon{width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 16px #0000001a}.cta-icon svg{color:#fff}.cta-text{flex:1}.cta-text h3{font-size:1.75rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.01em}.cta-text p{opacity:.95;font-size:1.0625rem;line-height:1.6}.cta-content .btn-primary{background:white;color:var(--primary-color);flex-shrink:0;font-weight:700;padding:1rem 2rem;box-shadow:0 4px 12px #00000026}.cta-content .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040;background:#f8f8f8}.publishing-tabs{display:flex;gap:1rem;margin-bottom:2rem;background:white;padding:.5rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000a;border:2px solid var(--border-color)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:1rem;cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.tab-btn svg{flex-shrink:0;transition:transform .3s ease}.tab-btn:hover{background:var(--surface-color);color:var(--text-primary)}.tab-btn:hover svg{transform:scale(1.1)}.tab-btn.active{background:linear-gradient(135deg,#524393 0%,#6B52AE 100%);color:#fff;font-weight:700;box-shadow:0 4px 12px #5243934d}.tab-btn.active svg{color:#fff}.tab-badge{background:rgba(255,255,255,.95);color:var(--primary-color);border-radius:50%;width:24px;height:24px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 4px #0000001a}.tab-btn.active .tab-badge{background:white;color:var(--primary-color)}.search-filter-section{margin-bottom:2.5rem;animation:fadeIn .5s ease-out}.search-row{display:flex;gap:1rem;align-items:stretch}.search-box svg{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;z-index:2;width:20px;height:20px;flex-shrink:0}.search-input-modern{width:100%;padding:1rem 1.5rem 1rem 3.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;background:white;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;line-height:1.5;height:56px;box-shadow:0 2px 4px #00000005}.search-input-modern::placeholder{color:var(--text-tertiary);font-size:.9375rem;font-weight:400}.search-input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #5243931a,0 2px 8px #00000014;background:#ffffff}.sort-select{padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:white;color:var(--text-primary);cursor:pointer;min-width:200px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;height:56px;font-size:1rem;box-shadow:0 2px 4px #00000005;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23524393'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.25rem;
  padding-right: 3rem;
}
.sort-select:hover {
  border-color: var(--primary-color);background-color:var(--surface-color);box-shadow:0 4px 8px #0000000f}.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #5243931a,0 2px 8px #00000014}.filter-toggle{display:flex;align-items:center;gap:.625rem;padding:1rem 1.5rem;background:white;border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;white-space:nowrap;height:56px;font-size:1rem;box-shadow:0 2px 4px #00000005}.filter-toggle:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.filter-toggle svg{flex-shrink:0}.filter-toggle.active{background:rgba(82,67,147,.1);border-color:var(--primary-color);color:var(--primary-color)}.filter-badge{background:var(--primary-color);color:#fff;border-radius:50%;width:22px;height:22px;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 4px #0003}.filters-panel{background:var(--surface-color);padding:2rem;border-radius:var(--radius-xl);border:2px solid var(--border-color);box-shadow:var(--shadow-md);margin-top:1rem;animation:slideDown .3s ease-out}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filters-header h3{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.clear-filters{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;transition:var(--transition);padding:.5rem 1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.clear-filters:hover{background:rgba(37,99,235,.1)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.filter-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.filter-group select{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);font-weight:500;font-family:inherit}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.requirements-section{animation:fadeIn .6s ease-out}.section-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.section-count{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;font-weight:500}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:2.5rem;margin-top:2.5rem}.requirement-card{position:relative;background:#ffffff;border-radius:28px;overflow:hidden;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;box-shadow:0 8px 32px #1b15280f,0 2px 8px #1b15280a;border:1px solid rgba(192,186,188,.12)}.requirement-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 24px 64px #52439326,0 8px 24px #bdd3371a;border-color:#52439333}.card-gradient-overlay{position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(135deg,rgba(162,162,208,.08) 0%,rgba(189,211,55,.12) 50%,rgba(82,67,147,.06) 100%);z-index:0}.card-icon-container{position:relative;display:flex;justify-content:center;padding:3rem 0 1.5rem;z-index:1}.card-icon-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #5243931f,0 4px 12px #bdd33714,inset 0 2px 4px #ffffffe6;color:var(--primary-color);border:3px solid rgba(189,211,55,.25);transition:all .4s ease}.requirement-card:hover .card-icon-circle{transform:rotate(360deg) scale(1.1);box-shadow:0 16px 48px #52439333,0 8px 16px #bdd33726,inset 0 2px 4px #fff;border-color:#bdd33766}.card-body{position:relative;padding:0 2.5rem 2rem;z-index:1;flex:1;display:flex;flex-direction:column;gap:1rem}.requirement-title{font-size:1.625rem;font-weight:800;line-height:1.3;color:var(--text-primary);text-align:center;margin-bottom:.5rem;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.requirement-badges{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.125rem;border-radius:24px;font-size:.8125rem;font-weight:600;letter-spacing:.01em;transition:all .3s ease}.badge-field{background:linear-gradient(135deg,rgba(82,67,147,.08),rgba(162,162,208,.12));color:#524393;border:1px solid rgba(82,67,147,.15)}.badge-deadline{background:linear-gradient(135deg,rgba(220,38,38,.06),rgba(239,68,68,.08));color:#dc2626;border:1px solid rgba(220,38,38,.15)}.requirement-card:hover .badge{transform:translateY(-2px)}.requirement-info{text-align:center;padding:.75rem 0;border-bottom:1px solid rgba(192,186,188,.1)}.info-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.375rem}.info-value{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.requirement-description{text-align:center;color:var(--text-secondary);font-size:.9375rem;line-height:1.7;margin:.5rem 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.requirement-guidelines{background:linear-gradient(135deg,rgba(238,243,206,.3),rgba(189,211,55,.08));border-radius:20px;padding:1.5rem;margin-top:auto;border:1px solid rgba(189,211,55,.15)}.guidelines-title{font-size:.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;text-align:center}.guidelines-list{display:flex;flex-direction:column;gap:.75rem}.guideline-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dashed rgba(192,186,188,.15)}.guideline-row:last-child{border-bottom:none}.guideline-key{font-size:.875rem;color:var(--text-secondary);font-weight:500}.guideline-val{font-size:.875rem;color:var(--text-primary);font-weight:700}.card-actions{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2.5rem;border-top:1px solid rgba(192,186,188,.1);background:linear-gradient(180deg,rgba(238,243,206,.08) 0%,rgba(255,255,255,.5) 100%);gap:1.25rem;margin-top:auto}.action-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:600}.action-info svg{color:var(--primary-color);opacity:.7}.btn-write-manuscript{padding:.875rem 2rem;background:linear-gradient(135deg,#1B1528 0%,#524393 100%);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #1b152833;white-space:nowrap;letter-spacing:.02em}.btn-write-manuscript:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #1b15284d,0 4px 12px #52439333;background:linear-gradient(135deg,#524393 0%,#6B52AE 100%)}.btn-write-manuscript:active{transform:translateY(-2px) scale(1.02)}@media (max-width: 1200px){.requirements-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width: 768px){.requirements-grid{grid-template-columns:1fr;gap:2rem}.card-actions{flex-direction:column;gap:1rem}.btn-write-manuscript{width:100%}}.access-info-section{background:var(--surface-color);padding:3rem 2rem;border-radius:var(--radius-xl);border:2px solid var(--border-color);margin-bottom:3rem}.access-info-section h3{font-size:1.75rem;font-weight:800;margin-bottom:2rem;color:var(--text-primary);text-align:center}.access-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.access-type-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:var(--background-color);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:var(--transition)}.access-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.access-type-card svg{color:var(--primary-color);margin-bottom:1rem}.access-type-card h4{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.access-type-card p{color:var(--text-secondary);font-size:.9375rem;margin:0;line-height:1.6}.btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,#524393 0%,#6B52AE 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.625rem;text-decoration:none;box-shadow:0 4px 12px #5243934d;border:2px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #52439366}.btn-secondary{padding:1rem 2rem;background:white;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:.625rem}.btn-secondary:hover{background:var(--surface-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-sm{padding:.75rem 1.25rem;font-size:.9375rem}.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(27,21,40,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}.modal-content{background:white;border-radius:var(--radius-xl);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d;animation:slideInUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--border-color)}.modal-header h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0}.modal-close{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background:white;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.modal-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:rotate(90deg)}.requirement-info{background:var(--surface-color);padding:1.5rem;margin:1.5rem 2rem;border-radius:var(--radius-lg);border-left:4px solid var(--primary-color)}.requirement-info h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.requirement-info p{margin:.5rem 0;color:var(--text-secondary);font-size:.9375rem}.requirement-info strong{color:var(--text-primary);font-weight:600}.submit-form{padding:0 2rem 2rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.9375rem}.form-input,.form-textarea{padding:.875rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:white;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #5243931a}.form-textarea{resize:vertical;min-height:120px}.form-file-input{padding:.875rem 1.25rem;border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);cursor:pointer;transition:all .2s ease;font-size:.9375rem}.form-file-input:hover{border-color:var(--primary-color);background:white}.form-hint{font-size:.8125rem;color:var(--text-secondary);margin-top:.375rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;min-height:400px}.loader{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.loading-container p{margin-top:1.5rem;color:var(--text-secondary);font-weight:600;font-size:1.0625rem}.empty-state{text-align:center;padding:4rem 2rem;background:white;border-radius:var(--radius-xl);border:2px dashed var(--border-color);margin:2rem 0}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.empty-state p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.0625rem;max-width:500px;margin-left:auto;margin-right:auto}.empty-state .btn-primary{margin-top:1rem}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #2563eb66;opacity:0;visibility:hidden;transform:translateY(100px) scale(.8);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);animation:scrollTopPulse 2s ease-in-out infinite}@keyframes scrollTopPulse{0%,to{box-shadow:0 8px 20px #2563eb66}50%{box-shadow:0 8px 20px #2563eb66,0 0 #2563ebb3}}.scroll-to-top svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.scroll-to-top:hover svg{transform:translateY(-3px)}@media (max-width: 1024px){.publishing-stats{grid-template-columns:repeat(2,1fr)}.requirements-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width: 768px){.container{padding:0 1.5rem}.publishing-page{padding:1.5rem 0 3rem}.publishing-hero{padding:2rem 1rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.publishing-stats{grid-template-columns:1fr;gap:1rem;padding:0 1rem 1.5rem}.stat-card{padding:1.25rem}.cta-content{flex-direction:column;text-align:center;gap:1.5rem}.cta-text h3{font-size:1.5rem}.cta-content .btn-primary{width:100%}.publishing-tabs{flex-direction:column;gap:.5rem}.tab-btn{padding:.875rem 1.25rem}.search-row{flex-direction:column;align-items:stretch;gap:.875rem}.search-box{width:100%}.filter-toggle,.sort-select{width:100%;justify-content:center}.search-input-modern{font-size:16px;height:52px;padding:.875rem 1.25rem .875rem 3.25rem}.requirements-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:flex-start}.card-footer{flex-direction:column;align-items:stretch}.card-meta{justify-content:center}.btn-submit-manuscript{width:100%;justify-content:center}.modal-overlay{padding:1rem}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.5rem}.requirement-info,.submit-form{padding:1rem;margin:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions .btn-primary,.modal-actions .btn-secondary{width:100%}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-badge{font-size:.875rem;padding:.5rem 1.25rem}.stat-card strong{font-size:1.75rem}.cta-icon{width:64px;height:64px}.section-title{font-size:1.625rem}.card-content{padding:1.25rem}.search-input-modern{padding:.75rem 1rem .75rem 3rem;height:48px;font-size:.9375rem}.search-box svg{left:1rem;width:18px;height:18px}.filter-toggle,.sort-select{padding:.75rem 1rem;height:48px;font-size:.9375rem}}.my-submissions-section{animation:fadeIn .6s ease-out;margin-top:2rem}.manuscripts-list{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.manuscript-card{background:white;border-radius:var(--radius-xl);padding:0;box-shadow:0 4px 20px #52439314;border:2px solid #e8e5f1;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInUp .5s ease-out}.manuscript-card:hover{box-shadow:0 12px 40px #5243932e;transform:translateY(-6px);border-color:var(--primary-color)}.manuscript-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));transition:width .3s ease;box-shadow:2px 0 8px #5243934d}.manuscript-card:hover:before{width:10px}.notification-banner{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 2rem;font-weight:600;animation:slideInDown .5s ease-out;border-bottom:2px solid transparent;position:relative;overflow:hidden}.notification-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px);pointer-events:none}.notification-banner.success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46;border-bottom-color:#10b981}.notification-banner.danger{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;border-bottom-color:#ef4444}.notification-banner.info{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;border-bottom-color:#3b82f6}.notification-banner.warning{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border-bottom-color:#f59e0b}.notification-icon{font-size:2rem;flex-shrink:0;animation:bounce 1.5s ease-in-out infinite;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.notification-text{flex:1;font-size:1rem;line-height:1.6;z-index:1}.notification-text strong{display:block;margin-bottom:.375rem;font-size:1.125rem;letter-spacing:-.01em}.manuscript-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 0;gap:2rem}.manuscript-header h3{font-size:1.625rem;font-weight:800;color:var(--text-primary);margin:0;flex:1;line-height:1.3;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary-color),#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-badge{padding:.75rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:.625rem;flex-shrink:0;box-shadow:0 4px 12px #0000001f;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.status-badge:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%) scale(0);transition:transform .6s ease;border-radius:50%}.manuscript-card:hover .status-badge:after{transform:translate(-50%,-50%) scale(2)}.status-badge:before{content:"";width:10px;height:10px;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 8px currentColor}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.badge-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:2px solid #10b981}.badge-success:before{background:#d1fae5}.badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:2px solid #f59e0b}.badge-warning:before{background:#fef3c7}.badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:2px solid #ef4444}.badge-danger:before{background:#fee2e2}.badge-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:2px solid #3b82f6}.badge-info:before{background:#dbeafe}.badge-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:2px solid #9ca3af}.badge-secondary:before{background:#f3f4f6}.manuscript-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem;padding:2rem;background:linear-gradient(135deg,#faf9fc 0%,#f5f3f8 100%);border-radius:var(--radius-lg);border:2px solid #e8e5f1;box-shadow:inset 0 2px 8px #5243930d}.manuscript-info p{margin:0;font-size:1rem;color:var(--text-secondary);line-height:1.6;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:white;border-radius:var(--radius-md);border:1px solid #e8e5f1;transition:all .3s ease}.manuscript-info p:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5243931a;border-color:var(--primary-color)}.manuscript-info p span{font-size:1rem;color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.manuscript-info strong{color:var(--primary-color);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem}.manuscript-remarks{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);padding:2rem;margin:0 2rem 2rem;border-radius:var(--radius-lg);border-left:6px solid #f59e0b;animation:fadeIn .5s ease-out;box-shadow:0 4px 16px #f59e0b26;position:relative;overflow:hidden}.manuscript-remarks:before{content:"💬";position:absolute;top:1rem;right:1rem;font-size:3rem;opacity:.1}.manuscript-remarks strong{display:flex;align-items:center;gap:.625rem;color:#92400e;font-weight:800;margin-bottom:1rem;font-size:1.125rem;letter-spacing:-.01em}.manuscript-remarks p{color:#78350f;margin:0;line-height:1.8;font-size:.9375rem;font-weight:500;position:relative;z-index:1}.manuscript-actions{padding:0 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem}.btn-delete-manuscript{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:2px solid #ef4444;border-radius:50px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef444433;text-transform:uppercase;letter-spacing:.03em}.btn-delete-manuscript:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.btn-delete-manuscript:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.btn-delete-manuscript svg{transition:transform .3s ease}.btn-delete-manuscript:hover svg{transform:scale(1.1) rotate(10deg)}@media (max-width: 1024px){.manuscript-info{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.manuscripts-list{gap:1.5rem}.manuscript-header{flex-direction:column;padding:1.5rem 1.5rem 0;gap:1rem;align-items:stretch}.manuscript-header h3{font-size:1.375rem}.status-badge{align-self:flex-start;padding:.625rem 1.25rem;font-size:.8125rem}.manuscript-info{grid-template-columns:1fr;gap:1rem;margin:1.5rem;padding:1.5rem}.manuscript-info p{padding:.875rem}.notification-banner{padding:1.25rem 1.5rem;gap:1rem}.notification-icon{font-size:1.75rem}.notification-text strong{font-size:1rem}.manuscript-remarks{margin:0 1.5rem 1.5rem;padding:1.5rem}.manuscript-remarks:before{font-size:2rem}.manuscript-actions{padding:0 1.5rem 1.5rem}.btn-delete-manuscript{padding:.75rem 1.25rem;font-size:.875rem}}@media (max-width: 480px){.manuscript-header{padding:1.25rem 1.25rem 0}.manuscript-header h3{font-size:1.125rem}.manuscript-info{margin:1rem;padding:1rem;gap:.875rem}.manuscript-info p{padding:.75rem}.manuscript-remarks{margin:0 1rem 1rem;padding:1.25rem}.status-badge{padding:.5rem 1rem;font-size:.75rem;gap:.375rem}.status-badge:before{width:8px;height:8px}.notification-banner{padding:1rem}.notification-icon{font-size:1.5rem}.notification-text{font-size:.875rem}.notification-text strong{font-size:.9375rem}.manuscript-actions{padding:0 1rem 1rem;flex-direction:column}.btn-delete-manuscript{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.8125rem}}.my-research-section{padding:2rem 0;animation:fadeIn .4s ease-out}.research-papers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:2rem}.research-paper-card{background:white;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:2px solid var(--border-color);transition:all var(--transition);display:flex;flex-direction:column;gap:1rem}.research-paper-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.paper-card-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:1rem;border-bottom:2px solid var(--surface-color)}.paper-card-title{font-size:1.25rem;font-weight:700;color:var(--primary-color);line-height:1.3;flex:1}.paper-card-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.meta-item svg{color:var(--primary-color);flex-shrink:0}.paper-card-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem;background:var(--surface-color);border-radius:var(--radius-md);font-size:.8125rem}.date-item{color:var(--text-secondary)}.date-item strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.paper-card-abstract{font-size:.875rem}.paper-card-abstract strong{display:block;color:var(--primary-color);margin-bottom:.5rem;font-weight:600}.paper-card-abstract p{color:var(--text-secondary);line-height:1.6}.paper-card-keywords{font-size:.8125rem;padding:.75rem;background:rgba(82,67,147,.05);border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.paper-card-keywords strong{color:var(--primary-color);margin-right:.5rem}.paper-card-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem;border-top:2px solid var(--surface-color)}.btn-edit,.btn-download,.btn-submit,.btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition);border:2px solid}.btn-edit{background:white;color:var(--primary-color);border-color:var(--primary-color)}.btn-edit:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-download{background:white;color:var(--success-color);border-color:var(--success-color)}.btn-download:hover{background:var(--success-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-submit{background:#10b981;color:#fff;border-color:#10b981}.btn-submit:hover{background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-delete{background:white;color:var(--error-color);border-color:var(--error-color)}.btn-delete:hover{background:var(--error-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-edit svg,.btn-download svg,.btn-submit svg,.btn-delete svg{width:18px;height:18px}.status-badge.draft{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid #f59e0b}.status-badge.completed{background:rgba(189,211,55,.1);color:#7a9b1b;border:1px solid var(--success-color)}@media (max-width: 768px){.research-papers-grid,.paper-card-dates{grid-template-columns:1fr}.paper-card-actions{flex-direction:column}.btn-edit,.btn-download,.btn-submit,.btn-delete{width:100%}}.write-paper-section{padding:2rem 0;animation:fadeIn .4s ease-out}.paper-editor-container{display:grid;grid-template-columns:400px 1fr;gap:2rem;align-items:start}.paper-guidelines{background:white;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:2px solid var(--border-color);position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}.paper-guidelines .section-title{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.paper-guidelines .section-title:before{content:"📝";font-size:1.75rem}.guidelines-intro{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--surface-color)}.guideline-section{margin-bottom:1.5rem}.guideline-section h3{font-size:1.125rem;color:var(--primary-color);margin-bottom:.75rem;font-weight:700}.guideline-section ul{list-style:none;padding:0;margin:0}.guideline-section ul li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.guideline-section ul li:before{content:"▸";position:absolute;left:0;color:var(--success-color);font-weight:700}.guideline-section ul li strong{color:var(--text-primary);font-weight:600}.structure-list{display:flex;flex-direction:column;gap:1rem}.structure-item{background:var(--surface-color);padding:1rem;border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.structure-item strong{display:block;color:var(--primary-color);font-size:.9375rem;margin-bottom:.5rem;font-weight:700}.structure-item ul{margin-top:.5rem}.structure-item ul li{padding:.375rem 0 .375rem 1.25rem;font-size:.8125rem}.structure-item ul li:before{content:"•";color:var(--primary-color)}.paper-editor{background:white;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-md);border:2px solid var(--border-color)}.paper-editor .section-title{font-size:1.875rem;color:var(--primary-color);margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.paper-editor .section-title:before{content:"✍️";font-size:2rem}.editor-form{display:flex;flex-direction:column;gap:1.5rem}.editor-form .form-group{display:flex;flex-direction:column;gap:.5rem}.editor-form .form-group label{font-weight:600;color:var(--text-primary);font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.editor-form .form-input,.editor-form .form-textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;transition:all var(--transition);background:white;color:var(--text-primary)}.editor-form .form-input:focus,.editor-form .form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5243931a}.editor-form .form-textarea{resize:vertical;min-height:120px;line-height:1.6;font-family:Georgia,Times New Roman,serif}.editor-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.char-count{font-size:.8125rem;color:var(--text-tertiary);text-align:right;margin-top:-.25rem}.paper-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--surface-color)}.paper-actions .btn-secondary{background:white;color:var(--text-primary);border:2px solid var(--border-color);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.paper-actions .btn-secondary:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.paper-actions .btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.5rem;font-size:.9375rem;box-shadow:var(--shadow-md)}.paper-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.paper-actions .btn-primary svg{width:20px;height:20px}@media (max-width: 1200px){.paper-editor-container{grid-template-columns:1fr}.paper-guidelines{position:relative;top:0;max-height:none}}@media (max-width: 768px){.paper-editor{padding:1.5rem}.paper-editor .section-title{font-size:1.5rem}.editor-form .form-row{grid-template-columns:1fr}.paper-actions{flex-direction:column}.paper-actions .btn-secondary,.paper-actions .btn-primary{width:100%;justify-content:center}}.editor-form .quill{background:white;border-radius:var(--radius-md);border:2px solid var(--border-color);transition:all var(--transition)}.editor-form .quill:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px #5243931a}.editor-form .ql-toolbar{border:none!important;border-bottom:2px solid var(--border-color)!important;background:var(--surface-color);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.75rem 1rem}.editor-form .ql-container{border:none!important;font-family:Georgia,Times New Roman,serif;font-size:.9375rem;min-height:200px}.editor-form .ql-editor{min-height:200px;padding:1rem;line-height:1.6;color:#000}.editor-form .ql-editor.ql-blank:before{color:#666;font-style:italic;opacity:.7}.editor-form .ql-toolbar button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition);color:#000!important}.editor-form .ql-toolbar button:hover{background:rgba(0,0,0,.1);color:#000!important}.editor-form .ql-toolbar button.ql-active{background:#000000;color:#fff!important}.editor-form .ql-toolbar .ql-picker{border-radius:var(--radius-sm);color:#000!important}.editor-form .ql-toolbar .ql-picker-label{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.25rem .5rem;transition:all var(--transition);color:#000!important}.editor-form .ql-toolbar .ql-picker-label:hover{background:rgba(0,0,0,.1);border-color:#000}.editor-form .ql-toolbar .ql-picker.ql-expanded .ql-picker-label{border-color:#000;background:rgba(0,0,0,.05)}.editor-form .ql-toolbar .ql-picker-options{background:white;border:2px solid #000000;border-radius:var(--radius-md);padding:.5rem;box-shadow:var(--shadow-lg)}.editor-form .ql-toolbar .ql-picker-item:hover{background:var(--surface-color);color:#000}.editor-form .ql-toolbar button svg,.editor-form .ql-toolbar .ql-picker-label svg{stroke:#000!important}.editor-form .ql-toolbar .ql-fill{fill:#000!important}.editor-form .ql-toolbar .ql-stroke{stroke:#000!important}.editor-form .ql-color-picker .ql-picker-options{width:152px;padding:8px}.editor-form .ql-toolbar .ql-picker-item.ql-selected{background:var(--primary-color);color:#fff}@media (max-width: 768px){.editor-form .ql-toolbar{padding:.5rem}.editor-form .ql-toolbar button{width:28px;height:28px}.editor-form .ql-container{min-height:150px}.editor-form .ql-editor{min-height:150px;padding:.75rem}}.document-type-selection{max-width:1200px;margin:0 auto;padding:2rem;animation:fadeIn .4s ease-in-out}.document-type-selection .section-title{text-align:center;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.document-type-selection .selection-intro{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem}.document-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.document-type-card{background:white;border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.document-type-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #52439326;border-color:var(--primary-color)}.document-type-card .card-icon{font-size:4rem;margin-bottom:1rem}.document-type-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.document-type-card p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.document-type-card .card-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.document-type-card .card-features li{padding:.5rem 0;color:var(--text-secondary);font-size:.95rem}.document-type-card .select-btn{width:100%;padding:.875rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.document-type-card .select-btn:hover{transform:scale(1.05);box-shadow:0 8px 16px #5243934d}.paper-header-actions{margin-bottom:2rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:white;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:var(--primary-color);color:#fff;transform:translate(-4px)}.write-manuscript-section{animation:fadeIn .4s ease-in-out}.write-manuscript-section .paper-editor-container{display:grid;grid-template-columns:380px 1fr;gap:2rem;align-items:start}@media (max-width: 1200px){.write-manuscript-section .paper-editor-container{grid-template-columns:1fr}}.research-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.research-view-tabs{display:flex;gap:.5rem;background:white;padding:.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow)}.research-tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;position:relative}.research-tab-btn:hover{background:rgba(82,67,147,.1);color:var(--primary-color)}.research-tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px #5243934d}.research-tab-btn .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:rgba(255,255,255,.3);border-radius:12px;font-size:.875rem;font-weight:700}.research-tab-btn.active .count-badge{background:rgba(255,255,255,.95);color:var(--primary-color)}.back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:#e5e7eb;border-color:#d1d5db;transform:translate(-2px)}.editing-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#dbeafe;border:1px solid #3b82f6;border-radius:8px;color:#1e40af;font-size:.9rem;font-weight:600}.editing-indicator svg{color:#3b82f6}.research-tabs-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.research-tabs-header .section-title{margin-bottom:0}.manuscript-card{border-left:4px solid #BDD337}.btn-submit-final{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#524393 0%,#6b4fc4 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #5243934d}.btn-submit-final:hover{transform:translateY(-2px);box-shadow:0 6px 20px #52439366;background:linear-gradient(135deg,#6b4fc4 0%,#524393 100%)}.btn-submit-final:active{transform:translateY(0)}.btn-submit-final svg{width:20px;height:20px}.research-paper-opportunity{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:2px solid #3b82f6;border-radius:12px;padding:1.5rem;margin-top:1rem}.opportunity-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.opportunity-icon{font-size:1.5rem}.opportunity-header h4{margin:0;color:#1e40af;font-size:1.1rem;font-weight:600}.opportunity-text{color:#1e3a8a;margin-bottom:1rem;line-height:1.6;font-size:.95rem}.btn-write-research{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.btn-write-research:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.btn-write-research:active{transform:translateY(0)}.btn-write-research svg{width:18px;height:18px}.file-selected{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f0fdf4;border:2px solid #10b981;border-radius:8px;margin-top:.5rem}.file-info{display:flex;align-items:center;gap:.75rem;flex:1}.file-info svg{color:#10b981;flex-shrink:0}.file-info span{font-size:.95rem;color:#065f46;font-weight:500}.file-size{color:#6b7280!important;font-weight:400!important;font-size:.85rem!important}.btn-change-file{padding:.5rem 1rem;background:white;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-change-file:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.research-tabs-header{flex-direction:column;align-items:stretch}.research-view-tabs{width:100%}.research-tab-btn{flex:1;justify-content:center}}.page-header{margin-bottom:2rem}.page-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.manuscript-form{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color)}.form-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.form-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-input.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}textarea.form-input{resize:vertical;min-height:120px;line-height:1.5}.char-count{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;text-align:right}.keywords-input{margin-bottom:1.5rem}.input-with-button{display:flex;gap:.5rem}.input-with-button .form-input{flex:1}.keywords-list{display:flex;flex-wrap:wrap;gap:.5rem;min-height:3rem}.keyword-tag{display:flex;align-items:center;gap:.5rem;background:#eff6ff;color:var(--primary-color);padding:.5rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.keyword-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:var(--primary-color);color:#fff;border-radius:50%;cursor:pointer;font-size:.625rem;transition:background-color .2s ease}.empty-state{color:var(--text-secondary);font-style:italic;text-align:center;width:100%;padding:1rem}.authors-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.author-card{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.author-header h4{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.author-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.author-actions{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.corresponding-badge{display:flex;align-items:center;gap:.5rem;background:#d1fae5;color:#065f46;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500}.add-coauthor{background:#f0f9ff;padding:1.5rem;border-radius:.5rem;border:1px solid #bae6fd}.add-coauthor h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.field-note{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.file-upload-card{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);transition:all .2s ease}.file-upload-card:hover{border-color:var(--primary-color)}.file-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.file-header svg{color:var(--primary-color);flex-shrink:0;margin-top:.25rem}.file-header h4{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary)}.file-header p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.file-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;margin-left:auto}.file-status.success{color:var(--success-color)}.file-info{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.file-name{display:block;font-size:.875rem;color:var(--text-primary);font-weight:500;margin-bottom:.25rem}.file-size{font-size:.75rem;color:var(--text-secondary)}.file-requirements{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.file-requirements h5{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.file-requirements ul{color:var(--text-secondary);font-size:.75rem;padding-left:1rem;margin:0;line-height:1.5}.file-requirements li{margin-bottom:.25rem}.terms-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.875rem;line-height:1.4}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:.25rem;background:var(--surface-color);transition:all .2s ease;flex-shrink:0;margin-top:.125rem;position:relative}.checkbox-custom.radio{border-radius:50%}.checkbox-input:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;top:2px;left:5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:checked+.checkbox-custom.radio:after{top:4px;left:4px;width:6px;height:6px;border:none;border-radius:50%;background:white;transform:none}.checkbox-text{color:var(--text-secondary)}.checkbox-text a{color:var(--primary-color);text-decoration:none;font-weight:500}.checkbox-text a:hover{text-decoration:underline}.submission-notice{display:flex;gap:1rem;padding:1.5rem;background:#fef3c7;border:1px solid #fcd34d;border-radius:.5rem;color:#92400e}.submission-notice svg{flex-shrink:0;margin-top:.125rem}.submission-notice h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.submission-notice p{font-size:.875rem;margin:0;line-height:1.5}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border-color);margin-top:2rem}@media (max-width: 1024px){.files-grid{grid-template-columns:1fr}}@media (max-width: 768px){.manuscript-submission-page{padding:1rem 0}.manuscript-form{padding:1.5rem}.page-header h1{font-size:2rem}.form-grid,.author-fields{grid-template-columns:1fr}.author-actions{flex-direction:column;align-items:flex-start;gap:1rem}.input-with-button{flex-direction:column}.form-actions{flex-direction:column-reverse;gap:1rem}}@media (max-width: 480px){.manuscript-form,.author-card,.file-upload-card{padding:1rem}.file-header{flex-direction:column;gap:.75rem;align-items:flex-start}.file-status{margin-left:0}.submission-notice{flex-direction:column;text-align:center}}.news-page{--primary-color: #524393;--secondary-color: #A2A2D0;--success-color: #BDD337;--error-color: #dc2626;--warning-color: #f59e0b;--gradient-primary: linear-gradient(135deg, #524393 0%, #A2A2D0 100%);--gradient-secondary: linear-gradient(135deg, #BDD337 0%, #A2A2D0 50%, #524393 100%);--text-primary: #1B1528;--text-secondary: #64748b;--text-tertiary: #94a3b8;--background-color: #ffffff;--surface-color: #EEF3CE;--border-color: #C0BABC;--hover-bg: rgba(82, 67, 147, .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition: .25s ease;min-height:100vh;background:var(--background-color);padding:2rem 0 4rem}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.modification-alert-banner{background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin:2rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;animation:slideDown .5s ease-out;box-shadow:0 4px 12px #f59e0b33}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modification-alert-banner .alert-content{display:flex;align-items:center;gap:1rem;flex:1}.modification-alert-banner svg{color:#d97706;flex-shrink:0}.modification-alert-banner .alert-text strong{display:block;color:#92400e;font-size:1.1rem;margin-bottom:.25rem}.modification-alert-banner .alert-text p{color:#78350f;margin:0;font-size:.95rem}.modification-alert-banner .alert-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.modification-alert-banner .alert-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #d9770666}.news-hero{text-align:center;padding:4rem 0 3rem;position:relative}.news-hero-content{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:var(--primary-color);padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(37,99,235,.2);animation:slideInDown .6s ease-out}.news-hero-title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);animation:slideInLeft .8s ease-out}.text-gradient{background:var(--gradient-secondary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.news-hero-description{font-size:1.25rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2.5rem;animation:slideInLeft 1s ease-out}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem;animation:slideInUp 1.2s ease-out}.hero-actions .btn-secondary{position:relative}.article-count-badge{position:absolute;top:-8px;right:-8px;background:var(--success-color);color:var(--text-primary);font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;min-width:24px;text-align:center;box-shadow:0 2px 8px #bdd33766;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.news-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:700px;margin:0 auto;animation:slideInUp 1.4s ease-out}.stat-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--surface-color);border-radius:var(--radius-lg);border:2px solid var(--border-color);transition:var(--transition)}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stat-item svg{color:var(--primary-color);flex-shrink:0}.stat-item strong{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1}.stat-item span{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.guest-banner{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:2rem;margin-bottom:3rem;animation:slideInDown .8s ease-out}.guest-banner-content{display:flex;align-items:center;gap:2rem;color:#fff}.guest-icon{width:72px;height:72px;background:rgba(255,255,255,.15);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.guest-text{flex:1}.guest-text h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.guest-text p{opacity:.95;font-size:1.05rem}.guest-banner-content .btn-primary{background:#2563eb;color:var(--primary-color);flex-shrink:0}.guest-banner-content .btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 24px #0003}.featured-section{margin-bottom:4rem}.section-label{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.1));color:var(--warning-color);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(245,158,11,.2)}.featured-article-card{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--surface-color);border-radius:var(--radius-xl);overflow:hidden;border:2px solid var(--border-color);transition:var(--transition);text-decoration:none;color:inherit}.featured-article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.featured-image-wrapper{position:relative;height:100%;min-height:400px;overflow:hidden}.featured-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.featured-article-card:hover .featured-image{transform:scale(1.05)}.featured-overlay{position:absolute;top:1.5rem;left:1.5rem}.featured-badge{background:rgba(251,191,36,.95);color:#1e293b;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-md)}.featured-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.featured-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-badge{background:var(--primary-color);color:#fff;padding:.375rem .875rem;border-radius:50px;font-size:.75rem;font-weight:600}.read-time{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.875rem}.featured-content h2{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem;color:var(--text-primary)}.featured-content p{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem}.featured-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.author-info-small{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500}.featured-stats{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.875rem}.featured-stats span{display:flex;align-items:center;gap:.375rem}.filters-section{margin-bottom:3rem}.categories-wrapper{margin-bottom:2rem}.filter-label{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.categories-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.categories-scroll::-webkit-scrollbar{height:4px}.categories-scroll::-webkit-scrollbar-track{background:var(--surface-color)}.categories-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.category-pill{padding:.625rem 1.25rem;background:var(--surface-color);border:2px solid var(--border-color);border-radius:50px;color:var(--text-secondary);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.category-pill:hover{background:rgba(37,99,235,.05);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.category-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.search-sort-row{display:flex;gap:1rem;align-items:center}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1.25rem;color:var(--text-tertiary)}.search-input-modern{width:100%;padding:1rem 1.25rem 1rem 3.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;background:var(--background-color);color:var(--text-primary);transition:var(--transition)}.search-input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-box-enhanced{flex:1;position:relative;max-width:600px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:.625rem 1rem;transition:all var(--transition);box-shadow:var(--shadow)}.search-box-enhanced.focused .search-input-wrapper{border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a,var(--shadow-md);background:#ffffff}.search-icon-left{color:var(--text-tertiary);margin-right:.75rem;flex-shrink:0;transition:color var(--transition)}.search-box-enhanced.focused .search-icon-left{color:var(--primary-color);animation:searchPulse 1.5s ease-in-out infinite}@keyframes searchPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.search-input-enhanced{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--text-primary);padding:.375rem 0;font-weight:500}.search-input-enhanced::placeholder{color:var(--text-tertiary);font-weight:400}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface-color);border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);margin-right:.5rem}.search-clear-btn:hover{background:var(--error-color);color:#fff;transform:rotate(90deg) scale(1.1)}.search-submit-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color),#1d4ed8);border:none;color:#fff;cursor:pointer;transition:all var(--transition);box-shadow:0 2px 8px #2563eb4d}.search-submit-btn:hover{transform:translate(2px);box-shadow:0 4px 12px #2563eb66}.search-submit-btn:active{transform:translate(0) scale(.95)}.search-suggestions-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:white;border:2px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;overflow:hidden;animation:slideDown .2s ease-out}.suggestions-header{padding:.75rem 1rem;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.suggestions-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:all var(--transition);color:var(--text-secondary);font-size:.9375rem;font-weight:500}.suggestion-item:hover{background:var(--hover-bg);color:var(--primary-color)}.suggestion-item svg{color:var(--text-tertiary);flex-shrink:0}.suggestion-item:hover svg{color:var(--primary-color)}.filter-controls{display:flex;gap:.875rem;align-items:center;flex-wrap:wrap}.filter-dropdown-wrapper{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:1rem;color:var(--text-tertiary);pointer-events:none;z-index:1;transition:color var(--transition)}.filter-select-modern{padding:1rem 3rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--background-color);color:var(--text-primary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition);min-width:180px;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.filter-select-modern:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb14}.filter-select-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a}.filter-dropdown-wrapper:hover .filter-icon{color:var(--primary-color)}.advanced-filter-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--background-color);color:var(--text-primary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition);white-space:nowrap}.advanced-filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.advanced-filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #2563eb4d}.advanced-filter-btn svg{transition:transform var(--transition)}.advanced-filter-btn.active svg{transform:rotate(180deg)}.advanced-filters-panel{margin-top:1.5rem;padding:2rem;background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-xl);animation:slideDown .3s ease-out}.advanced-filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:700;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--border-color)}.articles-section{margin-bottom:4rem}.section-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header-inline h2{font-size:2rem;font-weight:800;color:var(--text-primary)}.article-count{background:var(--surface-color);color:var(--text-secondary);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600}.articles-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem}.article-card-modern{background:var(--surface-color);border-radius:var(--radius-xl);border:2px solid var(--border-color);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.article-card-modern:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.article-image-link{text-decoration:none;display:block}.article-image-modern{position:relative;height:220px;overflow:hidden}.article-image-modern img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card-modern:hover .article-image-modern img{transform:scale(1.08)}.article-type-badge{position:absolute;top:1rem;left:1rem;background:rgba(15,23,42,.9);color:#fff;padding:.375rem .875rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.article-body{padding:2rem;display:flex;flex-direction:column;flex:1}.article-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.category-tag{background:rgba(37,99,235,.1);color:var(--primary-color);padding:.375rem .875rem;border-radius:50px;font-size:.75rem;font-weight:600}.article-quick-actions{display:flex;gap:.5rem}.action-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1.5px solid var(--border-color);border-radius:50%;background:var(--background-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.action-icon:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.action-icon.active{background:var(--warning-color);border-color:var(--warning-color);color:#fff}.article-title-modern{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:1rem;color:var(--text-primary);text-decoration:none;display:block;transition:color var(--transition)}.article-title-modern:hover{color:var(--primary-color)}.article-excerpt-modern{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-footer-modern{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:2px solid var(--border-color);gap:1rem}.author-meta{display:flex;align-items:center;gap:.75rem}.author-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center}.author-details-small{display:flex;flex-direction:column;gap:.125rem}.author-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.publish-date-small{font-size:.75rem;color:var(--text-tertiary)}.engagement-row{display:flex;gap:1rem;align-items:center}.like-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:1.5px solid var(--border-color);border-radius:50px;background:var(--background-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-weight:600;font-size:.875rem}.like-btn:hover{background:rgba(220,38,38,.05);border-color:var(--error-color);color:var(--error-color)}.like-btn.liked{background:var(--error-color);border-color:var(--error-color);color:#fff}.engagement-item{display:flex;align-items:center;gap:.375rem;color:var(--text-tertiary);font-size:.875rem}.newsletter-section{background:var(--gradient-primary);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;color:#fff;transition:var(--transition)}.newsletter-section.success{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.newsletter-content-modern{max-width:600px;margin:0 auto}.newsletter-icon{width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.newsletter-icon.success{animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.newsletter-content-modern h3{font-size:2rem;font-weight:800;margin-bottom:1rem}.newsletter-content-modern p{font-size:1.125rem;opacity:.95;margin-bottom:2rem;line-height:1.7}.newsletter-form-modern{display:flex;gap:1rem;max-width:500px;margin:0 auto 1rem}.newsletter-input-modern{flex:1;padding:1rem 1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:rgba(255,255,255,.1);color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-input-modern::placeholder{color:#ffffffb3}.newsletter-input-modern:focus{outline:none;border-color:#fff9;background:rgba(255,255,255,.15)}.newsletter-note{font-size:.875rem;opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--background-color);border-radius:var(--radius-xl);padding:2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.modal-header-modern h3{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.modal-close-btn{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1;transition:var(--transition)}.modal-close-btn:hover{color:var(--error-color);transform:scale(1.1)}.modal-form-modern{display:flex;flex-direction:column;gap:1.5rem}.form-group-modern label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.form-input-modern{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-input-modern::placeholder{color:var(--text-tertiary)}textarea.form-input-modern{resize:vertical;min-height:120px;font-family:inherit;padding-bottom:3rem}.checkbox-group-modern{display:flex;align-items:center;gap:.75rem}.checkbox-group-modern input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-group-modern label{margin:0;cursor:pointer;font-weight:500;color:var(--text-secondary)}.modal-footer-modern{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color)}.textarea-wrapper{position:relative}.content-counter{position:absolute;bottom:.75rem;right:.75rem;background:rgba(255,255,255,.95);padding:.375rem .75rem;border-radius:50px;border:1.5px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:10}.counter-text{font-size:.75rem;font-weight:700;letter-spacing:.3px;transition:all var(--transition)}.counter-text.below-minimum{color:var(--warning-color)}.counter-text.minimum-reached{color:var(--success-color)}.file-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;background:var(--surface-color);transition:var(--transition)}.file-upload-area:hover{border-color:var(--primary-color);background:rgba(82,67,147,.02)}.file-upload-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:white;border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition);margin-bottom:.75rem}.file-upload-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-upload-btn svg{transition:transform var(--transition)}.file-upload-btn:hover svg{transform:translateY(-2px)}.file-upload-hint{font-size:.8125rem;color:var(--text-tertiary);margin:0;line-height:1.5}.uploaded-files-list{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.uploaded-file-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:white;border:2px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);animation:slideInUp .3s ease-out}.uploaded-file-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.file-info{display:flex;align-items:center;gap:.625rem;flex:1;overflow:hidden}.file-info svg{color:var(--primary-color);flex-shrink:0}.file-name{font-weight:600;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.file-size{color:var(--text-tertiary);font-size:.75rem;white-space:nowrap;margin-left:.5rem}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;border:1.5px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0}.file-remove-btn:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:rotate(90deg) scale(1.1)}.btn-primary{padding:1rem 2rem;background:var(--primary-color);color:#fff;border:2px solid var(--primary-color);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{padding:1rem 2rem;background:white;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-secondary:hover{background:var(--surface-color);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{padding:1rem 2rem;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-ghost:hover{border-color:var(--text-primary);color:var(--text-primary)}.btn-large{padding:1.125rem 2.25rem;font-size:1.125rem}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #2563ebb3}50%{box-shadow:0 0 0 10px #2563eb00}}.empty-state-modern{text-align:center;padding:4rem 2rem;grid-column:1 / -1}.empty-state-modern svg{color:var(--text-tertiary);margin-bottom:1.5rem}.empty-state-modern h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.empty-state-modern p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}.loading-state{display:flex;justify-content:center;align-items:center;padding:4rem 2rem;min-height:400px}.scroll-to-top{position:fixed;bottom:2rem;left:auto;right:2rem;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #2563eb66;opacity:0;visibility:hidden;transform:translateY(100px) scale(.8);transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:999}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 28px #2563eb80}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.container{padding:0 1.5rem}.news-hero{padding:3rem 0 2.5rem}.news-hero-title{font-size:2.5rem}.featured-article-card{grid-template-columns:1fr}.featured-image-wrapper{min-height:300px;order:-1}.featured-content{padding:2.5rem}.news-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem}.articles-grid-modern{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.search-sort-row{flex-direction:column;align-items:stretch;gap:1rem}.search-box-enhanced{max-width:100%}.filter-controls{justify-content:space-between;flex-wrap:wrap}.filter-select-modern{min-width:150px;flex:1}.categories-scroll{gap:.75rem}.category-pill{padding:.625rem 1.25rem;font-size:.875rem}}@media (max-width: 768px){.container{padding:0 1rem}.news-page{padding:1.5rem 0 3rem}.modification-alert-banner{flex-direction:column;padding:1.25rem;gap:1rem}.modification-alert-banner .alert-content{text-align:left}.modification-alert-banner .alert-btn{width:100%;justify-content:center}.news-hero{padding:2rem 0 1.5rem}.news-hero-title{font-size:2rem;line-height:1.2}.news-hero-description{font-size:1rem;margin-bottom:2rem}.hero-badge{font-size:.8125rem;padding:.375rem 1rem;margin-bottom:1rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:100%;justify-content:center}.news-stats{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.stat-item{padding:1.25rem}.stat-item strong{font-size:1.5rem}.guest-banner{padding:1.5rem;margin-bottom:2rem}.guest-banner-content{flex-direction:column;text-align:center;gap:1.5rem}.guest-text h3{font-size:1.25rem}.guest-text p{font-size:.9375rem}.featured-section{margin-bottom:3rem}.featured-content{padding:2rem 1.5rem}.featured-content h2{font-size:1.5rem;margin-bottom:.875rem}.featured-content p{font-size:1rem;margin-bottom:1.5rem}.featured-meta{gap:.75rem;margin-bottom:1.25rem}.category-badge{font-size:.6875rem;padding:.3125rem .75rem}.read-time{font-size:.8125rem}.categories-scroll{gap:.5rem;padding:.5rem 0}.category-pill{padding:.5rem 1rem;font-size:.8125rem;white-space:nowrap}.filter-controls{flex-direction:column;gap:.75rem}.filter-select-modern,.filter-dropdown-wrapper{width:100%}.filter-select-modern{padding:.75rem 1rem;font-size:.875rem}.advanced-filter-btn{width:100%;justify-content:center}.articles-grid-modern{grid-template-columns:1fr;gap:1.25rem}.article-card-modern{border-radius:.75rem}.article-body{padding:1.25rem}.article-title-modern{font-size:1.125rem;line-height:1.4}.article-excerpt-modern{font-size:.875rem;line-height:1.6;-webkit-line-clamp:2;line-clamp:2}.engagement-row{gap:.75rem}.newsletter-section{padding:3rem 1.5rem;margin-top:3rem}.newsletter-content-modern{flex-direction:column;text-align:center;gap:1.5rem}.newsletter-content-modern h3{font-size:1.5rem}.newsletter-content-modern p{font-size:.9375rem}.newsletter-form-modern{flex-direction:column;gap:.75rem}.newsletter-input-modern{font-size:.9375rem}.modal-container{width:95%;max-width:none;padding:1.5rem;margin:1rem}.modal-header-modern h3{font-size:1.25rem}.modal-footer-modern{flex-direction:column-reverse;gap:.75rem}.modal-footer-modern button{width:100%;justify-content:center}.search-input-wrapper{padding:.625rem .875rem}.search-input-enhanced{font-size:.9375rem}.search-submit-btn{width:36px;height:36px}.search-clear-btn{width:24px;height:24px}.advanced-filters-panel{padding:1.5rem}.advanced-filters-content{grid-template-columns:1fr;gap:1rem}.scroll-to-top{width:48px;height:48px;bottom:1.5rem;right:1.5rem}.content-counter{bottom:.5rem;right:.5rem;padding:.3rem .625rem}.counter-text{font-size:.6875rem}.file-upload-area{padding:1.5rem 1rem}.file-upload-btn{font-size:.875rem;padding:.75rem 1.5rem}.file-name{max-width:150px}.uploaded-file-item{padding:.875rem}.content-type-selector{gap:.5rem}.content-type-btn{padding:.75rem 1rem;font-size:.875rem}}@media (max-width: 480px){.container{padding:0 .75rem}.news-page{padding:1rem 0 2rem}.news-hero{padding:1.5rem 0 1rem}.news-hero-title{font-size:1.75rem;line-height:1.25;margin-bottom:1rem}.news-hero-description{font-size:.9375rem;margin-bottom:1.5rem}.hero-badge{font-size:.75rem;padding:.3125rem .875rem;gap:.375rem}.hero-badge svg{width:14px;height:14px}.news-stats{gap:.875rem}.stat-item{padding:1rem;gap:.75rem}.stat-item svg{width:20px;height:20px}.stat-item strong{font-size:1.25rem}.stat-item span{font-size:.75rem}.guest-banner{padding:1.25rem;border-radius:.75rem}.guest-icon{width:56px;height:56px}.guest-icon svg{width:24px;height:24px}.guest-text h3{font-size:1.125rem}.guest-text p{font-size:.875rem}.btn-primary,.btn-ghost{padding:.75rem 1.25rem;font-size:.875rem}.featured-section{margin-bottom:2rem}.section-label{font-size:.75rem;padding:.375rem .875rem;margin-bottom:1rem}.featured-image-wrapper{min-height:200px}.featured-badge{font-size:.625rem;padding:.375rem .75rem}.featured-content{padding:1.5rem 1rem}.featured-content h2{font-size:1.25rem;margin-bottom:.75rem}.featured-content p{font-size:.9375rem;margin-bottom:1.25rem}.featured-meta{gap:.5rem;margin-bottom:1rem}.category-badge{font-size:.625rem;padding:.25rem .625rem}.read-time{font-size:.75rem}.read-time svg{width:12px;height:12px}.featured-stats{gap:1rem}.featured-stats span{font-size:.8125rem}.featured-stats svg{width:14px;height:14px}.filter-label{font-size:.875rem;margin-bottom:.75rem}.categories-scroll{gap:.5rem;padding:.375rem 0}.category-pill{padding:.5rem .875rem;font-size:.75rem;border-radius:1rem}.category-pill svg{width:14px;height:14px}.search-sort-row{gap:.75rem}.search-input-wrapper{padding:.5rem .75rem}.search-icon-left{margin-right:.5rem}.search-icon-left svg{width:16px;height:16px}.search-input-enhanced{font-size:.875rem}.search-submit-btn{width:32px;height:32px}.search-submit-btn svg{width:16px;height:16px}.search-clear-btn{width:20px;height:20px}.search-clear-btn svg{width:14px;height:14px}.filter-select-modern{padding:.625rem .875rem;font-size:.8125rem}.advanced-filter-btn{padding:.625rem 1rem;font-size:.8125rem}.advanced-filter-btn svg{width:16px;height:16px}.advanced-filters-panel{padding:1.25rem}.filter-group label{font-size:.8125rem;margin-bottom:.5rem}.filter-actions{gap:.5rem}.section-header-inline h2{font-size:1.5rem}.article-count{font-size:.75rem;padding:.375rem .875rem}.articles-grid-modern{gap:1rem}.article-card-modern{border-radius:.625rem}.article-image-modern{height:180px}.article-type-badge{font-size:.625rem;padding:.25rem .625rem}.article-body{padding:1rem}.article-title-modern{font-size:1rem;line-height:1.4;margin-bottom:.5rem}.article-excerpt-modern{font-size:.8125rem;line-height:1.5;margin-bottom:.75rem;-webkit-line-clamp:2;line-clamp:2}.category-tag{font-size:.625rem;padding:.25rem .625rem}.action-icon{width:28px;height:28px}.action-icon svg{width:14px;height:14px}.author-avatar-small{width:28px;height:28px}.author-name{font-size:.8125rem}.publish-date-small{font-size:.6875rem}.like-btn{padding:.375rem .75rem;font-size:.75rem}.like-btn svg{width:14px;height:14px}.engagement-item{font-size:.75rem;gap:.25rem}.engagement-item svg{width:14px;height:14px}.newsletter-section{padding:2.5rem 1rem;margin-top:2rem;border-radius:.75rem}.newsletter-icon{width:56px;height:56px}.newsletter-icon svg{width:24px;height:24px}.newsletter-content-modern h3{font-size:1.25rem;margin-bottom:.5rem}.newsletter-content-modern p{font-size:.875rem}.newsletter-input-modern{font-size:.875rem;padding:.75rem 1rem}.newsletter-note{font-size:.6875rem}.modal-container{width:100%;padding:1.25rem;margin:.75rem;border-radius:.75rem}.modal-header-modern{margin-bottom:1.25rem;padding-bottom:.875rem}.modal-header-modern h3{font-size:1.125rem}.modal-close-btn{width:32px;height:32px}.modal-close-btn svg{width:18px;height:18px}.form-group-modern{margin-bottom:1rem}.form-group-modern label{font-size:.8125rem;margin-bottom:.5rem}.form-input-modern{font-size:.875rem;padding:.75rem .875rem}textarea.form-input-modern{min-height:120px}.scroll-to-top{width:44px;height:44px;bottom:1rem;right:1rem}.scroll-to-top svg{width:20px;height:20px}.content-counter{bottom:.375rem;right:.375rem;padding:.25rem .5rem;font-size:.625rem}.counter-text{font-size:.625rem}.file-upload-area{padding:1.25rem .875rem}.file-upload-btn{font-size:.8125rem;padding:.625rem 1.25rem}.file-upload-btn svg{width:16px;height:16px}.file-upload-hint{font-size:.6875rem}.uploaded-file-item{padding:.75rem}.file-info svg{width:16px;height:16px}.file-name{max-width:100px;font-size:.8125rem}.file-size{display:none}.file-remove-btn{width:28px;height:28px}.file-remove-btn svg{width:14px;height:14px}.content-type-selector{gap:.5rem}.content-type-btn{padding:.625rem .875rem;font-size:.8125rem}.content-type-btn svg{width:16px;height:16px}.empty-state-modern{padding:2rem 1rem}.empty-state-modern svg{width:48px;height:48px}.empty-state-modern h3{font-size:1.125rem}.empty-state-modern p{font-size:.875rem}}.content-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.content-type-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.5rem;background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition)}.content-type-btn:hover{background:rgba(82,67,147,.05);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.content-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.content-type-btn svg{transition:transform var(--transition)}.content-type-btn.active svg{transform:scale(1.1)}@media (max-width: 480px){.content-type-selector{grid-template-columns:1fr;gap:.75rem}.content-type-btn{padding:.875rem 1.25rem;font-size:.875rem}}.forum-page-placeholder{padding:2rem 1rem}.manuscript-submission-page{padding:2rem 0;min-height:100vh;background:var(--background-color)}.submission-header{margin-bottom:2rem;text-align:center}.submission-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.submission-header p{color:var(--text-secondary);margin:0}.journal-info{margin-top:1rem;padding:1rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.5rem;display:inline-block}.submission-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}.submission-form{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color)}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none;margin-bottom:0}.form-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;transition:all .2s ease;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-input:disabled{background:#f8fafc;color:var(--text-secondary);cursor:not-allowed}textarea.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.field-note{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.keyword-input{display:flex;gap:.5rem}.keyword-input .form-input{flex:1}.keywords-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.keyword-tag{display:flex;align-items:center;gap:.5rem;background:#eff6ff;color:var(--primary-color);padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.keyword-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:var(--primary-color);color:#fff;border-radius:50%;cursor:pointer;font-size:.625rem;transition:background-color .2s ease}.keyword-remove:hover{background:var(--primary-dark)}.authors-section{display:flex;flex-direction:column;gap:1.5rem}.author-item{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.author-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.author-type{font-size:.875rem;font-weight:600;color:var(--primary-color)}.remove-author{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:.375rem;background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.remove-author:hover{background:#fee2e2;border-color:var(--error-color);color:var(--error-color)}.author-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.file-upload-area{border:2px dashed var(--border-color);border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-upload-area:hover{border-color:var(--primary-color);background:#f8fafc}.file-input{display:none}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.upload-prompt svg{color:var(--text-secondary)}.upload-prompt h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.upload-prompt p{font-size:.875rem;color:var(--text-secondary);margin:0}.file-uploaded{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border:1px solid var(--border-color);border-radius:.5rem}.file-info{display:flex;align-items:center;gap:1rem}.file-info svg{color:var(--primary-color)}.file-info h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.file-info p{font-size:.75rem;color:var(--text-secondary);margin:0}.anonymity-warning{background:#fef3c7;border:1px solid #fbbf24;border-radius:.75rem;padding:1.5rem;margin-top:1rem}.warning-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.warning-header svg{color:#f59e0b}.warning-header h4{font-size:1rem;font-weight:600;color:#92400e;margin:0}.warning-content p{font-size:.875rem;color:#92400e;line-height:1.6;margin:0}.terms-agreement{padding:1.5rem;background:#f8fafc;border-radius:.75rem;border:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.checkbox-input{margin-top:.25rem;cursor:pointer}.checkbox-text{font-size:.875rem;color:var(--text-primary);line-height:1.5}.checkbox-text a{color:var(--primary-color);text-decoration:underline}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color)}.submission-sidebar{display:flex;flex-direction:column;gap:1.5rem}.journal-info-card,.timeline-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.journal-info-card h3,.timeline-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.journal-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:var(--text-secondary)}.detail-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border-color)}.timeline-item{position:relative;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-2rem;width:16px;height:16px;border-radius:50%;background:var(--surface-color);border:2px solid var(--primary-color)}.timeline-content{padding-left:.5rem}.timeline-date{font-size:.75rem;font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.timeline-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 1024px){.submission-layout{grid-template-columns:1fr}.submission-sidebar{display:none}}@media (max-width: 768px){.manuscript-submission-page{padding:1rem 0}.submission-form{padding:1.5rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width: 480px){.submission-header h1{font-size:1.5rem}.file-upload-area{padding:1.5rem}.author-item{padding:1rem}}.publication-view-page{padding:2rem 0;min-height:100vh;background:var(--background-color)}.publication-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--border-color)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.article-type-badge{display:inline-block;background:#eff6ff;color:var(--primary-color);padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem}.publication-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.authors-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.author{color:var(--text-primary);font-weight:500}.author sup{color:var(--primary-color)}.publication-info{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.info-item svg{flex-shrink:0}.info-item a{color:var(--primary-color);text-decoration:none}.info-item a:hover{text-decoration:underline}.article-actions{display:flex;gap:1rem;flex-wrap:wrap}.metrics-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem;background:var(--surface-color);border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem}.metric-item{display:flex;align-items:center;gap:1rem}.metric-item svg{color:var(--primary-color);flex-shrink:0}.metric-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.metric-label{display:block;font-size:.75rem;color:var(--text-secondary)}.content-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;position:relative;transition:color .2s ease}.tab:hover,.tab.active{color:var(--primary-color)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--primary-color)}.tab-content{margin-bottom:3rem}.section-card{background:var(--surface-color);padding:2rem;border-radius:.75rem;border:1px solid var(--border-color);margin-bottom:2rem}.section-card:last-child{margin-bottom:0}.section-card h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.abstract-text{font-size:1rem;line-height:1.8;color:var(--text-primary);margin:0}.keywords-list{display:flex;flex-wrap:wrap;gap:.75rem}.keyword-tag{background:#eff6ff;color:var(--primary-color);padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:500}.highlights-list{list-style:none;padding:0;margin:0}.highlights-list li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;line-height:1.6}.highlights-list li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metric-card{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f8fafc;border-radius:.75rem;text-align:center}.metric-card svg{color:var(--primary-color);margin-bottom:1rem}.metric-number{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.metric-name{font-size:.875rem;color:var(--text-secondary)}.impact-details{display:flex;flex-direction:column;gap:1rem}.impact-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.impact-item:last-child{border-bottom:none}.impact-label{font-size:.875rem;color:var(--text-secondary)}.impact-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.citation-formats{display:flex;flex-direction:column;gap:2rem}.citation-format{padding:1.5rem;background:#f8fafc;border-radius:.5rem}.citation-format h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.citation-text{font-size:.875rem;line-height:1.6;color:var(--text-primary);margin-bottom:1rem}.bibtex-code{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;font-family:Courier New,monospace;font-size:.875rem;overflow-x:auto;margin-bottom:1rem}.references-list{list-style:decimal;padding-left:1.5rem}.references-list li{margin-bottom:.75rem;line-height:1.6;color:var(--text-secondary)}.related-articles{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.related-articles h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.article-card{padding:1.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:.75rem;transition:all .2s ease}.article-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.article-card h3{margin:0 0 .75rem}.article-card h3 a{color:var(--text-primary);text-decoration:none;font-size:1rem;line-height:1.4}.article-card h3 a:hover{color:var(--primary-color)}.article-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.loading-state,.error-state{text-align:center;padding:4rem 2rem}.loading-state svg,.error-state svg{color:var(--text-secondary);margin-bottom:1rem}.error-state p{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width: 1024px){.metrics-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.publication-view-page{padding:1rem 0}.publication-header h1{font-size:2rem}.metrics-bar{grid-template-columns:1fr}.content-tabs{overflow-x:auto;scrollbar-width:none}.content-tabs::-webkit-scrollbar{display:none}.tab{padding:.5rem 1rem;font-size:.875rem}.articles-grid{grid-template-columns:1fr}}@media (max-width: 480px){.publication-header h1{font-size:1.5rem}.article-actions{flex-direction:column}.article-actions .btn{width:100%;justify-content:center}.metrics-grid{grid-template-columns:1fr}}.editorial-review-page{padding:2rem 0;min-height:100vh;background:var(--background-color)}.review-header{margin-bottom:2rem;text-align:center}.review-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.review-header p{color:var(--text-secondary);margin:0}.review-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem}.manuscript-details{display:flex;flex-direction:column;gap:1.5rem}.details-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.details-content{display:flex;flex-direction:column;gap:1.5rem}.detail-group h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.submission-id{font-size:.875rem;color:var(--text-secondary);font-family:Courier New,monospace}.detail-grid{display:grid;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.detail-value{font-size:.875rem;color:var(--text-primary)}.abstract-text{line-height:1.6;color:var(--text-secondary);margin:0}.keywords-list{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-tag{background:#eff6ff;color:var(--primary-color);padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.authors-card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.authors-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.authors-note{display:flex;align-items:flex-start;gap:.75rem;background:#fef3c7;padding:1rem;border-radius:.5rem;border:1px solid #fbbf24;margin-bottom:1rem}.authors-note svg{color:#f59e0b;flex-shrink:0;margin-top:.125rem}.authors-note p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.author-count{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.5rem;color:var(--text-primary);font-weight:500}.review-form-section{position:sticky;top:100px;align-self:flex-start}.card{background:var(--surface-color);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color)}.card h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.form-label.required:after{content:" *";color:var(--error-color)}.decision-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.decision-option{position:relative;cursor:pointer}.decision-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--surface-color);border:2px solid var(--border-color);border-radius:.75rem;transition:all .2s ease;text-align:center}.decision-option:hover .option-content{background:#f8fafc;border-color:var(--primary-color)}.decision-option input:checked~.option-content{background:#eff6ff;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.option-content svg{color:var(--text-secondary)}.decision-option input:checked~.option-content svg{color:var(--primary-color)}.option-content span{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;font-family:inherit;line-height:1.5;resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-textarea.error{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--error-color);font-size:.75rem;margin-top:.25rem;display:block}.recommendations-section{background:#f8fafc;padding:1rem;border-radius:.5rem}.recommendations-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.recommendations-grid{display:grid;gap:.75rem}.recommendation-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:white;border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease}.recommendation-checkbox:hover{background:#f8fafc;border-color:var(--primary-color)}.recommendation-checkbox input[type=checkbox]{display:none}.checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.recommendation-checkbox input:checked~.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.recommendation-checkbox input:checked~.checkmark:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700}.recommendation-text{font-size:.875rem;color:var(--text-primary)}.field-note{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.form-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.error-state{text-align:center;padding:4rem 2rem}.error-state svg{color:var(--text-secondary);margin-bottom:1rem}.error-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.error-state p{color:var(--text-secondary);margin:0}.editorial-review-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.auth-required{text-align:center;padding:4rem 2rem}.auth-required svg{color:var(--text-secondary);margin-bottom:1rem}.auth-required h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.auth-required p{color:var(--text-secondary)}@media (max-width: 1200px){.review-layout{grid-template-columns:1fr}.review-form-section{position:static}}@media (max-width: 768px){.editorial-review-page{padding:1rem 0}.review-header h1{font-size:1.5rem}.details-card,.card{padding:1rem}.decision-options{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width: 480px){.card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.recommendations-grid{gap:.5rem}.recommendation-checkbox{padding:.5rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin:1rem 0}.success-message{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46;padding:1rem;border-radius:.5rem;margin:1rem 0}@media (max-width: 768px){.container{padding:0 .5rem}.main-content{padding-top:70px}.btn{padding:.625rem 1.25rem;font-size:.875rem}}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{flex-direction:column}.grid{display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}