.login-signup{align-items:center;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh}.login-signup,.login-signup form{background:linear-gradient(120deg,#f6d365,#fda085);display:flex;flex-direction:column}.login-signup form{animation:fadeIn .4s ease;background:#fff;border-radius:16px;box-shadow:0 8px 25px #00000026;max-width:380px;padding:30px 40px;width:85%}.login-signup h2{color:#444;font-size:1.8rem;letter-spacing:1px;margin-bottom:20px}.login-signup input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:15px;outline:none;padding:12px 14px;transition:border-color .2s}.login-signup input:focus{border-color:#444}.login-signup button{background-color:#444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:5px;padding:12px;transition:all .2s ease}.login-signup button:hover{background-color:#444;transform:scale(1.02)}.login-signup button:active{transform:scale(.98)}.login-signup>button{background:#0000;border:1px solid #fff;border-radius:20px;color:#444;font-size:.9rem;margin-top:20px;padding:10px 20px}.login-signup>button:hover{background-color:#fff3}.login-signup p{color:#ff4b4b;font-size:.9rem;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.navbar{align-items:center;box-shadow:0 2px 10px #00000026;justify-content:space-between;padding:10px 25px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.navbar a{color:#fff;text-decoration:none;transition:color .2s ease}.navbar a:hover{color:gold}.navbar a:visited{color:#fff}.navbar .logo{color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:1px;text-decoration:none;transition:opacity .3s ease}.navbar .logo:hover{opacity:.85}.navbar .nav-links{align-items:center;color:#f4f4f4;display:flex;gap:20px}.navbar .nav-links a{color:#f4f4f4;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .25s ease,transform .25s ease}.navbar .nav-links a:hover{color:#fff;transform:translateY(-2px)}.navbar .profile{align-items:center;cursor:pointer;display:flex;gap:10px}.navbar .profile img{border:2px solid #fff;border-radius:50%;height:35px;object-fit:cover;width:35px}.navbar .profile span{font-size:.95rem;font-weight:500}.menu-toggle{color:#fff;cursor:pointer;display:none;font-size:1.5rem}@media (max-width:768px){.navbar{flex-wrap:wrap}.menu-toggle{display:block}.nav-links{background:#1e2a47;border-top:1px solid #fff3;display:none;flex-direction:column;padding:10px 0;width:100%}.nav-links.show{display:flex}.nav-links a{font-size:1rem;padding:8px 0}}.post-card{background:#fff}.feed-container{align-items:center;background:linear-gradient(120deg,#f6d365,#fda085);display:flex;flex-direction:column;gap:20px;min-height:100vh;padding:30px 10px;transition:background .3s ease}.post-card{background:#444;border-radius:18px;box-shadow:0 4px 12px #00000014;max-width:650px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;width:100%}.post-card:hover{box-shadow:0 8px 18px #0000001a;transform:translateY(-3px)}.post-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:12px;padding:15px 20px}.post-avatar{background:#fafafa;border:2px solid #ddd;border-radius:50%;height:48px;object-fit:cover;width:48px}.post-user-info{display:flex;flex-direction:column}.post-username{color:#222;font-size:15px;font-weight:600}.post-timestamp{color:#888;font-size:12px}.post-content{color:#333;font-size:15px;line-height:1.6;padding:15px 20px;white-space:pre-line}.post-image{border-bottom:1px solid #eee;border-top:1px solid #eee;cursor:pointer;height:auto;max-height:450px;object-fit:cover;transition:filter .3s ease;width:100%}.post-image:hover{filter:brightness(.9)}.post-actions{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:12px 20px}.actions-left{display:flex;gap:15px}.action-btn{background:none;border:none;color:#666;cursor:pointer;font-size:20px;transition:color .2s ease,transform .1s ease}.action-btn:hover{color:#111;transform:scale(1.15)}.action-btn.liked{color:#3973e6}.comment-box{align-items:center;background:#fafbff;border-radius:0 0 12px 12px;border-top:1px solid #e8e8e8;box-shadow:0 -1px 6px #0000000d;padding:14px 18px}.comment-box input{background:#fff;border-radius:25px;transition:all .25s ease}.comment-box input:focus{border-color:#4b6cb7;box-shadow:0 0 0 2px #4b6cb733}.comment-box button{align-items:center;background:linear-gradient(135deg,#4b6cb7,#182848);border-radius:50%;box-shadow:0 3px 8px #4b6cb74d;display:flex;font-size:18px;height:42px;justify-content:center;transition:all .25s ease;width:42px}.comment-box button:hover{box-shadow:0 4px 10px #4b6cb780;transform:scale(1.1)}.comment-box button:active{box-shadow:0 2px 6px #4b6cb74d;transform:scale(.95)}.comment-avatar{border:2px solid #4b6cb7;border-radius:50%;height:38px;object-fit:cover;width:38px}.comment-box{border-top:1px solid #eee;display:flex;gap:10px;padding:12px 20px 20px}.comment-box input{border:1px solid #ddd;border-radius:30px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s ease}.comment-box input:focus{border-color:#007bff}.comment-box button{background:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:background .2s ease}.comment-box button:hover{background:#0056d2}.comments{padding:10px 20px}.comment{font-size:14px;margin-bottom:8px}.comment strong{color:#333}.comment span{color:#555}@media (max-width:600px){.post-card{border-radius:0;box-shadow:none}.feed-container{padding:10px}.post-content,.post-header{padding:10px 12px}}.profile-page{background:#f9f9f9;border-radius:12px;box-shadow:0 2px 6px #0000001a;font-family:Segoe UI,sans-serif;margin:30px auto;max-width:800px;padding:20px}.profile-page h2{margin-bottom:10px;text-align:center}.profile-section{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:15px}.profile-item,.profile-post{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.profile-item:last-child,.profile-post:last-child{border-bottom:none}button{background:#f55;border-radius:6px;padding:5px 10px;transition:background .2s}button:hover{background:#e23d3d}.messages-container{background-color:#fff;border:1px solid #ddd;border-radius:10px;display:flex;font-family:Segoe UI,sans-serif;height:80vh;overflow:hidden}.users-list{background-color:#f8f8f8;border-right:1px solid #ddd;flex:1 1;overflow-y:auto;padding:15px}.users-list h3{color:#444;margin-bottom:10px}.users-list p{border-radius:10px;cursor:pointer;padding:10px;transition:all .2s}.users-list p:hover{background-color:#e6e6e6}.users-list p.active{background-color:#007bff;color:#fff}.users-list .empty{color:#888;margin-top:20px;text-align:center}.chat{background:#fff;display:flex;flex:3 1;flex-direction:column;position:relative}.chat-header{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:10px 15px}.chat-header .back-btn{background:none;border:none;cursor:pointer;display:none;font-size:20px;margin-right:10px}.chat-messages{background-color:#fafafa;flex:1 1;overflow-y:auto;padding:15px}.chat-messages .left,.chat-messages .right{display:flex;flex-direction:column;margin-bottom:12px;max-width:70%}.chat-messages .right{align-self:flex-end}.chat-messages .left{align-self:flex-start}.chat-messages p{border-radius:18px;display:inline-block;margin:0;padding:10px 14px}.chat-messages .left p{background-color:#e4e6eb;color:#000}.chat-messages .right p{background-color:#007bff;color:#fff}.chat-messages small{color:#777;font-size:11px;margin-top:3px;text-align:right}.chat-input{align-items:center;border-top:1px solid #ddd;display:flex;padding:10px}.chat-input input{border:1px solid #ccc;border-radius:20px;flex:1 1;margin-right:10px;outline:none;padding:10px}.chat-input button{background-color:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 16px;transition:background .2s}.chat-input button:hover{background-color:#0056b3}.no-chat-selected{align-items:center;color:#888;display:flex;flex:1 1;font-size:16px;justify-content:center}@media (max-width:768px){.chat,.users-list{flex:1 1;width:100%}.hidden-mobile,.hidden-mobile-chat{display:none}.chat-header .back-btn{display:inline}.chat h4{flex-grow:1;text-align:center}}.call-buttons{display:flex;gap:8px;margin-left:auto}.call-buttons button{background:none;border:none;cursor:pointer;font-size:20px}.call-overlay{align-items:center;background:#141414e6;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.end-call{background:red;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.create-post-container{background:#fff;border-radius:18px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:15px;margin:0 auto 25px;max-width:650px;padding:20px 24px;transition:box-shadow .2s ease,transform .2s ease;width:100%}.create-post-container:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.create-post-container textarea{background:#f8f9fa;border:none;border-radius:12px;box-shadow:inset 0 1px 3px #0000000d;color:#333;font-size:15px;line-height:1.5;min-height:90px;outline:none;padding:14px 16px;resize:none;transition:background .2s ease,box-shadow .2s ease;width:95%}.create-post-container textarea:focus{background:#fff;box-shadow:0 0 0 2px #007bff30}.create-post-container input[type=file]{display:none}.file-label{align-items:center;background:#e9f2ff;border-radius:25px;color:#007bff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 14px;transition:background .2s ease,transform .2s ease;width:-webkit-fit-content;width:fit-content}.file-label:hover{background:#d3e6ff;transform:scale(1)}.create-post-container button[type=submit]{align-self:flex-end;background:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s ease,transform .1s ease}.create-post-container button[type=submit]:hover{background:#0056d2;transform:scale(1.05)}.create-post-container textarea::placeholder{color:#aaa}@media (max-width:600px){.create-post-container{border-radius:0;box-shadow:none;padding:16px}}.profile{background-color:#fafafa;border:1px solid #ddd;border-radius:10px;margin:20px auto;max-width:600px;padding:15px}.profile img{border-radius:50%;margin-bottom:10px}.profile .post{border:1px solid #ccc;border-radius:8px;margin-bottom:15px;padding:10px}.profile .post img{margin-top:10px;max-width:100%}.profile .actions button{margin-right:5px;margin-top:5px}.profile input[type=text]{margin-right:5px;padding:5px;width:70%}.profile button{padding:5px 10px}body{background:linear-gradient(120deg,#f6d365,#fda085);font-family:Arial,sans-serif;margin:0;padding:0}.navbar{background:#555;color:#fff;display:flex;gap:10px;padding:10px}.navbar button{background:none;border:none;color:#fff;cursor:pointer}.navbar .user-info{font-weight:700;margin-left:auto}.main-content{padding:20px}.post{background:#fff;border-radius:5px;margin:10px 0;padding:10px}.create-post input{margin-right:5px;padding:5px;width:80%}.create-post button{padding:5px 10px}.login-signup{background:#fff;border-radius:5px;margin:50px auto;max-width:400px;padding:20px}.login-signup input{margin:5px 0;padding:5px;width:100%}button{background-color:#555;border:none;border-radius:25px;color:#fff;cursor:pointer;transition:background .2s ease,transform .1s ease}button:hover{background-color:#0056d2;transform:scale(1.03)}button:disabled{background-color:#ccc;cursor:not-allowed}#root,body,html{height:100%;margin:0;padding:0}.App{background:linear-gradient(120deg,#f6d365,#fda085);color:#222;font-family:Inter,sans-serif;min-height:100vh}
/*# sourceMappingURL=main.42de1b86.css.map*/