:root{--bg-light:#f8f9fa;--panel-bg:#ffffff;--text-main:#111827;--text-muted:#6b7280;--border-color:#e5e7eb;--btn-bg:#000000;--btn-text:#ffffff;--accent-blue:#0284c7;--accent-purple:#7c3aed;--accent-green:#059669;--danger-red:#ef4444;--telegram-color:#25a5e4;--whatsapp-color:#00d757;--discord-color:#5165f6}html{overflow-x:clip;max-width:100%}*{box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;background-color:var(--bg-light);color:var(--text-main);display:flex;height:100vh;overflow:hidden;max-width:100%}#top-notification{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:#1f2937;color:#ffffff;padding:14px 24px;border-radius:0;box-shadow:0 10px 25px rgba(0,0,0,.25);z-index:10000;font-weight:600;font-size:15px;display:flex;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;opacity:0;pointer-events:none;border:1px solid rgba(255,255,255,.15)}#top-notification.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff;z-index:9999;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}#loading-overlay.loaded{opacity:0;visibility:hidden}#app-container{height:100vh;overflow-x:hidden}#app-container,.app-inner{width:100%;max-width:100%;display:flex}.app-inner{min-width:0;height:100%}.sidebar{width:260px;max-width:100%;flex-shrink:0;background:#ffffff;border-right:1px solid var(--border-color);padding:24px 20px 0;box-sizing:border-box;display:flex;flex-direction:column;z-index:100;height:100vh;position:sticky;top:0;overflow-x:hidden}.logo-brand{font-size:24px;font-weight:700;color:#000000;margin-bottom:24px;letter-spacing:-.5px}.nav-list{flex-direction:column}.nav-btn,.nav-list{display:flex;width:100%}.nav-btn{align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;text-align:left;border-radius:0;text-decoration:none;box-sizing:border-box;transition:background-color .15s,color .15s;border:none;cursor:pointer}.nav-btn.active,.nav-btn:hover{background:#f3f4f6;color:var(--text-main)}.menu-img-container{width:260px;margin-top:auto;margin-left:-20px;margin-right:-20px;display:none;justify-content:center;align-items:flex-end}.menu-img-container img{width:100%;height:auto;image-rendering:pixelated;display:block}.main-content{padding:40px;gap:40px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.left-column,.main-content{flex-grow:1;min-width:0;display:flex}.left-column{max-width:100%;flex-direction:column;width:100%}h2{margin-top:0;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-main);margin-bottom:8px}p.subtitle{color:var(--text-muted);font-size:15px;line-height:22px;margin-bottom:28px;margin-top:0}.form-card{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:32px;box-shadow:none;position:relative;overflow:visible}.form-card-bg-flag{display:none}.form-card-header-bar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.form-card h3{margin:0;font-size:26px;font-weight:700;display:flex;gap:10px}.form-card h3,.toggle-form-btn{align-items:center;color:var(--text-main)}.toggle-form-btn{background:#f3f4f6;border:1px solid var(--border-color);padding:10px 16px;border-radius:0;cursor:pointer;font-size:14px;font-weight:600;display:inline-flex;gap:8px;transition:background-color .15s}.toggle-form-btn:hover{background-color:#e5e7eb}#club-form-container,#exchange-form-container{display:none;opacity:0;margin-top:0;position:relative;z-index:2}#club-form-container.open,#exchange-form-container.open{display:block;opacity:1;margin-top:20px}.exchange-form-inner{overflow:visible;min-height:0}#user-club-section{position:relative;z-index:10;margin-bottom:24px}#user-club-section .form-card{background:var(--panel-bg,#ffffff)}.form-card p.form-desc{margin-top:6px;margin-bottom:24px;font-size:16px;color:var(--text-muted)}.form-card label{font-size:15px;font-weight:600;color:var(--text-main);display:block;line-height:1.3;min-height:40px}.form-card .section-divider{font-size:17px;font-weight:700;color:var(--text-main);border-top:1px solid var(--border-color);padding-top:20px;margin-top:10px;grid-column:span 2;display:flex;align-items:center;gap:10px}.form-card .input-hint{font-size:13px;color:var(--text-muted);margin-top:2px}.checkbox-container{grid-column:span 2;display:flex;align-items:flex-start;gap:12px;background:#f9fafb;padding:16px 18px;border-radius:0;border:1px solid var(--border-color)}.checkbox-container input[type=checkbox]{margin-top:3px;cursor:pointer;flex-shrink:0;width:18px;height:18px}.form-card .checkbox-label{display:block;font-size:14px;color:var(--text-main);line-height:1.5;font-weight:400;cursor:pointer}.form-card .checkbox-label strong{font-weight:700;color:var(--text-main)}.form-card .checkbox-label a{color:var(--accent-blue);text-decoration:underline;font-weight:600}.form-card .checkbox-label a:hover{color:#0369a1}.form-card .legal-notice-box{font-size:13px;color:#000000;line-height:1.5;background:#fffbe0;border:1px solid #fef08a;border-radius:0;padding:14px 18px;grid-column:span 2}.form-card .legal-notice-box strong{color:#000000}.form-card #submit-btn,.form-card #submit-profile-btn{font-size:17px;padding:16px;background:#002664;color:#ffffff;border:1px solid #002664}.form-card #submit-btn:hover:not(:disabled),.form-card #submit-profile-btn:hover:not(:disabled){background:#002664;color:#ffffff;border-color:var(--hover-outline,#9ca3af)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.form-group.is-open{z-index:90}.form-group.full-width{grid-column:span 2}.input-field,.select-field,.textarea-field{width:100%;padding:10px 12px;min-height:42px;border-radius:0;border:1px solid var(--border-color);background:#ffffff;color:var(--text-main);box-sizing:border-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;font-family:inherit;font-size:14px}.textarea-field{min-height:88px}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.1)}.custom-select-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:0;border:1px solid var(--border-color);background:#ffffff;color:var(--text-main);cursor:pointer;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;min-height:42px}.custom-select-trigger:hover{border-color:#cbd5e1}.custom-select-wrapper.open .custom-select-trigger{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(17,24,39,.06)}.custom-select-value{display:flex;align-items:center;gap:8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{font-size:11px;color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.custom-select-wrapper.open .custom-select-arrow{transform:rotate(180deg)}.custom-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#3f3f46;border:1px solid #71717a;border-radius:14px;box-shadow:0 12px 28px rgba(0,0,0,.28);z-index:800;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;overflow:hidden;padding:6px 0}.custom-select-wrapper.open .custom-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-wrapper.open{z-index:90;position:relative}.dropdown-search-box{padding:8px 10px;background:#2d2d33;border-bottom:1px solid #71717a;display:flex;align-items:center;gap:8px}.dropdown-search-box input{width:100%;padding:8px 10px;border:1px solid #52525b;border-radius:0;font-size:14px;outline:none;box-sizing:border-box;background:#27272a;color:#ffffff}.dropdown-search-box input::-moz-placeholder{color:#a1a1aa}.dropdown-search-box input::placeholder{color:#a1a1aa}.dropdown-search-box input:focus{border-color:#a1a1aa}.custom-options-list{max-height:240px;overflow-y:auto}.custom-option{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;font-size:14px;color:#ffffff;transition:background-color .12s}.custom-option:hover{background-color:rgba(255,255,255,.08)}.custom-option .opt-check{width:14px;flex-shrink:0;font-size:12px;opacity:0;color:#ffffff}.custom-option.selected .opt-check{opacity:1}.custom-option.selected,.submit-btn{font-weight:600}.submit-btn{grid-column:span 2;background:#002664;color:#ffffff;border:1px solid #002664;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s,border-color .2s;margin-top:8px}.submit-btn:hover:not(:disabled){background-color:#002664;border-color:var(--hover-outline,#9ca3af)}.submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.profiles-search-card{background:transparent;border:none;border-radius:0;padding:0;margin-bottom:28px;box-shadow:none}.profiles-search-card h4{margin:0 0 16px;font-size:20px;font-weight:700;display:block;color:var(--text-main)}.profiles-search-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.search-input-group{display:flex;flex-direction:column;gap:6px;min-width:0}.search-input-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;line-height:1.3;min-height:34px}.search-input-group.search-input-full{grid-column:1/-1}.search-input-group input{width:100%;padding:10px 12px;min-height:42px;border-radius:0;border:1px solid var(--border-color);font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s}.search-input-group input:focus{border-color:var(--accent-blue)}.user-profile-active-card{background:transparent;border:none;border-radius:0;padding:0 0 18px;margin-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;overflow:visible;box-shadow:none;flex-wrap:wrap;border-bottom:1px solid var(--border-color)}.user-profile-info{display:flex;align-items:center;gap:16px;position:relative;z-index:2;flex:1;min-width:0}.user-avatar-container{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#ffffff;box-shadow:0 2px 5px rgba(0,0,0,.08)}.pending-badge{background:#fef3c7;color:#b45309}.approved-badge,.pending-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;margin-left:6px;display:inline-flex;align-items:center;gap:4px}.approved-badge{background:#dcfce7;color:#15803d}.delete-profile-btn{border:none;padding:0;border-radius:0;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative;z-index:2}.delete-profile-btn,.delete-profile-btn:hover{background:transparent;color:var(--danger-red)}.delete-profile-btn:hover{border:none}.profiles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profiles-header h3{margin:0;font-size:20px;font-weight:700}.profiles-grid{gap:0;margin-bottom:40px}.profile-card,.profiles-grid{display:flex;flex-direction:column}.profile-card{background:transparent;border:none;border-radius:0;padding:28px 0;box-shadow:none;justify-content:flex-start;position:relative;overflow:visible;box-sizing:border-box;border-top:1px solid var(--border-color)}.profile-card:first-child{border-top:none;padding-top:0}.profile-card:hover{transform:none;box-shadow:none;border-color:var(--border-color)}.profile-card-content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;justify-content:space-between}.form-card-bg-flag,.motivation-bg-img,.profile-card-bg-flag{display:none}.profile-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.profile-user-group{display:flex;align-items:center;gap:12px}.profile-user-group--club{align-items:flex-start;flex:1;min-width:0}.profile-card-text{flex:1;min-width:0}.profile-card-text .country-badge{margin-top:4px;margin-bottom:8px}.profile-card-text .lang-pair-container{margin-bottom:8px;width:100%;box-sizing:border-box;background:transparent;padding:0;border-radius:0;font-size:13px}.profile-card-text .profile-bio{margin-bottom:0}.profile-name{font-size:16px;font-weight:700;color:var(--text-main);margin:0;display:flex;gap:6px}.profile-name,.profile-name-line{align-items:center;flex-wrap:wrap}.profile-name-line{display:inline-flex;gap:5px}.club-clicks-badge{font-size:12px;font-weight:700;color:#15803d;line-height:1.2}.owner-badge{background:#e0e7ff;color:#4338ca;border-radius:4px}.owner-badge,.premium-badge{font-size:10px;padding:2px 6px;font-weight:700;text-transform:uppercase;margin-left:2px}.premium-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:1px solid #fcd34d;border-radius:4px;display:inline-flex;align-items:center;gap:3px}.country-badge{color:var(--text-main);display:flex;margin-bottom:12px}.country-badge,.responses-badge{font-size:12px;align-items:center;gap:4px}.responses-badge{display:inline-flex;font-weight:600;color:#111827;padding:0;border-radius:0}.responses-badge,.responses-badge i{background:transparent}.lang-pair-container{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:14px;background:#f9fafb;padding:10px 12px;border-radius:8px;font-size:13px;color:var(--text-main)}.lang-bold{color:var(--text-main);font-weight:700}.profile-bio{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px;word-break:break-word}.social-links-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid #f3f4f6}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;color:#ffffff;border:none;cursor:pointer;line-height:1.2}.social-btn i{font-size:13px;line-height:1}.social-btn.telegram{background-color:#25a5e4}.social-btn.whatsapp{background-color:#00d757}.social-btn.discord{background-color:#5165f6}.card-actions-wrapper{display:flex;align-items:center;gap:8px}.report-btn{border:none;padding:0;border-radius:0;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.report-btn,.report-btn:hover{background:transparent;color:var(--danger-red)}.report-btn:hover{border:none}.card-delete-icon{border:none;cursor:pointer;font-size:13px;font-weight:600;padding:0;border-radius:0}.card-delete-icon,.card-delete-icon:hover{background:transparent;color:var(--text-muted)}.right-column{width:320px;max-width:100%;min-width:0;flex-shrink:0;background:#ffffff;padding:24px;border-radius:8px;border:1px solid var(--border-color);height:-moz-fit-content;height:fit-content;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);position:sticky;top:40px;box-sizing:border-box}.right-column h3{margin-top:0;font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:20px}.streak-card{border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px}.streak-header{display:flex;justify-content:space-between;align-items:center}.streak-title{font-size:15px;font-weight:500}.streak-value-container{display:flex;align-items:center;gap:6px;font-size:24px;font-weight:700}.info-card{border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.info-label-group{display:flex;flex-direction:column;gap:4px}.info-title{font-size:14px;font-weight:500}.info-value{font-size:13px;color:var(--text-muted)}.info-value.premium-active{color:#059669;font-weight:600}.buy-btn{background-color:#f3f4f6;color:#0284c7;padding:6px 16px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600;transition:background-color .15s}.buy-btn:hover{background-color:#dbeafe}.prem-link-block{flex-direction:column;align-items:flex-start}.prem-link-block,.prem-link-btn{display:flex;gap:10px;width:100%;box-sizing:border-box}.prem-link-btn{align-items:center;justify-content:center;background:#002664;color:#ffffff;padding:14px;border-radius:6px;text-decoration:none;font-size:15px;font-weight:600;border:1px solid #002664;box-shadow:none}.prem-link-btn:hover{background:#002664;color:#ffffff;border-color:var(--hover-outline,#9ca3af);opacity:1}.prem-free-link{display:inline-flex;font-size:13px;font-weight:600;color:#111827;text-decoration:underline;background:none;border:none;padding:0;cursor:pointer}.prem-free-link:hover{color:#000000}.motivation-widget{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;padding:20px;margin-top:24px;position:relative;overflow:hidden;display:flex;flex-direction:column}.motivation-title{font-size:15px;font-weight:700;color:#065f46;margin-bottom:6px;z-index:2}.motivation-subtitle{font-size:13px;color:#047857;z-index:2;line-height:1.4}.motivation-bg-img{position:absolute;bottom:-15px;right:-10px;font-size:80px;color:#86efac;opacity:.3;z-index:1;transform:rotate(-15deg)}.status-alert{padding:12px 16px;border-radius:8px;font-size:13px;margin-top:12px;display:none;grid-column:span 1}.status-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;display:block}.status-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal-card{background:#ffffff;border-radius:0;width:100%;max-width:480px;padding:24px 28px;box-shadow:0 20px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:700}.close-modal-btn{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--text-muted)}.custom-file-upload{position:relative;border:1.5px dashed #cbd5e1;border-radius:0;background:#f8fafc;padding:14px 16px;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.custom-file-upload:hover{border-color:var(--accent-blue);background:#f0f9ff}.custom-file-upload.has-file{border-style:solid;border-color:#0284c7;background:#f0f9ff}.file-upload-label{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer}.upload-icon-container{width:40px;height:40px;border-radius:0;background:#ffffff;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);font-size:16px;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.03);transition:all .2s ease}.custom-file-upload:hover .upload-icon-container{background:var(--accent-blue);color:#ffffff;border-color:var(--accent-blue)}.upload-text-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.upload-title{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-subtitle{font-size:11px;color:var(--text-muted)}.remove-file-btn{background:#fef2f2;color:var(--danger-red);border:1px solid #fecaca;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;flex-shrink:0;margin-left:10px;transition:all .15s ease}.remove-file-btn:hover{background:var(--danger-red);color:#ffffff}#submit-report-btn{font-size:13px;padding:10px 14px;min-height:auto}@media (max-width:1024px){body{overflow-x:hidden;overflow-y:auto}#app-container,body{height:auto}#app-container,body,html{overflow-x:clip;max-width:100%}.app-inner{flex-direction:column;height:auto}.sidebar{width:100%;max-width:100%;height:auto;position:sticky;top:0;border-right:none;border-bottom:1px solid var(--border-color);padding:16px 16px 12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow-x:hidden}.sidebar .logo-brand{margin-bottom:12px;font-size:20px}.nav-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-width:100%;min-width:0;padding-bottom:6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.nav-list::-webkit-scrollbar{display:none}.nav-btn{width:auto;white-space:nowrap;margin-bottom:0;padding:8px 14px;font-size:13px;flex-shrink:0}#btn-logout{margin-top:0!important}.menu-img-container{display:none}.main-content{flex-direction:column;padding:24px 20px;gap:24px;overflow-y:visible;overflow-x:hidden;max-width:100%}.right-column{width:100%;position:static}.form-grid{grid-template-columns:1fr!important}.checkbox-container,.form-group.full-width,.legal-notice-box,.section-divider,.submit-btn{grid-column:span 1!important}}@media (max-width:640px){.main-content{padding:16px}.form-card{padding:0}.form-card-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.toggle-form-btn{width:100%;justify-content:center}.profiles-grid,.profiles-search-grid{grid-template-columns:1fr}.user-profile-active-card{flex-direction:column;align-items:flex-start;gap:16px}.delete-profile-btn{align-self:flex-end}}.logo-brand{display:flex;align-items:center;text-decoration:none;color:inherit}.logo-img{height:36px;width:auto;display:block;-o-object-fit:contain;object-fit:contain}@media (max-width:1024px){.nav-list{gap:18px}.nav-list .nav-btn{position:relative}.nav-list .nav-btn:not(:last-child):after{content:"|";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-weight:400;pointer-events:none;line-height:1}}.nav-list .nav-btn i{display:none}