body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-switcher{background:#1f1f1f;border:1px solid #404040;border-radius:10px;box-shadow:0 4px 12px #0000004d;min-width:200px;padding:15px;position:fixed;right:20px;top:20px;z-index:1000}.theme-switcher h4{color:#acacac;font-size:14px;margin:0 0 10px}.theme-buttons{display:flex;flex-direction:column;gap:8px}.theme-btn{background:#1f1f1f;border:2px solid #404040;border-radius:6px;color:#acacac;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .2s ease}.theme-btn:hover{background:#2a2a2a;border-color:#667eea}.theme-btn.active{background:#667eea;border-color:#667eea;color:#fff}.theme-ocean .theme-btn.active{background:#2193b0;border-color:#2193b0}.theme-sunset .theme-btn.active{background:#fa709a;border-color:#fa709a}.theme-forest .theme-btn.active{background:#134e5e;border-color:#134e5e}:root{--primary-gradient:linear-gradient(135deg,#0d4d1e,#1a7f3d);--secondary-gradient:linear-gradient(135deg,#155b24,#1f8f47);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-gradient:linear-gradient(135deg,#2c3e50,#34495e);--primary-color:#39ff6b;--secondary-color:#1a7f3d;--error-color:#dc3545;--success-color:#28a745;--text-color:#acacac;--text-light:grey;--border-color:#404040;--background-light:#1f1f1f;--card-background:#1f1f1f}.theme-ocean{--primary-gradient:linear-gradient(135deg,#2193b0,#6dd5ed);--primary-color:#2193b0;--secondary-color:#6dd5ed}.theme-sunset{--primary-gradient:linear-gradient(135deg,#fa709a,#fee140);--primary-color:#fa709a;--secondary-color:#fee140}.theme-forest{--primary-gradient:linear-gradient(135deg,#134e5e,#71b280);--primary-color:#134e5e;--secondary-color:#71b280}.auth-container{align-items:center;background:#0c0c0c;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .5s ease-out;background:#1f1f1f;border:1px solid #404040;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 16px #0003;max-width:400px;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:30px;text-align:center}.auth-header .logo{border-radius:50%;height:80px;margin-bottom:20px;object-fit:cover;width:80px}.auth-header h2{color:#acacac;color:var(--text-color);font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{color:grey;color:var(--text-light);font-size:16px;margin:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group input{background:#1f1f1f;background:var(--background-light);border:2px solid #404040;border:2px solid var(--border-color);color:#acacac;color:var(--text-color);font-size:16px;padding:16px;transition:all .3s ease}.form-group input::placeholder{color:grey;color:var(--text-light)}.form-group input:focus{background:#2a2a2a;border-color:#39ff6b;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{cursor:not-allowed;opacity:.6}.field-error{color:#dc3545;color:var(--error-color);font-size:14px;margin-top:4px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-message,.success-message{font-size:14px;padding:12px 16px}.success-message{background:#28a7451a;border:1px solid #28a7454d;border-radius:8px;color:#28a745;margin-bottom:20px;text-align:center}.auth-button{background:#39ff6b;border:none;border-radius:8px;color:#0c0c0c;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease}.auth-button:hover:not(:disabled){background:#2ee55a;transform:translateY(-2px)}.auth-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-footer{border-top:1px solid #404040;border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px;text-align:center}.auth-footer p{color:grey;color:var(--text-light);font-size:14px;margin:0}.auth-link{color:#39ff6b;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#1a7f3d;color:var(--secondary-color);text-decoration:underline}.forgot-password{border-top:1px solid #404040;border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px;text-align:center}.forgot-password .auth-link{color:grey;color:var(--text-light);font-size:14px}.forgot-password .auth-link:hover{color:#39ff6b;color:var(--primary-color)}@media (max-width:1024px){.auth-container{padding:15px}.auth-card{max-width:500px;padding:35px 30px}}@media (max-width:768px){.auth-container{padding:10px}.auth-card{margin:0;max-width:100%;padding:30px 25px;width:100%}.auth-header h2{font-size:28px}.auth-header p{font-size:16px}.auth-button,.form-group input{font-size:16px;padding:15px}.auth-links{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.auth-container{align-items:flex-start;padding:20px 5px 5px}.auth-card{border-radius:8px;padding:25px 20px}.auth-header h2{font-size:24px}.auth-header p{font-size:14px}.form-group input{font-size:16px;padding:14px 12px}.form-group label{font-size:14px}.auth-button{font-size:15px;padding:14px}.auth-links a{font-size:14px;padding:8px 0}.error-message{font-size:13px;padding:8px 12px}}@media (max-width:320px){.auth-container{padding:15px 3px 3px}.auth-card{padding:20px 15px}.auth-header h2{font-size:22px}.form-group input{padding:12px 10px}.auth-button{font-size:14px;padding:12px}}@media (hover:none){.auth-button:hover{transform:none}.auth-button:active{transform:scale(.98)}.auth-links a:hover{color:#39ff6b;color:var(--primary-color)}}.messages-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.messages-container{background:#2a2a2a;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:80%;max-height:600px;max-width:800px;width:90%}.messages-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #404040;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.header-actions{align-items:center;display:flex;gap:10px}.refresh-btn-header{align-items:center;background:none;border:1px solid #666;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.refresh-btn-header:hover{border-color:#00ff41;color:#00ff41;transform:rotate(180deg)}.messages-header h2{color:#e0e0e0;font-size:1.5rem;margin:0}.close-btn{color:#b0b0b0}.close-btn:hover{color:#e0e0e0}.messages-content{display:flex;flex:1 1;overflow:hidden}.conversations-sidebar{background:#2a2a2a;border-radius:0 0 0 12px;border-right:1px solid #404040;display:flex;flex-direction:column;width:300px}.loading{padding:20px}.loading,.no-conversations{color:#b0b0b0;text-align:center}.no-conversations{padding:40px 20px}.no-conversations p{margin:0 0 10px}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item:first-child{border-top:1px solid #404040}.conversation-item{align-items:center;background:#2a2a2a;border-bottom:1px solid #404040;cursor:pointer;display:flex;padding:10px 20px;position:relative;transition:background-color .2s}.conversation-item:hover{background:#404040}.conversation-item.active{background:#404040;border-right:3px solid #666}.conversation-avatar{align-items:center;background:#555;border-radius:50%;display:flex;height:35px;justify-content:center;margin-right:12px;overflow:visible;position:relative;width:35px}.conversation-avatar .avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.conversation-avatar .avatar-placeholder{color:#fff;font-size:.8rem;font-weight:700}.conversation-avatar .status-dot{border:2px solid #2a2a2a;border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px;z-index:1}.conversation-avatar .status-dot.online{animation:pulse-online 2s infinite;background-color:#4caf50;box-shadow:0 0 4px #4caf5099}.conversation-avatar .status-dot.offline{background-color:#666}.conversation-info{flex:1 1;min-width:0}.conversation-info h4{color:#e0e0e0;font-size:.95rem;margin:0 0 4px}.last-message{color:#b0b0b0;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{align-items:center;background:#f44336;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.chat-area{background:#2a2a2a;border-radius:0 0 12px 0;display:flex;flex:1 1;flex-direction:column}.chat-header{background:#1a1a1a;border-bottom:1px solid #404040;justify-content:space-between;min-height:67px;padding:15px 20px}.chat-header,.refresh-btn{align-items:center;display:flex}.refresh-btn{background:none;border:1px solid #555;border-radius:50%;color:#b0b0b0;cursor:pointer;font-size:16px;height:35px;justify-content:center;transition:all .2s;width:35px}.refresh-btn:hover{background:#404040;border-color:#666;color:#e0e0e0}.chat-avatar,.chat-user-info{align-items:center;display:flex}.chat-avatar{background:#555;border-radius:50%;height:35px;justify-content:center;margin-right:12px;overflow:hidden;width:35px}.chat-avatar .avatar-img{height:100%;object-fit:cover;width:100%}.chat-avatar .avatar-placeholder{color:#fff;font-size:.8rem;font-weight:700}.chat-header h3{color:#e0e0e0;font-size:1.1rem;margin:0}.messages-list{background:#2a2a2a;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.no-messages{align-items:center;color:#b0b0b0;display:flex;height:100%;justify-content:center}.message{display:flex;max-width:none;width:100%}.message.sent{align-self:flex-end;justify-content:flex-end;margin-left:auto;margin-right:0}.message.received{align-self:flex-start;justify-content:flex-start;margin-left:0;margin-right:auto}.message-content{word-wrap:break-word;background:#404040;border-radius:18px;color:#e0e0e0;max-width:70%;padding:12px 16px}.message.sent .message-content{background:#666;color:#fff}.message-content p{line-height:1.4;margin:0 0 5px}.message-time{font-size:.75rem;opacity:.7}.message-input-area{background:#1a1a1a;border-radius:0 0 12px 12px;border-top:1px solid #404040;padding:15px}.message-input-container{align-items:center;gap:10px}.message-input{background:#404040;border:1px solid #555;border-radius:18px;color:#e0e0e0;flex:1 1;font-family:inherit;font-size:.9rem;max-height:80px;min-height:18px;outline:none;padding:10px 14px;resize:none}.message-input::placeholder{color:#b0b0b0}.message-input:focus{border-color:#666;box-shadow:0 0 0 2px #6663}.send-btn{align-items:center;background:#1a4d1a;border:1px solid #0c0;border-radius:18px;box-shadow:0 0 8px #00cc004d;color:#0f0;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:38px;justify-content:center;padding:10px 16px;transition:all .2s}.send-btn:hover:not(:disabled){background:#0d3d0d;border-color:#0f0;box-shadow:0 0 12px #00ff0080;color:#00ff40}.send-btn:disabled{background:#333;border-color:#444;box-shadow:none;color:#666;cursor:not-allowed}.no-chat-selected{align-items:center;color:#b0b0b0;display:flex;font-size:1.1rem;height:100%;justify-content:center}@media (max-width:768px){.messages-container{height:90%;width:95%}.conversations-sidebar{width:250px}.message{max-width:85%}}@media (max-width:600px){.conversations-sidebar{width:200px}.conversation-item{padding:12px 15px}.message-input-area,.messages-header{padding:15px}}.user-name-status{align-items:center;display:flex}.user-name-status h4{flex:1 1;margin:0}.file-preview{background:#3a3a3a;border:1px solid #555;border-radius:8px;margin-bottom:10px;padding:10px}.file-preview-content{align-items:center;display:flex;gap:8px}.file-icon{font-size:16px}.file-preview-info{display:flex;flex:1 1;flex-direction:column}.file-preview-name{color:#e0e0e0;font-size:.9rem;font-weight:500}.file-preview-size{color:#b0b0b0;font-size:.8rem}.remove-file-btn{align-items:center;background:none;border:none;border-radius:50%;color:#f44336;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;padding:4px;width:24px}.remove-file-btn:hover{background:#f443361a}.message-input-container{align-items:flex-end;display:flex;gap:8px;position:relative}.message-input-container.drag-over{background:#4caf501a;border:2px dashed #4caf50;border-radius:8px;padding:4px}.attach-btn{align-items:center;background:#444;border:1px solid #666;border-radius:18px;color:#ccc;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.attach-btn:hover{background:#555;border-color:#777}.file-attachment{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;gap:10px;justify-content:space-between;margin-top:5px;padding:10px}.file-attachment,.file-info{align-items:center;display:flex}.file-info{flex:1 1;gap:8px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#e0e0e0;font-size:.9rem;font-weight:500}.file-size{color:#b0b0b0;font-size:.8rem}.download-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;text-decoration:none;transition:background .2s ease}.download-btn:hover{background:#45a049;color:#fff;text-decoration:none}.dashboard-container{background:#0c0c0c;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.dashboard-header{background:#1f1f1f;border-bottom:1px solid #404040;box-shadow:0 2px 10px #0000004d;padding:20px 0}.logo-section h1{font-size:28px}.welcome-text{font-size:16px}.logout-btn{background:linear-gradient(135deg,#0d4d1e,#1a7f3d);box-shadow:0 2px 6px #39ff6b33;color:#39ff6b;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:linear-gradient(135deg,#155b24,#1f8f47);box-shadow:0 4px 12px #39ff6b4d;transform:translateY(-2px)}.inbox-btn{align-items:center;background:#1a4d1a;border:1px solid #0c0;border-radius:6px;box-shadow:0 0 8px #00cc004d;color:#0f0;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:8px;position:relative;transition:all .3s ease;width:36px}.inbox-btn:hover{background:#0d3d0d;border-color:#0f0;box-shadow:0 0 12px #00ff0080;color:#00ff40;transform:translateY(-1px)}.notification-badge{align-items:center;background:#f44336;border:2px solid #131313;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:13px;font-weight:700;height:24px;justify-content:center;min-width:24px;position:absolute;right:-8px;top:-8px}.dashboard-main{flex:1 1;margin:0 auto;max-width:1200px;padding:40px 20px}.dashboard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.dashboard-card{animation:fadeInUp .4s ease-out forwards;background:#1f1f1f;border:1px solid #404040;border-radius:16px;box-shadow:0 4px 12px #0003;opacity:0;padding:30px;transform:translateY(20px);transition:all .3s ease}.dashboard-card:hover{border-color:#39ff6b;box-shadow:0 10px 30px #39ff6b33;transform:translateY(-5px)}.dashboard-card h3{color:#acacac;font-size:22px;font-weight:700;margin:0 0 15px}.dashboard-card p{color:grey;font-size:16px;line-height:1.5;margin:0 0 25px}.card-button{background:#39ff6b;border:none;border-radius:8px;color:#0c0c0c;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.card-button:hover{background:#2ee55a;transform:translateY(-2px)}.playground-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px dashed #39ff6b}.playground-card h3{color:#39ff6b}.card-button{display:inline-block;text-align:center;text-decoration:none}.dashboard-footer{background:#1f1f1f;border-top:1px solid #404040;margin-top:auto;padding:20px;text-align:center}.dashboard-footer p{color:grey;font-size:14px;margin:0}.loading{font-size:18px}@media (max-width:1024px){.header-content{padding:0 15px}.dashboard-main{padding:30px 15px}.dashboard-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;padding:15px;text-align:center}.user-section{flex-direction:column;gap:10px;width:100%}.dashboard-main{padding:20px 15px}.dashboard-grid{gap:20px;grid-template-columns:1fr}.dashboard-card{padding:25px 20px}.logo-section{flex-direction:column;gap:10px}.logo-section h1{font-size:24px}.dashboard-card h3{font-size:22px}.dashboard-card p{font-size:14px}}@media (max-width:480px){.header-content{padding:10px}.dashboard-main{padding:15px 10px}.dashboard-card{padding:20px 15px}.dashboard-card h3{font-size:20px}.dashboard-card p{font-size:13px}.header-logo{height:40px;width:40px}.logo-section h1{font-size:20px}.logout-btn,.welcome-text{font-size:14px}.logout-btn{max-width:200px;padding:8px 12px;width:100%}}@media (max-width:320px){.dashboard-main{padding:10px 5px}.dashboard-card{padding:15px 10px}.dashboard-card h3{font-size:18px}}.site-wrapper{background:#0c0c0c;display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh}.nav-container{background:#1f1f1f;border-radius:18px;box-shadow:0 2px 8px #00000026;margin-left:-150px;max-width:600px;min-height:48px;padding:0;width:-webkit-fit-content;width:fit-content}.nav{background:#0000;border-radius:18px 18px 0 0;font-family:Arial,sans-serif;font-size:18px;justify-content:flex-start;padding:8px 24px}.nav,.nav-bar{align-items:center;display:flex}.nav-bar{justify-content:space-between;margin:32px 0 0;opacity:0;padding:0 40px;transition:opacity 1.5s ease;width:100%}.nav-bar.visible{opacity:1}.nav-bar.hidden{opacity:0}.nav-underline{border-bottom:2px solid #292929;border-radius:0 0 18px 18px;height:0;margin:12px 0 0;width:100%}.nav-actions{gap:12px;margin-left:auto;margin-right:-50px}.nav a,.nav-actions{align-items:center;display:flex}.nav a{box-sizing:border-box;color:#acacac;font-size:16px;font-weight:700;height:36px;overflow:hidden;padding:0 18px;position:relative;text-decoration:none}.nav a span{display:inline-block;position:relative}.nav a span:after{background:#acacac;bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.nav a:hover span:after{transform:scaleX(1)}#logo{margin-right:12px;padding:0!important}#logo-img{border-radius:50%;height:36px;object-fit:cover;width:36px}.nav-actions a{text-decoration:none}.nav-btn{background:#0000;border:1px solid #39ff6b;border-radius:10px;color:#39ff6b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.nav-btn:hover{background:#39ff6b;box-shadow:0 4px 16px #39ff6b4d;color:#0c0c0c;transform:translateY(-2px)}.register-btn{background:#39ff6b!important;border:1px solid #39ff6b!important;color:#0c0c0c!important}.register-btn:hover{background:#2ee55a!important;box-shadow:0 4px 16px #39ff6b4d;color:#0c0c0c!important;transform:translateY(-2px)}.page-content{color:#fff;flex:1 1;font-family:Inter18,Inter18-Fallback,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:48px;font-weight:700;margin-top:120px;text-align:center}.page-content h2{animation:wordFadeIn .6s forwards;line-height:1.2;margin:0;opacity:0;transform:translateY(20px)}.page-content h2:first-of-type{animation-delay:.3s}.page-content h2:nth-of-type(2){animation-delay:.6s}.page-content h2 span{animation:wordFadeIn .6s forwards;display:inline-block;margin-right:.3em;opacity:0;transform:translateY(20px)}.page-content h2 span:first-child{animation-delay:.2s}.page-content h2 span:nth-child(2){animation-delay:.4s}.page-content h2 span:nth-child(3){animation-delay:.6s}.page-content h2 span:nth-child(4){animation-delay:.8s}.page-content h2+h2 span:first-child{animation-delay:1s}.page-content h3{animation:wordFadeIn .6s forwards;animation-delay:.9s;line-height:1.4;margin-bottom:0;margin-top:20px;text-align:center}.page-content h3,.page-content h3 span{color:#404040;font-size:20px;opacity:0;transform:translateY(20px)}.page-content h3 span{animation:wordFadeIn .6s forwards;display:inline-block;margin-right:.3em}.page-content h3 span:first-child{animation-delay:1.2s}.page-content h3 span:nth-child(2){animation-delay:1.4s}.page-content h3 span:nth-child(3){animation-delay:1.6s}.page-content h3 span:nth-child(4){animation-delay:1.8s}.page-content h3 span:nth-child(5){animation-delay:2s}.page-content h3 span:nth-child(6){animation-delay:2.2s}.page-content h3 span:nth-child(7){animation-delay:2.4s}@keyframes wordFadeIn{to{opacity:1;transform:translateY(0)}}footer{background:#181818;border-top:1px solid #222;box-sizing:border-box;color:#fff;padding:16px 0;width:100%}@media (max-width:768px){.nav-bar{flex-direction:column;gap:20px;padding:0 20px}.nav-container{margin-left:0;max-width:100%}.nav-actions{margin-left:0;margin-right:0}.page-content{font-size:36px;margin-top:80px;padding:0 20px}.page-content h3 span{font-size:20px}}footer{background:#1f1f1f;border-top:1px solid #404040;color:#acacac;font-size:14px;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:auto;padding:20px 0;position:relative;right:50%;text-align:center;width:100vw}@media (max-width:1024px){.site-wrapper{max-width:100%;padding:0 20px}.nav-container{margin-left:0;max-width:100%}.nav-bar{padding:0 20px}.tab-content{padding:30px 20px}}@media (max-width:768px){.site-wrapper{padding:0 15px}.nav-container{border-radius:12px;margin-left:0;width:100%}.nav{flex-wrap:wrap;gap:10px;justify-content:center;padding:10px 15px}.nav-bar{flex-direction:column;gap:20px;padding:0 15px;text-align:center}.logo-section,.user-section{flex-direction:column;gap:10px}.user-section{width:100%}.tab-content{padding:20px 15px}.hub-header{margin-bottom:20px}.hub-header h1,.page-content{font-size:36px}.page-content{margin-top:60px;padding:0 15px}.page-content h3 span{font-size:20px}.tab-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.tab-button{flex:1 1;font-size:14px;min-width:120px;padding:10px 15px}}@media (max-width:480px){.site-wrapper{padding:0 10px}.nav{flex-direction:column;gap:10px;padding:12px 15px}.nav-bar{margin:20px 0 0;padding:0 10px}.tab-content{padding:15px 10px}.hub-header h1,.page-content{font-size:28px}.page-content{margin-top:40px;padding:0 10px}.page-content h3 span{font-size:18px}.tab-buttons{flex-direction:column;gap:8px}.tab-button{font-size:14px;padding:12px;width:100%}.logo-section img{height:40px;width:40px}.logo-section h1{font-size:18px}.user-section .logout-btn{font-size:14px;max-width:200px;padding:8px 15px;width:100%}}@media (max-width:320px){.site-wrapper{padding:0 5px}.nav{padding:10px}.tab-content{padding:10px 5px}.hub-header h1,.page-content{font-size:24px}.page-content{margin-top:30px}.tab-button{font-size:12px;padding:10px}}.network-container{background:#0c0c0c;font-family:Inter18,Inter18-Fallback,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;min-height:100vh;padding:20px}.network-header{margin-bottom:40px;padding:40px 20px;text-align:center}.back-button{border:1px solid #39ff6b;border-radius:8px;color:#39ff6b;display:inline-block;font-size:16px;margin-bottom:20px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#39ff6b;color:#0c0c0c;transform:translateY(-2px)}.network-header h1{animation:fadeInUp .6s forwards;animation-delay:.2s;color:#fff;font-size:48px;font-weight:700;margin:20px 0 10px;opacity:0;transform:translateY(20px)}.network-header p{animation:fadeInUp .6s forwards;animation-delay:.4s;color:#888;font-size:18px;margin:0;opacity:0;transform:translateY(20px)}.users-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.user-card{animation:fadeInUp .6s forwards;background:#1a1a1a;border:1px solid #333;border-radius:16px;opacity:0;padding:25px;text-align:center;transform:translateY(30px);transition:all .3s ease}.user-card:first-child{animation-delay:.1s}.user-card:nth-child(2){animation-delay:.2s}.user-card:nth-child(3){animation-delay:.3s}.user-card:nth-child(4){animation-delay:.4s}.user-card:nth-child(5){animation-delay:.5s}.user-card:nth-child(6){animation-delay:.6s}.user-card:hover{border-color:#39ff6b;box-shadow:0 10px 30px #39ff6b33;transform:translateY(-5px)}.user-avatar{align-items:center;border-radius:50%;color:#0c0c0c;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;overflow:hidden;position:relative;width:80px;z-index:1}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-info{margin-bottom:25px;position:relative;z-index:1}.username{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.user-email{color:#888;font-size:14px;margin:0 0 15px;word-break:break-word}.user-stats{color:#666;font-size:12px}.join-date{background:#333;border-radius:20px;display:inline-block;padding:4px 12px}.user-actions{display:flex;gap:10px;justify-content:center;position:relative;z-index:1}.connect-btn,.inspect-btn,.message-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;max-width:120px;padding:10px 20px;transition:all .3s ease}.inspect-btn{background:#0000;border:1px solid #39ff6b;color:#39ff6b}.inspect-btn:hover{transform:translateY(-2px)}.connect-btn,.inspect-btn:hover{background:#39ff6b;color:#0c0c0c}.connect-btn:hover{background:#2ee55a;transform:translateY(-2px)}.connect-btn.connected{background:#4caf50;color:#fff;cursor:default}.connect-btn.connected:hover{background:#4caf50;transform:none}.connect-btn.pending{background:#ff9800;color:#fff;cursor:default}.connect-btn.pending:hover{background:#ff9800;transform:none}.connect-btn.disabled{background:#333;color:#666;cursor:not-allowed}.connect-btn.disabled:hover{background:#333;transform:none}.connect-btn:disabled{background:#333;color:#666;cursor:not-allowed}.connect-btn:disabled:hover{background:#333;transform:none}.message-btn{background:#0000;border:1px solid #39ff6b;color:#39ff6b}.message-btn:hover{background:#39ff6b;color:#0c0c0c;transform:translateY(-2px)}.loading-spinner{color:#888;margin-top:100px}.error-message,.loading-spinner{font-size:18px;text-align:center}.error-message{background:#2a1f1f;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;margin:100px auto 0;max-width:500px;padding:20px}.empty-state{color:#888;margin-top:100px;text-align:center}.empty-state h3{color:#fff;font-size:24px;margin-bottom:10px}.empty-state p{font-size:16px}@media (max-width:768px){.users-grid{gap:20px;grid-template-columns:1fr;padding:0 10px}.network-header{padding:20px 10px}.network-header h1{font-size:36px}.user-card{padding:20px}}.profile-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-modal{animation:slideIn .3s ease-out;background:#1f1f1f;border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{padding:20px 30px}.modal-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn{color:#888;font-size:28px;height:32px;padding:0;width:32px}.own-profile-banner{align-items:center;background:linear-gradient(135deg,#39ff6b,#0c5);color:#0c0c0c;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 30px}.banner-icon{font-size:16px}.modal-content{padding:30px}.profile-section{flex-direction:column;gap:20px}.large-avatar,.profile-section{align-items:center;display:flex}.large-avatar{border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:48px;font-weight:700;height:120px;justify-content:center;overflow:hidden;width:120px}.large-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{text-align:center;width:100%}.profile-username{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.profile-email{color:#888;font-size:16px;margin:0 0 12px}.profile-name{color:#39ff6b;font-size:18px;margin:0 0 20px}.profile-field{margin:16px 0;text-align:left}.profile-field strong{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.profile-field p{color:#acacac;font-size:15px;line-height:1.5;margin:0}.profile-field a{color:#39ff6b;text-decoration:none}.profile-field a:hover{text-decoration:underline}.profile-stats-section{grid-gap:20px;background:#2a2a2a;border-radius:8px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:30px;padding:20px}.stat-value{color:#39ff6b;display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#888;font-size:12px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.profile-modal{margin:20px;width:95%}.modal-header{padding:15px 20px}.modal-content{padding:20px}.large-avatar{font-size:40px;height:100px;width:100px}.profile-username{font-size:24px}.profile-stats-section{gap:15px;grid-template-columns:1fr}}@media (max-width:1024px){.network-container{padding:15px}.users-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.network-header{padding:30px 15px}}@media (max-width:768px){.network-container{padding:10px}.network-header{padding:20px 10px}.network-header h1{font-size:36px}.network-header p{font-size:16px}.users-grid{gap:15px;grid-template-columns:1fr}.user-card{padding:20px}.user-avatar{font-size:24px;height:60px;width:60px}.username{font-size:18px}.user-email{font-size:13px}.user-actions{gap:8px}.connect-btn,.inspect-btn,.message-btn{font-size:12px;max-width:100px;padding:8px 16px}.back-button{font-size:14px;padding:8px 16px}.profile-modal{height:90vh;margin:20px;max-width:none;padding:15px;width:95%}.modal-header h2{font-size:20px}.profile-details-section{padding:15px}.profile-stats-section{gap:10px;grid-template-columns:1fr}.profile-stat-item{padding:10px}.large-avatar{font-size:32px;height:80px;width:80px}.profile-username{font-size:20px}.profile-email{font-size:13px}}@media (max-width:480px){.network-header{padding:15px 5px}.network-header h1{font-size:28px}.network-header p{font-size:14px}.user-card{padding:15px}.user-avatar{font-size:20px;height:50px;width:50px}.username{font-size:16px}.user-email{font-size:12px}.user-actions{flex-direction:column;gap:8px}.connect-btn,.inspect-btn,.message-btn{max-width:none;padding:10px;width:100%}.back-button{font-size:14px;max-width:200px;padding:10px 15px;text-align:center;width:100%}.profile-modal{border-radius:0;height:100vh;margin:0;padding:10px;width:100%}.large-avatar{font-size:28px;height:70px;width:70px}.close-btn,.profile-username{font-size:18px}.close-btn{height:40px;width:40px}}@media (max-width:320px){.network-header h1{font-size:24px}.user-card{padding:12px}.username{font-size:14px}.user-email{font-size:11px}.connect-btn,.inspect-btn,.message-btn{font-size:11px;padding:8px}}.online-status{align-items:center;display:flex;gap:8px;margin:8px 0}.status-indicator{border:2px solid #2a2a2a;border-radius:50%;display:inline-block;height:12px;width:12px}.status-indicator.online{animation:pulse-online 2s infinite;background-color:#4caf50;box-shadow:0 0 6px #4caf5099}.status-indicator.offline{background-color:#666}.last-seen-text{color:#888;font-size:13px;font-weight:500}.online-status-small{align-items:center;display:flex;gap:6px;margin:4px 0}.status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-dot.online{animation:pulse-online 2s infinite;background-color:#4caf50;box-shadow:0 0 4px #4caf5099}.status-dot.offline{background-color:#666}.last-seen-small{color:#888;font-size:12px}@keyframes pulse-online{0%{box-shadow:0 0 4px #4caf5099}50%{box-shadow:0 0 8px #4caf50cc}to{box-shadow:0 0 4px #4caf5099}}.online-status-center{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:8px;justify-content:center;margin:15px 0;padding:8px 16px}.last-seen-center{color:#888;font-size:13px;font-weight:500;text-align:center}.profile-container{background:#0c0c0c;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes neonGlow{0%,to{box-shadow:0 0 20px #00ff414d}50%{box-shadow:0 0 30px #00ff4199}}.profile-header{background:#1f1f1f;border-bottom:1px solid #404040;box-shadow:0 2px 10px #0000004d;padding:20px 0}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:15px}.header-logo{border-radius:50%;height:50px;object-fit:cover;width:50px}.logo-section h1{color:#acacac;font-size:1.8rem;font-weight:700;margin:0}.user-section{align-items:center;display:flex;gap:20px}.back-btn{background:#2a2a2a;border:1px solid #404040;border-radius:6px;color:#acacac;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .2s ease}.back-btn:hover{background:#3a3a3a;color:#fff}.welcome-text{color:#acacac;font-weight:500}.logout-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.logout-btn:hover{background:#c53030}.profile-main{animation:fadeInUp .6s ease-out;flex:1 1;margin:40px auto;max-width:1200px;padding:0 20px}.profile-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:300px 1fr;margin-bottom:40px}@media (max-width:768px){.profile-content{gap:20px;grid-template-columns:1fr}}.profile-sidebar{animation:neonGlow 3s ease-in-out infinite;background:#1a1a2e;border:2px solid #00ff41;border-radius:12px;box-shadow:0 0 30px #00ff4133;height:-webkit-fit-content;height:fit-content;padding:30px}.profile-image-section{margin-bottom:30px;text-align:center}.profile-image-container{cursor:default;display:inline-block;margin-bottom:20px;position:relative}.profile-image-container.editing{cursor:pointer}.profile-image{border:3px solid #00ff41;border-radius:50%;box-shadow:0 0 20px #00ff414d;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.image-overlay{align-items:center;background:#000000b3;border-radius:50%;display:flex;height:114px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:114px}.profile-image-container:hover .image-overlay{opacity:1}.image-overlay-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:4px;text-align:center}.camera-icon{font-size:2rem;font-weight:300;line-height:1;margin-bottom:2px}.overlay-text{font-size:.8rem;font-weight:500;letter-spacing:.5px}.image-input{display:none}.image-input-label{border-radius:50%;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:2}.image-upload-overlay{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.image-upload-btn{background:#2a2a2a;border:1px solid #404040;border-radius:20px;color:#acacac;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.image-upload-btn:hover{background:#3a3a3a;color:#fff}.profile-name{color:#00ff41;font-size:1.5rem;font-weight:600;margin:0 0 5px;text-shadow:0 0 10px #00ff4180}.profile-username{color:#00ff41;font-size:.9rem;margin:0 0 20px;opacity:.8}.profile-stats{display:flex;flex-direction:column;gap:15px}.stat-item{background:#1a1a2e;border:1px solid #00ff41;border-radius:8px;box-shadow:0 0 10px #00ff411a;padding:15px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 0 20px #00ff414d;transform:translateY(-2px)}.effort-score{background:linear-gradient(135deg,#1a1a2e,#2a2a3e);border:1px solid #00ff41;box-shadow:0 0 20px #00ff414d;overflow:hidden;padding:20px 15px;position:relative}.effort-score:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#00ff411a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.effort-score:hover{box-shadow:0 0 35px #00ff4199;transform:translateY(-3px)}.effort-score .stat-label{color:#00ff41;display:block;font-size:.8rem;letter-spacing:.5px;margin-bottom:15px;opacity:.9;text-shadow:0 0 5px #00ff414d;text-transform:uppercase}.effort-bar-container{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.effort-bar{background:#1a1a2e;border:1px solid #00ff41;border-radius:6px;box-shadow:inset 0 0 10px #00000080;height:12px;overflow:hidden;width:100%}.effort-bar-fill{animation:pulse 2s infinite;background:linear-gradient(90deg,#00ff41,#0c3);border-radius:5px;box-shadow:0 0 15px #00ff4180;height:100%;transition:width .5s ease}@keyframes pulse{0%,to{box-shadow:0 0 15px #00ff4180}50%{box-shadow:0 0 25px #00ff41cc}}.effort-score-text{color:#00ff41;font-size:1.6rem;font-weight:800;text-align:center;text-shadow:0 0 15px #00ff41cc}.stat-number{color:#00ff41;display:block;font-size:1.5rem;font-weight:700;margin-bottom:5px;text-shadow:0 0 8px #00ff4166}.stat-label{color:#00ff41;font-size:.8rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.profile-details{background:#1f1f1f;border:1px solid #404040;border-radius:12px;padding:30px}.profile-section-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.profile-section-header h3{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.edit-btn{background:#2a2a2a;border:1px solid #404040;border-radius:6px;color:#acacac;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s ease}.edit-btn:hover{background:#3a3a3a;color:#fff}.edit-actions{display:flex;gap:10px}.save-btn{background:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.save-btn:hover{background:#2f855a}.cancel-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background-color .2s ease}.cancel-btn:hover{background:#c53030}.profile-form{margin-bottom:40px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column}.bio-group{margin-bottom:30px}.form-group label{color:#acacac;font-size:.9rem}.form-input,.form-textarea{background:#2a2a2a;border:1px solid #404040;border-radius:6px;color:#fff;font-size:.9rem;padding:12px;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{border-color:#3182ce;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-display{align-items:center;background:#2a2a2a;border:1px solid #404040;border-radius:6px;color:#acacac;display:flex;font-size:.9rem;min-height:44px;padding:12px}.form-note{color:#888;font-size:.8rem;margin-top:4px}.website-link{color:#3182ce;text-decoration:none}.website-link:hover{text-decoration:underline}.profile-actions h3{border-bottom:1px solid #404040;color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:15px}.action-buttons{display:flex;flex-direction:column;gap:10px}.action-btn{background:#2a2a2a;border:1px solid #404040;border-radius:6px;color:#acacac;cursor:pointer;font-weight:500;padding:12px 16px;text-align:left;transition:all .2s ease}.action-btn:hover{background:#3a3a3a;color:#fff}.change-password-btn:hover{border-color:#3182ce;color:#3182ce}.export-data-btn:hover{border-color:#38a169;color:#38a169}.delete-account-btn:hover{border-color:#e53e3e;color:#e53e3e}.profile-footer{background:#1f1f1f;border-top:1px solid #404040;margin-top:auto;padding:20px 0}.profile-footer p{color:#888;font-size:.9rem;margin:0;text-align:center}.loading{align-items:center;background:#0c0c0c;color:#acacac;display:flex;font-size:1.2rem;height:100vh;justify-content:center}@media (max-width:1024px){.profile-main{padding:0 15px}.profile-details,.profile-sidebar{padding:20px}}@media (max-width:480px){.header-content{flex-direction:column;gap:15px;text-align:center}.user-section{flex-direction:column;gap:10px}.profile-image{height:100px;width:100px}.profile-name{font-size:1.3rem}.edit-actions{flex-direction:column;width:100%}}.profile-tabs{border-bottom:2px solid #333;display:flex;gap:0;margin-bottom:30px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#888;cursor:pointer;font-size:16px;font-weight:500;padding:15px 25px;transition:all .3s ease}.tab-btn.active,.tab-btn:hover{background:#39ff6b1a;color:#39ff6b}.tab-btn.active{border-bottom-color:#39ff6b;font-weight:600}.connections-section{animation:fadeInUp .6s ease-out}.connections-header{margin-bottom:30px}.connections-header h3{color:#fff;font-size:24px;margin-bottom:10px}.connections-header p{color:#888;font-size:16px;margin:0}.loading-connections{color:#888;font-size:18px;padding:40px;text-align:center}.empty-connections{color:#888;padding:60px 20px;text-align:center}.empty-connections h4{color:#fff;font-size:24px;margin-bottom:15px}.empty-connections p{font-size:16px;margin-bottom:30px}.network-link-btn{background:#39ff6b;border-radius:8px;color:#0c0c0c;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.network-link-btn:hover{background:#2ee55a;transform:translateY(-2px)}.connections-list{display:flex;flex-direction:column;gap:20px}.connection-card{align-items:center;background:#1f1f1f;border:1px solid #333;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.connection-card:hover{border-color:#39ff6b;transform:translateY(-2px)}.connection-card.pending{border-color:#ff9800}.connection-card.accepted{border-color:#4caf50}.connection-user{align-items:center;display:flex;gap:15px}.connection-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.connection-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.connection-info h4{color:#fff;font-size:18px;margin:0 0 5px}.connection-info p{color:#888;font-size:14px;margin:0 0 5px}.connection-company{background:#39ff6b1a;border-radius:12px;color:#39ff6b;font-size:12px;padding:2px 8px}.connection-status{align-items:center;display:flex;gap:15px}.connected-actions{align-items:center;display:flex;gap:12px}.message-btn{align-items:center;background:#1a4d1a;border:1px solid #0c0;border-radius:6px;box-shadow:0 0 8px #00cc004d;color:#0f0;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:8px 16px;transition:all .3s ease}.message-btn:hover{background:#0d3d0d;border-color:#0f0;box-shadow:0 0 12px #00ff0080;color:#00ff40;transform:translateY(-1px)}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.accepted{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.pending{background:#ff980033;border:1px solid #ff9800;color:#ff9800}.status-badge.incoming{background:#39ff6b33;border:1px solid #39ff6b;color:#39ff6b}.status-badge.rejected{background:#f4433633;border:1px solid #f44336;color:#f44336}.connection-actions{align-items:flex-end;flex-direction:column}.connection-actions,.connection-actions .action-buttons{display:flex;gap:10px}.accept-btn,.reject-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .3s ease}.accept-btn{background:#4caf50;color:#fff}.accept-btn:hover{background:#45a049;transform:translateY(-1px)}.reject-btn{background:#0000;border:1px solid #f44336;color:#f44336}.reject-btn:hover{background:#f44336;color:#fff;transform:translateY(-1px)}@media (max-width:1024px){.header-content,.profile-main{padding:0 15px}.profile-content{gap:30px;grid-template-columns:280px 1fr}}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;padding:15px;text-align:center}.user-section{flex-direction:column;gap:10px;width:100%}.profile-main{padding:20px 10px}.profile-content{gap:20px;grid-template-columns:1fr}.profile-sidebar{padding:20px}.profile-image{height:100px;width:100px}.image-overlay{height:94px;width:94px}.profile-name{font-size:1.3rem}.profile-form{padding:20px}.form-row{gap:15px;grid-template-columns:1fr}.profile-section-header{flex-direction:column;gap:15px;text-align:center}.edit-actions{flex-direction:column;gap:10px;width:100%}.cancel-btn,.save-btn{width:100%}.action-buttons{flex-direction:column;gap:10px}.action-btn{width:100%}.connection-card{flex-direction:column;gap:15px;text-align:center}.connection-status{justify-content:center;width:100%}.connection-actions{align-items:center}.profile-tabs{flex-direction:column}.tab-btn{border-bottom:none;border-right:3px solid #0000;text-align:center}.tab-btn.active{border-bottom:none;border-right-color:#39ff6b}.connections-header h3{font-size:20px}.connection-avatar{font-size:16px;height:40px;width:40px}}@media (max-width:480px){.header-content{padding:10px}.logo-section{flex-direction:column;gap:8px}.header-logo{height:40px;width:40px}.logo-section h1{font-size:20px}.profile-main{padding:15px 5px}.profile-sidebar{padding:15px}.profile-image{height:80px;width:80px}.image-overlay{height:74px;width:74px}.profile-name{font-size:1.1rem}.profile-username{font-size:14px}.profile-form{padding:15px}.form-input,.form-textarea{font-size:14px;padding:10px}.cancel-btn,.edit-btn,.save-btn{font-size:14px;padding:10px 15px}.action-btn{font-size:14px;padding:12px}.back-btn{max-width:200px}.back-btn,.logout-btn{font-size:14px;padding:8px 12px;width:100%}.logout-btn{max-width:150px}.connections-header h3{font-size:18px}.connection-card{padding:15px}.connection-avatar{font-size:14px;height:35px;width:35px}.connection-info h4{font-size:16px}.connection-info p{font-size:12px}.accept-btn,.reject-btn{font-size:11px;padding:6px 12px}.status-badge{font-size:10px;padding:4px 8px}.network-link-btn{font-size:14px;padding:10px 20px}.profile-tabs{gap:0}.tab-btn{border-bottom:3px solid #0000;border-right:none;font-size:14px;padding:12px 15px}.tab-btn.active{border-bottom-color:#39ff6b;border-right:none}}@media (max-width:320px){.profile-main{padding:10px 3px}.profile-sidebar{padding:12px}.profile-image{height:70px;width:70px}.profile-name{font-size:1rem}.profile-form{padding:12px}.connections-header h3{font-size:16px}.connection-card{padding:12px}.tab-btn{font-size:12px;padding:10px 12px}}.requests-section{background:#1a1a1a;border-radius:12px;margin:20px 0;padding:30px}.requests-header{margin-bottom:30px}.requests-header h3{color:#fff;font-size:24px;font-weight:600;margin:0 0 15px}.requests-header p{color:#888;font-size:16px;line-height:1.6;margin:0}.requests-content,.requests-list{display:flex;flex-direction:column;gap:20px}.request-item{align-items:center;background:#2a2a2a;border:1px solid #404040;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.request-item:hover{background:#3a3a3a;border-color:#555}.request-user{align-items:center;display:flex;gap:15px}.request-info h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.request-company{background:#39ff6b1a;border-radius:12px;color:#39ff6b;display:inline-block;font-size:14px;padding:4px 12px}.empty-requests{padding:40px 20px;text-align:center}.empty-requests h4{color:#fff;font-size:20px;margin:0 0 15px}.empty-requests p{color:#888;font-size:16px;line-height:1.6;margin:0}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.change-password-modal{animation:fadeInUp .3s ease-out;background:#2a2a2a;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#fff;font-size:1.4rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.close-btn:hover{background:#404040;color:#fff}.modal-body{padding:20px}.password-change-info{background:#1f4e2e;border:1px solid #28a745;border-radius:8px;color:#d1eddb;font-size:.9rem;line-height:1.5;margin-bottom:20px;padding:15px}.form-group{margin-bottom:20px}.form-group label{color:#e0e0e0;display:block;font-weight:500;margin-bottom:8px}.form-group input{background:#1a1a1a;border:1px solid #404040;border-radius:8px;color:#fff;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#00ff41;box-shadow:0 0 0 2px #00ff4133;outline:none}.form-group input::placeholder{color:#888}.modal-footer{border-top:1px solid #404040;display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px}.btn-secondary{background:#404040;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .2s ease}.btn-secondary:hover{background:#505050}.btn-primary{background:#00ff41;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-primary:hover{background:#00e63a;transform:translateY(-1px)}.btn-primary:disabled{color:#ccc;cursor:not-allowed}.btn-primary:disabled,.btn-primary:disabled:hover{background:#666;transform:none}.playground-container{background:#0c0c0c;display:flex;font-family:Inter,sans-serif;gap:30px;min-height:100vh;padding:20px}.playground-controls{background:#1f1f1f;border:1px solid #404040;border-radius:15px;box-shadow:0 10px 30px #0000004d;height:-webkit-fit-content;height:fit-content;padding:25px;position:-webkit-sticky;position:sticky;top:20px;width:300px}.playground-controls h3{color:#acacac;font-size:20px;margin:0 0 20px}.control-group{margin-bottom:20px}.control-group label{color:#acacac;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.control-group select{background:#2a2a2a;border:2px solid #404040;border-radius:8px;color:#acacac;font-size:14px;padding:10px;width:100%}.control-group input[type=checkbox]{margin-right:8px}.preview-area{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px}.preview-card{padding:30px;text-align:center;transition:all .3s ease;width:400px}.animated .preview-card{animation:cardFloat 3s ease-in-out infinite}.no-animations .preview-card{animation:none}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.preview-card h3{color:#333;font-size:24px;margin:0 0 15px}.preview-card p{color:#666;line-height:1.6;margin:0 0 25px}.form-preview{display:flex;flex-direction:column;gap:15px;margin-top:20px}.form-preview input{background:#1f1f1f;border:2px solid #404040;border-radius:8px;color:#acacac;font-size:14px;padding:12px}.form-preview input::placeholder{color:grey}.card-default{background:#1f1f1f;border:1px solid #404040;border-radius:15px;box-shadow:0 10px 30px #0000004d;color:#acacac}.card-default h3,.card-default p{color:#acacac}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #1f26875e}.card-neon{background:#1a1a2e;border:2px solid #00ff41;border-radius:15px;box-shadow:0 0 30px #00ff414d}.card-neon,.card-neon h3,.card-neon p{color:#00ff41}.card-minimal{background:#1f1f1f;border:1px solid #404040;border-radius:2px;box-shadow:0 2px 4px #0000004d;color:#acacac}.card-minimal h3,.card-minimal p{color:#acacac}.card-retro{background:gold;border:3px solid #000;border-radius:0;box-shadow:5px 5px 0 #000;color:#000;transform:rotate(-1deg)}.card-retro h3,.card-retro p{color:#000}.preview-button{border:none;cursor:pointer;font-size:14px;font-weight:600;margin:5px;padding:12px 24px;transition:all .3s ease}.btn-default{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff}.btn-default:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.btn-rounded{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50px;color:#fff}.btn-rounded:hover{transform:scale(1.05)}.btn-sharp{background:#000;border-radius:0;color:#fff;letter-spacing:1px;text-transform:uppercase}.btn-sharp:hover{background:#333}.btn-glow{background:#9d4edd;border-radius:8px;box-shadow:0 0 20px #9d4edd80;color:#fff}.btn-glow:hover{box-shadow:0 0 30px #9d4eddcc}.btn-outline{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.card-neon .preview-button{background:#0000;border:2px solid #00ff41;box-shadow:0 0 10px #00ff414d;color:#00ff41}.card-neon .preview-button:hover{background:#00ff41;box-shadow:0 0 20px #00ff4199;color:#1a1a2e}.card-retro .preview-button{background:#ff6b6b;border:3px solid #000;border-radius:0;box-shadow:3px 3px 0 #000;color:#fff}.card-retro .preview-button:hover{box-shadow:5px 5px 0 #000;transform:translate(-2px,-2px)}@font-face{font-display:swap;font-family:Inter18;font-style:normal;font-weight:700;src:url(../../static/media/Inter_18pt-Bold.934ca051dc94cbb68779.ttf) format("truetype")}@font-face{font-display:swap;font-family:Inter18-Fallback;font-style:normal;font-weight:700;src:local("Inter"),local("Arial"),local("Helvetica")}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0c0c;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#acacac;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{background:#0c0c0c;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1f1f1f}::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.14f829d2.css.map*/