.auth-main{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box;background-color:var(--bg-main);background-image:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 40%),radial-gradient(circle at bottom left,rgba(139,92,246,.05),transparent 40%)}.auth-main .form-container{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.auth-main .form-container .form-box{background-color:var(--bg-secondary);border:1px solid var(--border-light);padding:48px 40px;display:flex;flex-direction:column;align-items:center;border-radius:16px;box-shadow:var(--shadow-lg)}.auth-main .form-container .form-box .form-header{text-align:center;margin-bottom:32px}.auth-main .form-container .form-box .form-header h1{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.05em;color:var(--text-primary);margin:0 0 12px}.auth-main .form-container .form-box .form-header p{color:var(--text-secondary);font-size:.95rem;font-weight:400;line-height:1.4;margin:0}.auth-main .form-container .form-box form{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.auth-main .form-container .form-box form .input-group{width:100%}.auth-main .form-container .form-box form .input-group input{width:100%;background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);outline:none;padding:12px 16px;border-radius:8px;box-sizing:border-box;font-size:.95rem;transition:all .2s ease}.auth-main .form-container .form-box form .input-group input::placeholder{color:var(--text-secondary)}.auth-main .form-container .form-box form .input-group input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.auth-main .form-container .form-box form button{width:100%;margin-top:8px;padding:12px 16px}.auth-main .form-container .form-box form .error-message{color:var(--accent-red);font-size:.85rem;text-align:center;margin-top:8px;background:#ef44441a;padding:8px;border-radius:6px}.auth-main .form-container .form-box form .success-message{color:var(--accent-green);font-size:.85rem;text-align:center;margin-top:8px;background:#22c55e1a;padding:8px;border-radius:6px}.auth-main .form-container .form-box .form-actions{width:100%;text-align:center;margin-top:8px}.auth-main .form-container .form-box .form-actions .forgot-password{font-size:.85rem;color:var(--accent-blue);text-decoration:none;font-weight:500}.auth-main .form-container .form-box .form-actions .forgot-password:hover{color:var(--accent-blue-hover);text-decoration:underline}.auth-main .form-container .bottom-box{background-color:var(--bg-secondary);border:1px solid var(--border-light);padding:24px;text-align:center;border-radius:16px;box-shadow:var(--shadow-md)}.auth-main .form-container .bottom-box p{margin:0;font-size:.95rem;color:var(--text-secondary)}.auth-main .form-container .bottom-box p a{color:var(--accent-blue);font-weight:600;text-decoration:none;margin-left:4px}.auth-main .form-container .bottom-box p a:hover{color:var(--accent-blue-hover);text-decoration:underline}@media(max-width:480px){.auth-main .form-container .form-box,.auth-main .form-container .bottom-box{border:none;box-shadow:none;background-color:transparent}.auth-main .form-container .form-box{padding:24px 16px}}.feed-page{display:flex;justify-content:center;align-items:flex-start;padding-top:40px;padding-bottom:40px;box-sizing:border-box}.feed-page .feed{max-width:540px;width:100%;box-sizing:border-box}.feed-page .feed .posts{width:100%;display:flex;flex-direction:column;gap:32px}.feed-page .feed .posts .post{width:100%;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.feed-page .feed .posts .post:hover{box-shadow:var(--shadow-lg)}.feed-page .feed .posts .post .user{display:flex;gap:12px;align-items:center;padding:16px}.feed-page .feed .posts .post .user .img-wrapper{border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;background:var(--insta-gradient);flex-shrink:0}.feed-page .feed .posts .post .user .img-wrapper img{width:36px;height:36px;border-radius:50%;border:2px solid var(--bg-secondary);object-fit:cover}.feed-page .feed .posts .post .user .username-text{font-size:.95rem;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-page .feed .posts .post .user .follow-btn{font-size:.85rem;padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-light);border-radius:20px;cursor:pointer;font-weight:600;transition:all .2s ease}.feed-page .feed .posts .post .user .follow-btn.none{color:var(--accent-blue);border-color:#3b82f64d}.feed-page .feed .posts .post .user .follow-btn.pending,.feed-page .feed .posts .post .user .follow-btn.following{color:var(--text-secondary)}.feed-page .feed .posts .post .user .follow-btn:hover{background:#ffffff1a;transform:translateY(-1px)}.feed-page .feed .posts .post>img{width:100%;max-height:600px;object-fit:cover;background-color:var(--bg-main);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.feed-page .feed .posts .post .icons{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px}.feed-page .feed .posts .post .icons .left{display:flex;gap:20px;align-items:center}.feed-page .feed .posts .post .icons svg{width:24px;height:24px;color:var(--text-primary);cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),color .2s ease}.feed-page .feed .posts .post .icons svg:hover{color:var(--text-secondary);transform:scale(1.1)}.feed-page .feed .posts .post .icons svg:active{transform:scale(.9)}.feed-page .feed .posts .post .icons button{background-color:transparent;border:none;outline:none;display:flex;align-items:center;padding:0;cursor:pointer}.feed-page .feed .posts .post .likes-count{font-size:.95rem;font-weight:600;margin-bottom:8px;padding:0 16px}.feed-page .feed .posts .post .bottom{padding:0 16px 12px}.feed-page .feed .posts .post .bottom .caption{font-size:.95rem;color:var(--text-primary);line-height:1.5}.feed-page .feed .posts .post .bottom .caption .caption-username{font-weight:600;margin-right:8px}.feed-page .feed .posts .post .comments-section{padding:0 16px 16px}.feed-page .feed .posts .post .comments-section .view-comments-btn{background:none;border:none;color:var(--text-secondary);font-size:.9rem;padding:0;margin-bottom:12px;cursor:pointer}.feed-page .feed .posts .post .comments-section .view-comments-btn:hover{text-decoration:underline}.feed-page .feed .posts .post .comments-section .comments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.feed-page .feed .posts .post .comments-section .comments-list .no-comments{font-size:.9rem;color:var(--text-secondary)}.feed-page .feed .posts .post .comments-section .comments-list .comment{display:flex;gap:8px;font-size:.9rem;align-items:baseline}.feed-page .feed .posts .post .comments-section .comments-list .comment .comment-user{font-weight:600;color:var(--text-primary)}.feed-page .feed .posts .post .comments-section .comments-list .comment .comment-text{color:var(--text-primary);word-break:break-word;flex:1}.feed-page .feed .posts .post .comments-section .comments-list .comment .comment-delete{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px;border-radius:4px}.feed-page .feed .posts .post .comments-section .comments-list .comment .comment-delete:hover{color:var(--accent-red);background:#ef44441a}.feed-page .feed .posts .post .comments-section .comment-form{display:flex;gap:12px;align-items:center;background:var(--bg-main);padding:4px 16px;border-radius:24px;border:1px solid var(--border-light)}.feed-page .feed .posts .post .comments-section .comment-form input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;padding:10px 0;outline:none}.feed-page .feed .posts .post .comments-section .comment-form input::placeholder{color:var(--text-secondary)}.feed-page .feed .posts .post .comments-section .comment-form button.comment-submit{background:transparent;border:none;color:var(--accent-blue);font-size:.95rem;font-weight:600;cursor:pointer;transition:color .2s ease}.feed-page .feed .posts .post .comments-section .comment-form button.comment-submit:hover:not(:disabled){color:var(--accent-blue-hover)}.feed-page .feed .posts .post .comments-section .comment-form button.comment-submit:disabled{color:var(--text-secondary);cursor:not-allowed}@media(max-width:600px){.feed-page{padding-top:16px}.feed-page .feed{max-width:100%}.feed-page .feed .posts .post{border-radius:0;border-left:none;border-right:none;box-shadow:none}.feed-page .feed .posts .post:hover{box-shadow:none;transform:none}}.create-post-main{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;box-sizing:border-box}.create-post-main .post-form-container{width:100%;max-width:560px;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.create-post-main .post-form-container .form-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.create-post-main .post-form-container .form-header .back-button{background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.create-post-main .post-form-container .form-header .back-button:hover{background-color:#ffffff0d}.create-post-main .post-form-container .form-header h1{font-size:1.1rem;font-weight:600;margin:0;flex:1;text-align:center;color:var(--text-primary)}.create-post-main .post-form-container .form-header .submit-btn-top{background:none;border:none;color:var(--accent-blue);font-weight:600;font-size:.95rem;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.create-post-main .post-form-container .form-header .submit-btn-top:hover:not(:disabled){background-color:#3b82f61a;color:var(--accent-blue-hover)}.create-post-main .post-form-container .form-header .submit-btn-top:disabled{color:var(--text-secondary);cursor:not-allowed}.create-post-main .post-form-container .post-form{display:flex;flex-direction:column;width:100%}.create-post-main .post-form-container .post-form .upload-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:40px;gap:20px}.create-post-main .post-form-container .post-form .upload-section svg{width:72px;height:72px;color:var(--text-secondary)}.create-post-main .post-form-container .post-form .upload-section p{font-size:1.25rem;font-weight:500;color:var(--text-primary)}.create-post-main .post-form-container .post-form .upload-section .create-post-label{background-color:var(--accent-blue);color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f64d}.create-post-main .post-form-container .post-form .upload-section .create-post-label:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.create-post-main .post-form-container .post-form .image-preview-wrapper{width:100%;aspect-ratio:1/1;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-light)}.create-post-main .post-form-container .post-form .image-preview-wrapper .image-preview{width:100%;height:100%;object-fit:cover}.create-post-main .post-form-container .post-form .input-group{padding:20px}.create-post-main .post-form-container .post-form .input-group input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.create-post-main .post-form-container .post-form .input-group input::placeholder{color:var(--text-secondary)}.create-post-main .post-form-container .post-form .submit-button{display:none}.people-page{width:100%;max-width:600px;margin:0 auto;padding:40px 20px;box-sizing:border-box}.people-page .people-container{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-md);padding:24px}.people-page .people-container .header{margin-bottom:24px}.people-page .people-container .header h1{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary);text-align:center}.people-page .people-container .users-list{display:flex;flex-direction:column;gap:12px}.people-page .people-container .users-list .empty-state{color:var(--text-secondary);text-align:center;padding:40px 0;font-size:.95rem}.people-page .people-container .users-list .user-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background-color:var(--bg-main);border:1px solid var(--border-light);transition:transform .2s ease,box-shadow .2s ease}.people-page .people-container .users-list .user-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#ffffff1a}.people-page .people-container .users-list .user-row .user-info{display:flex;align-items:center;gap:12px}.people-page .people-container .users-list .user-row .user-info .avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--insta-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.people-page .people-container .users-list .user-row .user-info img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-secondary)}.people-page .people-container .users-list .user-row .user-info p{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0}.people-page .people-container .users-list .user-row .follow-btn{font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:20px;border:none;cursor:pointer;transition:all .2s ease}.people-page .people-container .users-list .user-row .follow-btn.none{background-color:var(--accent-blue);color:#fff;box-shadow:0 2px 4px #3b82f64d}.people-page .people-container .users-list .user-row .follow-btn.none:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.people-page .people-container .users-list .user-row .follow-btn.pending,.people-page .people-container .users-list .user-row .follow-btn.following{background-color:var(--bg-tertiary);color:var(--text-primary)}.people-page .people-container .users-list .user-row .follow-btn.pending:hover,.people-page .people-container .users-list .user-row .follow-btn.following:hover{background-color:#475569}.people-page .people-container .users-list .user-row .respond-btns{display:flex;gap:8px}.people-page .people-container .users-list .user-row .respond-btns button{font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.people-page .people-container .users-list .user-row .respond-btns button.accept{background-color:var(--accent-blue);color:#fff;box-shadow:0 2px 4px #3b82f64d}.people-page .people-container .users-list .user-row .respond-btns button.accept:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.people-page .people-container .users-list .user-row .respond-btns button.reject{background-color:transparent;color:var(--accent-red);border:1px solid rgba(239,68,68,.5)}.people-page .people-container .users-list .user-row .respond-btns button.reject:hover{background-color:#ef44441a}@media(max-width:600px){.people-page{padding:16px}.people-page .people-container{border:none;border-radius:0;background-color:transparent;box-shadow:none;padding:0}.people-page .people-container .user-row{background-color:var(--bg-secondary)}}.profile-page{display:flex;flex-direction:column;align-items:center;padding:40px 20px;width:100%;max-width:935px;margin:0 auto}.profile-page .profile-header{display:flex;width:100%;margin-bottom:44px;gap:32px}.profile-page .profile-header .profile-avatar-container{flex:1;display:flex;justify-content:center;align-items:flex-start}.profile-page .profile-header .profile-avatar-container img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid transparent;background-clip:padding-box;padding:3px;background:linear-gradient(#000,#000) padding-box,var(--insta-gradient) border-box}.profile-page .profile-header .profile-info{flex:2;display:flex;flex-direction:column}.profile-page .profile-header .profile-info .profile-top{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-page .profile-header .profile-info .profile-top .username{font-size:1.25rem;font-weight:400;color:var(--text-primary);margin:0}.profile-page .profile-header .profile-info .profile-top .edit-profile-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:6px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.profile-page .profile-header .profile-info .profile-top .edit-profile-btn:hover{background-color:var(--bg-tertiary);border-color:#475569}.profile-page .profile-header .profile-info .profile-stats{display:flex;gap:40px;margin-bottom:20px}.profile-page .profile-header .profile-info .profile-stats .stat{font-size:1rem;color:var(--text-primary)}.profile-page .profile-header .profile-info .profile-stats .stat .stat-count{font-weight:600;margin-right:4px}.profile-page .profile-header .profile-info .profile-bio{font-size:.95rem;line-height:1.5;color:var(--text-primary)}.profile-page .profile-header .profile-info .profile-bio .bio-name{font-weight:600;color:var(--text-secondary)}.profile-page .profile-stats-mobile{display:none;width:100%;border-top:1px solid var(--border-light);padding:12px 0;justify-content:space-around;margin-bottom:20px}.profile-page .profile-stats-mobile .stat{display:flex;flex-direction:column;align-items:center;font-size:.9rem;color:var(--text-secondary)}.profile-page .profile-stats-mobile .stat .stat-count{font-weight:600;color:var(--text-primary);font-size:1rem}.profile-page .profile-tabs{width:100%;border-top:1px solid var(--border-light);display:flex;justify-content:center;gap:60px;margin-bottom:20px}.profile-page .profile-tabs .tab{display:flex;align-items:center;gap:8px;padding:16px 0;font-size:.85rem;font-weight:600;color:var(--text-secondary);cursor:pointer;letter-spacing:1px;text-transform:uppercase;border-top:1px solid transparent;margin-top:-1px}.profile-page .profile-tabs .tab svg{width:12px;height:12px}.profile-page .profile-tabs .tab.active{color:var(--text-primary);border-top-color:var(--text-primary)}.profile-page .profile-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profile-page .profile-grid .grid-item{position:relative;aspect-ratio:1/1;background-color:var(--bg-secondary);cursor:pointer;overflow:hidden;border-radius:8px;box-shadow:var(--shadow-sm)}.profile-page .profile-grid .grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-page .profile-grid .grid-item .grid-item-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease}.profile-page .profile-grid .grid-item .grid-item-overlay .overlay-stat{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:1.1rem}.profile-page .profile-grid .grid-item .grid-item-overlay .overlay-stat svg{width:20px;height:20px;fill:#fff}.profile-page .profile-grid .grid-item:hover img{transform:scale(1.05)}.profile-page .profile-grid .grid-item:hover .grid-item-overlay{opacity:1}.profile-page .edit-profile-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0f172acc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.profile-page .edit-profile-modal .modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;width:90%;max-width:400px;box-shadow:var(--shadow-lg);overflow:hidden}.profile-page .edit-profile-modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light)}.profile-page .edit-profile-modal .modal-content .modal-header h2{font-size:1.1rem;margin:0;color:var(--text-primary)}.profile-page .edit-profile-modal .modal-content .modal-header button{background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:4px;border-radius:50%}.profile-page .edit-profile-modal .modal-content .modal-header button:hover{background-color:#ffffff0d}.profile-page .edit-profile-modal .modal-content .modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px}.profile-page .edit-profile-modal .modal-content .modal-body .current-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}.profile-page .edit-profile-modal .modal-content .modal-body .file-label{color:var(--accent-blue);font-weight:600;cursor:pointer;font-size:.95rem}.profile-page .edit-profile-modal .modal-content .modal-body .file-label:hover{color:var(--accent-blue-hover);text-decoration:underline}.profile-page .edit-profile-modal .modal-content .modal-body .save-btn{width:100%;margin-top:12px}.profile-page .post-view-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.profile-page .post-view-modal .post-modal-content{width:100%;max-width:500px;max-height:90vh;background-color:var(--bg-secondary);position:relative;border-radius:12px;overflow-y:auto;box-shadow:0 0 30px #00000080}.profile-page .post-view-modal .post-modal-content .close-modal{position:absolute;top:10px;right:15px;background:#0006;border:none;color:#fff;font-size:1.5rem;cursor:pointer;z-index:100;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-page .post-view-modal .post-modal-content .close-modal:hover{background:#000000b3}.profile-page .post-view-modal .post-modal-content .post{border:none;box-shadow:none;border-radius:0}@media(max-width:768px){.profile-page{padding:16px}.profile-page .profile-header{gap:16px;margin-bottom:24px}.profile-page .profile-header .profile-avatar-container{flex:none;margin-right:12px}.profile-page .profile-header .profile-avatar-container img{width:80px;height:80px}.profile-page .profile-header .profile-info .profile-top{flex-direction:column;align-items:flex-start;gap:12px}.profile-page .profile-header .profile-info .profile-stats{display:none}.profile-page .profile-stats-mobile{display:flex}.profile-page .profile-grid{gap:2px}.profile-page .profile-grid .grid-item{border-radius:0}.profile-page .post-view-modal{padding:0}.profile-page .post-view-modal .post-modal-content{max-height:100vh;border-radius:0}}.app-layout{display:flex;min-height:100vh;background-color:var(--bg-main)}.main-content{flex-grow:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;padding-bottom:0}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;border-right:1px solid var(--border-light);background-color:var(--bg-secondary);display:flex;flex-direction:column;padding:12px 16px 20px;z-index:100}.sidebar-logo{height:80px;padding:20px 12px;margin-bottom:12px;cursor:pointer;display:flex;align-items:center}.sidebar-logo .logo-text{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}.sidebar-logo .logo-text span{color:var(--accent-blue)}.sidebar-logo .logo-icon{display:none}.sidebar-logo .logo-icon svg{width:28px;height:28px;color:var(--accent-blue)}.sidebar-nav{flex-grow:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;color:var(--text-secondary)}.nav-item:hover{background-color:#ffffff0d;color:var(--text-primary)}.nav-item.active{background-color:#3b82f61a;color:var(--accent-blue);font-weight:600}.nav-item .nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:16px;transition:transform .2s ease}.nav-item .nav-icon svg{width:100%;height:100%}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item .nav-label{font-size:1rem;line-height:24px}.sidebar-profile-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid transparent;transition:border-color .2s ease}.sidebar-profile-img.active{border-color:var(--accent-blue)}.sidebar-bottom{margin-top:auto}.sidebar-bottom .nav-item{color:var(--accent-red)}.sidebar-bottom .nav-item:hover{background-color:#ef44441a}@media(max-width:1200px){.sidebar{width:var(--sidebar-width-narrow);align-items:center;padding:12px 8px 20px}.main-content{margin-left:var(--sidebar-width-narrow)}.sidebar-logo{padding:20px 0 16px;justify-content:center}.sidebar-logo .logo-text{display:none}.sidebar-logo .logo-icon{display:block}.nav-item{width:48px;height:48px;justify-content:center;padding:0}.nav-item .nav-icon{margin-right:0}.nav-item .nav-label{display:none}}@media(max-width:768px){.sidebar{width:100%;height:var(--bottom-nav-height);flex-direction:row;top:auto;bottom:0;border-right:none;border-top:1px solid var(--border-light);padding:0;justify-content:space-around;align-items:center;z-index:1000;background-color:#1e293be6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.main-content{margin-left:0;padding-bottom:var(--bottom-nav-height)}.sidebar-logo,.sidebar-bottom{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;width:100%;height:100%;align-items:center;gap:0}.nav-item{margin-bottom:0;width:auto;height:100%;flex-grow:1;border-radius:0}.nav-item.active{background-color:transparent;border-top:2px solid var(--accent-blue)}.nav-item:hover{background-color:transparent}}.button{border:none;outline:none;padding-inline:1.2rem;padding-block:.65rem;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.button.primary-button{background-color:var(--accent-blue);color:#fff}.button.primary-button:hover:not(:disabled){background-color:var(--accent-blue-hover)}.button.primary-button:active:not(:disabled){transform:scale(.96)}.button.primary-button:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.button.secondary-button{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.button.secondary-button:hover{background-color:var(--bg-tertiary);border-color:#475569}.button.logout-button{background-color:transparent;color:var(--accent-red);border:1px solid transparent}.button.logout-button:hover{background-color:#ef44441a;border-color:#ef444433}:root{--bg-main: #000000;--bg-secondary: #000000;--bg-tertiary: #121212;--text-primary: #fafafa;--text-secondary: #a8a8a8;--border-color: #262626;--border-light: #262626;--accent-blue: #0095f6;--accent-blue-hover: #1877f2;--accent-red: #ed4956;--accent-green: #22c55e;--insta-gradient: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--sidebar-width: 260px;--sidebar-width-narrow: 80px;--bottom-nav-height: 60px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-blue);cursor:pointer;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-blue-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}