@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:40px 20px;position:relative}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000001a;margin:30px 0;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 30px 60px #00000026,0 5px 15px #0000001a;transform:translateY(-5px)}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #00000014;border-radius:12px;box-shadow:0 2px 10px #00000005;font-size:16px;padding:16px 20px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fffffff2;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.form-group textarea{min-height:100px;resize:vertical}.modal-content{scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.modal-content form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-top:20px;padding:30px}.form-group label{color:#374151;font-size:13px;letter-spacing:.025em;position:relative;transition:color .3s ease}.form-group:focus-within label{color:#667eea}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:2px solid #0000000f;box-shadow:0 2px 8px #0000000a;font-family:Inter,sans-serif;font-size:15px;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fffffffa;box-shadow:0 6px 25px #667eea1f,0 0 0 3px #667eea14}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0aec0;font-style:italic}.readonly-field{background:#f4f5f7e6!important;opacity:.8}.readonly-note{color:#9ca3af;font-size:12px;margin-left:8px;text-transform:none}.form-row.form-row-three{gap:16px;grid-template-columns:1fr 1fr 1fr}.form-row.form-row-four{gap:16px;grid-template-columns:1fr 1fr 1fr 1fr}@media (max-width:768px){.form-row,.form-row.form-row-four,.form-row.form-row-three{gap:16px;grid-template-columns:1fr}.modal-content form{padding:20px}}@media (max-width:480px){.form-row-four,.form-row-three{grid-template-columns:1fr}}.edit-actions{border-top:1px solid #00000014;gap:16px;margin-top:28px;padding-top:20px}.edit-actions .btn{flex:1 1;margin:0}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000001a;box-shadow:0 4px 15px #0000000d;color:#4a5568}.btn-secondary:hover{background:#fffffff2;border-color:#0003;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-2px)}.current-photos{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff4d;border:1px solid #ffffff4d;border-radius:16px;margin-bottom:20px;padding:20px}.current-photos h3{align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:700;gap:10px;margin:0 0 20px}.photos-grid{grid-gap:16px;gap:16px;margin-top:16px}.photo-item{aspect-ratio:1;border-radius:12px;overflow:hidden;transition:transform .3s ease}.photo-item:hover{transform:scale(1.05)}.edit-photo{height:100%}.add-photo-grid-btn{align-items:center;background:#fffc;border:2px dashed #667eea4d;color:#667eea;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;transition:all .3s ease}.add-photo-grid-btn:hover{background:#667eea1a;border-color:#667eea;transform:scale(1.02)}.photo-preview{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #ffffff4d;border-radius:12px;margin-top:20px;padding:20px}.preview-image{border-radius:8px;box-shadow:0 4px 15px #0000001a;height:100px;width:100px}.photo-info,.photo-note{color:#4a5568;font-size:14px;margin:8px 0}.btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:2px solid #0000;border-radius:12px;box-shadow:0 8px 32px #667eea40;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1);width:100%}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover{background:linear-gradient(135deg,#7c8bf0,#8c5ab8 50%,#f59dff);box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.btn:hover:before{left:100%}.btn:active{box-shadow:0 8px 25px #667eea4d;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:disabled,.btn:disabled:hover{box-shadow:0 4px 15px #667eea26;transform:none}.header{color:#fff;margin-bottom:25px;padding:40px 0;position:relative}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-text{text-align:left}.header-text:before{background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:2px;content:"";display:block;height:4px;margin-bottom:20px;width:100px}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;letter-spacing:-2px;margin:0;text-shadow:0 10px 30px #0000004d}.header p{font-size:1.3rem;font-weight:300;letter-spacing:.5px;margin:15px 0 0;opacity:.95}.header-nav{align-items:center;display:flex;gap:16px}.modern-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-bottom:30px;position:sticky;top:0;z-index:50}.nav-tabs{max-width:200px}.nav-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:700;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.165,.84,.44,1)}.modern-nav.scrolled .nav-tab{color:#3b82f6}.nav-tab:before{background:linear-gradient(135deg,#667eea1a,#f093fb1a);border-radius:20px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-tab:hover:before{opacity:1}.nav-tab:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-2px)}.modern-nav.scrolled .nav-tab:hover{color:#1d4ed8}.nav-tab.active{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);box-shadow:0 8px 25px #667eea66;color:#fff;font-weight:600}.nav-tab svg{stroke-width:2.5;height:24px;transition:transform .3s ease;width:24px}.nav-tab span,.nav-tab svg{position:relative;z-index:1}.nav-tab:hover svg{transform:scale(1.1)}.user-avatar,.user-dropdown{position:relative}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;flex-shrink:0;height:56px;min-height:56px;min-width:56px;width:56px}.user-avatar:hover{background:linear-gradient(135deg,#7c8bf0,#8c5ab8);border-color:#ffffff80;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) scale(1.05)}.profile-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-icon svg{stroke-width:2;height:22px;opacity:1;width:22px}.user-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 40px #00000026,0 10px 25px #667eea1a;margin-top:8px;min-width:240px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.165,.84,.44,1);visibility:hidden;z-index:1000}.user-menu.show{opacity:1;transform:translateY(0);visibility:visible}.user-menu-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;gap:12px;padding:20px}.avatar-circle.small{font-size:16px;height:40px;width:40px}.user-info{display:flex;flex:1 1;flex-direction:column}.user-menu-name{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:2px}.user-menu-email{color:#6c757d;font-size:12px;opacity:.8}.user-menu-divider{background:#0000000d;height:1px;margin:8px 0}.user-menu-item{align-items:center;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:4px 8px;padding:12px 20px;transition:all .3s ease}.user-menu-item:hover{background:#667eea14;color:#667eea;transform:translateX(4px)}.language-flag{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:18px;margin-right:4px}.user-menu-item svg{transition:transform .3s ease}.user-menu-item:hover svg{transform:scale(1.1)}.user-menu-item.logout{color:#dc3545;margin-top:8px}.user-menu-item.logout:hover{background:#dc354514;color:#dc3545}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar-circle.large{font-size:24px;height:60px;width:60px}.modern-login-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea33,#f093fb33);border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.modern-login-btn:hover{background:linear-gradient(135deg,#667eea4d,#f093fb4d);box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.fab{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:50%;bottom:30px;box-shadow:0 8px 32px #667eea66;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s cubic-bezier(.165,.84,.44,1);width:60px;z-index:100}.fab:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-4px) scale(1.1)}.fab:active{transform:translateY(-2px) scale(1.05)}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin:20px 0;padding:15px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:20px 0;padding:15px}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{animation:toastSlideIn .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001f;cursor:pointer;max-width:400px;min-width:320px;pointer-events:auto;transform:translateX(100%);transition:all .2s ease}.toast:hover{box-shadow:0 12px 40px #00000026;transform:translateX(0) scale(1.02)}.toast-content{align-items:center;display:flex;gap:12px;padding:16px 20px}.toast-icon{flex-shrink:0;height:20px;width:20px}.toast-message{color:#374151;flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.toast-close:hover{background:#0000000d;color:#374151}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{max-width:none;min-width:auto}.header-content{padding:0 10px}.header-nav{gap:6px}.header h1{font-size:2rem}.header p{font-size:1rem}}.profile-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:40px;padding:0 10px}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 15px 35px #00000014,0 3px 10px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1)}.profile-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-card:hover{box-shadow:0 25px 50px #00000026,0 10px 25px #0000001a;transform:translateY(-10px) scale(1.02)}.profile-card:hover:before{opacity:1}.profile-card h3{color:#333;font-size:1.3rem;margin:0 0 10px}.profile-card p{color:#666;margin:5px 0}.profile-card .age-gender{color:#764ba2;font-weight:600}.loading{padding:40px}.photo-input{background:#f8f9fa;border:2px dashed #e1e5e9;border-radius:8px;cursor:pointer;padding:8px;transition:border-color .3s ease}.photo-input:hover{border-color:#667eea}.photo-preview{margin-top:15px;text-align:center}.preview-photo-container{display:inline-block;position:relative}.preview-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:200px;max-width:200px;object-fit:cover;transition:transform .3s ease}.preview-photo-container:hover .preview-image{transform:scale(1.02)}.preview-delete-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545e6;border:none;border-radius:50%;box-shadow:0 4px 12px #dc35454d;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:32px}.preview-delete-btn:hover{background:#dc3545;box-shadow:0 6px 18px #dc354566;transform:scale(1.1)}.photo-info{color:#666;font-size:.9rem;margin-top:8px}.photo-note{color:#667eea;font-size:.85rem;font-style:italic;margin-top:8px;text-align:center}.remove-photo-btn{background:#dc35451a;border:1px solid #dc35454d;border-radius:8px;color:#dc3545;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:6px;margin-top:10px;padding:8px 12px}.remove-photo-btn:hover{background:#dc354526;border-color:#dc3545;transform:translateY(-1px)}.remove-photo-btn svg{transition:transform .3s ease}.remove-photo-btn:hover svg{transform:scale(1.1)}.profile-photo{aspect-ratio:2/3;border-radius:16px;box-shadow:0 12px 40px #00000026;margin-bottom:0;max-height:650px;text-align:center;transition:all .3s ease}.profile-photo:hover{box-shadow:0 20px 60px #0003;transform:translateY(-2px)}.profile-image{border-radius:16px;object-position:center top;transition:transform .4s ease}.profile-photo:hover .profile-image{transform:scale(1.02)}.photo-count{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border:1px solid #fff3;border-radius:16px;font-size:.75rem;padding:6px 10px;right:12px;text-shadow:0 1px 2px #000c;top:12px}.profile-overlay{border-radius:0 0 16px 16px;padding:25px 16px 16px}.profile-overlay .profile-header h3{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.3px;line-height:1.3;margin:0 0 6px;text-shadow:2px 2px 8px #000000e6,0 0 4px #000c}.profile-overlay .marital-status{color:#fffffff2;font-size:.9rem;font-weight:500;text-shadow:1px 1px 4px #000c}.profile-overlay .basic-info{color:#fffffff2;font-size:1rem;font-weight:600;margin:0 0 10px;text-shadow:1px 1px 6px #000000e6}.profile-overlay .profile-details p{color:#ffffffe6;font-size:.85rem;line-height:1.4;margin:3px 0;text-shadow:1px 1px 4px #000c}.profile-overlay .career-personality{color:#fff;font-size:.95rem;font-weight:600;text-shadow:1px 1px 4px #000c}.profile-overlay .education-languages{color:#fffffff2;font-size:.9rem;font-weight:500;text-shadow:1px 1px 4px #000c}.profile-overlay .profile-interests{color:#ffffffe6;font-size:.9rem;font-style:italic;font-weight:500;text-shadow:1px 1px 4px #000c}.profile-overlay .places{color:#fff;font-size:.95rem;font-weight:600;text-shadow:1px 1px 4px #000c}.profile-overlay .profile-expectation{border-top:1px solid #fff3;color:#ffffffe6;font-size:.9rem;font-style:italic;font-weight:500;line-height:1.3;margin:8px 0 0;padding-top:8px;text-shadow:1px 1px 4px #000c}.no-photo{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #ced4da;border-radius:12px;color:#6c757d;font-size:1rem;font-weight:500;height:600px;position:relative;width:100%}.no-photo-icon{font-size:2rem;margin-bottom:8px}.no-photo p{font-size:.9rem}.photo-upload-container{display:flex;justify-content:center;margin-bottom:15px}.photo-icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#f093fb1a);border:2px dashed #667eea4d;border-radius:20px;color:#667eea;cursor:pointer;height:80px;position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1);width:80px}.photo-icon-btn,.photo-icon-btn .plus-icon{align-items:center;display:flex;justify-content:center}.photo-icon-btn .plus-icon{background:#667eeae6;border-radius:50%;bottom:8px;color:#fff;height:24px;position:absolute;right:8px;transition:all .3s ease;width:24px}.photo-icon-btn:hover{background:linear-gradient(135deg,#667eea26,#f093fb26);border-color:#667eea;border-style:solid;box-shadow:0 15px 35px #667eea33;transform:translateY(-3px) scale(1.05)}.photo-icon-btn:hover .plus-icon{background:#667eea;transform:scale(1.1) rotate(90deg)}.photo-icon-btn svg:first-child{transition:transform .3s ease}.photo-icon-btn:hover svg:first-child{transform:scale(1.1)}.photo-icon-btn.disabled,.photo-icon-btn:disabled{background:#667eea0d;border-color:#667eea33;cursor:not-allowed;opacity:.5}.photo-icon-btn.disabled:hover,.photo-icon-btn:disabled:hover{border-style:dashed;box-shadow:none;transform:none}.photo-icon-btn.disabled .plus-icon,.photo-icon-btn:disabled .plus-icon{background:#667eea4d}.photo-icon-btn.disabled:hover .plus-icon,.photo-icon-btn.disabled:hover svg:first-child,.photo-icon-btn:disabled:hover .plus-icon,.photo-icon-btn:disabled:hover svg:first-child{transform:none}.add-photo-grid-btn{border-radius:12px;height:120px;width:100%}.main-actions{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:800px}.action-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 40px #0000001a,0 1px 3px #0000001a;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1)}.action-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.action-card:hover{box-shadow:0 30px 60px #00000026,0 10px 25px #0000001a;transform:translateY(-8px) scale(1.02)}.action-card:hover:before{opacity:1}.action-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#f093fb1a);border-radius:50%;color:#667eea;display:flex;height:80px;justify-content:center;margin:0 auto 25px;transition:all .3s ease;width:80px}.action-card:hover .action-icon{background:linear-gradient(135deg,#667eea33,#f093fb33);transform:scale(1.1)}.action-card h3{color:#2d3748;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;margin:0 0 15px}.action-card p{color:#4a5568;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6;margin:0}.edit-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #667eea33;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#667eea;cursor:pointer;display:flex;height:36px;justify-content:center;pointer-events:auto;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px;z-index:10}.edit-btn:hover{background:#667eea1a;border-color:#667eea;box-shadow:0 6px 20px #667eea40;transform:scale(1.1)}.current-photos{margin-bottom:30px}.photos-grid{grid-gap:20px;background:#f8fafc80;border:1px solid #e2e8f0cc;border-radius:16px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:20px;padding:20px}.photo-item{position:relative}.edit-photo{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:120px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.photo-item:hover .edit-photo{box-shadow:0 8px 25px #00000026;transform:scale(1.05)}.delete-photo-btn{background:#ffffffe6;font-size:14px;height:30px;right:5px;top:5px;transition:background-color .3s ease;width:30px}.delete-photo-btn:hover{background:#fff}.edit-actions{display:flex;gap:15px;margin-top:30px}.btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 30px;transition:background-color .3s ease}.btn-secondary:hover{background:#5a6268}.form-group label{color:#2d3748;font-size:15px;letter-spacing:.3px;margin-bottom:12px}.error-message,.success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:12px;font-weight:500;margin:25px 0;padding:16px 20px}.success-message{background:#48bb781a;border-color:#48bb7833;color:#22543d}.error-message{background:#f565651a;border-color:#f5656533;color:#742a2a}.loading{color:#fff;font-size:1.2rem;font-weight:500;padding:60px;text-align:center}@media (max-width:768px){.container{padding:20px 15px}.header{margin-bottom:20px}.header-content{flex-direction:column;gap:15px;text-align:center}.header-nav{align-items:center;align-self:center;display:flex;gap:12px;justify-content:center}.header-text{text-align:center}.header-text:before{margin:0 auto 20px}.header h1{font-size:2.5rem}.header p{font-size:1.1rem}.nav-menu{left:50%;right:auto;transform:translateX(-50%) translateY(-10px)}.nav-menu.show{transform:translateX(-50%) translateY(0)}.form-row{gap:15px}.form-row,.profile-grid{grid-template-columns:1fr}.profile-grid{gap:20px;padding:0 5px}.profile-photo{max-height:500px}.profile-image,.profile-photo{border-radius:12px}.profile-overlay{border-radius:0 0 12px 12px;padding:20px 12px 12px}.profile-overlay .profile-header h3{font-size:1.1rem;margin-bottom:4px}.profile-overlay .basic-info{font-size:.9rem;margin-bottom:8px}.profile-overlay .profile-details p{font-size:.8rem;margin:2px 0}.main-actions{gap:20px;grid-template-columns:1fr;margin-bottom:30px}.action-card{padding:30px 20px}.action-icon{height:60px;margin-bottom:20px;width:60px}.action-card h3{font-size:1.3rem}.action-card p{font-size:.9rem}.photo-options{gap:12px}.edit-actions,.photo-options{flex-direction:column}.nav-tabs{gap:6px;padding:15px}.nav-tab{font-size:13px;padding:10px 16px}.nav-tab span{display:none}.user-avatar{height:48px;min-height:48px;min-width:48px;width:48px}.user-initial{font-size:14px}.modern-login-btn{font-size:13px;padding:10px 16px}.header-nav{gap:8px}.fab{bottom:20px;height:56px;right:20px;width:56px}.profile-settings{padding:15px 0}.profile-info h3{font-size:1.2rem}.user-profile-section{flex-direction:column;gap:20px;padding:20px;text-align:center}.user-details h3{font-size:1.3rem}.settings-section{padding:20px}.create-motivation{padding:30px 15px}.create-motivation h3{font-size:1.5rem}.create-motivation p{font-size:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.modal-content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:28px;box-shadow:0 25px 50px #00000026,0 15px 35px #667eea1a;max-height:90vh;max-width:650px;overflow-y:auto;padding:40px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.modal-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:8px;pointer-events:auto;position:relative;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none;z-index:100}.modal-close:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.modal-close:active{background:#6c757d33;transform:scale(.95)}@media (max-width:768px){.modal-close:hover{background:#6c757d1a;transform:none}.modal-close:active{background:#6c757d4d;transform:scale(.9)}}.delete-photo-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:28px}.delete-photo-btn:hover{background:#dc3545;transform:scale(1.1)}.view-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #667eea33;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#667eea;cursor:pointer;display:flex;height:36px;justify-content:center;pointer-events:auto;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px;z-index:10}.view-btn:hover{background:#667eea1a;border-color:#667eea;box-shadow:0 6px 20px #667eea40;transform:scale(1.1)}.profile-view-modal{max-width:800px}.profile-view-actions{align-items:center;display:flex;gap:12px}.edit-profile-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.edit-profile-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.profile-photos-section{margin-bottom:35px}.profile-photos-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:16px;padding:0 4px}.profile-photos-section h3:before{content:"📸";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.3em}.photo-gallery{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-content:start}.gallery-photo{max-width:500px}.gallery-image{height:500px}@media (max-width:1024px){.photo-gallery{gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gallery-image{height:450px}}@media (max-width:768px){.photo-gallery{gap:16px;grid-template-columns:1fr}.gallery-photo{max-width:none;width:100%}.gallery-image{height:400px;width:100%}.modal-content{margin-top:60px;padding-top:30px}.modal-header{margin-bottom:30px;padding-top:20px}.modal-close{min-height:48px;min-width:48px;padding:12px;position:relative}.modal-close:before{bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}}@media (max-width:480px){.photo-gallery{gap:16px;grid-template-columns:1fr}.gallery-photo{max-width:none;width:100%}.gallery-image{height:450px;width:100%}.modal-content{margin-top:80px;padding-top:40px}.modal-header{margin-bottom:35px;padding-top:25px}.modal-close{min-height:52px;min-width:52px;padding:16px}}.no-photos-message{background:#f8fafc80;border:2px dashed #e2e8f0cc;border-radius:16px;margin-top:20px;padding:60px 20px;text-align:center}.no-photos-message .no-photo-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.no-photos-message p{color:#6c757d;font-size:1.1rem;font-weight:500;margin:0}.profile-info-section{background:#f8fafc4d;border:1px solid #e2e8f080;border-radius:16px;padding:25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item p,.info-item span{color:#2d3748;font-size:16px;line-height:1.5;margin:0}.interests-tags{display:flex;flex-wrap:wrap;gap:8px}.interest-tag{background:linear-gradient(135deg,#667eea1a,#f093fb1a);border:1px solid #667eea33;border-radius:20px;color:#667eea;font-size:14px;font-weight:500;padding:6px 12px;transition:all .3s ease}.interest-tag:hover{background:linear-gradient(135deg,#667eea26,#f093fb26);transform:translateY(-1px)}.auth-modal{max-width:450px;width:100%}.auth-switch{border-top:1px solid #0000001a;margin-top:20px;padding-top:20px;text-align:center}.auth-switch p{color:#6c757d;font-size:14px;margin:0}.auth-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;transition:color .3s ease}.auth-link:hover{color:#5a67d8}.nav-divider{background:#0000001a;height:1px;margin:8px 4px}.nav-user-info{background:#667eea0d;border-radius:8px;color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;margin:4px;padding:12px 20px;text-transform:uppercase}.profile-actions{top:15px}.profile-settings{padding:20px 0;text-align:center}.profile-info{margin-bottom:30px}.profile-avatar{margin-bottom:20px}.profile-info h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:15px 0 5px}.user-email{color:#6c757d;font-size:14px;margin:0}.profile-action-btn{align-items:center;background:linear-gradient(135deg,#dc35451a,#dc35450d);border:1px solid #dc354533;border-radius:12px;color:#dc3545;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:16px 20px;transition:all .3s ease;width:100%}.profile-action-btn:hover{background:linear-gradient(135deg,#dc354526,#dc35451a);border-color:#dc3545;box-shadow:0 4px 15px #dc354533;transform:translateY(-2px)}.settings-content{padding:20px 0}.user-profile-section{align-items:center;background:linear-gradient(135deg,#667eea0d,#f093fb0d);border:1px solid #667eea1a;border-radius:20px;display:flex;gap:25px;margin-bottom:30px;padding:30px}.user-avatar-large{flex-shrink:0}.user-details h3{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 8px}.user-email-large{color:#667eea;font-size:16px;font-weight:500;margin:0 0 8px}.member-since{color:#6c757d;font-size:14px;font-style:italic;margin:0}.settings-sections{grid-gap:25px;display:grid;gap:25px}.settings-section{background:#f8fafc80;border:1px solid #e2e8f0cc;border-radius:16px;padding:25px;transition:all .3s ease}.settings-section:hover{background:#f8fafccc;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.settings-section h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 10px}.settings-section p{color:#6c757d;line-height:1.5;margin:0 0 20px}.settings-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.settings-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.privacy-controls{display:flex;flex-direction:column;gap:15px}.toggle-option{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px}.toggle-option input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.danger-zone{background:#dc354508!important;border-color:#dc354533!important}.danger-btn{background:linear-gradient(135deg,#dc35451a,#dc35450d);border:1px solid #dc35454d;border-radius:10px;color:#dc3545;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.danger-btn:hover{background:linear-gradient(135deg,#dc354526,#dc35451a);border-color:#dc3545;box-shadow:0 4px 15px #dc354533;transform:translateY(-2px)}.create-profile-enhancement{margin-bottom:30px}.create-motivation{background:linear-gradient(135deg,#667eea1a,#f093fb1a);border:1px solid #667eea33;border-radius:20px;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.create-motivation:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0}.create-motivation h3{color:#667eea;font-size:1.8rem;font-weight:700;margin:0 0 15px}.create-motivation p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0}.profile-view-content{padding:10px 0}.profile-actions-section{display:flex;justify-content:center;margin-top:30px}.profile-action-card{background:#f8fafc80;border:1px solid #e2e8f0cc;border-radius:16px;max-width:400px;padding:25px;text-align:center;transition:all .3s ease;width:100%}.profile-action-card:hover{background:#f8fafccc;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.profile-action-card h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 12px}.profile-action-card p{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 20px}.home-header{align-items:center;border-bottom:1px solid #0000001a;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.home-header h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin:0}.create-post-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:10px;box-shadow:0 4px 15px #667eea4d;display:flex;font-family:Inter,sans-serif;font-size:14px;padding:12px 20px}.create-post-btn:hover{box-shadow:0 8px 25px #667eea66}.posts-feed{display:flex;flex-direction:column;gap:25px}.no-posts{background:#f8fafc80;border:2px dashed #e2e8f0cc;border-radius:20px}.no-posts-icon{font-size:4rem;opacity:.6}.no-posts h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 12px}.no-posts p{color:#6c757d;font-size:1.1rem}.post-card{background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:25px;transition:all .3s ease}.post-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-3px)}.post-header{align-items:flex-start;margin-bottom:20px}.author-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:20px;font-weight:700;height:52px;justify-content:center;width:52px}.author-info h4{color:#2d3748;font-size:1.1rem;margin:0 0 4px}.post-time{color:#6c757d;font-size:14px;font-weight:400}.post-actions-header{align-items:center;display:flex;gap:8px}.edit-post-btn-header{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.edit-post-btn-header:hover{background:#667eea26;border-color:#667eea;transform:scale(1.1)}.delete-post-btn-header{align-items:center;background:#dc35451a;border:1px solid #dc354533;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.delete-post-btn-header:hover{background:#dc354526;border-color:#dc3545;transform:scale(1.1)}.post-content{word-wrap:break-word;color:#2d3748;font-size:16px;white-space:pre-wrap}.post-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.post-link:hover{color:#5a67d8;text-decoration:underline}.youtube-embed{box-shadow:0 8px 25px #0000001a}.create-post-modal{max-width:600px}.post-help{background:#667eea0d;border:1px solid #667eea1a;border-radius:12px;margin-top:15px;padding:15px}.post-help p{color:#667eea;font-size:14px;font-weight:600;margin:0 0 10px}.post-help ul{color:#6c757d;margin:0;padding-left:20px}.post-help li{font-size:13px;line-height:1.4;margin-bottom:5px}.post-actions{gap:15px;margin-top:25px}.nav-tabs{max-width:300px}@media (max-width:768px){.home-header{flex-direction:column;gap:15px;text-align:center}.create-post-btn{font-size:13px;padding:10px 16px}.post-card{padding:20px}.author-avatar{font-size:18px;height:44px;min-height:44px;min-width:44px;width:44px}.author-info h4{font-size:1rem}.post-content{font-size:15px}.youtube-embed iframe{height:200px}.post-actions{align-items:stretch;flex-direction:column;gap:15px}.post-reactions{justify-content:center}.comment-toggle-btn,.reaction-btn{font-size:13px;padding:10px 14px}.comment-toggle-btn{justify-content:center}.comment-input-container{gap:8px}.comment-input{font-size:13px;padding:10px 14px}.comment-submit-btn{height:36px;width:36px}.comment-content{margin-left:0;margin-top:8px}.comment-avatar{font-size:12px;height:28px;min-height:28px;min-width:28px;width:28px}.comment-time{margin-left:40px}.comment-bubble{max-width:90%}.comment-content-wrapper{max-width:calc(100% - 40px)}}.matching-header{border-bottom:1px solid #0000001a;margin-bottom:40px;padding-bottom:25px;text-align:center}.matching-header h2{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 12px}.matching-header p{color:#6c757d;font-size:1.1rem;line-height:1.5;margin:0 0 25px}.refresh-matches-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.refresh-matches-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.refresh-matches-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.matches-container{display:flex;flex-direction:column;gap:30px}.no-matches{background:#f8fafc80;border:2px dashed #e2e8f0cc;border-radius:20px;padding:60px 20px;text-align:center}.no-matches-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-matches h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 12px}.no-matches p{color:#6c757d;font-size:1.1rem;margin:0}.matches-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea1a,#f093fb1a);border:1px solid #667eea33;border-radius:16px;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #667eea26;transform:translateY(-3px)}.stat-card h4{color:#667eea;font-size:2.5rem;font-weight:700;margin:0 0 8px}.stat-card p{color:#6c757d;font-size:14px;font-weight:500;margin:0}.matches-list{display:flex;flex-direction:column;gap:25px}.match-card{background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:30px;transition:all .3s ease}.match-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-3px)}.match-header{margin-bottom:25px}.match-users{gap:20px;justify-content:space-between}.match-user,.match-users{align-items:center;display:flex}.match-user{flex:1 1;gap:12px}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;width:56px}.user-details h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 4px}.user-details span{color:#6c757d;font-size:14px}.match-connector{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.compatibility-score{border-radius:20px;box-shadow:0 4px 12px #0000001a;font-size:16px;font-weight:700;padding:8px 16px}.compatibility-score.high{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.compatibility-score.medium{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.compatibility-score.low{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff}.match-connector svg{color:#e53e3e;opacity:.7}.match-analysis{display:flex;flex-direction:column;gap:20px}.compatibility-factors h5{color:#2d3748;font-size:1rem;font-weight:600;margin:0 0 12px}.factors-list{display:flex;flex-wrap:wrap;gap:8px}.factor-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:16px;color:#667eea;font-size:13px;font-weight:500;padding:6px 12px}.shared-interests h6{color:#2d3748;font-size:.9rem;font-weight:600;margin:0 0 12px}.interests-comparison{display:flex;flex-wrap:wrap;gap:8px}.shared-interest{background:linear-gradient(135deg,#48bb781a,#38a1691a);border:1px solid #48bb7833;border-radius:16px;color:#38a169;font-size:13px;font-weight:500;padding:6px 12px}.nav-tabs{display:flex;gap:8px;justify-content:center;margin:0 auto;max-width:500px;padding:20px}.post-actions{border-top:1px solid #00000014;margin-top:20px;padding-top:15px}.post-reactions{gap:12px}.reaction-btn{background:#f8fafccc;border:1px solid #e2e8f0cc;color:#6c757d;font-family:Inter,sans-serif;font-weight:500}.reaction-btn:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.reaction-btn.active{background:linear-gradient(135deg,#667eea1a,#f093fb1a);color:#667eea;font-weight:600}.reaction-btn.like-btn.active{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-color:#3b82f6;color:#3b82f6}.reaction-btn.love-btn.active{background:linear-gradient(135deg,#ef44441a,#dc267f1a);border-color:#ef4444;color:#ef4444}.reaction-btn svg{transition:transform .3s ease}.reaction-btn:hover svg{transform:scale(1.1)}.reaction-btn.active svg{fill:currentColor}.comment-toggle-btn{background:#f8fafccc;border:1px solid #e2e8f0cc;color:#6c757d;font-family:Inter,sans-serif;font-weight:500}.comment-toggle-btn:hover{background:#f8fafc;border-color:#667eea4d;box-shadow:0 4px 12px #0000001a;color:#667eea;transform:translateY(-1px)}.comment-toggle-btn svg{transition:transform .3s ease}.comment-toggle-btn:hover svg{transform:scale(1.1)}.comments-section{border-top:1px solid #00000014;margin-top:20px;padding-top:20px}.comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.comment-item{display:flex;gap:12px;margin-bottom:8px}.comment-bubble{word-wrap:break-word;background:#f0f2f5;border-radius:18px;box-shadow:0 1px 2px #0000000a;max-width:85%;overflow-wrap:break-word;padding:12px 16px;position:relative;transition:all .2s ease}.comment-bubble:hover{background:#e4e6ea;box-shadow:0 2px 8px #00000014}.comment-author{flex-shrink:0}.comment-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;min-height:32px;min-width:32px;width:32px}.comment-content-wrapper{display:flex;flex:1 1;flex-direction:column;max-width:calc(100% - 44px)}.comment-user-name{color:#050505;font-size:13px;font-weight:600;line-height:1.2;margin-bottom:2px}.comment-content{word-wrap:break-word;color:#050505;font-size:14px;line-height:1.4;margin:0;overflow-wrap:break-word}.comment-time{color:#65676b;font-size:12px;font-weight:400;margin-left:44px;margin-top:6px}.add-comment{border-top:1px solid #0000000f;padding-top:15px}.comment-input-container{align-items:flex-end;display:flex;gap:10px}.comment-input{background:#f0f2f5;border:1px solid #ccd0d5;border-radius:20px;flex:1 1;font-family:Inter,sans-serif;font-size:14px;max-height:100px;min-height:36px;outline:none;padding:8px 12px;resize:none;transition:all .2s ease}.comment-input:focus{background:#fff;border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.comment-input::placeholder{color:#65676b;font-size:14px}.comment-submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.comment-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px) scale(1.05)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.5}.comment-submit-btn:disabled,.comment-submit-btn:disabled:hover{box-shadow:0 2px 8px #667eea33;transform:none}.comment-submit-btn svg{transition:transform .3s ease}.comment-submit-btn:hover:not(:disabled) svg{transform:rotate(15deg)}.avatar-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;display:flex;flex-shrink:0;justify-content:center;min-height:var(--avatar-size);min-width:var(--avatar-size);overflow:hidden;position:relative;transition:all .3s ease}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-weight:700;justify-content:center;min-height:var(--avatar-size);min-width:var(--avatar-size);transition:all .3s ease}.w-10{--avatar-size:2.5rem;min-width:2.5rem;width:2.5rem}.h-10{height:2.5rem;min-height:2.5rem}.text-sm{font-size:.875rem}.w-14{--avatar-size:3.5rem;min-width:3.5rem;width:3.5rem}.h-14{height:3.5rem;min-height:3.5rem}.text-base{font-size:1rem}.w-20{--avatar-size:5rem;min-width:5rem;width:5rem}.h-20{height:5rem;min-height:5rem}.text-xl{font-size:1.25rem}.comments-clip-overlay{align-items:flex-end;animation:clipOverlaySlideIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:2000}@keyframes clipOverlaySlideIn{0%{opacity:0}to{opacity:1}}.comments-clip-content{animation:clipContentSlideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px 20px 0 0;box-shadow:0 -10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;position:relative;width:100%}@keyframes clipContentSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comments-clip-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 25px 15px}.comments-clip-header h3{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0}.close-clip-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.close-clip-btn:hover{background:#6c757d1a;color:#495057;transform:scale(1.1)}.comments-clip-body{flex:1 1;max-height:50vh;min-height:200px;overflow-y:auto;padding:0 25px}.comments-clip-list{display:flex;flex-direction:column;gap:16px;padding:20px 0}.no-comments-message{color:#6c757d;padding:60px 20px;text-align:center}.no-comments-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.no-comments-message p{color:#2d3748;font-size:1.1rem;font-weight:500;margin:0 0 8px}.no-comments-message span{color:#6c757d;font-size:.9rem}.comments-clip-footer{background:#f8fafc4d;border-radius:0 0 20px 20px;border-top:1px solid #0000001a;flex-shrink:0;padding:15px 25px 25px}.comment-input-avatar{flex-shrink:0}@media (max-width:768px){.comments-clip-content{border-radius:16px 16px 0 0;max-height:90vh}.comments-clip-header{padding:16px 20px 12px}.comments-clip-header h3{font-size:1.1rem}.comments-clip-body{max-height:60vh;padding:0 20px}.comments-clip-footer{padding:12px 20px 20px}.comments-clip-list{gap:12px;padding:16px 0}.no-comments-message{padding:40px 15px}.no-comments-icon{font-size:2.5rem;margin-bottom:12px}}.auth-avatar,.header-avatar,.menu-avatar,.settings-avatar{cursor:pointer}.author-avatar{flex-shrink:0;min-height:52px;min-width:52px}.comment-avatar{flex-shrink:0;min-height:40px;min-width:40px}.user-avatar-small{flex-shrink:0;min-height:56px;min-width:56px}.user-avatar{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.user-avatar:hover .avatar-container,.user-avatar:hover .avatar-fallback{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) scale(1.05)}@media (max-width:768px){.matching-header h2{font-size:1.6rem}.matching-header p{font-size:1rem}.matches-stats{grid-template-columns:1fr}.stat-card{padding:20px}.stat-card h4{font-size:2rem}.match-card{padding:20px}.match-users{flex-direction:column;gap:15px}.match-user{justify-content:center;text-align:center}.match-connector{flex-direction:row;gap:12px;order:-1}.user-avatar-small{font-size:18px;height:48px;min-height:48px;min-width:48px;width:48px}.factors-list,.interests-comparison{justify-content:center}}.executive-header{border-bottom:1px solid #0000001a;margin-bottom:40px;padding-bottom:25px;text-align:center}.executive-header h2{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 12px}.executive-header p{color:#6c757d;font-size:1.1rem;line-height:1.5;margin:0}.executive-content{padding:10px 0}.role-management-section h3{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 25px}.users-list{display:flex;flex-direction:column;gap:20px}.no-users{background:#f8fafc80;border:2px dashed #e2e8f0cc;border-radius:20px;padding:60px 20px;text-align:center}.no-users-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.no-users p{color:#6c757d;font-size:1.1rem;margin:0}.user-role-card{align-items:center;background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000014;display:flex;justify-content:space-between;padding:25px;transition:all .3s ease}.user-role-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-3px)}.user-role-info{align-items:center;display:flex;flex:1 1;gap:15px}.role-avatar{flex-shrink:0}.user-role-details h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 6px}.user-role-details .user-email{color:#667eea;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.current-roles{display:flex;flex-wrap:wrap;gap:6px}.role-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.role-badge.admin{background:linear-gradient(135deg,#ef44441a,#dc267f1a);border:1px solid #ef444433;color:#ef4444}.role-badge.execute{background:linear-gradient(135deg,#667eea1a,#9333ea1a);border:1px solid #667eea33;color:#667eea}.role-badge.mod{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid #f59e0b33;color:#f59e0b}.role-badge.user{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.role-actions{display:flex;flex-shrink:0;gap:8px}.role-btn{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:8px;color:#6c757d;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.role-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.role-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.role-btn.active:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.executive-header h2{font-size:1.6rem}.executive-header p{font-size:1rem}.user-role-card{gap:20px;padding:20px}.user-role-card,.user-role-info{flex-direction:column;text-align:center}.user-role-info{gap:12px}.role-actions{flex-wrap:wrap;justify-content:center}.role-btn{font-size:12px;padding:10px 16px}}.executive-management{margin-top:20px}.loading-small{color:#6c757d;font-size:14px;padding:20px;text-align:center}.no-users-small{background:#f8fafc80;border:1px dashed #e2e8f0cc;border-radius:12px;padding:30px 20px;text-align:center}.no-users-small p{color:#6c757d;font-size:14px;margin:0}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:55px}.auth-modal .form-group input{box-sizing:border-box;padding-right:55px}.password-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.6;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.password-toggle:hover{background:#9ca3af1a;color:#6b7280;opacity:.8;transform:translateY(-50%)}.password-toggle:active{background:#9ca3af26;transform:translateY(-50%) scale(.95)}.password-toggle svg{height:18px;transition:all .2s ease;width:18px}.password-toggle:hover svg{transform:scale(1.05)}.password-toggle svg circle,.password-toggle svg line,.password-toggle svg path{transition:all .3s ease}.password-toggle:focus{outline:2px solid #667eea80;outline-offset:2px}.readonly-field{background:#f8fafccc!important;border-color:#0000000d!important;color:#6b7280!important;cursor:not-allowed!important}.readonly-field:focus{border-color:#0000000d!important;box-shadow:none!important;transform:none!important}.readonly-note{color:#6b7280;font-size:.8rem;font-style:italic;font-weight:400}.contact-info-section{background:#3b82f60d;border:1px solid #3b82f626;border-radius:12px;margin-bottom:24px;padding:20px}.contact-info-section h4{align-items:center;color:#1e40af;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.contact-value{background:#fffc;border:1px solid #0000000d;border-radius:8px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.9rem;letter-spacing:.5px;padding:6px 12px;word-break:break-all}.contact-value.no-contact{background:#f3f4f6cc;color:#6b7280;font-family:inherit;font-style:italic}.staff-contact-info{background:#3b82f614;border-left:3px solid #3b82f666;border-radius:8px;margin-bottom:12px;padding:12px}.contact-line{align-items:center;display:flex;font-size:.85rem;gap:8px;margin:0 0 6px}.contact-line:last-child{margin-bottom:0}.contact-label{font-size:1rem;min-width:20px}.contact-text{background:#ffffffb3;border-radius:4px;flex:1 1;font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem;letter-spacing:.3px;padding:2px 6px;word-break:break-all}.search-input-container{margin-bottom:20px;position:relative}.search-input{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#fffffff2!important;border:3px solid #667eea26!important;border-radius:16px!important;box-shadow:0 8px 25px #667eea14!important;box-sizing:border-box!important;color:#2d3748!important;font-size:18px!important;font-weight:500!important;min-height:60px!important;padding:20px 50px 20px 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.search-input::placeholder{color:#9ca3af!important;font-size:16px!important;font-weight:400!important}.search-input:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 12px 35px #667eea33,0 0 0 4px #667eea1a!important;outline:none!important;transform:translateY(-2px)!important}.clear-search-btn{align-items:center;background:#667eea1a;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:10}.clear-search-btn:hover{background:#667eea33;transform:translateY(-50%) scale(1.1)}.search-loading{background:#667eea0d;border-radius:8px;color:#667eea;font-size:14px;font-weight:500;margin-top:10px;padding:10px;text-align:center}.search-stats{background:#667eea0d;border-left:4px solid #667eea;border-radius:12px;margin-top:15px;padding:12px 16px}.results-count{color:#667eea;font-size:14px;font-weight:600}@media (max-width:768px){.auth-modal{margin:0 auto;max-height:90vh;max-width:95vw;overflow-y:auto;width:95vw}.auth-modal .modal-header{padding:20px 20px 15px}.auth-modal .modal-header h2{font-size:1.5rem;margin:0}.auth-modal .form-group{margin-bottom:20px}.auth-modal .form-group label{font-size:16px;font-weight:600;margin-bottom:10px}.auth-modal .form-group input{border-radius:12px!important;box-sizing:border-box!important;font-size:18px!important;min-height:56px!important;padding:18px 20px!important}.auth-modal .password-input-container input{padding-right:60px!important}.auth-modal .btn{border-radius:12px!important;font-size:18px!important;font-weight:600!important;margin-top:10px;min-height:56px!important;padding:18px 24px!important}.auth-modal .auth-switch{margin-top:25px;padding:20px 0}.auth-modal .auth-switch p{font-size:16px;line-height:1.5}.auth-modal .auth-link{border-radius:6px;font-size:16px;font-weight:600;padding:4px 8px}}@media (max-width:480px){.auth-modal{margin:10px auto;max-height:95vh;max-width:98vw;width:98vw}.auth-modal .modal-content{border-radius:16px!important;padding:25px 20px!important}.auth-modal .modal-header{padding:0 0 20px}.auth-modal .form-group input{font-size:18px!important;min-height:60px!important;padding:20px 22px!important}.auth-modal .password-input-container input{padding-right:65px!important}.auth-modal .password-toggle{height:36px!important;right:16px!important;width:36px!important}.auth-modal .btn{font-size:18px!important;margin-top:15px;min-height:60px!important;padding:20px 24px!important}.auth-modal .modal-header h2{font-size:1.4rem}}.tabs{border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;margin-bottom:20px;overflow:hidden}.tab,.tabs{background:#fff}.tab{border:none;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.tab:hover{background:#f8f9fa}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media (max-width:768px){.form-row{grid-template-columns:1fr}.container{padding:10px}.card{padding:20px}.header h1{font-size:2rem}.header p{font-size:1rem}}.register-profile-modal{border-radius:15px;max-height:90vh;max-width:900px;overflow-y:auto;padding:0}.register-profile-form{padding:30px}.form-section{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #667eea;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:35px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.form-section:hover{box-shadow:0 4px 20px #00000014}.form-section h3{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 25px;position:relative;z-index:1}.form-section h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;content:"";flex-shrink:0;height:20px;width:20px}.form-group{clear:both;margin-bottom:20px;position:relative}.form-group:last-child{margin-bottom:0}.form-group label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-row-four{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.form-row-four .form-group{margin-bottom:0}@media (max-width:1024px){.form-row-four{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.form-row,.form-row-four{gap:15px;grid-template-columns:1fr}.form-row .form-group,.form-row-four .form-group{margin-bottom:15px}.form-row .form-group:last-child,.form-row-four .form-group:last-child{margin-bottom:0}.register-profile-modal{margin:10px;max-width:95vw}.register-profile-form{padding:20px}.form-section{margin-bottom:25px;padding:20px}}.register-profile-actions{border-top:2px solid #f0f0f0;display:flex;justify-content:center;margin-top:30px;padding:30px 0 10px}.register-profile-actions .btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:16px;font-weight:700;min-width:280px;padding:15px 30px;transition:all .3s ease}.register-profile-actions .btn:hover:not(:disabled){box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.register-profile-actions .btn:disabled{box-shadow:0 2px 10px #667eea33;opacity:.7;transform:none}@media (max-width:768px){.register-profile-actions .btn{max-width:320px;min-width:auto;width:100%}}.photo-upload-section{text-align:center}.photo-upload-section p{color:#666;font-size:15px;line-height:1.5;margin-bottom:25px}.photo-upload-area{margin-bottom:20px;min-height:180px}.photo-upload-area,.upload-photo-btn{align-items:center;display:flex;justify-content:center}.upload-photo-btn{background:linear-gradient(135deg,#f9fafb,#fff);border:3px dashed #d1d5db;border-radius:15px;color:#6b7280;cursor:pointer;flex-direction:column;gap:15px;height:160px;padding:25px;transition:all .3s ease;width:220px}.upload-photo-btn:hover{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea;box-shadow:0 8px 25px #667eea26;color:#667eea;transform:translateY(-2px)}.upload-photo-btn span{font-size:16px;font-weight:700}.upload-photo-btn small{font-size:13px;font-weight:500;opacity:.8}.photo-preview-container{display:inline-block;position:relative}.profile-photo-preview{border:3px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 15px #0000001a;height:180px;object-fit:cover;transition:all .3s ease;width:180px}.profile-photo-preview:hover{box-shadow:0 6px 25px #00000026;transform:scale(1.02)}.remove-photo-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px #ef444466;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;width:36px}.remove-photo-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444480;transform:scale(1.1)}.photo-info{background:#f9fafb;border-radius:10px;color:#6b7280;font-size:14px;margin-top:15px;padding:15px;text-align:center}.photo-info p{font-weight:500;margin:5px 0}.photo-info p:first-child{color:#374151;font-weight:600}@media (max-width:768px){.upload-photo-btn{height:140px;max-width:280px;width:100%}.profile-photo-preview{height:150px;width:150px}.photo-upload-area{min-height:160px}}.register-profile-form .password-input-container{align-items:center;display:flex;position:relative}.register-profile-form .password-input-container input{padding-right:55px!important}.register-profile-form .password-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:36px}.register-profile-form .password-toggle:hover{background:#667eea1a;color:#667eea}.form-group label.required:after{color:#ef4444;content:" *";font-weight:700}.media-upload-section{background:#f8f9fa;border:2px dashed #ddd;border-radius:10px;margin:15px 0;padding:15px}.upload-button-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:10px}.upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 15px;transition:all .3s ease}.upload-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.upload-hint{color:#666;font-size:12px;font-style:italic}.media-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.media-preview-item{aspect-ratio:1;background:#f0f0f0;border-radius:8px;overflow:hidden;position:relative}.preview-image,.preview-video{border-radius:8px;height:100%;object-fit:cover;width:100%}.remove-media-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:24px}.remove-media-btn:hover{background:#f00c}.media-info{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;display:flex;flex-direction:column;gap:2px;left:0;padding:15px 8px 5px;position:absolute;right:0}.media-name{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-type{font-size:10px;opacity:.8;text-transform:uppercase}.youtube-embed{background:#000;border-radius:12px;box-shadow:0 4px 15px #0000001a;height:0;margin:15px 0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.youtube-embed iframe{border:none;border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.post-media{margin:15px 0}.media-grid{grid-gap:8px;border-radius:12px;display:grid;gap:8px;overflow:hidden}.media-grid.single{grid-template-columns:1fr}.media-grid.double,.media-grid.multiple{grid-template-columns:1fr 1fr}.media-grid.multiple .media-item:first-child{grid-column:span 2}.media-item{background:#f0f0f0;border-radius:8px;min-height:200px;overflow:hidden;position:relative}.post-image{cursor:pointer;height:auto;max-height:600px;min-height:300px;object-fit:cover;transition:transform .3s ease;width:100%}.post-image:hover{transform:scale(1.02)}.post-video{border-radius:8px;height:auto;max-height:600px;min-height:300px;object-fit:cover;width:100%}.create-post-modal{max-height:90vh;overflow-y:auto}.create-post-modal .form-group{margin-bottom:15px}.create-post-modal textarea{min-height:120px;resize:vertical}.create-post-modal .media-upload-section{margin:10px 0;padding:12px}.create-post-modal .upload-btn{font-size:13px;padding:8px 12px}.create-post-modal .post-actions{border-top:1px solid #eee;display:flex;justify-content:center;padding-top:15px}.create-post-modal .post-actions .btn{font-size:14px;font-weight:600;min-width:140px;padding:12px 32px}.home-container{margin:0 auto;max-width:800px;padding:0 20px;width:100%}.home-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.create-post-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.create-post-btn:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.post-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.post-item:hover{box-shadow:0 4px 20px #0000001f}.post-header{justify-content:space-between;padding:20px 20px 15px}.post-author,.post-header{align-items:center;display:flex}.post-author{gap:12px}.author-info h4{color:#333;font-size:16px;font-weight:600;margin:0}.post-time{color:#666;font-size:12px;margin-top:2px}.post-content{color:#444;line-height:1.6;padding:0 20px 15px}.post-actions{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 20px}.post-reactions{display:flex;gap:15px}.reaction-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .3s ease}.reaction-btn:hover{background:#f5f5f5}.reaction-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.comment-toggle-btn{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .3s ease}.comment-toggle-btn:hover{background:#f5f5f5}.no-posts{background:#fff;border-radius:15px;margin-top:20px;padding:60px 20px;text-align:center}.no-posts-icon{font-size:48px;margin-bottom:20px}.no-posts h3{color:#333;margin:0 0 10px}.no-posts p{color:#666;margin:0}@media (max-width:768px){.home-container{max-width:none;padding:0}.home-header{margin:0 10px 10px}.post-item{border-radius:0;margin:0 0 10px}.post-media{margin:15px -20px}.media-grid{border-radius:0}.post-image,.post-video{margin-left:calc(-50vw + 50%);max-height:80vh;max-width:100vw;object-fit:cover;width:100vw}.media-item,.post-image,.post-video{border-radius:0;min-height:50vh}.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.media-grid.double,.media-grid.multiple{grid-template-columns:1fr}.media-grid.multiple .media-item:first-child{grid-column:span 1}.media-grid.double .media-item,.media-grid.multiple .media-item{min-height:40vh}.media-grid.double .post-image,.media-grid.double .post-video,.media-grid.multiple .post-image,.media-grid.multiple .post-video{max-height:60vh;min-height:40vh}.youtube-embed{box-shadow:none;margin:15px -20px;padding-bottom:56.25%}.youtube-embed,.youtube-embed iframe{border-radius:0;min-height:50vh}.post-content .youtube-embed{margin-left:calc(-50vw + 50%);position:relative;width:100vw}.create-post-modal{margin:10px;max-height:85vh;max-width:none;width:calc(100vw - 20px)}.create-post-modal .modal-header h2{font-size:18px}.create-post-modal textarea{font-size:16px;min-height:100px}.create-post-modal .media-upload-section{margin:8px 0;padding:10px}.create-post-modal .upload-btn{font-size:14px;justify-content:center;padding:10px 14px;width:100%}.create-post-modal .upload-hint{margin-top:5px;text-align:center}.create-post-modal .media-preview-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.create-post-modal .post-actions{justify-content:center}.create-post-modal .post-actions .btn{font-size:16px;min-width:0;min-width:auto;padding:14px 16px;width:100%}.modal-overlay{align-items:flex-start;padding:20px 10px 10px}.modal-content{border-radius:12px;margin:0}}.discover-container{margin:0 auto;max-width:800px;padding:0 20px;width:100%}.profile-item{background:#fff;border-radius:15px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s ease}.profile-item:hover{box-shadow:0 4px 20px #0000001f}.profile-photo{aspect-ratio:4/3;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0;max-height:500px;overflow:hidden;padding:0;position:relative;width:100%}.profile-image{border:none;display:block;height:100%;margin:0;object-fit:cover;object-position:center;outline:none;padding:0;transition:transform .3s ease;width:100%}.profile-item:hover .profile-image{transform:scale(1.05)}.photo-count{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:15px;top:15px}.no-photo,.photo-count{align-items:center;color:#fff;display:flex}.no-photo{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;height:100%;justify-content:center;text-align:center}.no-photo-icon{font-size:48px;margin-bottom:15px;opacity:.8}.no-photo p{font-size:14px;margin:0;opacity:.9}.profile-overlay{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:25px 15px 15px;position:absolute;right:0;transform:translateY(0)}.profile-header h3{font-size:18px;font-weight:700;margin:0 0 8px}.basic-info{font-size:12px;line-height:1.4;margin:0 0 12px;opacity:.9}.profile-details p{font-size:11px;line-height:1.3;margin:0 0 6px;opacity:.85}.profile-details p:last-child{margin-bottom:0}.profile-expectation{font-style:italic;margin-top:8px!important;opacity:.95!important}.profile-actions{bottom:15px;display:flex;gap:8px;pointer-events:none;position:absolute;right:15px;z-index:10}.profile-actions button{pointer-events:auto}.edit-btn,.view-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.edit-btn:hover,.view-btn:hover{background:#fff;box-shadow:0 4px 15px #0003;transform:scale(1.1)}.edit-btn{background:#667eeae6;color:#fff}.edit-btn:hover{background:#667eea}@media (min-width:1024px){.profile-photo{aspect-ratio:16/10;max-height:450px}}@media (min-width:1400px){.profile-photo{aspect-ratio:5/3;max-height:480px}}@media (min-width:769px) and (max-width:1023px){.profile-photo{aspect-ratio:3/2;max-height:400px}}@media (max-width:768px){.discover-container{max-width:none;padding:0}.profile-item{border-radius:0;margin:0 0 10px}.profile-photo{aspect-ratio:unset;height:70vh;margin:0 0 0 calc(-50vw + 50%);max-height:none;min-height:400px;padding:0;width:100vw}.profile-image{border-radius:0;height:100%;margin:0;max-width:none;object-fit:cover;padding:0;width:100%}.profile-overlay{margin:0;padding:20px 15px 15px}.profile-header h3{font-size:16px}.basic-info{font-size:11px}.profile-details p{font-size:10px}}@media (max-width:480px){.discover-container{padding:0}.profile-item{margin:0 0 8px}.profile-photo{aspect-ratio:unset;height:75vh;margin:0 0 0 calc(-50vw + 50%);max-height:none;min-height:350px;width:100vw}.profile-image{height:100%;margin:0;padding:0;width:100%}}.profile-view-modal{max-height:90vh;max-width:900px;overflow-y:auto}.modal-overlay{align-items:center;background:#000c;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overscroll-behavior:contain;padding:20px;position:fixed;right:0;top:0;touch-action:manipulation;z-index:1000}body.modal-open{-webkit-overflow-scrolling:auto;height:100%;overflow:hidden;position:fixed;touch-action:none;width:100%}.photo-gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-left:auto;margin-right:auto;margin-top:20px;max-width:800px}.gallery-photo{aspect-ratio:4/3;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-height:400px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.gallery-photo:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.gallery-image{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.gallery-photo:hover .gallery-image{transform:scale(1.02)}@media (min-width:1024px){.gallery-photo{aspect-ratio:16/10;max-height:350px}}@media (min-width:1400px){.gallery-photo{aspect-ratio:5/3;max-height:400px}}@media (min-width:769px) and (max-width:1023px){.gallery-photo{aspect-ratio:3/2;max-height:320px}.photo-gallery{gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:0}.profile-view-modal{-webkit-overflow-scrolling:touch;border-radius:0;box-sizing:border-box;height:100vh;left:0;margin:0;max-height:100vh;max-width:100vw;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);padding-top:calc(env(safe-area-inset-top) + 80px);position:fixed;top:0;width:100vw}.profile-view-modal .modal-header{background:#fff;border-bottom:1px solid #eee;left:0;padding:calc(env(safe-area-inset-top) + 15px) 20px 15px;position:fixed;right:0;top:0;z-index:10}.profile-view-modal .modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:20px;top:calc(env(safe-area-inset-top) + 15px);width:40px;z-index:11}.photo-gallery{gap:10px;grid-template-columns:1fr;margin:15px 0 15px calc(-50vw + 50%);width:100vw}.gallery-photo{aspect-ratio:unset;height:70vh;max-height:none;min-height:400px}.gallery-image,.gallery-photo{border-radius:0;margin:0;width:100vw}.gallery-image{height:100%;object-fit:cover;padding:0}}@media (max-width:480px){.gallery-photo{height:75vh;min-height:350px}.gallery-image{width:100vw}}.language-switcher{margin-left:0;margin-right:0;position:relative;z-index:100}.language-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(25px) saturate(1.8);backdrop-filter:blur(25px) saturate(1.8);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a;color:#fff;cursor:pointer;display:flex;height:52px;justify-content:center;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);width:52px}.language-toggle-btn:before{animation:rotate 4s linear infinite;background:conic-gradient(from 0deg,#0000,#ffffff4d,#0000,#ffffff1a,#0000);border-radius:50%;content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.language-toggle-btn:hover:before{opacity:1}.language-toggle-btn:hover{background:linear-gradient(135deg,#ffffff59,#ffffff26);border-color:#ffffff80;box-shadow:0 15px 35px #00000040,0 0 0 3px #fff3,inset 0 2px 0 #ffffff4d;transform:translateY(-4px) scale(1.08) rotateX(5deg)}.language-toggle-btn:active{transform:translateY(-2px) scale(.98) rotateX(2deg);transition:transform .15s cubic-bezier(.4,0,.2,1)}.next-flag{filter:drop-shadow(0 3px 8px rgba(0,0,0,.4));font-size:26px;line-height:1;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:2}.language-toggle-btn:hover .next-flag{animation:flagWave .6s ease-in-out;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));transform:scale(1.15) rotate(15deg) translateZ(10px)}.language-toggle-btn.changing{animation:flagChangePulse .8s cubic-bezier(.34,1.56,.64,1)}@keyframes flagChangePulse{0%{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:scale(1) rotateY(0deg)}25%{background:linear-gradient(135deg,#fff6,#fff3);transform:scale(1.1) rotateY(90deg)}50%{background:linear-gradient(135deg,#ffffff80,#ffffff4d);box-shadow:0 0 30px #fff9;transform:scale(1.2) rotateY(180deg)}75%{background:linear-gradient(135deg,#fff6,#fff3);transform:scale(1.1) rotateY(270deg)}to{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:scale(1) rotateY(1turn)}}@keyframes flagWave{0%,to{transform:scale(1.15) rotate(15deg) translateZ(10px)}25%{transform:scale(1.2) rotate(12deg) translateZ(15px)}50%{transform:scale(1.18) rotate(18deg) translateZ(12px)}75%{transform:scale(1.22) rotate(10deg) translateZ(18px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.language-toggle-btn{border-radius:18px;height:46px;width:46px}.next-flag{font-size:22px}.language-toggle-btn:hover{transform:translateY(-3px) scale(1.06) rotateX(3deg)}}@media (max-width:480px){.language-toggle-btn{border-radius:16px;height:42px;width:42px}.next-flag{font-size:20px}.language-toggle-btn:hover{transform:translateY(-2px) scale(1.04) rotateX(2deg)}}@media (prefers-contrast:high){.language-toggle-btn{background:#fff3;border-width:2px}.language-toggle-btn:hover{background:#ffffff59}}@media (prefers-reduced-motion:reduce){.language-toggle-btn,.next-flag{transition:none}.language-toggle-btn:before{display:none}.language-toggle-btn:hover .next-flag{transform:scale(1.05)}.language-toggle-btn.changing{animation:none}}.language-toggle-btn:focus{box-shadow:0 0 0 3px #fff9,0 10px 30px #0003;outline:none}.language-toggle-btn:focus:not(:hover){background:#fff3;transform:translateY(-1px)}
/*# sourceMappingURL=main.7ab0c14e.css.map*/