:root{--primary-bg: #060816;--secondary-bg: #0b1020;--tertiary-bg: #0f1627;--card-bg: rgba(255, 255, 255, .03);--card-bg-hover: rgba(255, 255, 255, .05);--card-bg-active: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .05);--border-color-light: rgba(255, 255, 255, .03);--text-primary: #ffffff;--text-secondary: #b4bcc8;--text-muted: #8b93a7;--accent: #5b8cff;--accent-hover: #7a5cff;--accent-gradient: linear-gradient(135deg, #5b8cff, #7a5cff);--like-color: #ff4757;--success: #2ed573;--warning: #ffa502;--notification-red: #ff4757;--card-shadow: 0 8px 24px rgba(0, 0, 0, .12);--card-shadow-hover: 0 12px 32px rgba(0, 0, 0, .16);--danger: #ff4757;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:var(--primary-bg);margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100%;height:100%;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:rgba(91,140,255,.3) transparent}.app{display:flex;flex-direction:column;width:100%;height:100vh;background:var(--primary-bg);overflow:hidden;position:relative}.app:before{content:"";position:absolute;top:-50%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(91,140,255,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:90px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:0;position:relative;z-index:1}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:rgba(91,140,255,.2);border-radius:3px}.content::-webkit-scrollbar-thumb:hover{background:rgba(91,140,255,.4)}.content{scrollbar-width:thin;-ms-overflow-style:none}@media (min-width: 1200px){.app{display:grid;grid-template-columns:80px 1fr 320px;grid-template-rows:1fr;gap:0;padding:0;height:100vh;overflow:hidden}.sidebar-left{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;background:rgba(11,16,32,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-color);height:100vh;overflow:visible!important;padding:0;box-sizing:border-box;z-index:100;width:80px;transition:width .3s cubic-bezier(.4,0,.2,1);scrollbar-width:none;-ms-overflow-style:none}.sidebar-left:hover{width:240px;overflow:visible!important}.sidebar-left::-webkit-scrollbar{display:none}.sidebar-left::-webkit-scrollbar-track{display:none}.sidebar-left::-webkit-scrollbar-thumb{display:none}.sidebar-left::-webkit-scrollbar-thumb:hover{display:none}.content{grid-column:2;grid-row:1;display:flex;flex-direction:column;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;padding:0!important;margin:0!important;box-sizing:border-box;scroll-behavior:smooth;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.content::-webkit-scrollbar{display:none}.sidebar-right{grid-column:3;grid-row:1;display:flex!important;flex-direction:column;background:rgba(11,16,32,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);height:100vh;overflow-y:auto;padding:var(--spacing-lg);box-sizing:border-box;gap:var(--spacing-md);z-index:100}.sidebar-right::-webkit-scrollbar{width:6px}.sidebar-right::-webkit-scrollbar-track{background:transparent}.sidebar-right::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-right::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}}@media (max-width: 1199px){.sidebar-left,.sidebar-right{display:none!important}}.sidebar-left,.sidebar-right{display:none}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-lg);background:rgba(6,8,22,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;height:56px}.top-nav__title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.nav-icons{display:flex;gap:var(--spacing-md);align-items:center}.icon-btn{background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:var(--transition)}.icon-btn:hover{color:var(--accent);background:var(--card-bg-hover);transform:translateY(-1px)}.icon-btn:active{transform:scale(.95)}.notif-btn{position:relative}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:2px solid var(--primary-bg);animation:pulse-dot 2s infinite;box-shadow:0 0 8px #5b8cff99}@keyframes pulse-dot{0%,to{box-shadow:0 0 8px #5b8cff99,inset 0 0 4px #5b8cff4d;transform:scale(1)}50%{box-shadow:0 0 12px #5b8cffcc,inset 0 0 6px #5b8cff80;transform:scale(1.15)}}.notification-badge{position:absolute;width:20px;height:20px;background:var(--notification-red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;top:-6px;right:-6px;box-shadow:0 2px 8px #ff47574d}.feed{padding:var(--spacing-md);width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md);box-sizing:border-box}.post-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--card-shadow);margin-bottom:2px}.post-card:hover{border-color:#ffffff1a;background:var(--card-bg-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.post-card:active{transform:scale(.98)}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);gap:var(--spacing-lg)}.post-user{display:flex;gap:var(--spacing-md);flex:1;align-items:flex-start}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#06b6d4);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px var(--card-shadow);overflow:hidden;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:4px;min-width:0}.user-name{font-weight:600;font-size:14px;color:var(--text-primary);display:flex;align-items:center;gap:6px;line-height:1.2;word-break:break-word}.timestamp{font-size:11px;color:var(--text-muted);line-height:1.2}.post-menu{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary);transition:color .2s;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.post-menu:hover{color:var(--text-primary);background:var(--card-bg-hover)}.connect-btn{background:transparent;border:1px solid rgba(91,140,255,.4);color:var(--accent-light);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.connect-btn:hover{border-color:#5b8cffcc;background:rgba(91,140,255,.05)}.post-tag{display:inline-block;background:rgba(91,140,255,.15);color:var(--accent-light);padding:3px 10px;border-radius:16px;font-size:11px;font-weight:500;margin-bottom:var(--spacing-md)}.post-content{color:#d1d5db;font-size:14px;line-height:1.6;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md);word-wrap:break-word;white-space:pre-wrap}.post-details{background:rgba(91,140,255,.05);border-left:3px solid var(--accent);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:13px;color:var(--text-secondary)}.post-actions{display:flex;justify-content:space-around;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);gap:var(--spacing-lg);margin-top:var(--spacing-md)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-sm);font-size:12px;transition:var(--transition);font-weight:500}.action-btn svg{width:18px;height:18px;display:block;color:inherit}.action-btn:hover{color:var(--text-primary);background:var(--card-bg-hover);transform:translateY(-1px)}.action-btn.liked{color:var(--like-color)}.action-btn.liked svg{animation:pop .4s cubic-bezier(.68,-.55,.265,1.55);fill:var(--like-color)}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(11,15,26,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:8px 0 16px;display:flex;justify-content:space-around;align-items:flex-end;z-index:20;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 12px var(--card-shadow)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition);position:relative}.nav-item.active{color:var(--accent)}.nav-item:hover{color:var(--accent-light);transform:translateY(-2px)}.nav-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%;display:block;color:inherit}@media (min-width: 1200px){.bottom-nav{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;z-index:auto!important;flex-direction:column!important;gap:var(--spacing-md)!important;padding:var(--spacing-xl) var(--spacing-md)!important;width:100%!important;height:auto!important;border-radius:0!important;box-shadow:none!important;display:flex!important}.nav-item{width:100%!important;justify-content:flex-start!important;flex-direction:row!important;padding:var(--spacing-md) var(--spacing-lg)!important;gap:var(--spacing-md)!important;border-radius:var(--radius-md)!important;background:var(--card-bg)!important;transition:var(--transition)!important}.nav-item:hover{background:rgba(91,140,255,.1)!important;transform:none!important}.nav-item.active{background:rgba(91,140,255,.15)!important;color:var(--accent)!important}.nav-icon{font-size:20px!important;width:20px!important;height:20px!important;flex-shrink:0!important}.nav-item span{font-size:14px!important;color:inherit!important;white-space:nowrap!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:flex-end;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--secondary-bg);width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-2xl);max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 -4px 20px var(--card-shadow)}@media (min-width: 1200px){.modal-content{width:500px;max-height:80vh;border-radius:var(--radius-lg);margin:auto}.modal-overlay{align-items:center;justify-content:center}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;transition:color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.close-btn:hover{color:var(--text-primary);background:var(--card-bg-hover)}.form-group{margin-bottom:var(--spacing-lg)}.label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.textarea,.input{width:100%;background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-lg);font-family:inherit;font-size:14px;transition:var(--transition);resize:vertical}.textarea::placeholder,.input::placeholder{color:var(--text-muted)}.textarea:focus,.input:focus{outline:none;border-color:var(--accent);background:rgba(91,140,255,.03);box-shadow:0 0 12px #5b8cff33}.textarea{min-height:100px}.tag-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.tag-option{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;font-size:13px;transition:var(--transition);color:var(--text-secondary);font-weight:500}.tag-option:hover{border-color:var(--accent);color:var(--accent);background:rgba(91,140,255,.03)}.tag-option.selected{background:rgba(91,140,255,.15);border-color:var(--accent);color:var(--accent-light)}.post-btn{width:100%;background:var(--accent-gradient);border:none;color:#fff;padding:var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);font-size:14px;margin-top:var(--spacing-md);box-shadow:0 4px 12px #5b8cff4d}.post-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5b8cff66}.post-btn:active:not(:disabled){transform:scale(.98)}.post-btn:disabled{opacity:.5;cursor:not-allowed}.chat-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);gap:var(--spacing-md);flex-shrink:0}.chat-header-title{font-size:14px;font-weight:600;color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.message{display:flex;gap:var(--spacing-md);align-items:flex-end;margin-bottom:var(--spacing-sm);animation:slideInMessage .3s ease}@keyframes slideInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.outgoing{flex-direction:row-reverse}.message-bubble{max-width:70%;padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:13px;line-height:1.5;word-wrap:break-word;word-break:break-word;animation:popIn .2s cubic-bezier(.68,-.55,.265,1.55)}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.message.incoming .message-bubble{background:rgba(255,255,255,.06);color:var(--text-primary);border:1px solid var(--border-color)}.message.outgoing .message-bubble{background:var(--accent-gradient);color:#fff;border:none;box-shadow:0 4px 12px #5b8cff4d}.message-time{font-size:10px;color:var(--text-muted);margin:0 var(--spacing-sm);white-space:nowrap}.chat-input-container{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color);flex-shrink:0;align-items:flex-end}.chat-input-wrapper{flex:1;display:flex;gap:var(--spacing-md);align-items:center;background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.chat-input-wrapper:focus-within{border-color:var(--accent);background:rgba(91,140,255,.03);box-shadow:0 0 12px #5b8cff1a}.chat-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:13px;outline:none;font-family:inherit;resize:none;max-height:100px}.chat-input::placeholder{color:var(--text-muted)}.send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:var(--transition);flex-shrink:0;font-size:16px;box-shadow:0 2px 8px #5b8cff4d}.send-btn:hover{background:var(--accent-hover);transform:scale(1.05);box-shadow:0 4px 12px #5b8cff66}.send-btn:active{transform:scale(.95)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--card-bg) 25%,var(--card-bg-hover) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:loading 2s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(91,140,255,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(91,140,255,.4)}.sathi-container{display:flex;flex-direction:column;height:100%;width:100%;background:var(--primary-bg)}.sathi-header{padding:var(--spacing-2xl);text-align:center;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,rgba(91,140,255,.1) 0%,transparent 100%)}.sathi-title{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.sathi-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.input-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.input-form input{flex:1;background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-lg);font-family:inherit;font-size:13px;transition:var(--transition)}.input-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #5b8cff33}.input-form input::placeholder{color:var(--text-muted)}.input-form button{background:var(--accent-gradient);border:none;color:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);font-size:13px;box-shadow:0 4px 12px #5b8cff4d;white-space:nowrap}.input-form button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5b8cff66}.input-form button:active{transform:scale(.97)}.reminders-section{padding:var(--spacing-lg) var(--spacing-2xl);overflow-y:auto;flex:1}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.reminder-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transition:var(--transition)}.reminder-item:hover{border-color:#ffffff1a;background:var(--card-bg-hover)}.reminder-item button{background:none;border:none;color:var(--like-color);cursor:pointer;font-size:18px;transition:var(--transition);padding:4px}.reminder-item button:hover{transform:scale(1.2)}.profile-container{display:flex;flex-direction:column;width:100%;background:var(--primary-bg)}.profile-header{padding:var(--spacing-2xl);background:linear-gradient(135deg,rgba(91,140,255,.1) 0%,transparent 100%);border-bottom:1px solid var(--border-color);text-align:center}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto var(--spacing-lg);box-shadow:0 8px 24px #5b8cff4d;border:2px solid var(--border-color)}.profile-name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.profile-info{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.profile-stat-value{font-size:18px;font-weight:700;color:var(--accent)}.profile-stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase}.profile-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.profile-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);transition:var(--transition)}.profile-section:hover{border-color:#ffffff1a;background:var(--card-bg-hover)}.profile-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.profile-field{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.profile-field label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.profile-field input,.profile-field select,.profile-field textarea{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-lg);font-family:inherit;font-size:14px;transition:var(--transition)}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 12px #5b8cff33}.profile-buttons{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.profile-btn{flex:1;padding:var(--spacing-lg);border-radius:var(--radius-md);border:none;font-weight:600;cursor:pointer;transition:var(--transition);font-size:14px}.profile-btn.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #5b8cff4d}.profile-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5b8cff66}.profile-btn.secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary)}.profile-btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.profile-btn.danger{background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);color:var(--like-color)}.profile-btn.danger:hover{border-color:var(--like-color);background:rgba(255,71,87,.2)}.modal-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-item{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition)}.list-item:hover{border-color:#ffffff1a;background:var(--card-bg-hover)}.list-item-title{font-weight:600;color:var(--text-primary)}.list-item-subtitle{font-size:12px;color:var(--text-secondary);margin-top:4px}.list-item-actions{display:flex;gap:var(--spacing-md)}.list-btn{padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px;transition:var(--transition)}.list-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(91,140,255,.05)}.list-btn.accept{border-color:var(--success);color:var(--success)}.list-btn.accept:hover{background:rgba(46,213,115,.1)}.list-btn.reject{border-color:var(--like-color);color:var(--like-color)}.list-btn.reject:hover{background:rgba(255,71,87,.1)}.page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:rgba(6,8,22,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:40}.page-header-title{font-size:20px;font-weight:700;color:var(--text-primary)}.page-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.header-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition);font-size:18px;display:flex;align-items:center;justify-content:center}.header-btn:hover{color:var(--accent);background:var(--card-bg-hover)}.icon-btn{font-size:24px!important;width:44px!important;height:44px!important}.icon-btn svg{width:24px!important;height:24px!important}.nav-icon{width:24px!important;height:24px!important;font-size:24px!important}.nav-icon svg{width:24px!important;height:24px!important}.sidebar-right-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media (min-width: 1200px){.sidebar-left{width:80px!important;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar-left:hover{width:240px!important}.bottom-nav.desktop-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);height:100vh;position:relative;overflow:visible}.bottom-nav.desktop-sidebar .nav-logo{flex-shrink:0;margin-bottom:var(--spacing-md)}.bottom-nav.desktop-sidebar .nav-spacer{flex-shrink:0;display:none}.bottom-nav.desktop-sidebar .nav-item{flex-shrink:0}.bottom-nav.desktop-sidebar .nav-spacer-bottom{flex-grow:1;display:block}.nav-logo{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--radius-md);background:var(--card-bg);margin-bottom:var(--spacing-lg);white-space:nowrap;width:100%;justify-content:flex-start}.nav-logo-icon{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);object-fit:contain}.nav-logo-text{color:var(--accent);font-weight:700;font-size:16px;display:none;opacity:0;transition:opacity .2s ease}.sidebar-left:hover .nav-logo-text{display:inline;opacity:1}.nav-spacer{height:var(--spacing-md)}.nav-spacer-bottom{display:none}.nav-item-sumit{color:var(--accent)!important;border-top:1px solid rgba(91,140,255,.1)!important;border-bottom:1px solid rgba(91,140,255,.1)!important;margin-top:var(--spacing-md)!important;position:relative!important;z-index:500!important;pointer-events:auto!important}.nav-item-sumit:hover{color:var(--accent)!important;background:rgba(91,140,255,.15)!important;transform:none!important}.nav-item-sumit svg{color:var(--accent)!important}.nav-item-sumit:hover svg{color:var(--accent)!important}.nav-item{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-sm)!important;border-radius:var(--radius-md)!important;background:var(--card-bg)!important;border:none!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:100%!important;justify-content:flex-start!important;font-size:14px!important;font-weight:500!important;position:relative!important;white-space:nowrap!important;flex-shrink:0!important}.nav-item:hover{color:var(--accent)!important;background:rgba(91,140,255,.1)!important;transform:translate(4px)!important}.nav-item.active{color:var(--accent)!important;background:rgba(91,140,255,.15)!important}.nav-item span{display:none;opacity:0;transition:opacity .2s ease;font-size:13px}.sidebar-left:hover .nav-item span{display:inline;opacity:1}.nav-icon{width:24px!important;height:24px!important;font-size:24px!important;flex-shrink:0!important}.nav-icon svg{width:24px!important;height:24px!important}.nav-item-notifications{position:relative}.notif-dot{animation:pulse-dot 2s infinite}.nav-item-logout{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0!important;color:#ff6b6b!important;border:none!important;padding:var(--spacing-md) var(--spacing-sm)!important;flex-shrink:0!important}.nav-item-logout:hover{color:#ff5252!important;background:rgba(255,107,107,.1)!important;transform:none!important}.nav-item-logout svg{color:#ff6b6b!important}.nav-item-logout:hover svg{color:#ff5252!important}.more-menu-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-sm);box-shadow:0 -8px 24px var(--card-shadow);display:flex!important;flex-direction:column;animation:slideUp .2s ease-out;z-index:2000!important;min-width:160px;width:max-content;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.more-menu-item{display:flex!important;align-items:center!important;gap:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-sm)!important;border:none!important;background:transparent!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;width:100%!important;justify-content:flex-start!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.more-menu-item:last-child{border-bottom:none!important}.more-menu-item:hover{color:var(--accent)!important;background:rgba(91,140,255,.1)!important;transform:translate(4px)!important}.more-menu-item svg{width:20px!important;height:20px!important;flex-shrink:0!important}.sidebar-left:hover .more-menu-item{padding-left:var(--spacing-md)!important}.message-page{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-primary)}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;min-height:0}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);text-align:center}.messages-list{display:flex;flex-direction:column;gap:8px;padding:12px}.message{display:flex;flex-direction:column;margin-bottom:4px;animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-items:flex-end}.message.received{align-items:flex-start}.message-bubble{max-width:85%;padding:10px 12px;border-radius:16px;word-wrap:break-word;line-height:1.4;font-size:14px}.message.sent .message-bubble{background:var(--primary-color, #4ecdc4);color:#fff;border-bottom-right-radius:4px}.message.received .message-bubble{background:var(--card-bg);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border-color)}.message-time{font-size:11px;color:var(--text-secondary);margin-top:4px;padding:0 12px}.message-input-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border-color);background:var(--card-bg);align-items:center}.message-input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.message-input:focus{border-color:var(--primary-color, #4ecdc4)}.message-input::placeholder{color:var(--text-secondary)}.send-button{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary-color, #4ecdc4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.send-button:hover:not(:disabled){background:var(--primary-hover, #3fb5ad);transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:20px;height:20px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.messages-container{scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.auth-box{background:white;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:32px;margin:0 0 10px;color:#333}.auth-header p{font-size:14px;color:#666;margin:0}.error-banner{display:flex;align-items:center;gap:10px;background:#fee;color:#c33;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.error-banner svg{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.input-wrapper{display:flex;align-items:center;gap:12px;border:2px solid #e0e0e0;border-radius:8px;padding:0 12px;transition:all .3s ease}.input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-wrapper svg{color:#667eea;flex-shrink:0}.input-wrapper input{flex:1;border:none;outline:none;padding:12px 0;font-size:14px;background:transparent}.input-wrapper input::placeholder{color:#999}.submit-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:#666}.auth-footer p{margin:0}.link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;padding:0;font-size:14px}.link-btn:hover{text-decoration:underline}@media (max-width: 480px){.auth-box{padding:30px 20px}.auth-header h1{font-size:28px}}}