:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#818cf8;--color-secondary:#f59e0b;--color-secondary-hover:#d97706;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-hover:#f8fafc;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-divider:#e2e8f0;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-card:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--color-bg-secondary);color:#0f172a;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);height:100vh!important;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-family-mono)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--color-primary);outline-offset:2px}button{background:none;border:none;cursor:pointer;padding:0}button,input,textarea{font-family:inherit}a{color:#6366f1;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#4f46e5;color:var(--color-primary-hover)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.register-right{max-width:420px}.login-form{text-align:center;width:100%}.login-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.login-subtitle{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-2xl)}.login-input-group{margin-bottom:var(--spacing-lg);text-align:left}.login-label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.login-label.error{color:var(--color-error)}.login-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.login-input::placeholder{color:var(--color-text-muted)}.login-input.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.login-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-register-link{color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--spacing-lg)}.login-link{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.login-link:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width:640px){.register-right{border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-lg)}.login-title{font-size:1.75rem}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-primary);background-color:#fffffff2;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);justify-content:space-between;min-height:64px;padding:var(--spacing-md) var(--spacing-xl);position:sticky;top:0;z-index:var(--z-sticky)}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{flex:1 1;gap:var(--spacing-lg)}.navbar-right{align-items:center;display:flex;gap:var(--spacing-md)}.navbar-logo{cursor:pointer;height:32px;transition:transform var(--transition-fast);width:auto}.navbar-logo:hover{transform:scale(1.05)}.navbar-search-form{flex:1 1;margin-left:var(--spacing-md);max-width:400px}.users-search{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.9375rem;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.users-search::placeholder{color:var(--color-text-muted)}.users-search:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.navbar a{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9375rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-fast)}.navbar a.active{background-color:#6366f11a;color:var(--color-primary)}.navbar a.active:after{background-color:var(--color-primary);border-radius:var(--radius-full);bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}.navbar a:hover:not(.active){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.hamburger-menu{align-items:center;display:flex;height:32px;justify-content:center;position:relative;width:32px}.hamburger-menu input[type=checkbox]{display:none}.hamburger-menu .menu__btn{cursor:pointer;display:flex;flex-direction:column;gap:5px;height:24px;justify-content:center;padding:var(--spacing-xs);width:24px}.hamburger-menu .menu__btn span{background-color:var(--color-text-primary);border-radius:var(--radius-full);height:2px;transition:all var(--transition-base);width:100%}.hamburger-menu input[type=checkbox]:checked~.menu__btn span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-menu input[type=checkbox]:checked~.menu__btn span:nth-child(2){opacity:0}.hamburger-menu input[type=checkbox]:checked~.menu__btn span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hamburger-menu .menu__box{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:none;list-style:none;margin:0;min-width:200px;padding:var(--spacing-sm);position:absolute;right:0;top:calc(100% + var(--spacing-sm))}.hamburger-menu input[type=checkbox]:checked~.menu__box{animation:slideDown var(--transition-base);display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu__item{border-radius:var(--radius-md);color:var(--color-text-primary);display:block;font-size:.9375rem;font-weight:500;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.menu__item:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.menu__item:last-child{margin-bottom:0}.notification-bell{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color var(--transition-fast);width:40px}.notification-bell:hover{background-color:var(--color-bg-hover)}.notification-bell img{height:24px;object-fit:contain;width:24px}.unread-count{align-items:center;background-color:var(--color-error);border:2px solid var(--color-bg-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:4px;top:4px}.notification-dropdown{animation:slideDown var(--transition-base);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:400px;max-width:calc(100vw - var(--spacing-xl));overflow-y:auto;position:absolute;right:0;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin;top:calc(100% + var(--spacing-sm));width:380px;z-index:var(--z-dropdown)}.notification-dropdown::-webkit-scrollbar{width:6px}.notification-dropdown::-webkit-scrollbar-track{background:#0000}.notification-dropdown::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.notification-dropdown ul{list-style-type:none;margin:0;padding:var(--spacing-sm)}.notification-dropdown li{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;flex-direction:row;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);padding:var(--spacing-md);transition:background-color var(--transition-fast)}.notification-dropdown li:last-child{border-bottom:none;margin-bottom:0}.notification-dropdown li:hover{background-color:var(--color-bg-hover)}.notification-dropdown li.unread{background-color:#6366f10d;border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-md) - 3px)}.notification-message{color:var(--color-text-secondary);font-size:.875rem;font-weight:400;line-height:1.5;width:100%}.notification-buttons{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.notification-buttons button{background-color:var(--color-success);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);white-space:nowrap}.notification-buttons button:hover{box-shadow:var(--shadow-sm);opacity:.9;transform:translateY(-1px)}.notification-buttons button.reject{background-color:var(--color-error)}.notification-buttons button.edit{background-color:var(--color-info)}.notification-empty{color:var(--color-text-muted);font-size:.875rem;padding:var(--spacing-xl);text-align:center}@media (max-width:968px){.navbar{padding:var(--spacing-md)}.navbar-search-form{max-width:300px}.navbar a,.users-search{font-size:.875rem}.navbar a{padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:640px){.navbar{flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md)}.navbar,.navbar-left{gap:var(--spacing-sm)}.navbar-left{flex:1 1 100%;order:1}.navbar-right{gap:var(--spacing-sm);order:2}.navbar-search-form{flex:1 1;margin-left:0;max-width:none;order:3;width:100%}.navbar a{display:none}.notification-dropdown{right:var(--spacing-md);width:calc(100vw - var(--spacing-xl))}}.popup{align-items:center;animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;top:0;width:100%;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{animation:slideUp var(--transition-base);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:var(--spacing-xl);position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-fast);width:32px}.close-button:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.form-group{margin-bottom:var(--spacing-lg)}label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}input[type=text],textarea{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;padding:var(--spacing-md);transition:all var(--transition-base);width:100%}textarea{min-height:120px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.save-button{background:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base);width:100%}.save-button:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.error-popup{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-modal)}.error-content{animation:slideUp var(--transition-base);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}.close-error{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:32px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-fast);width:32px}.close-error:hover{background-color:var(--color-bg-hover);color:var(--color-error)}.error-content p{color:var(--color-text-primary);font-size:1rem;margin:0}@media (max-width:640px){.popup{padding:var(--spacing-md)}.popup-content{border-radius:var(--radius-lg);padding:var(--spacing-lg)}.error-content{max-width:calc(100vw - var(--spacing-xl));padding:var(--spacing-lg)}}.post-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:all var(--transition-base)}.post-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.post-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;padding-bottom:var(--spacing-md)}.post-header,.post-user-id{align-items:center;display:flex}.post-user-id{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;gap:var(--spacing-sm)}.post-user-id:before{background-color:var(--color-primary);border-radius:var(--radius-full);content:"";display:inline-block;height:8px;width:8px}.post-timestamp{color:var(--color-text-tertiary);font-size:.8125rem;font-weight:400}.post-image{background-color:var(--color-bg-tertiary);margin:var(--spacing-md) 0;overflow:hidden}.post-image,.post-image img{border-radius:var(--radius-lg)}.post-image img{display:block;height:auto;max-height:500px;object-fit:cover;width:100%}.post-description{word-wrap:break-word;color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:var(--spacing-md) 0 0 0}.post-footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;font-size:.875rem;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.post-status{border-radius:var(--radius-md);font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.post-status.active{background-color:#10b9811a;color:var(--color-success)}.post-status.pending{background-color:#f59e0b1a;color:var(--color-warning)}.post-status.inactive{background-color:#ef44441a;color:var(--color-error)}.post-type{color:var(--color-text-tertiary);font-size:.8125rem;font-style:italic}@media (max-width:640px){.post-card{border-radius:var(--radius-lg);padding:var(--spacing-md)}.post-image img{max-height:300px}.post-description{font-size:.875rem}}.home-page{background-color:var(--color-bg-secondary);display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.home-layout{grid-gap:var(--spacing-lg);display:grid;flex-grow:1;gap:var(--spacing-lg);grid-template-columns:280px 1fr 280px;margin:0 auto;max-width:1400px;padding:var(--spacing-lg) var(--spacing-xl);width:100%}.left-side,.right-side{height:fit-content;max-height:calc(100vh - 80px);overflow-y:auto;padding:0;position:sticky;scrollbar-color:var(--color-border) #0000;scrollbar-width:thin;top:calc(64px + var(--spacing-lg))}.left-side::-webkit-scrollbar,.right-side::-webkit-scrollbar{width:6px}.left-side::-webkit-scrollbar-track,.right-side::-webkit-scrollbar-track{background:#0000}.left-side::-webkit-scrollbar-thumb,.right-side::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.main-content{margin:0 auto;max-width:680px;padding:0;width:100%}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.post-card{margin-bottom:var(--spacing-lg);width:100%}.sponsored{margin-bottom:var(--spacing-xl)}.sponsored h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;padding:0 var(--spacing-md)}.sponsored h4,.sponsored-card{margin-bottom:var(--spacing-md)}.sponsored-card{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base)}.sponsored-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sponsored-image{border-radius:var(--radius-md);flex-shrink:0;height:80px;object-fit:cover;width:80px}.sponsored-text{flex:1 1;min-width:0}.sponsored-text h4{color:var(--color-text-primary);font-size:.9375rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;padding:0}.sponsored-text p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.8125rem;line-height:1.4;margin:0;overflow:hidden}.divider{border:0;border-top:1px solid var(--color-divider);margin:var(--spacing-xl) 0}.links{margin-bottom:var(--spacing-xl)}.links h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.links h4,.links ul{padding:0 var(--spacing-md)}.links ul{list-style:none;margin:0}.links ul li{margin-bottom:var(--spacing-sm)}.links ul li a{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast)}.links ul li a:hover{color:var(--color-primary-hover);text-decoration:underline}.widgets{margin-bottom:var(--spacing-xl)}.widgets h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.widgets h4,.widgets ul{padding:0 var(--spacing-md)}.widgets ul{list-style:none;margin:0}.widgets ul li{margin-bottom:var(--spacing-sm)}.widgets ul li a{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.875rem;gap:var(--spacing-xs);text-decoration:none;transition:color var(--transition-fast)}.widgets ul li a:hover{color:var(--color-primary-hover);text-decoration:underline}.suggested-friends{margin-bottom:var(--spacing-xl)}.suggested-friends h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.suggested-friends ul{list-style:none;margin:0;padding:0 var(--spacing-md)}.ads{margin-bottom:var(--spacing-xl)}.ads h4{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;padding:0 var(--spacing-md)}.ad-card,.ads h4{margin-bottom:var(--spacing-md)}.ad-card{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:all var(--transition-base)}.ad-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ad-image{border-radius:var(--radius-md);flex-shrink:0;height:80px;object-fit:cover;width:80px}.ad-card p{color:var(--color-text-secondary);flex:1 1;font-size:.875rem;line-height:1.4;margin:0}.suggested-friends ul li{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.suggested-friends ul li:hover{background-color:var(--color-bg-hover);transform:translateX(4px)}.friend-avatar{border:2px solid var(--color-border);border-radius:var(--radius-full);flex-shrink:0;height:48px;object-fit:cover;width:48px}.suggested-friends ul li span{color:var(--color-text-primary);flex:1 1;font-size:.9375rem;font-weight:500}.suggested-friends-list{max-height:300px;overflow-y:auto;padding:var(--spacing-xs);scrollbar-color:var(--color-border) #0000;scrollbar-width:thin}.suggested-friends-list::-webkit-scrollbar{width:6px}.suggested-friends-list::-webkit-scrollbar-track{background:#0000}.suggested-friends-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.suggested-friends-list::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}@media (max-width:1200px){.home-layout{gap:var(--spacing-md);grid-template-columns:240px 1fr 240px;padding:var(--spacing-md)}}@media (max-width:968px){.home-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.left-side,.right-side{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:none;position:static}.main-content{max-width:100%}}@media (max-width:640px){.home-layout{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm)}.left-side,.right-side{grid-template-columns:1fr}}.create-post-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);margin:0 auto var(--spacing-lg) auto;max-width:680px;padding:var(--spacing-lg);transition:all var(--transition-base)}.create-post-container:hover{box-shadow:var(--shadow-md)}.post-header{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md);text-align:center}.post-header,.post-input{color:var(--color-text-primary)}.post-input{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:inherit;font-size:.9375rem;line-height:1.5;min-height:120px;padding:var(--spacing-md);resize:vertical;transition:all var(--transition-base);width:100%}.post-input::placeholder{color:var(--color-text-muted)}.post-input:focus{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.post-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.post-button:disabled{background-color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.post-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-button:active:not(:disabled){transform:translateY(0)}.image-upload{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.image-preview{display:inline-block;position:relative}.image-preview img{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-height:120px;max-width:120px;object-fit:cover}input[type=file]{font-size:.875rem;position:relative}input[type=file]::file-selector-button{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);height:40px;margin-right:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}input[type=file]::file-selector-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}input[type=file]::file-selector-button:active{background-color:var(--color-bg-tertiary)}@media (max-width:640px){.create-post-container{border-radius:var(--radius-lg);padding:var(--spacing-md)}.post-input{font-size:.875rem;min-height:100px}.image-preview img{max-height:100px;max-width:100px}}.register-container{align-items:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-lg);position:relative}.register-container:before{background-image:url(https://cdn.leonardo.ai/users/a1057d29-236f-4cfa-b60c-66c4061fd2fd/generations/4cc915d1-8142-4d27-ad7f-54d5b1bb6334/Leonardo_Phoenix_A_highcontrast_cinematic_photograph_of_a_slee_2.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:0}.register-container>*{position:relative;z-index:1}.register-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-bg-primary);background-color:#fffffffa;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:900px;padding:var(--spacing-3xl) var(--spacing-2xl);width:100%}.register-title{color:var(--color-text-primary);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm);text-align:center}.register-subtitle{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--spacing-2xl);text-align:center}.register-form{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);width:100%}.register-input-group{margin-bottom:var(--spacing-md)}.register-label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.register-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;padding:var(--spacing-md);transition:all var(--transition-base);width:100%}.register-input::placeholder{color:var(--color-text-muted)}.register-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.register-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;grid-column:1/-1;margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);max-width:300px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.register-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.register-button:active{transform:translateY(0)}.register-link{color:var(--color-text-secondary);font-size:.875rem;grid-column:1/-1;margin-top:var(--spacing-md);text-align:center}.register-link a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.register-link a:hover{color:var(--color-primary-hover);text-decoration:underline}@media (max-width:968px){.register-form{gap:var(--spacing-lg);grid-template-columns:1fr}.register-right{max-width:500px;padding:var(--spacing-xl) var(--spacing-lg)}}@media (max-width:640px){.register-container{padding:var(--spacing-md)}.register-right{border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-md)}.register-title{font-size:1.75rem}.register-form{gap:var(--spacing-md)}}.profile-container{background-color:initial;margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg);width:100%}.profile-details{margin-bottom:var(--spacing-2xl);text-align:left}.profile-header{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.profile-image{border:4px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;flex-shrink:0;height:140px;overflow:hidden;transition:all var(--transition-base);width:140px}.profile-image:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:scale(1.05)}.profile-img{height:100%;object-fit:cover;width:100%}.profile-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:200px}.profile-info h1{color:var(--color-text-primary);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.profile-name-city{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-name-city p{align-items:center;color:var(--color-text-secondary);display:flex;font-size:1rem;gap:var(--spacing-xs);margin:0}.edit-profile-btn{align-self:flex-start;background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-base);white-space:nowrap}.edit-profile-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-profile-btn:active{transform:translateY(0)}.user-posts{grid-gap:var(--spacing-lg);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--spacing-2xl);padding:var(--spacing-lg)}.user-posts h2{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;grid-column:1/-1;margin-bottom:var(--spacing-lg)}.user-posts p{color:var(--color-text-muted);font-size:1rem}.user-posts .loading,.user-posts p{grid-column:1/-1;padding:var(--spacing-2xl);text-align:center}.user-posts .loading{color:var(--color-text-secondary);font-size:1.125rem}@media (max-width:968px){.profile-header{flex-direction:column;text-align:center}.profile-info{align-items:center;text-align:center}.edit-profile-btn{align-self:center}.user-posts{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:640px){.profile-container{padding:var(--spacing-md)}.profile-header{gap:var(--spacing-lg);padding:var(--spacing-lg)}.profile-image{height:120px;width:120px}.profile-info h1{font-size:1.5rem}.user-posts{grid-template-columns:1fr;padding:var(--spacing-md)}}#colorlib-aside{align-items:center;background:#fff;box-shadow:2px 0 5px #0000001a;color:#fff;font-family:Roboto,sans-serif;height:100vh;left:0;position:fixed;top:0}#colorlib-aside,#colorlib-main-menu{display:flex;flex-direction:column;width:250px}#colorlib-main-menu{align-items:flex-start;padding:20px}#colorlib-main-menu ul{list-style:none;margin:0;padding:0;width:fit-content}#colorlib-main-menu ul li{margin:20px 0}#colorlib-main-menu ul li a{color:#000;display:block;font-size:18px;font-weight:500;letter-spacing:1px;position:relative;text-decoration:none;transition:all .3s ease-in-out;width:fit-content}#colorlib-main-menu ul li a:after{background-color:#e67e22;bottom:0;content:"";height:2px;left:0;position:absolute;transition:all .3s ease-in-out;width:0}#colorlib-main-menu ul li a:hover{color:#e67e22;transform:scale(1.05)}#colorlib-main-menu ul li a:hover:after{width:100%}#colorlib-main-menu ul li a.clicked{color:#e67e22}#colorlib-main-menu ul li a.clicked:after{width:100%}@media (max-width:768px){#colorlib-aside{width:200px}#colorlib-main-menu ul li a{font-size:16px}}#colorlib-main-menu ul li.logout{bottom:30px;position:absolute;width:100%}.user-cards-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.user-card{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;text-align:center;transition:all var(--transition-base)}.user-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.user-card-info{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.user-card-info h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md)}.user-card-info p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5;margin:var(--spacing-xs) 0}.user-card-info p strong{color:var(--color-text-primary);font-weight:600}.unblock-button{align-self:center;background-color:var(--color-error);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.unblock-button:hover{background-color:#dc2626;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.unblock-button:active{transform:translateY(0)}@media (max-width:968px){.user-cards-container{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:var(--spacing-lg)}}@media (max-width:640px){.user-cards-container{gap:var(--spacing-md);grid-template-columns:1fr}.user-card-info,.user-cards-container{padding:var(--spacing-md)}}.admin-post-page,h1{justify-content:center;margin-left:22%}h1{padding-bottom:5%}.post-actions{gap:15px;justify-content:center;margin-bottom:15px;margin-left:27%}.accept-button,.reject-button{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background-color .3s,color .3s}.accept-button{background-color:#4caf50;color:#fff;margin-right:2%}.accept-button:hover{background-color:#45a049}.reject-button{background-color:#f44336;color:#fff}.reject-button:hover{background-color:#e41f1f}.accept-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.9e64cd8b.css.map*/