*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{border-radius:5px;font-size:14px;transition:all .3s ease}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}[data-theme=dark] .card{box-shadow:0 2px 4px #0003!important}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.alert{border-radius:4px;margin-bottom:15px}.alert-success{background-color:#d4edda}.alert-danger{background-color:#f8d7da}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.navbar{background-color:#343a40;color:#fff;padding:15px 0}.navbar-brand{color:#fff;font-size:24px;font-weight:700}.navbar-nav{display:flex;list-style:none;margin:0;padding:0}.navbar-nav li{margin-left:20px}.navbar-nav a{border-radius:4px;color:#fff;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.navbar-nav a:hover{background-color:#ffffff1a}.navbar-nav a.active{background-color:#007bff}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-between{align-items:center;justify-content:space-between}.flex-center{align-items:center;justify-content:center}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.skill-tag{background-color:#e9ecef;border-radius:12px;color:#495057;display:inline-block;font-size:12px;margin:2px;padding:4px 8px}.rating{color:#ffc107;font-size:16px}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-pending{background-color:#fff3cd;color:#856404}.status-accepted{background-color:#d4edda;color:#155724}.status-completed{background-color:#cce5ff;color:#004085}.status-rejected{background-color:#f8d7da;color:#721c24}.status-cancelled{background-color:#e2e3e5;color:#383d41}@media (max-width:768px){.container{padding:0 15px}.navbar-nav{flex-direction:column}.navbar-nav li{margin:5px 0}.grid-2,.grid-3{grid-template-columns:1fr}}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--primary:#a855f7;--primary-hover:#9333ea;--primary-light:#f3e8ff;--primary-dark:#7c3aed;--secondary:#64748b;--success:#059669;--success-light:#d1fae5;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--info:#0891b2;--info-light:#cffafe;--gradient-primary:linear-gradient(135deg,#a855f7,#c084fc 70%,#e879f9);--gradient-secondary:linear-gradient(135deg,#c084fc,#a855f7);--gradient-success:linear-gradient(135deg,#059669,#047857);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:#475569;--border-hover:#64748b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--shadow-xl:0 20px 25px #0006;--primary:#c084fc;--primary-light:#a855f7;--primary-dark:#9333ea;--gradient-primary:linear-gradient(135deg,#a855f7,#c084fc 70%,#e879f9);--gradient-secondary:linear-gradient(135deg,#c084fc,#a855f7);--success-light:#065f46;--warning-light:#92400e;--danger-light:#991b1b;--info-light:#0c4a6e}*{box-sizing:border-box}body{background-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;padding:0;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal)}.alert,.btn,.card,.form-control,.modal,.navbar,.skill-tag,.status-badge,.swap-card,.user-card,body{transition:background-color .25s ease-in-out,color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out;transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.App{display:flex;flex-direction:column;min-height:100vh}.App,main{background-color:#fff;background-color:var(--bg-primary)}main{flex:1 1;padding:1.5rem 0;padding:var(--spacing-6) 0}.container{padding:0 1rem;padding:0 var(--spacing-4)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:600;line-height:1.2;margin:0 0 1rem;margin:0 0 var(--spacing-4) 0}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#475569;color:var(--text-secondary);margin:0 0 1rem;margin:0 0 var(--spacing-4) 0}.btn{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);gap:.5rem;gap:var(--spacing-2);justify-content:center;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .15s ease-in-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#a855f7,#c084fc 70%,#e879f9);background:var(--gradient-primary);border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#a855f7);background:var(--gradient-secondary);color:#fff}.btn-secondary{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#fff;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-hover);transform:translateY(-1px)}.btn-success{background:#059669;background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning{background:#d97706;background:var(--warning);color:#fff}.btn-warning:hover:not(:disabled){background:#d97706;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--spacing-4) var(--spacing-8)}.card{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);color:#0f172a;color:var(--text-primary);padding:1.5rem;padding:var(--spacing-6);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:#0f172a;color:var(--text-primary)}.card p{color:#475569;color:var(--text-secondary)}.form-group{margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.form-group label{display:block;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-control{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-control:focus{border-color:#a855f7;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-control::placeholder{color:#64748b;color:var(--text-muted)}.form-group label{color:#0f172a;color:var(--text-primary);font-weight:500}.alert{border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4)}.alert-success{background:#d1fae5;background:var(--success-light);border:1px solid #059669;border:1px solid var(--success);color:#059669;color:var(--success)}.alert-danger{background:#fee2e2;background:var(--danger-light);border:1px solid #dc2626;border:1px solid var(--danger);color:#dc2626;color:var(--danger)}.alert-warning{background:#fef3c7;background:var(--warning-light);border:1px solid #d97706;border:1px solid var(--warning);color:#d97706;color:var(--warning)}.alert-info{background:#cffafe;background:var(--info-light);border:1px solid #0891b2;border:1px solid var(--info);color:#0891b2;color:var(--info)}[data-theme=dark] .alert-success{background:#d1fae5;background:var(--success-light);border-color:#10b981;color:#10b981}[data-theme=dark] .alert-danger{background:#fee2e2;background:var(--danger-light);border-color:#ef4444;color:#ef4444}[data-theme=dark] .alert-warning{background:#fef3c7;background:var(--warning-light);border-color:#f59e0b;color:#f59e0b}[data-theme=dark] .alert-info{background:#cffafe;background:var(--info-light);border-color:#06b6d4;color:#06b6d4}.loading{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);height:200px;justify-content:center}.error{background:#fee2e2;border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;color:var(--danger);margin:1rem 0;margin:var(--spacing-4) 0;padding:1.25rem;padding:var(--spacing-5);text-align:center}.navbar{background:#f8fafc;background:var(--bg-secondary);border-bottom:1.5px solid #e2e8f0;border-bottom:1.5px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:1000}.navbar-content{gap:2rem;justify-content:space-between}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#7c3aed;font-size:2.2rem;font-weight:900;letter-spacing:1.5px;text-decoration:none;transition:color .2s,text-shadow .2s}.navbar-brand:hover{color:#a855f7;text-shadow:0 2px 8px #a855f72e}[data-theme=dark] .navbar-brand{color:#fbeaff;text-shadow:0 2px 8px #a855f72e}.navbar-menu{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center}.nav-link{background:#0000;border:1.5px solid #0000;border-radius:.7rem;box-shadow:none;color:#7c3aed;font-size:1.1rem;font-weight:700;padding:.5rem 1.2rem;position:relative;text-decoration:none;transition:color .18s,background .18s,border .18s,box-shadow .18s}.nav-link:hover{border:1.5px solid #a855f7;box-shadow:0 2px 8px #a855f72e}.nav-link.active,.nav-link:hover{background:linear-gradient(90deg,#a855f7,#c084fc);color:#fff}.nav-link.active{border:1.5px solid #c084fc;box-shadow:0 2px 16px #a855f740}[data-theme=dark] .nav-link{background:#0000;border:1.5px solid #0000;color:#fbeaff!important;font-weight:700;text-shadow:none}[data-theme=dark] .nav-link:hover{background:linear-gradient(90deg,#a855f7,#7c3aed)!important;border:1.5px solid #a855f7;box-shadow:0 2px 8px #a855f740;color:#fff!important}[data-theme=dark] .nav-link.active{background:linear-gradient(90deg,#c084fc,#a855f7)!important;border:1.5px solid #fbeaff;box-shadow:0 2px 16px #a855f759;color:#fff!important;text-shadow:0 1px 8px #0000002e}.navbar-actions{gap:1rem;height:100%}.navbar-actions,.theme-toggle{align-items:center;display:flex;flex-shrink:0}.theme-toggle{background:none;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background:#f3e8ff;background:var(--primary-light);border-color:#a855f7;border-color:var(--primary);transform:scale(1.05)}.user-avatar{align-items:center;background:linear-gradient(135deg,#a855f7,#c084fc 70%,#e879f9);background:var(--gradient-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin:auto 0;overflow:hidden;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:40px}.user-avatar:hover{border-color:#a855f7;border-color:var(--primary);transform:scale(1.05)}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.logout-btn{background:#dc2626;background:var(--danger);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .15s ease-in-out;transition:all var(--transition-fast);white-space:nowrap}.logout-btn:hover{background:#b91c1c;transform:translateY(-1px)}@media (max-width:768px){.navbar-content{flex-direction:column;gap:1rem;gap:var(--spacing-4);padding:.75rem 0;padding:var(--spacing-3) 0}.navbar-menu{flex-wrap:wrap;justify-content:center}.navbar-actions,.navbar-menu{gap:.75rem;gap:var(--spacing-3)}.nav-link{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}}.hero{background:linear-gradient(135deg,#a855f7,#c084fc 70%,#e879f9);background:var(--gradient-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);color:#fff;margin-bottom:4rem;margin-bottom:var(--spacing-16);overflow:hidden;padding:5rem 1.5rem;padding:var(--spacing-20) var(--spacing-6);position:relative;text-align:center}.hero:before{background:#0000001a;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero>*{position:relative;z-index:2}.hero h1{color:#fff;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.hero p{color:#fff;font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:2rem;margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.hero-subtitle{color:#fff;font-size:1.25rem!important;font-size:var(--font-size-xl)!important;line-height:1.6;margin:0 auto 2rem!important;margin:0 auto var(--spacing-8) auto!important;max-width:800px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:center}.app-info-section{margin:40px 0;padding:40px 20px;text-align:center}.app-info-section h2{color:#333;font-size:2.5rem;margin-bottom:20px}.app-description{color:#666;font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:800px}.how-it-works{background:#f8f9fa;border-radius:10px;margin:40px 0;padding:60px 20px}.how-it-works h2{color:#333;font-size:2.5rem;margin-bottom:40px;text-align:center}.steps{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.step{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px 20px;position:relative;text-align:center}[data-theme=dark] .step{background:#1f2937!important;border-color:#374151!important;box-shadow:0 4px 6px #0000004d!important}.step-number{align-items:center;background:linear-gradient(135deg,#a855f7,#c084fc 70%,#e879f9);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h4{color:#0f172a;color:var(--text-primary);font-size:1.3rem;margin-bottom:15px}[data-theme=dark] .step h4{color:#f9fafb!important}.step p{color:#475569;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .step p{color:#d1d5db!important}.benefits-section{margin:40px 0;padding:60px 20px}.benefits-section h2{color:#0f172a;color:var(--text-primary);font-size:2.5rem;margin-bottom:40px;text-align:center}[data-theme=dark] .benefits-section h2{color:#f9fafb!important}.benefits{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.benefit-item{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px;text-align:center;transition:transform .2s ease}[data-theme=dark] .benefit-item{background:#1f2937!important;border-color:#374151!important;box-shadow:0 4px 6px #0000004d!important}.benefit-item:hover{transform:translateY(-5px)}.benefit-item h4{color:#0f172a;color:var(--text-primary);font-size:1.2rem;margin-bottom:15px}[data-theme=dark] .benefit-item h4{color:#f9fafb!important}.benefit-item p{color:#475569;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .benefit-item p{color:#d1d5db!important}.features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:40px 0}.feature-card{border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px}[data-theme=dark] .feature-card{box-shadow:0 4px 6px #0000004d!important}.feature-card h3{color:#0f172a;color:var(--text-primary);margin-bottom:15px}[data-theme=dark] .feature-card h3{color:#f9fafb!important}.feature-card p{color:#475569;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .feature-card p{color:#d1d5db!important}.user-card{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .2s ease}[data-theme=dark] .user-card{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;box-shadow:0 2px 4px #0003!important}.user-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.user-avatar{border-radius:50%;height:80px;margin-bottom:15px;object-fit:cover;width:80px}.swap-card{border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}[data-theme=dark] .swap-card{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;box-shadow:0 2px 4px #0003!important}.swap-card.pending{border-left-color:#ffc107}.swap-card.accepted{border-left-color:#28a745}.swap-card.completed{border-left-color:#17a2b8}.swap-card.rejected{border-left-color:#dc3545}.swap-card.cancelled{border-left-color:#6c757d}.form-container{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:500px;padding:2rem;padding:var(--spacing-8);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.form-container,.form-container h2{color:#0f172a;color:var(--text-primary)}.form-container h2{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.form-container p{color:#475569;color:var(--text-secondary)}.form-container a{color:#a855f7;color:var(--primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.form-container a:hover{color:#9333ea;color:var(--primary-hover);text-decoration:underline}.profile-header{border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:30px}[data-theme=dark] .profile-header{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;box-shadow:0 2px 4px #0003!important}.profile-avatar{border-radius:50%;margin-bottom:20px}.skills-section{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}[data-theme=dark] .skills-section{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;box-shadow:0 2px 4px #0003!important}.skills-section h3{color:#0f172a;color:var(--text-primary);margin-bottom:15px}[data-theme=dark] .skills-section h3{color:#0f172a!important;color:var(--text-primary)!important}.skill-input-group{gap:10px;margin-bottom:10px}.skill-input-group input{flex:1 1}.stat-card{border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:20px}[data-theme=dark] .stat-card{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;box-shadow:0 2px 4px #0003!important}.stat-number{color:#007bff;font-size:2rem;margin-bottom:5px}.stat-label{font-size:.9rem}.home-container{font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:32px 16px}.hero-section{background:linear-gradient(90deg,#6a82fb,#fc5c7d);border-radius:18px;box-shadow:0 4px 24px #50507814;color:#fff;margin-bottom:32px;padding:48px 24px 36px;text-align:center}.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:12px}.hero-subtitle{font-size:1.3rem;margin-bottom:24px}.hero-actions .btn{font-size:1.1rem;margin:0 8px;padding:10px 28px}.features-row{display:flex;gap:24px;justify-content:center;margin:40px 0 32px}.feature-card{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 2px 12px #50507812;flex:1 1;max-width:340px;min-width:220px;padding:28px 22px;text-align:center;transition:transform .15s,box-shadow .15s}[data-theme=dark] .feature-card{background:#1f2937!important;border-color:#374151!important;box-shadow:0 2px 12px #0000004d!important}.feature-card:hover{box-shadow:0 8px 32px #50507821;transform:translateY(-6px) scale(1.03)}.section-title{font-size:2rem;font-weight:600;margin:32px 0 24px;text-align:center}.user-grid{grid-gap:32px;gap:32px;margin-top:18px}.user-card-pro{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 16px #50507817;display:flex;flex-direction:column;min-height:420px;padding:0 0 18px;transition:box-shadow .18s,transform .18s}[data-theme=dark] .user-card-pro{background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;box-shadow:0 2px 16px #0003!important}.user-card-pro:hover{box-shadow:0 8px 32px #50507829;transform:translateY(-4px) scale(1.02)}.user-card-header{align-items:center;display:flex;flex-direction:column;padding:32px 0 0}.user-avatar-pro{background:#f3f3f3;box-shadow:0 2px 8px #5050781a;object-fit:cover}.user-avatar-pro,.user-avatar-pro-fallback{border-radius:50%;height:80px;margin-bottom:8px;width:80px}.user-avatar-pro-fallback{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#475569;color:var(--text-secondary);display:flex;font-size:2.5rem;font-weight:700;justify-content:center}[data-theme=dark] .user-avatar-pro-fallback{background:#fff!important;background:var(--bg-tertiary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;color:#475569!important;color:var(--text-secondary)!important}.user-card-body{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;padding:0 24px}.user-location{color:#666;font-size:1rem;margin-bottom:10px}[data-theme=dark] .user-location{color:#475569!important;color:var(--text-secondary)!important}.rating{font-size:1.2rem;margin-bottom:10px}.rating-number,.unrated{font-size:1rem}.unrated{margin-bottom:10px}.skills-list{margin:8px 0 0;width:100%}.skills-label{color:#444;font-size:1rem;font-weight:600}[data-theme=dark] .skills-label{color:#0f172a!important;color:var(--text-primary)!important}.skills-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.skill-tag-pro{background:#f3e8ff;background:var(--primary-light);border:1px solid #7c3aed;border:1px solid var(--primary-dark);border-radius:8px;color:#7c3aed;color:var(--primary-dark);font-size:.98rem;font-weight:500;padding:4px 12px;transition:background .15s}[data-theme=dark] .skill-tag-pro{background:#f3e8ff!important;background:var(--primary-light)!important;border-color:#7c3aed!important;border-color:var(--primary-dark)!important;color:#7c3aed!important;color:var(--primary-dark)!important}.skill-tag-pro.wanted{background:#fef3c7;background:var(--warning-light);border-color:#d97706;border-color:var(--warning);color:#d97706;color:var(--warning)}[data-theme=dark] .skill-tag-pro.wanted{background:#fef3c7!important;background:var(--warning-light)!important;border-color:#f59e0b!important;color:#f59e0b!important}.user-card-footer{margin-top:18px;text-align:center}.btn-block{font-size:1.1rem;padding:10px 0;width:100%}.empty-state{margin:48px 0}.error-message{background:#fff0f0;border:1px solid #ffd6d6;border-radius:10px;color:#a12d2d;margin:32px auto;max-width:500px;padding:32px 18px;text-align:center}[data-theme=dark] .error-message{background:#fee2e2!important;background:var(--danger-light)!important;border-color:#dc2626!important;border-color:var(--danger)!important;color:#dc2626!important;color:var(--danger)!important}@media (max-width:900px){.features-row{flex-direction:column;gap:18px}.user-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.features{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}.modal-overlay{bottom:0;right:0;z-index:1000}.modal{background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #00000026;padding:24px;width:90%}[data-theme=dark] .modal{background:#1f2937!important;border-color:#374151!important;box-shadow:0 4px 20px #0000004d!important}.modal h3{color:#333;margin-bottom:16px}.modal-content{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-6)}.modal-header h3{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:0;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:32px}.modal-close:hover{background-color:#f8fafc;background-color:var(--bg-secondary);color:#0f172a;color:var(--text-primary)}.modal-body{padding:1.5rem;padding:var(--spacing-6)}.modal-body .form-group{margin-bottom:1.25rem;margin-bottom:var(--spacing-5)}.modal-body .form-group label{color:#0f172a;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.modal-body .form-control{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--spacing-3);transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);width:100%}.modal-body .form-control:focus{border-color:#a855f7;border-color:var(--primary);box-shadow:0 0 0 3px #f3e8ff;box-shadow:0 0 0 3px var(--primary-light);outline:none}.modal-body textarea.form-control{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);gap:.75rem;gap:var(--spacing-3);margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1rem;padding-top:var(--spacing-4)}.error-message{background-color:#fee2e2;background-color:var(--danger-light);border-radius:.5rem;border-radius:var(--radius-md);color:#dc2626;color:var(--danger);font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:.75rem;padding:var(--spacing-3)}[data-theme=dark] .modal-content{background-color:#fff;background-color:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .modal-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color)}[data-theme=dark] .modal-header h3{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .modal-close{color:#64748b;color:var(--text-muted)}[data-theme=dark] .modal-close:hover{background-color:#f8fafc;background-color:var(--bg-secondary)}[data-theme=dark] .modal-body .form-group label,[data-theme=dark] .modal-close:hover{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .modal-body .form-control{background-color:#fff;background-color:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color);color:#0f172a;color:var(--text-primary)}[data-theme=dark] .modal-body .form-control:focus{border-color:#a855f7;border-color:var(--primary)}[data-theme=dark] .modal-actions{border-top-color:#e2e8f0;border-top-color:var(--border-color)}[data-theme=dark] .error-message{background-color:#fee2e2;background-color:var(--danger-light);color:#dc2626;color:var(--danger)}.rating-form,.swap-ratings{margin-top:12px}.swap-ratings{background:#f8f9fa;border-radius:8px;font-size:14px;padding:12px}.swap-ratings p{color:#666;font-style:italic;margin:4px 0}.rating-number{color:#666;font-size:.9rem;margin-left:6px}.unrated{color:#bbb;font-size:.9rem;margin:4px 0}.admin-dashboard{margin:0 auto;max-width:1400px;padding:24px}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px;text-align:center;transition:transform .15s}[data-theme=dark] .stat-card{background:#1f2937!important;border-color:#374151!important;box-shadow:0 2px 12px #0003!important}.stat-card:hover{transform:translateY(-2px)}.stat-number{color:#2d3a5a;font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:1rem}.analytics-dashboard{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}[data-theme=dark] .analytics-dashboard{background:#1f2937!important;border-color:#374151!important;box-shadow:0 2px 12px #0003!important}.analytics-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.analytics-header h3{color:#2d3a5a;font-size:1.5rem;margin:0}.report-actions{display:flex;flex-wrap:wrap;gap:12px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.analytics-card h4{color:#2d3a5a;font-size:1.2rem;margin:0 0 16px}.analytics-stats{margin-bottom:20px}.stat-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-weight:500}[data-theme=dark] .stat-label{color:#475569!important;color:var(--text-secondary)!important}.stat-value{color:#2d3a5a;font-size:1.1rem;font-weight:600}.swap-status-breakdown h5,.top-skills h5{color:#2d3a5a;font-size:1rem;margin:16px 0 12px}.skills-list{flex-direction:column;gap:6px}.skill-item{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;padding:6px 12px}[data-theme=dark] .skill-item{background:#1f2937!important;border-color:#374151!important}.skill-count{background:#6a82fb;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:2px 8px}.status-list{display:flex;flex-direction:column;gap:6px}.status-item{border-radius:6px;font-size:.9rem;font-weight:500;padding:8px 12px}.status-item.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-item.accepted{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.status-item.completed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-item.rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-item.cancelled{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.swap-filters{margin-bottom:20px}.swaps-table{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}[data-theme=dark] .swaps-table{background:#1f2937!important;border-color:#374151!important;box-shadow:0 2px 8px #0003!important}.swaps-table table{border-collapse:collapse;width:100%}.swaps-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#2d3a5a;font-weight:600;padding:12px;text-align:left}.swaps-table td{border-bottom:1px solid #e9ecef;padding:12px}.swaps-table tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-pending{background:#fef3c7;background:var(--warning-light);color:#d97706;color:var(--warning)}.status-accepted{background:#d1fae5;background:var(--success-light);color:#059669;color:var(--success)}.status-completed{background:#cffafe;background:var(--info-light);color:#0891b2;color:var(--info)}.status-rejected{background:#fee2e2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.status-cancelled{background:#f8fafc;background:var(--bg-secondary);color:#475569;color:var(--text-secondary)}[data-theme=dark] .status-pending{background:#fef3c7;background:var(--warning-light);color:#f59e0b}[data-theme=dark] .status-accepted{background:#d1fae5;background:var(--success-light);color:#10b981}[data-theme=dark] .status-completed{background:#cffafe;background:var(--info-light);color:#06b6d4}[data-theme=dark] .status-rejected{background:#fee2e2;background:var(--danger-light);color:#ef4444}[data-theme=dark] .status-cancelled{background:#fff;background:var(--bg-tertiary);color:#475569;color:var(--text-secondary)}.btn-sm{font-size:.8rem;padding:4px 12px}@media (max-width:768px){.analytics-header{align-items:flex-start;flex-direction:column;gap:16px}.report-actions{justify-content:flex-start;width:100%}.analytics-grid{grid-template-columns:1fr}.swaps-table{overflow-x:auto}}@media (max-width:480px){.hero{padding:40px 15px}.hero h1{font-size:1.8rem}.hero-subtitle{font-size:1rem!important}.hero-actions{align-items:center;flex-direction:column}.app-info-section,.benefits-section,.how-it-works{padding:30px 15px}.app-info-section h2,.benefits-section h2,.how-it-works h2{font-size:1.8rem}.step{padding:20px 15px}.step h4{font-size:1.1rem}.benefit-item{padding:20px 15px}.benefit-item h4{font-size:1.1rem}.admin-stats{grid-template-columns:1fr}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:40px 0}.pagination-btn{padding:8px 16px;text-align:center}.pagination-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.pagination-ellipsis{font-weight:700;padding:8px 4px}.user-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (max-width:768px){.user-grid{grid-template-columns:1fr}.pagination{gap:4px}.pagination-btn{font-size:12px;min-width:35px;padding:6px 12px}}@media (max-width:480px){.pagination{gap:2px}.pagination-btn{font-size:11px;min-width:30px;padding:4px 8px}}.card{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:20px 0;padding:30px}[data-theme=dark] .card{background:#1f2937!important;border-color:#374151!important;box-shadow:0 4px 6px #0003!important}.card h2{color:#333;margin-bottom:20px;text-align:center}.card p{color:#666;line-height:1.6;margin-bottom:15px}.alert{border-radius:6px;font-weight:500;margin:15px 0;padding:12px 16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success{padding:20px;text-align:center}.success p{color:#28a745;font-weight:600;margin-bottom:15px}.container{padding:0 20px}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn:disabled{cursor:not-allowed;opacity:.6}.rating{align-items:center;color:#fbb034;display:flex;font-size:1.1rem;gap:5px;margin:4px 0}.rating-small{font-size:.9rem}.rating-medium{font-size:1.1rem}.rating-large{font-size:1.4rem}.rating-text{font-size:.9rem;margin-left:5px}.rating.rating-small .rating-text{font-size:.8rem}.rating.rating-large .rating-text{font-size:1.1rem}.rating-new-user{color:#28a745;font-style:italic}[data-theme=dark] .rating-new-user{color:#059669!important;color:var(--success)!important}.pagination-container{margin-top:40px;text-align:center}.pagination-info{color:#666;font-size:14px;margin-bottom:20px}[data-theme=dark] .pagination-info{color:#475569!important;color:var(--text-secondary)!important}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-btn{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:6px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}[data-theme=dark] .pagination-btn{background:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}.pagination-btn:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#007bff}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:#666;font-size:14px;padding:0 8px}.search-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:15px}[data-theme=dark] .search-info{background:#f8fafc!important;background:var(--bg-secondary)!important;border-left-color:#7c3aed!important;border-left-color:var(--primary-dark)!important}[data-theme=dark] .search-info p{color:#475569!important;color:var(--text-secondary)!important}.swap-details{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}[data-theme=dark] .swap-details{background:#f8fafc!important;background:var(--bg-secondary)!important}.swap-details p{color:#333;margin:5px 0}.star-rating{gap:5px;margin:10px 0}.star-btn{align-items:center;color:#ddd;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:color .2s ease;width:30px}.star-btn.filled,.star-btn:hover{color:#fbb034}.modal-actions{gap:10px;margin-top:20px}.rating-form .form-group{margin-bottom:20px}.rating-form label{color:#333;display:block;font-weight:600;margin-bottom:8px}[data-theme=dark] .rating-form label{color:#0f172a!important;color:var(--text-primary)!important}.rating-text{color:#666;font-size:14px;margin-left:10px}[data-theme=dark] .rating-text{color:#475569!important;color:var(--text-secondary)!important}.swaps-header{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.swaps-header h1{margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;gap:var(--spacing-2);margin-bottom:2rem;margin-bottom:var(--spacing-8)}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#475569;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.tab-btn:hover{color:#0f172a;color:var(--text-primary)}.tab-btn.active{border-bottom-color:#a855f7;border-bottom-color:var(--primary);color:#a855f7;color:var(--primary)}.swaps-content{min-height:400px}.swaps-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.section{margin-bottom:2rem;margin-bottom:var(--spacing-8)}.section-title{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.swap-card{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border-left:4px solid #e2e8f0;border:1px solid var(--border-color);border-left-width:4px;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-6);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.swap-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.swap-card.pending{border-left-color:#d97706;border-left-color:var(--warning)}.swap-card.accepted{border-left-color:#059669;border-left-color:var(--success)}.swap-card.completed{border-left-color:#0891b2;border-left-color:var(--info)}.swap-card.rejected{border-left-color:#dc2626;border-left-color:var(--danger)}.swap-card.cancelled{border-left-color:#64748b;border-left-color:var(--secondary)}.swap-header{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.user-info{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3)}.user-details h4{color:#0f172a;color:var(--text-primary);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.swap-details{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.skill-exchange{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-2);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.skill-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.skill-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.skill-value{color:#0f172a;color:var(--text-primary);font-weight:600}.swap-message{background:#f3e8ff;background:var(--primary-light);border-radius:.5rem;border-radius:var(--radius-md);color:#a855f7;color:var(--primary);font-style:italic;padding:.75rem;padding:var(--spacing-3)}.swap-actions{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.action-buttons{display:flex;gap:.5rem;gap:var(--spacing-2)}.swap-ratings{background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);margin-top:.75rem;margin-top:var(--spacing-3);padding:.75rem;padding:var(--spacing-3)}.rating-item{font-size:.875rem;font-size:var(--font-size-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.rating-item:last-child{margin-bottom:0}.empty-state{color:#475569;color:var(--text-secondary);padding:3rem 1.5rem;padding:var(--spacing-12) var(--spacing-6);text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;margin-bottom:var(--spacing-4);opacity:.5}.empty-state h3{color:#0f172a;color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #a855f7;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;margin-right:.75rem;margin-right:var(--spacing-3);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-theme=dark] .card,[data-theme=dark] .form-control{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .form-control{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .form-control:focus{box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-control::placeholder{color:#64748b;color:var(--text-muted)}[data-theme=dark] .modal{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .modal h3{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .modal p{color:#475569;color:var(--text-secondary)}[data-theme=dark] .btn-secondary,[data-theme=dark] .swap-card,[data-theme=dark] .user-card{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .btn-secondary{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:#fff;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-hover)}[data-theme=dark] .skill-item{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .skill-label{color:#475569;color:var(--text-secondary)}[data-theme=dark] .skill-value{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .swap-message{background:#f3e8ff;background:var(--primary-light);border-color:#7c3aed;border-color:var(--primary-dark);color:#7c3aed;color:var(--primary-dark)}[data-theme=dark] .swap-ratings{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .rating-item{color:#475569;color:var(--text-secondary)}[data-theme=dark] .availability-item{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .availability-item:hover{background:#f8fafc;background:var(--bg-secondary)}[data-theme=dark] .availability-item span{color:#0f172a;color:var(--text-primary)}[data-theme=dark] .skill-tag{background:#7c3aed33;border-color:#c084fc;color:#c084fc}[data-theme=dark] .skill-tag.wanted{background:#f59e0b33;border-color:#fbbf24;color:#fbbf24}[data-theme=dark] .skill-remove{color:inherit}[data-theme=dark] .skill-remove:hover{background:#ffffff1a}[data-theme=dark] .availability-tag,[data-theme=dark] .profile-avatar-fallback{background:#f3e8ff;background:var(--primary-light);color:#7c3aed;color:var(--primary-dark)}[data-theme=dark] .profile-avatar-fallback{border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .user-avatar-fallback{background:#f3e8ff;background:var(--primary-light);color:#7c3aed;color:var(--primary-dark)}[data-theme=dark] .profile-avatar,[data-theme=dark] .user-avatar{border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .text-secondary{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .text-muted{color:#64748b!important;color:var(--text-muted)!important}[data-theme=dark] .text-primary{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .no-availability,[data-theme=dark] .no-skills,[data-theme=dark] .unrated{color:#64748b!important;color:var(--text-muted)!important}[data-theme=dark] .theme-toggle{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color);color:#0f172a;color:var(--text-primary)}[data-theme=dark] .theme-toggle:hover{background:#fff;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-hover)}[data-theme=dark] .form-container{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .form-container h2{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .form-container p{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .form-container a{color:#7c3aed!important;color:var(--primary-dark)!important}[data-theme=dark] .form-container a:hover{color:#a855f7!important;color:var(--primary)!important}[data-theme=dark] .skills-sections .card{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .skills-sections .card h3{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .skills-editor .skill-input-group{background:#f8fafc;background:var(--bg-secondary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .skills-editor .skill-input-group:focus-within{box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .skills-list{background:#fff;background:var(--bg-primary);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] p{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] b,[data-theme=dark] label,[data-theme=dark] strong{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] span{color:inherit}[data-theme=dark] .detail-item strong,[data-theme=dark] .user-details h4{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .swap-details p{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .swap-message strong{color:#7c3aed!important;color:var(--primary-dark)!important}[data-theme=dark] .rating-item strong{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .nav-link,[data-theme=dark] .rating-item{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .nav-link:hover{background:#f8fafc!important;background:var(--bg-secondary)!important;color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .nav-link.active{background:#f3e8ff!important;background:var(--primary-light)!important}[data-theme=dark] .logout-btn{border-color:#e2e8f0!important;border-color:var(--border-color)!important;color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .logout-btn:hover{background:#dc2626!important;background:var(--danger)!important;border-color:#dc2626!important;border-color:var(--danger)!important;color:#fff!important}[data-theme=dark] .empty-state{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .empty-state h3{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .empty-state p{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .section-title,[data-theme=dark] .swaps-header h1{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .swaps-header p{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .profile-info h1{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .profile-location{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .card-header h2{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .tab-btn{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .tab-btn:hover{color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .tab-btn.active{border-bottom-color:#7c3aed!important;border-bottom-color:var(--primary-dark)!important;color:#7c3aed!important;color:var(--primary-dark)!important}[data-theme=dark] .pagination-btn{background:#fff!important;background:var(--bg-primary)!important;border-color:#e2e8f0!important;border-color:var(--border-color)!important;color:#0f172a!important;color:var(--text-primary)!important}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:#f8fafc!important;background:var(--bg-secondary)!important;border-color:#7c3aed!important;border-color:var(--primary-dark)!important;color:#7c3aed!important;color:var(--primary-dark)!important}[data-theme=dark] .pagination-btn.active{background:#7c3aed!important;background:var(--primary-dark)!important;border-color:#7c3aed!important;border-color:var(--primary-dark)!important;color:#fff!important}[data-theme=dark] .loading,[data-theme=dark] .pagination-ellipsis{color:#475569!important;color:var(--text-secondary)!important}[data-theme=dark] .error{background:#fee2e2!important;background:var(--danger-light)!important;color:#dc2626!important;color:var(--danger)!important}[data-theme=dark] .success,[data-theme=dark] .success p{color:#059669!important;color:var(--success)!important}.profile-header{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-8);padding:2rem;padding:var(--spacing-8);text-align:center}.profile-avatar-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.profile-avatar{margin-bottom:1rem;margin-bottom:var(--spacing-4);object-fit:cover}.profile-avatar,.profile-avatar-fallback{border:4px solid #e2e8f0;border:4px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);height:120px;width:120px}.profile-avatar-fallback{align-items:center;background:#f3e8ff;background:var(--primary-light);color:#a855f7;color:var(--primary);display:flex;font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;justify-content:center;margin:0 auto 1rem;margin:0 auto var(--spacing-4) auto}.profile-info h1{color:#0f172a;color:var(--text-primary);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.profile-location{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);padding-bottom:1rem;padding-bottom:var(--spacing-4)}.card-header h2{color:#0f172a;color:var(--text-primary);margin:0}.profile-form{max-width:600px}.form-actions{display:flex;gap:.75rem;gap:var(--spacing-3);margin-top:1.5rem;margin-top:var(--spacing-6)}.profile-details{gap:1rem;gap:var(--spacing-4)}.detail-item,.profile-details{display:flex;flex-direction:column}.detail-item{gap:.5rem;gap:var(--spacing-2)}.detail-item strong{color:#0f172a;color:var(--text-primary);font-weight:600}.availability-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:.5rem;margin-top:var(--spacing-2)}.availability-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-2);padding:.5rem;padding:var(--spacing-2);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.availability-item:hover{background:#fff;background:var(--bg-tertiary)}.availability-item input[type=checkbox]{margin:0}.availability-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px;margin-top:4px}.availability-tag{background:#f3e8ff;background:var(--primary-light);border:1.5px solid #a855f7;border:1.5px solid var(--primary);border-radius:999px;color:#7c3aed;color:var(--primary-dark);font-size:1rem;font-weight:500;letter-spacing:.02em;padding:4px 16px;transition:background .2s,color .2s}[data-theme=dark] .availability-tag{background:#2d1e4f;border-color:#8f5eff;color:#b983ff}.no-availability{color:#64748b;color:var(--text-muted);font-size:1rem;font-style:italic;opacity:.7;padding:4px 12px}.skills-sections{grid-gap:1.5rem;grid-gap:var(--spacing-6);display:grid;gap:1.5rem;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:1.5rem;margin-top:var(--spacing-6)}.skills-sections .card{background:#fff;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.skills-sections .card h3{color:#0f172a;color:var(--text-primary);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.skills-sections .card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.skills-editor{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.skill-input-group{display:flex;gap:.5rem;gap:var(--spacing-2)}.skill-input-group .form-control{flex:1 1}.skills-list{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2);min-height:40px;padding:.5rem;padding:var(--spacing-2)}.skill-tag,.skills-list{transition:all .15s ease-in-out;transition:all var(--transition-fast)}.skill-tag{align-items:center;background:#f3e8ff;background:var(--primary-light);border:1px solid #a855f7;border:1px solid var(--primary);border-radius:9999px;border-radius:var(--radius-full);color:#a855f7;color:var(--primary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;gap:var(--spacing-1);padding:2px 6px;position:relative}.skill-tag.wanted{background:#fef3c7;background:var(--warning-light);border-color:#d97706;border-color:var(--warning);color:#d97706;color:var(--warning)}.skill-tag:hover{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.skill-remove{align-items:center;background:none;border:none;border-radius:9999px;border-radius:var(--radius-full);color:inherit;cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;height:20px;justify-content:center;margin-left:4px;opacity:.8;padding:0;transition:all .15s ease-in-out;transition:all var(--transition-fast);width:20px}.skill-remove:hover{background:#0000001a;opacity:1}.skills-display{min-height:60px}.skills-display .skills-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.no-skills{color:#64748b;color:var(--text-muted);font-style:italic;padding:1rem;padding:var(--spacing-4);text-align:center}.skills-editor .skill-input-group{background:#fff;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--spacing-2);transition:all .15s ease-in-out;transition:all var(--transition-fast)}.skills-editor .skill-input-group:focus-within{border-color:#a855f7;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}@media (max-width:768px){.swaps-grid{grid-template-columns:1fr}.tabs{flex-direction:column;gap:.25rem;gap:var(--spacing-1)}.tab-btn{border-bottom:none;border-left:2px solid #0000;text-align:left}.tab-btn.active{border-bottom-color:#0000;border-left-color:#a855f7;border-left-color:var(--primary)}.skills-sections{grid-template-columns:1fr}.card-header{align-items:flex-start;gap:.75rem;gap:var(--spacing-3)}.card-header,.form-actions{flex-direction:column}.availability-grid{grid-template-columns:repeat(2,1fr)}.skill-input-group{flex-direction:column}}.search-form{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.search-row{display:flex;flex-wrap:wrap;gap:1rem}.search-input,.search-select{background:#fff;background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);flex:1 1;font-size:1rem;min-width:250px;padding:.75rem 1rem;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.search-input:focus,.search-select:focus{border-color:#a855f7;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.availability-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.availability-label{color:#0f172a;color:var(--text-primary);font-weight:600;white-space:nowrap}.availability-checkboxes{display:flex;flex-wrap:wrap;gap:1rem}.availability-checkbox{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background .15s ease-in-out;transition:background var(--transition-fast)}.availability-checkbox:hover{background:#f3e8ff;background:var(--primary-light)}.availability-checkbox input[type=checkbox]{accent-color:#a855f7;accent-color:var(--primary);height:1.2rem;width:1.2rem}.availability-checkbox span{color:#0f172a;color:var(--text-primary);font-weight:500}.search-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.search-actions .btn{font-size:1rem;font-weight:600;padding:.75rem 1.5rem}@media (max-width:768px){.search-form{gap:1rem;padding:1rem}.search-row{flex-direction:column;gap:.75rem}.search-input,.search-select{min-width:100%;width:100%}.availability-row{align-items:flex-start;flex-direction:column;gap:.75rem}.availability-checkboxes{gap:.75rem}.search-actions{justify-content:stretch}.search-actions .btn{flex:1 1;min-width:120px}}@media (max-width:480px){.search-form{padding:.75rem}.availability-checkboxes{flex-direction:column;gap:.5rem}.search-actions{flex-direction:column}}.scrollable-skills{-ms-overflow-style:none;align-items:flex-start;background:none;display:flex;flex-wrap:wrap;gap:6px;max-height:60px;min-height:40px;overflow-y:auto;padding:4px 0;scrollbar-width:none}.scrollable-skills::-webkit-scrollbar{display:none}[data-theme=dark] .scrollable-skills{background:none}.show-all-row{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:1rem;margin-top:var(--spacing-4);padding-top:1rem;padding-top:var(--spacing-4)}.show-all-checkbox{align-items:center;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);transition:color .15s ease-in-out;transition:color var(--transition-fast)}.show-all-checkbox:hover{color:#0f172a;color:var(--text-primary)}.show-all-checkbox input[type=checkbox]{accent-color:#a855f7;accent-color:var(--primary);height:16px;margin-right:.5rem;margin-right:var(--spacing-2);width:16px}.show-all-checkbox span{font-weight:500}[data-theme=dark] .show-all-row{border-top-color:#e2e8f0;border-top-color:var(--border-color)}[data-theme=dark] .show-all-checkbox{color:#475569;color:var(--text-secondary)}[data-theme=dark] .show-all-checkbox:hover{color:#0f172a;color:var(--text-primary)}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal{animation:modal-fade-in .2s;background:#fff;border-radius:8px;box-shadow:0 2px 16px #0003;max-width:400px;padding:32px 24px;position:relative;width:100%;z-index:10000}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.rating-form .form-group{margin-bottom:16px}.star-rating{display:flex;gap:4px;margin-bottom:8px}.star-btn{background:none;border:none;color:#fbbf24;cursor:pointer;font-size:1.5em;padding:0 2px}.star-btn.filled{color:#f59e0b}.navbar-toggle{background:none;border:none;color:#a855f7;cursor:pointer;display:none;font-size:2.2rem;margin-left:1rem;transition:color .18s}@media (max-width:900px){.navbar-toggle{display:block}.navbar-content{align-items:center;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.navbar-menu{align-items:stretch;background:#f8fafc;background:var(--bg-secondary);box-shadow:0 8px 32px #0000002e;display:none;flex-direction:column;gap:0;left:0;max-height:0;overflow:hidden;padding:.5rem 0;position:absolute;top:100%;transition:max-height .3s cubic-bezier(.4,0,.2,1);width:100vw;z-index:2000}.navbar-menu.open{display:flex;max-height:500px;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.nav-link{background:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);border-left:4px solid #0000;border-radius:0;font-size:clamp(1rem,2.5vw,1.15rem);margin:0;padding:1.1rem 2rem;text-align:left;width:100%}.nav-link.active,.nav-link:hover{background:linear-gradient(90deg,#a855f7,#c084fc);border-left:4px solid #a855f7;color:#fff}.navbar-actions{flex-direction:row;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}.navbar-brand{font-size:clamp(1.3rem,5vw,2.2rem);padding-left:1rem}}@media (max-width:600px){.navbar-brand{font-size:clamp(1.1rem,7vw,1.7rem);padding-left:.5rem}.nav-link{font-size:clamp(.98rem,4vw,1.08rem);padding:1rem 1.2rem}}.navbar-overlay{display:none}@media (max-width:900px){.navbar-overlay.open{background:#1e1b268c;display:block;height:100vh;left:0;position:fixed;top:0;transition:opacity .2s;width:100vw;z-index:1500}}.container{margin:0 auto;max-width:1200px;padding:0 clamp(10px,4vw,32px);width:100%}@media (max-width:600px){.container{padding:0 8px}}.hero{border-radius:clamp(16px,4vw,40px);margin-bottom:clamp(24px,8vw,80px);padding:clamp(32px,8vw,120px) clamp(8px,5vw,48px)}.hero h1{font-size:clamp(1.5rem,7vw,2.8rem)}.hero p,.hero-subtitle{font-size:clamp(1rem,4vw,1.3rem)}.user-grid{gap:clamp(12px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.btn,.btn-primary,.btn-secondary{font-size:clamp(.95rem,2.5vw,1.1rem);padding:clamp(.5rem,2vw,.8rem) clamp(1rem,4vw,1.6rem)}.card,.feature-card,.user-card{border-radius:clamp(10px,2vw,24px);padding:clamp(1rem,3vw,2rem)}.swaps-table{font-size:clamp(.95rem,2vw,1.1rem)}.form-control{font-size:clamp(1rem,2vw,1.1rem);padding:clamp(.5rem,2vw,.8rem) clamp(1rem,4vw,1.6rem)}.section-title,h2,h3{font-size:clamp(1.2rem,5vw,2.1rem)}
/*# sourceMappingURL=main.86f0b7c7.css.map*/