@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--brand-navy: #131921;--brand-navy-light: #232F3E;--brand-blue: #1D7FC3;--brand-cyan: #4DC3E8;--gradient-primary: linear-gradient(135deg, var(--brand-cyan) 0%, #2db3df 100%);--gradient-accent: linear-gradient(135deg, var(--brand-blue) 0%, #1765a3 100%);--gradient-dark: linear-gradient(135deg, var(--brand-navy) 0%, #1e293b 100%);--background: #f4f7f9;--surface: #ffffff;--surface-glass: rgba(255, 255, 255, .7);--surface-glass-dark: rgba(19, 25, 33, .85);--text: #0f172a;--text-muted: #64748b;--link-color: var(--brand-blue);--border-color: rgba(226, 232, 240, .8);--border-glass: 1px solid rgba(255, 255, 255, .5);--shadow-sm: 0 2px 4px rgba(0,0,0,.02);--shadow-md: 0 8px 16px rgba(0,0,0,.04);--shadow-lg: 0 20px 40px rgba(0,0,0,.08);--shadow-glow: 0 0 20px rgba(77, 195, 232, .4);--shadow-hover: 0 12px 24px rgba(0,0,0,.06);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--background);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);font-weight:700}a{color:var(--link-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--brand-cyan)}.glass-panel,.glass-card,.post-card,.uni-card,.housing-card,.opp-card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.8);transition:var(--transition-bounce);position:relative;overflow:hidden}.glass-panel:hover,.glass-card:hover,.post-card:hover,.uni-card:hover,.housing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#4dc3e84d}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 12px #4dc3e84d;transition:var(--transition-bounce);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-glow)}.btn-secondary{background:#fff;color:var(--brand-navy);border:1px solid rgba(226,232,240,1);padding:12px 28px;border-radius:var(--radius-pill);font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:var(--transition-bounce)}.btn-secondary:hover{background:#f8fafc;border-color:var(--brand-cyan);color:var(--brand-blue);transform:translateY(-2px)}.btn-social{background:var(--gradient-accent);color:#fff;border:none;padding:12px 28px;border-radius:var(--radius-pill);font-weight:800;box-shadow:0 4px 15px #1d7fc34d;transition:var(--transition-bounce);cursor:pointer}.btn-social:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1d7fc366}.input-premium,.input-group input,.search-bar input{width:100%;padding:12px 18px;background:#fff;border:1px solid rgba(226,232,240,1);border-radius:var(--radius-sm);font-size:1rem;color:var(--text);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.input-premium:focus,.input-group input:focus,.search-bar input:focus{outline:none;border-color:var(--brand-cyan);box-shadow:0 0 0 4px #4dc3e826}.input-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.9rem;font-weight:600;color:var(--text-muted)}.brand-logo-block{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;flex-shrink:0}.brand-name{font-family:var(--font-heading);font-size:1.2rem;font-weight:900;color:#fff;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(90deg,#ffffff 0%,var(--brand-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout-container{min-height:100vh;padding-bottom:60px;position:relative;z-index:1}.social-header{background:var(--surface-glass-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:1000;overflow:hidden}.mobile-header-watermark{display:none}@media(max-width:900px){.mobile-header-watermark{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-heading);font-size:clamp(1.3rem,6vw,2.2rem);font-weight:900;color:#4dc3e826;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;transition:opacity .3s ease}}.social-header-content{max-width:1400px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.social-header-left{display:flex;align-items:center;gap:24px;flex:1}.social-search{display:flex;width:100%;max-width:320px;background:#ffffff14;border-radius:var(--radius-pill);padding:8px 16px;border:1px solid rgba(255,255,255,.1);transition:var(--transition-fast);align-items:center;gap:8px;color:#fff9}.social-search:focus-within{background:#ffffff26;border-color:var(--brand-cyan);color:#fff;box-shadow:0 0 0 3px #4dc3e833}.social-search input{flex:1;border:none;background:transparent;color:#fff;font-size:.95rem}.social-search input::placeholder{color:#fff6}.social-search input:focus{outline:none}.social-header-center{display:flex;align-items:center;gap:12px}.social-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff9;text-decoration:none;padding:6px 16px;border-radius:var(--radius-md);transition:var(--transition-fast);min-width:80px}.social-nav-link span{font-size:.75rem;margin-top:4px;font-weight:500}.social-nav-link:hover{color:#fff;background:#ffffff0d}.social-nav-link.active{color:var(--brand-cyan);position:relative}.social-nav-link.active:after{content:"";position:absolute;bottom:-10px;left:15%;width:70%;height:3px;background:var(--brand-cyan);border-radius:4px 4px 0 0}.social-header-right{display:flex;align-items:center;gap:16px;flex:1;justify-content:flex-end}.profile-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;color:#fff;padding:4px;border-radius:var(--radius-pill);transition:var(--transition-fast)}.profile-btn:hover{background:#ffffff1a}.profile-btn img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-cyan)}.profile-placeholder{width:32px;height:32px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800}.profile-name{font-size:.9rem;font-weight:700}.logout-btn{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;border-radius:50%;transition:var(--transition-fast)}.logout-btn:hover{background:#ef444433;color:#ef4444}@media(max-width:900px){.social-search{display:none!important}.social-header-center{display:flex!important;gap:6px}.social-nav-link{padding:4px 8px;min-width:auto}.social-nav-link span{font-size:.65rem}.social-header-content{justify-content:space-between;padding:8px 12px;gap:8px}.grid-social{grid-template-columns:1fr!important}.social-left-col,.social-right-col{display:none}.home-container{padding:1rem 0!important}.social-feed{max-width:100%}.auth-role-grid{grid-template-columns:repeat(3,1fr)}.bottom-nav-item span{font-size:.58rem}}@media(max-width:480px){.brand-name{font-size:.9rem}.social-nav-link span{display:none}.social-nav-link{padding:6px 8px}.social-header-content{padding:8px}.auth-card{padding:1.5rem 1.25rem;border-radius:20px}.auth-role-grid{grid-template-columns:repeat(3,1fr)}.grid-halves,.grid-thirds{grid-template-columns:1fr!important}.post-card{border-radius:0;border-left:none;border-right:none}.social-left-col,.social-right-col{display:none}.bottom-nav-item span{font-size:.52rem}}.grid-social{display:grid;grid-template-columns:280px minmax(500px,1fr) 300px;gap:1.5rem;align-items:start}.grid-sidebar{display:grid;grid-template-columns:1fr 320px;gap:2rem}.grid-sidebar-left{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.grid-halves{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.grid-thirds{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.grid-fourths{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:1rem}.content{padding:0;margin:0}.social-main{padding-bottom:80px}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(145deg,var(--brand-navy) 0%,#1a2744 50%,#0e1a2e 100%);position:relative;overflow:hidden}.auth-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.25}.auth-blob-1{width:400px;height:400px;background:var(--brand-cyan);top:-100px;right:-100px}.auth-blob-2{width:300px;height:300px;background:var(--brand-blue);bottom:-80px;left:-80px}.auth-card{width:100%;max-width:420px;padding:2rem;background:#fffffff7;border-radius:24px;box-shadow:0 30px 60px #0000004d;position:relative;z-index:1;animation:fadeIn .4s ease-out}.auth-logo-block{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-brand-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:900;color:var(--brand-navy);letter-spacing:-.03em}.auth-heading{text-align:center;margin-bottom:1.75rem}.auth-heading h2{font-size:1.5rem;font-weight:900;color:var(--brand-navy);margin-bottom:4px}.auth-heading p{font-size:.9rem;color:var(--text-muted)}.auth-field-group{margin-bottom:1.1rem}.auth-label{display:flex;align-items:center;gap:5px;font-size:.82rem;font-weight:700;color:var(--brand-navy);margin-bottom:6px}.auth-input{width:100%;padding:12px 14px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:var(--text);transition:var(--transition-fast);font-family:var(--font-body)}.auth-input:focus{outline:none;border-color:var(--brand-cyan);background:#fff;box-shadow:0 0 0 4px #4dc3e81f}.auth-password-wrap{position:relative}.auth-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:0}.auth-role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.auth-role-pill{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-size:.7rem;font-weight:700;color:var(--text-muted);transition:var(--transition-fast);text-align:center}.auth-role-pill.selected{border-color:var(--brand-cyan);background:#4dc3e814;color:var(--brand-navy);box-shadow:0 2px 8px #4dc3e833}.auth-role-icon{color:var(--text-muted)}.auth-role-pill.selected .auth-role-icon{color:var(--brand-cyan)}.auth-forgot{text-align:right;margin-top:-4px;margin-bottom:1rem}.auth-submit-btn{width:100%;padding:14px;background:var(--gradient-dark);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;letter-spacing:.3px;transition:var(--transition-bounce);margin-top:.5rem;font-family:var(--font-heading)}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1319214d}.auth-submit-btn:disabled{opacity:.6;transform:none}.auth-toggle{text-align:center;margin-top:1.25rem;font-size:.88rem;color:var(--text-muted)}.auth-link-btn{background:none;border:none;color:var(--brand-blue);font-weight:800;font-size:inherit;cursor:pointer;padding:0;font-family:inherit}.auth-link-btn:hover{color:var(--brand-cyan)}.module-header{margin:2rem 1.5rem;background:var(--gradient-dark);padding:2.5rem 2rem;border-radius:var(--radius-lg);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.module-header:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(77,195,232,.2) 0%,transparent 70%);border-radius:50%}.module-header h2{color:#fff;font-size:2.2rem;font-weight:800;margin-bottom:.5rem;position:relative;z-index:2}.module-header p{font-size:1rem;color:#fffc;max-width:600px;position:relative;z-index:2}.social-feed{display:flex;flex-direction:column;gap:1.5rem;max-width:680px;margin:0 auto}.avatar-circle{width:48px;height:48px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:var(--shadow-sm)}.interaction-bar{display:flex;gap:1rem;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(226,232,240,.6)}.interaction-btn{background:transparent;border:none;display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:var(--radius-pill);transition:var(--transition-fast)}.interaction-btn:hover{background:#4dc3e81a;color:var(--brand-blue)}.pill-tag{background:#4dc3e826;color:var(--brand-blue);padding:6px 14px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid rgba(77,195,232,.3)}.manager-title{font-size:2.5rem!important;font-weight:900!important;letter-spacing:-.02em;background:linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%{box-shadow:0 0 #4dc3e866}70%{box-shadow:0 0 0 10px #4dc3e800}to{box-shadow:0 0 #4dc3e800}}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.social-header{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1)}.social-header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.bottom-navbar{position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(226,232,240,.8);z-index:999;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0000000d}.bottom-navbar-content{display:flex;justify-content:space-around;align-items:center;padding:10px 0;max-width:600px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:.65rem;font-weight:700;background:transparent;border:none;cursor:pointer;gap:4px;flex:1;transition:var(--transition-fast)}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--brand-blue)}.bottom-nav-item.active svg{color:var(--brand-cyan)}.menu-drawer-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .2s ease-out}.menu-drawer-content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:24px 24px 0 0;padding:1.5rem 1.5rem 2rem;max-height:85vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -10px 40px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.menu-close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.menu-section-title{font-size:.8rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.menu-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:.85rem;color:var(--brand-navy)}.menu-item-icon{background:#fff;padding:10px;border-radius:12px;box-shadow:var(--shadow-sm)}.menu-list{display:flex;flex-direction:column;gap:.5rem}.menu-list-item{display:flex;align-items:center;gap:12px;padding:1rem;background:transparent;border:none;width:100%;text-align:left;font-size:1rem;font-weight:700;color:var(--brand-navy);cursor:pointer;border-radius:12px}.menu-list-item:hover{background:#f1f5f9}@media(min-width:900px){.menu-drawer-content{width:400px;inset:0 0 0 auto;border-radius:0;animation:slideLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}}