@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body{background-color:#f5f5f5}.main-content{margin-top:20px}@media(max-width:768px){.main-content{margin-top:15px}}.enter-wrapper-app{justify-content:center;width:100%}.enter-page,.enter-wrapper-app{align-items:center;display:flex}.enter-page{flex-direction:column;padding-top:40px}.welcome-box{margin-bottom:20px;text-align:center}.welcome-box h1{color:#222;font-size:32px;font-weight:700}.welcome-box h1 .brand-name{color:#5a67d8;font-size:32px}.welcome-box .welcome-logo{height:auto;margin-bottom:15px;width:120px}.profile-container{border-radius:10px;box-shadow:0 4px 8px #0000001a}.profile-container .cover-image{height:230px;overflow:hidden}.profile-container .cover-image img{display:block;height:100%;object-fit:cover;width:100%}.profile-container .profile-content{align-items:center;display:flex;padding:16px;position:relative}.profile-container .profile-content .profile-image{border:3px solid #fff;border-radius:50%;height:80px;left:16px;position:absolute;top:-40px;width:80px}.profile-container .profile-content .profile-image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-container .profile-content .profile-info{margin-left:100px}.profile-container .profile-content .profile-info .profile-name{font-size:25px}.profile-container .profile-content .profile-info .profile-name .usernameSpan{color:gray;font-size:20px}.profile-container .profile-content .profile-info .connections{display:flex;gap:20px;margin-top:10px}.profile-container .profile-content .profile-info .connections .statFlwng,.profile-container .profile-content .profile-info .connections .statFlwrs{cursor:pointer}.profile-container .profile-content .profile-info .connections .statFlwng span,.profile-container .profile-content .profile-info .connections .statFlwrs span{color:#9426c7!important;font-size:17px!important;font-weight:700}.profile-container .profile-content .profile-info .connections .statFlwng{margin-left:20px}.profile-container .profile-content .profile-info .age-wrapper{margin-top:20px}.profile-container .profile-content .profile-info .age-wrapper .age{color:#888;font-size:20px;font-weight:700}.profile-container .profile-content .profile-info .age-wrapper .status-age{font-size:20px;font-weight:700;margin-top:20px}.profile-container .profile-content .profile-info .age-wrapper .status-age span{color:#e05a0c;font-size:20px;font-weight:700}.profile-container .customPanel{display:flex;justify-content:center;margin:20px}.custom-panel{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.custom-panel .tabs{display:flex;justify-content:space-around;padding-bottom:5px}.custom-panel .tabs .tab{background:none;border:none;color:#423e3e;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:10px 15px}.custom-panel .tabs .tab:focus{outline:none}.custom-panel .tabs .tab.active{color:#fc8a32}.about-card{background-color:#fff;border-radius:8px;font-family:Arial,sans-serif;height:240px;max-width:560px;padding:15px;width:100% px}.about-card p{color:#666;font-size:1em;margin:5px 0}.about-card .details{font-size:.9em;margin-top:15px}.about-card .details .label{color:#333;font-weight:700}.center-wrapper{display:flex;justify-content:center}.center-wrapper .posts-container{display:flex;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}.center-wrapper .posts-container .post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px}.center-wrapper .posts-container .post-card .post-header{align-items:center;display:flex;gap:10px}.center-wrapper .posts-container .post-card .post-header .avatar{border-radius:50%;height:40px;width:40px}.center-wrapper .posts-container .post-card .post-header h3{font-size:16px;margin:0}.center-wrapper .posts-container .post-card .post-title{font-size:20px;font-weight:700;margin:10px 0}.center-wrapper .posts-container .post-card .post-content{display:flex;flex-direction:column;gap:10px}.center-wrapper .posts-container .post-card .post-content .post-image,.center-wrapper .posts-container .post-card .post-content .post-video{border-radius:5px;width:100%}.center-wrapper .posts-container .post-card .post-content .description{overflow-wrap:break-word;width:100%;word-break:break-word}.center-wrapper .posts-container .post-card .post-content .description .post-description{color:#333;font-size:16px;margin-bottom:10px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.center-wrapper .posts-container .post-card .post-footer{align-items:center;color:gray;display:flex;font-size:14px;justify-content:space-between;padding-top:10px}.center-wrapper .posts-container .post-card .post-footer .like-button{align-items:center;background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:14px;gap:5px;transition:transform .2s ease-in-out}.center-wrapper .posts-container .post-card .post-footer .like-button:hover{transform:scale(1.1)}.center-wrapper .posts-container .post-card .post-footer .delete-button{background:#463c69;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px;transition:transform .2s ease-in-out}.center-wrapper .posts-container .post-card .post-footer .delete-button:hover{background:darkred;transform:scale(1.05)}.center-wrapper .posts-container .no-posts{color:#999;font-size:16px;text-align:center}.like-window-wrapper{display:inline-block;position:relative}.like-window-wrapper .like-window{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;left:0;max-height:40px;overflow-x:auto;padding:4px 8px;position:absolute;top:-70%;z-index:10}.like-window-wrapper .like-window::-webkit-scrollbar{display:none}.like-window-wrapper .like-window .avatars{align-items:center;display:flex;gap:5px}.like-window-wrapper .like-window .avatars img{border:1px solid #ccc;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.like-window-wrapper .like-window .avatars .more{color:#666;font-size:14px;margin-left:5px}.like-window-wrapper .like-window .error{color:red;font-size:12px}.create-post-container{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;margin:auto;max-width:560px;padding:20px;width:100%}.create-post-container h2{color:#fc8a32;font-size:22px;margin-bottom:10px;text-align:center}.create-post-container .post-input{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:100%}.create-post-container textarea.post-input{height:100px;resize:none}.create-post-container .post-button{background:#18ce12;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:transform .2s ease-in-out}.create-post-container .post-button:hover{background:#333;transform:scale(1.05)}.create-post-container .post-button:disabled{background:#d3d3d3;cursor:not-allowed}.create-post-container .error,.create-post-container .success{border-radius:5px;font-size:16px;padding:10px;text-align:center}.create-post-container .error{background:#fcc;color:red}.create-post-container .success{background:#cfc;color:green}.flwng-window-wrapper{display:inline-block;position:relative}.flwng-window-wrapper .flwng-window{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;left:0;max-height:40px;overflow-x:auto;padding:4px 8px;position:absolute;top:100%;white-space:nowrap;z-index:9999}.flwng-window-wrapper .flwng-window::-webkit-scrollbar{display:none}.flwng-window-wrapper .flwng-window .avatars{align-items:center;display:flex;gap:5px;margin:0}.flwng-window-wrapper .flwng-window .avatars img{border:1px solid #ccc;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.flwng-window-wrapper .flwng-window .avatars .more{color:#666;font-size:14px;margin-left:5px}.flwng-window-wrapper .flwng-window .empty{color:#888;font-size:13px}.flwrs-window-wrapper{display:inline-block;position:relative}.flwrs-window-wrapper .flwrs-window{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000026;display:flex;left:0;max-height:40px;overflow-x:auto;padding:4px 8px;position:absolute;top:100%;white-space:nowrap;z-index:9999}.flwrs-window-wrapper .flwrs-window::-webkit-scrollbar{display:none}.flwrs-window-wrapper .flwrs-window .avatars{align-items:center;display:flex;gap:5px;margin:0}.flwrs-window-wrapper .flwrs-window .avatars img{border:1px solid #ccc;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.flwrs-window-wrapper .flwrs-window .avatars .more{color:#666;font-size:14px;margin-left:5px}.flwrs-window-wrapper .flwrs-window .empty{color:#888;font-size:13px}.header{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#b1b7bd,#eff2f6,#fff,#a7b8d6);background-size:400% 400%;height:80px;padding:12px 0;width:100%}.header .header-container{align-items:center;display:flex;justify-content:space-between;padding:0 10px;width:100%}@media(min-width:769px){.header .header-container{margin:0 auto;max-width:1200px;padding:0 20px}}.header .logo{-webkit-text-fill-color:#0000;animation:lightSweep 5s linear infinite;background:linear-gradient(300deg,gray,gray 45%,#fff 50%,gray 55%,gray);-webkit-background-clip:text;background-size:500% 100%;display:inline-block;font-size:25px;font-weight:700}.header .desktop-search,.header .search-container{display:flex;flex:1 1;justify-content:center}.header .desktop-search .search-input,.header .search-container .search-input{border:1px solid #ccc;border-radius:4px;outline:none;padding:8px;width:300px}.header .right-section{align-items:center;display:flex;font-weight:700;gap:16px}.header .right-section .money{color:#33b649;font-size:16px}.header .nav-link{color:#555;font-size:16px;text-decoration:none}.header .nav-link:hover{color:#fc8a32}.header .profile-link{align-items:center;display:flex}.header .profile-link .profile-img{border:2px solid #ccc;border-radius:50%;height:40px;width:40px}.header .mobile-icons{display:none;gap:30px}.header .mobile-icons .icon{cursor:pointer;font-size:25px}.header .mobile-icons .icon:hover{color:#fc8a32}.header .mobile-menu,.header .mobile-search{display:none}@media(max-width:768px){.header .desktop-only,.header .desktop-search{display:none}.header .mobile-icons{display:flex}.header .mobile-search{background:#fff;box-shadow:0 2px 8px #0000001a;display:block;left:0;padding:10px 20px;position:absolute;right:0;top:80px;z-index:10}.header .mobile-menu{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:10px;padding:10px;position:absolute;right:20px;top:80px;z-index:11}.header .mobile-menu .money{color:#33b649;font-weight:700}.header .header-container{max-width:none;padding:0 10px;width:100%}}@keyframes lightSweep{0%{background-position:0 0}to{background-position:100% 0}}.search-container{align-items:center;display:flex;position:relative}.search-container .search-input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px;width:200px}.search-container .search-btn{background-color:#2d9cdb;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:5px;padding:8px}.search-container .search-results{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;max-height:200px;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:1000}.search-container .search-results::-webkit-scrollbar{display:none}.search-container .search-results li{align-items:center;cursor:pointer;display:flex;padding:8px;transition:background .2s}.search-container .search-results li:hover{background:#f0f0f0}.search-container .search-results li img{border-radius:50%;height:30px;margin-right:10px;width:30px}.logout-modal-backdrop{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.logout-modal{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:20px 30px;text-align:center}.logout-modal h3{margin-bottom:20px}.logout-modal .buttons{display:flex;gap:20px;justify-content:center}.logout-modal button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:8px 16px}.logout-modal button.confirm{background-color:#e91e63;color:#fff}.logout-modal button.cancel{background-color:#ccc;color:#000}*{box-sizing:border-box}body{font-family:Montserrat,sans-serif;height:100vh;margin:-20px 0 50px}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040;margin:20px auto;max-width:768px;min-height:480px;overflow:hidden;position:relative;transition:all .6s ease-in-out}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.container.right-panel-active .overlay{transform:translateX(50%)}.container.right-panel-active .overlay-left{transform:translateX(0)}.container.right-panel-active .overlay-right{transform:translateX(20%)}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.form-container.sign-in-container{left:0;width:50%;z-index:2}.form-container.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.overlay-container{left:50%;overflow:hidden;position:absolute;top:0;width:50%;z-index:100}.overlay,.overlay-container{height:100%;transition:transform .6s ease-in-out}.overlay{background:linear-gradient(90deg,#a15a51,#628799);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;left:-100%;transform:translateX(0);width:200%}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.overlay-panel.overlay-left{transform:translateX(-20%)}.overlay-panel.overlay-right{right:0;transform:translateX(0)}.social-container{margin:20px 0}.social-container a{align-items:center;border-radius:50%;display:inline-flex;justify-content:center;margin:0 5px}.social-container .social img,.social-container a{height:40px;width:40px}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}h1{font-size:31px;font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;margin:15px 0;text-decoration:none}button{background-color:#c7d9fa;border:1px solid #c7d9fa;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}button:hover{background-color:#a6c1f2;color:#fff}button:active{transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:#0000;border-color:#fff}button.ghost:hover{background-color:#a6c1f2;color:#fff}form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}input{background-color:#eee;border:none;border-radius:20px;margin:8px 0;padding:12px 15px;width:100%}@media(max-width:600px){form{padding:0 20px}button,input{max-width:280px;width:100%}input{font-size:14px;padding:12px 15px}button{padding:12px 0}}.show-password-checkbox{align-items:center;justify-content:space-between}.show-password-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.show-password-checkbox span{cursor:pointer}.forgot-password-link{color:#00000080;cursor:pointer;font-size:12px;transition:color .2s}.forgot-password-link:hover{color:#217dbb;text-decoration:underline}.container{width:100%}.profile-container{background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;margin:20px auto 0;max-width:800px;overflow:hidden;width:100%}.cover-image{background-image:url(https://vokrugsveta.ua/wp-content/uploads/2017/05/23.jpg);background-position:50%;background-size:cover;height:230px}.profile-content{align-items:center;display:flex;padding:16px;position:relative}.profile-image{border:3px solid #fff;border-radius:50%;height:80px;left:16px;position:absolute;top:-40px;width:80px}.profile-image img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-info{margin-left:100px}.profile-info .name{align-items:center;display:flex;font-size:20px;font-weight:700}.profile-info .name .usernameSpan{color:gray;font-size:20px;margin-left:5px}.profile-info .connections{display:flex;flex-direction:row;margin-top:10px}.profile-info .connections .statFlwng,.profile-info .connections .statFlwrs{cursor:pointer}.profile-info .connections .statFlwng span,.profile-info .connections .statFlwrs span{color:#9426c7!important;font-size:17px!important;font-weight:700}.profile-info .connections .statFlwng{margin-left:20px}.profile-info .follow-section{align-items:center;display:flex;gap:10px;margin-top:20px}.profile-info .follow-section .follow-btn,.profile-info .follow-section .unfollow-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.profile-info .follow-section .follow-btn:disabled,.profile-info .follow-section .unfollow-btn:disabled{background-color:gray;cursor:not-allowed}.profile-info .follow-section .follow-btn{background-color:#1da1f2}.profile-info .follow-section .unfollow-btn{background-color:#ff4d4d}.profile-info .follow-section .follow-status{color:green;font-size:14px;font-weight:700}.profile-info .age-status-wrapper{margin-top:20px}.profile-info .age-status-wrapper .joined{color:#888;font-size:20px;font-weight:700}.profile-info .age-status-wrapper .status{font-size:20px;font-weight:700;margin-top:20px}.profile-info .age-status-wrapper .status span{color:#e05a0c;font-size:20px;font-weight:700}.profile-info .bio-details{font-size:16px;margin-top:20px}.profile-info .bio-details .bio{color:#000;font-size:20px;white-space:pre-wrap}.profile-info .bio-details .bio span{color:#888;font-size:20px;font-weight:700}.user-posts{gap:20px;margin:20px auto;max-width:600px;width:100%}.post-card,.user-posts{display:flex;flex-direction:column}.post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;gap:10px;padding:15px}.post-card .post-header{align-items:center;display:flex;gap:10px}.post-card .post-header .avatar{border-radius:50%;height:40px;width:40px}.post-card .post-header h3{font-size:16px;margin:0}.post-card .post-title{font-size:20px;font-weight:700;margin:10px 0}.post-card .post-content{display:flex;flex-direction:column;gap:10px}.post-card .post-content .post-image,.post-card .post-content .post-video{border-radius:5px;width:100%}.post-card .post-content .description{color:#333;font-size:16px}.post-card .post-footer{align-items:center;color:gray;display:flex;font-size:14px;justify-content:space-between;padding-top:10px}.post-card .post-footer .like-button{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;transition:transform .2s ease}.post-card .post-footer .like-button:hover{transform:scale(1.1)}.write-message-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px;transition:background-color .2s}.write-message-btn:hover{background-color:#0056b3}.user-posts-wrapper{display:flex;justify-content:center}.user-posts-wrapper .user-posts-container{display:flex;flex-direction:column;gap:20px;max-width:600px;padding:20px;width:100%}.user-posts-wrapper .user-posts-container .post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px}.user-posts-wrapper .user-posts-container .post-card .post-header{align-items:center;display:flex;gap:10px}.user-posts-wrapper .user-posts-container .post-card .post-header .avatar{border-radius:50%;height:40px;width:40px}.user-posts-wrapper .user-posts-container .post-card .post-header h3{font-size:16px;margin:0}.user-posts-wrapper .user-posts-container .post-card .post-title{font-size:20px;font-weight:700;margin:10px 0}.user-posts-wrapper .user-posts-container .post-card .post-content{display:flex;flex-direction:column;gap:10px}.user-posts-wrapper .user-posts-container .post-card .post-content .post-image,.user-posts-wrapper .user-posts-container .post-card .post-content .post-video{border-radius:5px;width:100%}.user-posts-wrapper .user-posts-container .post-card .post-content .description{overflow-wrap:break-word;width:100%;word-break:break-word}.user-posts-wrapper .user-posts-container .post-card .post-content .description .post-description{color:#333;font-size:16px;margin-bottom:10px;white-space:pre-wrap}.user-posts-wrapper .user-posts-container .post-card .post-footer{align-items:center;color:gray;display:flex;font-size:14px;justify-content:space-between;padding-top:10px}.user-posts-wrapper .user-posts-container .post-card .post-footer .like-button{align-items:center;background:none;border:none;color:gray;cursor:pointer;display:flex;font-size:14px;gap:5px;transition:transform .2s ease-in-out}.user-posts-wrapper .user-posts-container .post-card .post-footer .like-button:hover{transform:scale(1.1)}.user-posts-wrapper .user-posts-container .post-card .post-footer .like-button.flash{animation:flash .4s ease-in-out}.user-posts-wrapper .user-posts-container .post-card .post-footer .delete-button{background:#463c69;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:8px;transition:transform .2s ease-in-out}.user-posts-wrapper .user-posts-container .post-card .post-footer .delete-button:hover{background:darkred;transform:scale(1.05)}.user-posts-wrapper .user-posts-container .no-posts{color:#999;font-size:16px;text-align:center}.error,.loading{color:red;font-size:18px;text-align:center}.liked{color:red}.profile-editor{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto auto;padding:20px;width:400px}.profile-editor h2{color:#000292}.profile-editor h2,.profile-editor h3{font-size:30px;margin-bottom:20px;text-align:center}.profile-editor h3{color:#f32501}.profile-editor form{display:flex;flex-direction:column}.profile-editor form label{font-weight:700;margin-top:10px}.profile-editor form input,.profile-editor form textarea{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:8px;width:100%}.profile-editor form button{background-color:#313a91;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background .3s}.profile-editor form button:hover{background-color:#0056b3}.profile-editor form .error{color:red;margin-top:10px;text-align:center}@media(max-width:768px){.profile-editor{padding:15px;width:95%}.profile-editor h2,.profile-editor h3{font-size:22px}.profile-editor form button,.profile-editor form input,.profile-editor form textarea{font-size:14px}}.avatar-upload{align-items:center;display:flex;gap:15px;margin-top:5px}.avatar-upload input[type=file]{display:none}.avatar-upload .upload-button{background-color:#c7d9fa;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 15px;transition:background .3s}.avatar-upload .upload-button:hover{background-color:#a6c1f2}.avatar-upload .avatar-preview{border:2px solid #ccc;border-radius:50%;height:42px;object-fit:cover;width:42px}@media(max-width:768px){.avatar-upload{gap:10px}.avatar-upload .upload-button{font-size:13px;padding:6px 12px}.avatar-upload .avatar-preview{height:36px;width:36px}}.modal-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.modal p{color:#333;font-size:1.1rem;margin-bottom:1.5rem}.ok-button{background-color:#007bff;border-radius:8px;color:#222020;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.ok-button:hover{background-color:#0056b3}.show-password-checkbox{display:flex;justify-content:flex-end;margin-bottom:10px;margin-top:-4px;width:100%}.show-password-checkbox label{align-items:center;color:#444;display:flex;font-size:13px;gap:6px}.show-password-checkbox label input[type=checkbox]{accent-color:#4a90e2;cursor:pointer;height:16px;width:16px}.show-password-checkbox label span{cursor:pointer}.transactions-container{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto;padding:20px;width:400px}.transactions-container h2{color:#b9c95f;margin-bottom:20px;text-align:center}.transactions-container .transaction-form{display:flex;flex-direction:column;position:relative}.transactions-container .transaction-form .hidden{display:none}.transactions-container .transaction-form label{font-weight:700;margin-top:10px}.transactions-container .transaction-form input{border:1px solid #ccc;border-radius:5px;margin-top:5px;padding:8px;width:100%}.transactions-container .transaction-form button{background-color:#313a91;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background .3s}.transactions-container .transaction-form button:hover{background-color:#0056b3}.transactions-container .transaction-form .error{color:red;margin-top:10px;text-align:center}.transactions-container .transaction-form .success{color:green;margin-top:10px;text-align:center}.user-search-results{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px #0000001a;display:block;left:0;list-style:none;max-height:200px;overflow-y:auto;padding:0;top:100%;width:100%;z-index:1000}.user-search-results li{align-items:center;cursor:pointer;display:flex;padding:8px;transition:background .2s}.user-search-results li:hover{background:#f0f0f0}.user-search-results li img{border-radius:50%;height:30px;margin-right:10px;width:30px}.transactionsList{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-top:20px;max-height:400px;overflow-y:auto;padding:15px}.transactionsList .listTransactions{list-style:none;margin:0;padding:0}.transactionsList .listTransactions .list{background-color:#fff;border-bottom:1px solid #ddd;border-radius:5px;margin-bottom:8px;padding:12px;transition:background .3s}.transactionsList .listTransactions .list:last-child{border-bottom:none}.transactionsList .listTransactions .list:hover{background-color:#f0f0f0}.transactionsList .listTransactions .list p{color:#333;font-size:14px;margin:5px 0}.transactionsList .listTransactions .list p.font-bold{color:#000;font-size:16px;font-weight:700}.transactionsList .listTransactions .list p.text-gray-700{color:#555}.transactionsList .listTransactions .list p.text-gray-600{color:#777}.transactionsList .listTransactions .list p.text-gray-500{color:#999}.transactionsList .no-transactions{color:#888;font-size:16px;padding:20px;text-align:center}.page-wrapper{background-color:#f5f5f5;box-sizing:border-box;display:flex;justify-content:center;padding:0 10px;width:100%}.main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr 1fr;max-width:1200px;width:100%}@media(max-width:1024px){.main{grid-template-columns:1fr 2fr}.main .right{display:none}}@media(max-width:768px){.main{grid-template-columns:1fr}.main .left{display:none}.main .center,.main .right{max-width:100%;overflow-x:hidden;width:100%}}.main .center,.main .left,.main .right{align-items:center;display:flex;flex-direction:column;width:100%}.main .center,.main .right{gap:20px;max-width:275px}.main .center{max-width:100%;width:100%}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block;overflow-x:auto;width:100%}.desktop-only{display:none}}.desktop-only{display:block}@media(max-width:768px){.desktop-only{display:none}}.mini-profile{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;color:#333;font-family:Arial,sans-serif;max-width:400px;overflow:hidden;width:100%}.mini-profile__header{position:relative;text-align:center}.mini-profile__header .mini-profile__cover{border-top-left-radius:10px;border-top-right-radius:10px;height:80px;object-fit:cover;width:100%}.mini-profile__header .mini-profile__avatar{border:3px solid #fff;border-radius:50%;height:70px;margin-top:-35px;width:70px}.mini-profile__content{padding:10px;text-align:center}.mini-profile__content .mini-profile__name{font-size:18px;font-weight:700;margin:5px 0}.mini-profile__content .mini-profile__position{color:#666;font-size:12px}.mini-profile__content .mini-profile__quote{color:#555;font-size:12px;font-style:italic;margin-top:8px}.mini-profile__stats{background:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:10px 0}.mini-profile__stats div{text-align:center}.mini-profile__stats div .stat-number{display:block;font-size:14px;font-weight:700}.mini-profile__stats div .stat-label{color:#777;font-size:12px}.mini-profile__menu-toggle{background:#f9f9f9;border-bottom:1px solid #eee;border-top:1px solid #eee;cursor:pointer;display:none;font-size:16px;font-weight:700;padding:10px;text-align:center;transition:background .3s}.mini-profile__menu-toggle:hover{background:#eee}.mini-profile__menu{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:10px}.mini-profile__menu.hidden{display:none}.mini-profile__menu.show{display:flex}.mini-profile__menu li{cursor:pointer;font-size:14px;padding:8px;text-align:center;transition:.3s;width:100%}.mini-profile__menu li:hover{background:#f0f0f0;color:red}.mini-profile__menu .transactions:before{content:"💵 "}.mini-profile__menu .transactions:hover:before{content:"💸 "}.mini-profile__menu .Settings:before{content:"⚙️ "}.mini-profile__menu .Settings:hover:before{content:"🛠️ "}.mini-profile__menu .Calendar:before{content:"📅 "}.mini-profile__menu .Calendar:hover:before{content:"📆 "}.mini-profile__menu .tournament:before{content:"🥇 "}.mini-profile__menu .tournament:hover:before{content:"⚔️ "}.mini-profile__menu .Message:before{content:"🗨️ "}.mini-profile__menu .Message:hover:before{content:"🗯️ "}.mini-profile__menu .exit:before{content:"😊 "}.mini-profile__menu .exit:hover:before{content:"🥲 "}.mini-profile__footer{background:#f7f7f7;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #ddd;padding:10px;text-align:center}.mini-profile__footer .mini-profile__view-profile{color:#0073e6;font-size:14px;font-weight:700;text-decoration:none;transition:.3s}.mini-profile__footer .mini-profile__view-profile:hover{text-decoration:underline}.admin{cursor:pointer;font-size:14px;transition:.3s}@media(min-width:769px){.mini-profile__menu-toggle{display:none}.mini-profile__menu{display:flex!important}}@media(max-width:768px){.mini-profile{max-width:100%;overflow-x:hidden;padding:0 10px;width:100%}.mini-profile__menu-toggle{display:block}.mini-profile__content,.mini-profile__footer,.mini-profile__menu,.mini-profile__stats{max-width:100%;overflow-x:hidden;width:100%}.mini-profile__menu{align-items:center;flex-direction:column}.mini-profile__menu li{text-align:center;width:100%}}.mini-new-post{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:row;gap:15px;max-width:560px;padding:20px;width:100%}@media(max-width:600px){.mini-new-post{flex-direction:column}}.mini-new-post .avatar{background-color:#ccc;border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.mini-new-post .post-content{display:flex;flex:1 1;flex-direction:column;gap:10px}.mini-new-post .post-content .post-input{background-color:#f0f2f5;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:10px;transition:border .2s;width:100%}.mini-new-post .post-content .post-input:focus{background-color:#e8f0ff;border-color:#06f}.mini-new-post .post-content textarea.post-input{max-height:200px;min-height:60px;resize:vertical}.mini-new-post .post-content .actions-wrapper{display:flex;justify-content:space-between}.mini-new-post .post-content .actions-wrapper .actions{display:flex;flex-wrap:wrap;gap:8px}.mini-new-post .post-content .actions-wrapper .actions .btn{background-color:#f0f2f5;border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 14px;transition:background-color .2s ease}.mini-new-post .post-content .actions-wrapper .actions .btn.photo{background-color:#ffeaa7}.mini-new-post .post-content .actions-wrapper .actions .btn.photo:hover{background-color:#f5d15c;opacity:.9}.mini-new-post .post-content .actions-wrapper .actions .btn.video{background-color:#fab1a0}.mini-new-post .post-content .actions-wrapper .actions .btn.video:hover{background-color:#f88f77;opacity:.9}.mini-new-post .post-content .actions-wrapper .actions .btn.publish{background-color:#4c8ff5}.mini-new-post .post-content .actions-wrapper .actions .btn.publish:hover{background-color:#0e6af5;opacity:.9}.mini-new-post .post-content .err{width:100%}.mini-new-post .post-content .err p{color:red;font-size:13px}.mini-new-post .post-content .err .success{color:#2ecc71;font-size:13px}.mini-new-post .post-content .preview{display:flex;flex-direction:column;gap:20px;margin-top:20px;width:100%}.mini-new-post .post-content .preview .image-preview,.mini-new-post .post-content .preview .video-preview{background:#fafafa;border-radius:10px;box-shadow:0 1px 3px #0000000d;padding:10px;width:100%}.mini-new-post .post-content .preview .image-preview h4,.mini-new-post .post-content .preview .video-preview h4{color:#333;font-size:14px;margin-bottom:10px;text-align:center}.mini-new-post .post-content .preview .image-preview iframe,.mini-new-post .post-content .preview .image-preview img,.mini-new-post .post-content .preview .video-preview iframe,.mini-new-post .post-content .preview .video-preview img{border-radius:10px;max-height:400px;object-fit:contain;width:100%}.mini-new-post .post-content .modal-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.mini-new-post .post-content .modal-overlay .modal{animation:fadeIn .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0003;max-width:400px;padding:20px;width:90%}.mini-new-post .post-content .modal-overlay .modal h3{margin-bottom:10px}.mini-new-post .post-content .modal-overlay .modal input{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.mini-new-post .post-content .modal-overlay .modal button{background-color:#06f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.mini-new-post{flex-direction:column;padding:10px}.mini-new-post,.post-content{box-sizing:border-box;max-width:100%;width:100%}.post-content .post-input,.post-content textarea.post-input{box-sizing:border-box;display:block;margin:0;max-width:100%!important;width:100%!important}.actions,.actions-wrapper{justify-content:center}.actions{flex-wrap:wrap;gap:10px}.actions .btn{min-width:100px;text-align:center}.preview{max-width:100%;width:100%}.preview iframe,.preview img{height:auto;max-height:300px;width:100%}}.custom-upload{align-items:center;display:flex;justify-content:center;margin-bottom:15px}.custom-upload .upload-button{background-color:#4cc0f5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;text-align:center;transition:background-color .3s;width:140px}.custom-upload .upload-button:hover{background-color:#2a6edc}.ok-button{background-color:#e0e0e0;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;margin:0 auto;padding:10px 20px;text-align:center;transition:background-color .3s;width:140px}.ok-button:hover{background-color:#ccc}.posts-container{display:flex;flex-direction:column;gap:10px;max-width:560px;width:100%}.posts-container .post-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin-bottom:10px;overflow:hidden}.posts-container .post-card .post-header{align-items:center;display:flex;gap:10px;padding:10px}.posts-container .post-card .post-header .avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.posts-container .post-card .post-header h3{font-size:16px;font-weight:600;margin:0}.posts-container .post-card .post-title{font-size:20px;font-weight:700;margin:10px;white-space:pre-wrap}.posts-container .post-card .post-content{display:flex;flex-direction:column;padding:0 10px}.posts-container .post-card .post-content .post-image,.posts-container .post-card .post-content .post-video{border-radius:5px;margin-top:10px;width:100%}.posts-container .post-card .post-content .post-description{word-wrap:break-word;color:#333;font-size:16px;margin:10px 0;white-space:pre-wrap}.posts-container .post-card .post-footer{display:flex;flex-direction:column;gap:8px;padding:10px}.posts-container .post-card .post-footer .delete-button,.posts-container .post-card .post-footer .like-button{background:none;border:none;cursor:pointer;font-size:14px;transition:transform .2s}.posts-container .post-card .post-footer .like-button{align-items:center;color:gray;display:flex;gap:5px}.posts-container .post-card .post-footer .like-button:hover{transform:scale(1.1)}.posts-container .post-card .post-footer .like-button.flash{animation:flash .4s ease-in-out}.posts-container .post-card .post-footer .delete-button{background:#463c69;border-radius:5px;color:#fff;padding:6px 12px}.posts-container .post-card .post-footer .delete-button:hover{background:darkred;transform:scale(1.05)}@keyframes flash{0%{opacity:1;transform:scale(1)}25%{opacity:.8;transform:scale(1.3)}50%{opacity:.6;transform:scale(1.5)}75%{opacity:.8;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.posts-container .post-card .comments-section{word-wrap:break-word;align-items:center;border-top:1px solid #eee;display:flex;flex-direction:column;margin-top:10px;padding:10px;width:100%}.posts-container .post-card .comments-section button{align-self:center;background-color:#f0bbbb;border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#333;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:10px;padding:8px 16px;transition:all .3s ease}.posts-container .post-card .comments-section .comment-item{align-items:flex-start;box-sizing:border-box;display:flex;gap:8px;margin-bottom:10px;width:100%}.posts-container .post-card .comments-section .comment-item .comment-avatar{border-radius:50%;height:30px;object-fit:cover;width:30px}.posts-container .post-card .comments-section .comment-item div{word-wrap:break-word;background:#f5f5f5;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:13px;line-height:1.4;overflow-wrap:break-word;padding:6px 10px;white-space:pre-wrap;word-break:break-word}.posts-container .post-card .comments-section .comment-item .comment-delete-button{all:unset;background:#0000;border:none;color:#999;cursor:pointer;font-size:12px;margin-left:6px;transition:color .2s}.posts-container .post-card .comments-section .comment-item .comment-delete-button:hover{color:#d11a2a}.posts-container .post-card .comments-section .comment-form{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%}.posts-container .post-card .comments-section .comment-form textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;max-height:120px;overflow-y:auto;padding:10px;resize:vertical;white-space:pre-wrap;width:100%}.posts-container .post-card .comments-section .comment-form button{background-color:#6c91b8;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s}.posts-container .post-card .comments-section .comment-form button:hover{background-color:#5995d6}.posts-container .error,.posts-container .loading{color:red;font-size:18px;text-align:center}.posts-container .liked{color:red}@media(max-width:768px){.posts-container{max-width:400px;padding:10px;width:100%}.post-card{border-radius:10px;padding:8px}.post-card .post-title{font-size:16px}.post-card .post-description{font-size:14px}.post-card .delete-button,.post-card .like-button{font-size:12px}.post-card .comment-form textarea{font-size:13px}.post-card .comment-item{align-items:flex-start;flex-direction:column;width:100%}.post-card .comment-item .deleteButton{font-size:11px}}.mini-all-users{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:300px;max-width:275px;overflow:hidden;padding:15px;width:100%}.mini-all-users .mini-all-users-list{flex-grow:1;overflow-y:auto}.mini-all-users .mini-all-users-list::-webkit-scrollbar{display:none}.mini-all-users .mini-all-user-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 0}.mini-all-users .mini-all-user-item .mini-all-user-avatar{border:2px solid #ddd;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.mini-all-users .mini-all-user-item .mini-all-user-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text{display:flex;flex-direction:column}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-fullName{color:#000;cursor:pointer;font-size:14px;font-weight:600}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-name{color:#666;font-size:12px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper{margin-left:auto}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-right:10px;padding:0;transition:background-color .3s ease;width:32px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.not-following{background-color:#fab9a9;color:#000}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.following,.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.not-following:hover{background-color:#9ae9c8;color:#fff}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button.following:hover{background-color:#fab9a9;color:#000}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper .circle-button span{font-size:18px}@media(max-width:768px){.mini-all-users{max-height:110px;max-width:100%;padding:10px}.mini-all-users .mini-all-users-list{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scroll-snap-type:x mandatory}.mini-all-users .mini-all-users-list::-webkit-scrollbar{height:4px}.mini-all-users .mini-all-user-item{align-items:center;border-bottom:none;border-right:1px solid #eee;flex:0 0 auto;flex-direction:column;max-width:120px;min-width:110px;padding:4px}.mini-all-users .mini-all-user-item .mini-all-user-avatar{border-radius:50%;flex-shrink:0;height:48px;min-height:48px;min-width:48px;object-fit:cover;width:48px}.mini-all-users .mini-all-user-item .mini-all-user-info{align-items:center;flex-direction:column}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text{align-items:center;text-align:center}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-fullName{font-size:13px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-user-text .mini-all-user-name{font-size:11px}.mini-all-users .mini-all-user-item .mini-all-user-info .mini-all-follow-button-wrapper{display:none!important}}.weather-widget{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:275px;min-height:185px;padding:10px;text-align:center;width:100%}.weather-widget .city-input{background-color:#fff9;border:1px solid #87cefa;border-radius:5px;color:#333;font-size:13px;margin-bottom:6px;padding:6px;width:100%}.weather-widget .city-input:focus{background:#fff;border-color:#00bcd4;outline:none}.weather-widget .weather-info{margin-top:6px;text-align:center;width:100%}.weather-widget .weather-info h2{color:#00796b;font-size:17px;margin-bottom:6px}.weather-widget .weather-info p{color:#333;font-size:13px;margin:2px 0}@media(max-width:768px){.weather-widget{display:none}}.news-widget{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:275px;padding:15px;text-align:center;width:100%}.news-widget .news-carousel{text-align:left;width:100%}.news-widget .news-carousel .news-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.news-widget .news-carousel .news-item.slide-left{animation:slideLeft 2s ease-in-out}.news-widget .news-carousel .news-item .news-full-image{flex-shrink:0;height:180px;object-fit:cover;width:100%}.news-widget .news-carousel .news-item .news-title{padding:10px;text-align:left;width:100%}.news-widget .news-carousel .news-item .news-title h3{color:#e65100;cursor:pointer;font-size:16px;line-height:1.4;margin:0}.news-widget .error{color:#e57373;font-size:14px;margin-top:10px}@keyframes slideLeft{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){.news-widget{display:none}}.footer{background-color:#0000;box-sizing:border-box;max-width:100%;padding:8px 0;text-align:center;width:100%}.footer p{word-wrap:break-word;color:#333;font-family:Impact,Charcoal,sans-serif;font-size:16px}.button-up{align-items:center;background-color:#313a91;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:20px;transition:all .3s ease;width:48px;z-index:1000}.button-up.visible{opacity:1;pointer-events:auto}.button-up:hover{background-color:#232c77;transform:scale(1.1)}@media(max-width:768px){.button-up{bottom:20px;font-size:18px;height:40px;right:15px;width:40px}}*{font-family:PT Sans Caption,sans-serif,arial,Times New Roman}.error .clip .shadow{height:180px}.error .clip:nth-of-type(2) .shadow{width:130px}.error .clip:first-of-type .shadow,.error .clip:nth-of-type(3) .shadow{width:250px}.error .digit{font-size:120px;font-weight:700;height:150px;line-height:150px;width:150px}.error .msg,.error h2{font-size:32px}.error .msg{height:80px;left:30%;line-height:80px;top:-190px;width:80px}.error span.triangle{border-bottom:15px solid #0000;border-left:20px solid #535353;border-top:15px solid #0000;right:0;top:70%}.error{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#b1b7bd,#eff2f6,#fff,#a7b8d6);background-size:400% 400%;min-height:100vh}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.error .container-error-404{height:250px;margin-top:10%;padding-top:40px;position:relative}.error .container-error-404 .clip{display:inline-block;transform:skew(-45deg)}.error .clip .shadow{overflow:hidden}.error .clip:nth-of-type(2) .shadow{box-shadow:inset 20px 0 20px -15px #969696cc,20px 0 20px -15px #969696cc;overflow:hidden;position:relative}.error .clip:first-of-type .shadow:after,.error .clip:nth-of-type(3) .shadow:after{background:linear-gradient(90deg,#0000,#adadadcc,#0000);border-radius:50%;bottom:0;content:"";height:100%;position:absolute;right:-8px;width:10px;z-index:9999}.error .clip:nth-of-type(3) .shadow:after{left:-8px}.error .digit{background:#07b3f9;border-radius:50%;color:#fff;display:inline-block;position:relative;top:8%;transform:skew(45deg)}.error .clip:nth-of-type(2) .digit{left:-10%}.error .clip:first-of-type .digit{right:-20%}.error .clip:nth-of-type(3) .digit{left:-20%}.error h2{color:#a2a2a2;font-weight:700;padding-bottom:20px}.error .msg{background:#535353;border-radius:50%;color:#a2a2a2;display:block;font-style:italic;position:relative;z-index:9999}.error .triangle{content:"";height:0;position:absolute;transform:rotate(45deg);width:0;z-index:999}@media(max-width:767px){.error .clip .shadow{height:100px}.error .clip:nth-of-type(2) .shadow{width:80px}.error .clip:first-of-type .shadow,.error .clip:nth-of-type(3) .shadow{width:100px}.error .digit{font-size:52px;height:80px;line-height:80px;width:80px}.error h2{font-size:24px}.error .msg{font-size:18px;height:40px;left:15%;line-height:40px;top:-110px;width:40px}.error span.triangle{border-bottom:8px solid #0000;border-left:10px solid #535353;border-top:8px solid #0000;right:-3%;top:70%}.error .container-error-404{height:150px}}.overlay{position:relative;z-index:20}.ground-color{background:#fff}.item-bg-color{background:#eaeaea}.padding-top{padding-top:10px}.padding-bottom,.padding-vertical{padding-bottom:10px}.padding-vertical{padding-top:10px}.padding-horizontal{padding-left:10px;padding-right:10px}.padding-all{padding:10px}.no-padding-left{padding-left:0}.no-padding-right{padding-right:0}.no-vertical-padding{padding-bottom:0;padding-top:0}.no-horizontal-padding{padding-left:0;padding-right:0}.no-padding{padding:0}.margin-top{margin-top:10px}.margin-bottom{margin-bottom:10px}.margin-right{margin-right:10px}.margin-left{margin-left:10px}.margin-horizontal{margin-left:10px;margin-right:10px}.margin-vertical{margin-bottom:10px;margin-top:10px}.margin-all{margin:10px}.no-margin{margin:0}.no-vertical-margin{margin-bottom:0;margin-top:0}.no-horizontal-margin{margin-left:0;margin-right:0}.inside-col-shrink{margin:0 20px}hr{border-top:1px dashed #999;margin:0;padding:0}.followers-window{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;height:300px;max-width:565px;overflow:hidden;padding:15px;width:100%}.followers-window h3{color:blue;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.followers-window .followers-list{flex-grow:1;max-height:100%;overflow-y:auto}.followers-window .followers-list::-webkit-scrollbar{display:none}.followers-window .follower-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 0}.followers-window .follower-item .follower-avatar{border:2px solid #ddd;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.followers-window .follower-item .follower-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.followers-window .follower-item .follower-info .follower-text{display:flex;flex-direction:column}.followers-window .follower-item .follower-info .follower-text .follower-fullName{color:#000;cursor:pointer;font-size:14px;font-weight:600}.followers-window .follower-item .follower-info .follower-text .follower-name{color:#666;font-size:12px}.followers-window .follower-item .follower-info .follow-button-wrapper{margin-left:auto}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-right:10px;padding:0;transition:background-color .3s ease;width:32px}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.not-following{background-color:#fab9a9;color:#000}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.following,.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.not-following:hover{background-color:#9ae9c8;color:#fff}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button.following:hover{background-color:#fab9a9;color:#000}.followers-window .follower-item .follower-info .follow-button-wrapper .circle-button span{font-size:18px}section{display:flex;justify-content:center;margin-top:20px}.following-window{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;height:300px;max-width:565px;overflow:hidden;padding:15px;width:100%}.following-window h3{color:blue;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.following-window .following-list{flex-grow:1;max-height:100%;overflow-y:auto}.following-window .following-list::-webkit-scrollbar{display:none}.following-window .following-item{align-items:center;border-bottom:1px solid #eee;display:flex;padding:10px 0}.following-window .following-item .following-avatar{border:2px solid #ddd;border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.following-window .following-item .following-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.following-window .following-item .following-info .following-text{display:flex;flex-direction:column}.following-window .following-item .following-info .following-text .following-fullName{color:#000;cursor:pointer;font-size:14px;font-weight:600}.following-window .following-item .following-info .following-text .following-name{color:#666;font-size:12px}.following-window .following-item .following-info .follow-button-wrapper{margin-left:auto}.following-window .following-item .following-info .follow-button-wrapper .circle-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-right:10px;padding:0;transition:background-color .3s ease;width:32px}.following-window .following-item .following-info .follow-button-wrapper .circle-button.not-following{background-color:#fab9a9;color:#000}.following-window .following-item .following-info .follow-button-wrapper .circle-button.following,.following-window .following-item .following-info .follow-button-wrapper .circle-button.not-following:hover{background-color:#9ae9c8;color:#fff}.following-window .following-item .following-info .follow-button-wrapper .circle-button.following:hover{background-color:#fab9a9;color:#000}.following-window .following-item .following-info .follow-button-wrapper .circle-button span{font-size:18px}.message-container{background:#fafafa;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:30px auto;max-width:600px;padding:20px}.conversation-list{list-style:none;margin-top:20px;padding:0}.avatar{border-radius:50%;height:50px;object-fit:cover;width:50px}.text-block p{word-wrap:break-word;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.text-block strong{display:block;font-size:16px;margin-bottom:4px}.text-block p{color:#555;font-size:14px;margin:0}.conversation-list li{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;gap:15px;padding:10px;position:relative;transition:background .2s}.conversation-list li:hover{background:#f7f7f7}.delete-btn{background:#0000;border:none;color:#888;cursor:pointer;font-size:18px;margin-left:auto;padding:4px 8px;transition:color .2s}.delete-btn:hover{color:red}.unread-count{background-color:red;border-radius:12px;color:#fff;font-size:12px;margin-left:6px;padding:2px 6px}.chat-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:80vh;margin:30px auto;max-width:700px;padding:20px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:10px}.chat-message{display:flex;width:100%}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.bubble{word-wrap:break-word;border-radius:12px;box-sizing:border-box;font-size:14px;max-width:70%;padding:10px 15px;position:relative;white-space:pre-wrap}.chat-message.sent .bubble{background-color:#d1f2fd;border-bottom-right-radius:0;text-align:right}.chat-message.received .bubble{background-color:#f0f0f0;border-bottom-left-radius:0;text-align:left}.bubble p{margin:0;word-break:break-word}.sender-name{color:#333;font-size:12px;font-weight:700;margin-bottom:4px}.timestamp{color:#777;font-size:10px;margin-top:4px;text-align:right}.chat-input{display:flex;gap:10px;padding-top:10px}.chat-input input{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:14px;padding:10px}.chat-input button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s}.chat-input button:hover{background-color:#0056b3}.delete-msg-button{background:#fdd;border:1px solid #f5c2c2;border-radius:50%;color:#d10000;cursor:pointer;display:none;font-size:12px;line-height:1;padding:2px 6px;position:absolute;right:-8px;top:-8px;transition:background .2s}.chat-message.sent .bubble:hover .delete-msg-button{display:inline-block}.delete-msg-button:hover{background:#ffbfbf}.calendar-matrix{background:#fff;border-radius:12px;box-shadow:0 0 12px #0000001a;margin:2rem auto;max-width:1000px;padding:1rem}.calendar-matrix h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.calendar-matrix table{border-collapse:collapse;table-layout:fixed;width:100%}.calendar-matrix table td,.calendar-matrix table th{border:1px solid #ddd;cursor:pointer;font-size:.8rem;height:30px;padding:.4rem;text-align:center;width:30px}.calendar-matrix table th{background-color:#f0f0f0;font-weight:700}.calendar-matrix table .month-name{background-color:#f9f9f9;cursor:default;font-weight:700;padding-left:.5rem;text-align:left;white-space:nowrap}.calendar-matrix table .weekend{background-color:#649edd;pointer-events:none}.calendar-matrix table .holiday{background-color:#05f73e}.calendar-matrix table .sick{background-color:#f5061a}.calendar-matrix table .unpaid{background-color:#440785}.calendar-matrix table .empty{background-color:#e3e700}.calendar-matrix table td:hover:not(.weekend):not(.holiday):not(.month-name){box-shadow:0 0 3px #0000004d}.confirm-email-container{align-items:center;background:linear-gradient(135deg,#e8edf3,#f7f9fc);display:flex;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh;padding:20px}.confirm-form{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;max-width:400px;padding:30px 25px;text-align:center;width:100%}.confirm-form h2{color:#333;margin-bottom:20px}.confirm-form .notice{color:#666;font-size:14px;margin-bottom:15px}.confirm-form input{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:15px;outline:none;padding:12px;transition:border .3s ease;width:100%}.confirm-form input:focus{border-color:#007bff}.confirm-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s ease;width:100%}.confirm-form button:hover{background-color:#0056b3}.confirm-form .message{color:#333;font-weight:700;margin-top:15px}@media(max-width:480px){.confirm-form{border-radius:10px;padding:20px 15px}.confirm-form h2{font-size:20px}.confirm-form button,.confirm-form input{font-size:14px}}.tournament-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px}.tournament-menu .menu-button{background-color:#444;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:.2s}.tournament-menu .menu-button.active{background-color:#0af;font-weight:700}.tournament-menu .menu-button:hover{background-color:#07a}.rules-container{background-color:#1f1f1f;border-radius:12px;box-shadow:0 0 12px #0000004d;color:#f0f0f0;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:800px;padding:1.5rem}.rules-container h2{font-size:1.8rem;margin-bottom:1rem;text-align:center}.rules-container select{background-color:#2c2c2c;border:1px solid #444;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto 1.5rem;padding:.5rem 1rem}.rules-container select:hover{background-color:#3a3a3a}.rules-container pre{background-color:#292929;border:1px solid #333;border-radius:8px;font-size:1rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.tournament-list{background-color:#1f1f1f;border-radius:12px;color:#fff;margin:2rem auto;max-width:800px;padding:1rem}.tournament-list h2,.tournament-list h3{margin-bottom:1rem;text-align:center}.tournament-list .participant-list,.tournament-list .user-list{display:flex;flex-direction:column;gap:12px}.tournament-list .user-row{align-items:center;background-color:#292929;border-radius:10px;display:flex;gap:15px;padding:10px}.tournament-list .user-row img{border-radius:50%;height:50px;object-fit:cover;width:50px}.tournament-list .user-row div{flex:1 1}.tournament-list .user-row button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px;text-align:center;transition:.2s;width:70px}.tournament-list .user-row button:hover{background-color:#005bb5}.tournament-wrapper{background:#0e0e0e;color:#fff;overflow-x:auto;padding:30px;text-align:center}.tournament-header{display:flex;justify-content:center;margin-top:20px}.reset-btn{background:#f44;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.grid{align-items:flex-start;gap:60px;justify-content:center;min-width:1000px;padding-top:20px}.grid,.round{display:flex;position:relative}.round{align-items:center;flex-direction:column;min-width:200px}.round h4{margin-bottom:20px}.match,.round h4{text-align:center}.match{background:#1b1b1b;border:2px solid lime;border-radius:10px;box-shadow:0 0 10px rgba(0,255,0,.667);display:flex;flex-direction:column;gap:12px;height:auto;justify-content:center;margin-bottom:80px;min-height:110px;padding:16px;position:relative;width:250px}.round:nth-child(2){margin-top:160px}.round:nth-child(3){margin-top:230px}.team{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.team select{background:#1a1a1a;border:1px solid lime;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:6px 10px}.user-info{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.user-info .avatar{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.user-info .username{flex-grow:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.score-input-mini{background:#111;border:1px solid lime;border-radius:4px;color:#fff;padding:2px}.score-display-mini,.score-input-mini{font-weight:700;margin-left:8px;min-width:30px;text-align:center;width:30px}.score-display-mini{color:lime}.tbd{color:#888;font-style:italic}.datetime-wrapper{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.match-date-input,.match-time-input{background:#111;border:1px solid lime;border-radius:4px;color:#fff;font-size:12px;max-width:100px;padding:3px 6px;text-align:center;width:100%}.winner-checkbox{align-items:center;display:flex;gap:5px;margin-left:8px}.winner-checkbox input[type=checkbox]{accent-color:gold;cursor:pointer}.winner-checkbox span{color:gold;cursor:pointer;font-size:16px}.user-info.winner{border:2px solid gold;border-radius:8px;padding:2px 6px}.winner-mark{color:gold;font-size:1.2rem;margin-left:5px}.match-date-text{color:#8baf27;font-size:13px;margin-top:10px}.match-details-container{background-color:#1f1f1f;border-radius:12px;color:#fff;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:900px;padding:10px}.match-details-container .round-section{margin-bottom:40px;padding:10px}.match-details-container .round-section p{text-align:center}.match-details-container .round-section h2{color:#fff;font-size:28px;margin-bottom:20px;text-align:center}@media(max-width:768px){.match-details-container .round-section h2{font-size:20px}}.match-details-container .round-section .match-row{align-items:center;background:#292929;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}@media(max-width:768px){.match-details-container .round-section .match-row{padding:10px}}.match-details-container .round-section .match-center{flex:1 1;min-width:150px;text-align:center}.match-details-container .round-section .match-center .score-display{font-size:80px;font-weight:700}@media(max-width:768px){.match-details-container .round-section .match-center .score-display{font-size:48px}}@media(max-width:480px){.match-details-container .round-section .match-center .score-display{font-size:36px}}.match-details-container .round-section .match-center .match-date{color:#aaa;font-size:14px;margin-top:6px}@media(max-width:768px){.match-details-container .round-section .match-center .match-date{font-size:12px}}.match-details-container .player-card{text-align:center;width:180px}.match-details-container .player-card .match-details-avatar{aspect-ratio:1/1;background:#333;border-radius:8px;height:auto;max-width:150px;object-fit:cover;width:100%}@media(max-width:768px){.match-details-container .player-card .match-details-avatar{max-width:100px}}@media(max-width:480px){.match-details-container .player-card .match-details-avatar{max-width:80px}}.match-details-container .player-card .username{font-size:20px;margin-top:10px}@media(max-width:768px){.match-details-container .player-card .username{font-size:16px}}@media(max-width:480px){.match-details-container .player-card .username{font-size:14px}}.match-wrapper{margin-bottom:30px}.map-select-row{display:flex;gap:10px;justify-content:space-between;margin-top:10px;padding:0 10px}@media(max-width:768px){.map-select-row{gap:5px;padding:0 5px}}.map-select-wrapper{flex:1 1}.map-select{background:#1f1f1f;border:1px solid #444;border-radius:6px;color:#fff;font-size:16px;padding:8px;width:100%}@media(max-width:768px){.map-select{font-size:14px;padding:6px}}@media(max-width:480px){.map-select{font-size:12px;padding:5px}}.map-name{align-items:center;background:#292929;border-radius:6px;color:#fff;display:flex;font-size:16px;height:100%;justify-content:center;padding:8px;text-align:center}.admin-table{margin-top:1rem;width:100%}.admin-table h2{color:#fff;margin-bottom:1.5rem;text-align:center}.admin-table table{background-color:#1f1f1f;border-collapse:collapse;border-radius:10px;box-shadow:0 0 10px #0000004d;overflow:hidden;width:100%}.admin-table table td,.admin-table table th{border-bottom:1px solid #333;color:#fff;padding:12px 16px;text-align:left}.admin-table table thead{background-color:#292929}.admin-table table thead th{color:#ccc;font-size:.95rem;font-weight:700}.admin-table table td:nth-child(2),.admin-table table th:nth-child(2){max-width:300px;white-space:normal;word-break:break-word}.admin-table table tbody tr{transition:background-color .2s}.admin-table table tbody tr:hover{background-color:#2e2e2e}.admin-table table button{background-color:#e53935;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s}.admin-table table button:hover{background-color:#c62828}@media(max-width:768px){.admin-table table,.admin-table tbody,.admin-table td,.admin-table th,.admin-table thead,.admin-table tr{display:block}.admin-table thead{display:none}.admin-table tbody tr{background-color:#292929;border-radius:10px;margin-bottom:1rem;padding:.5rem}.admin-table td{border:none;padding:10px;position:relative}.admin-table td:before{color:#888;content:attr(data-label);font-size:.85rem;font-weight:700;left:10px;position:absolute;top:10px}}.admin-panel{background-color:#1f1f1f;border-radius:12px;box-shadow:0 0 15px #0006;color:#fff;margin:2rem auto;max-width:900px;padding:1.5rem}.admin-panel h1{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center}.admin-panel .admin-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.admin-panel .admin-tabs button{background-color:#292929;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s,transform .2s}.admin-panel .admin-tabs button.active{background-color:#007bff}.admin-panel .admin-tabs button:hover{background-color:#005bb5;transform:scale(1.05)}.admin-panel .admin-content{background-color:#292929;border-radius:10px;overflow-x:auto;padding:1rem}.forgot-container{background:#f9f9f9;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:100px auto;max-width:400px;padding:30px;text-align:center}.forgot-container h2{margin-bottom:10px}.forgot-container p{color:#555;font-size:14px;margin-bottom:20px}.forgot-container input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:15px;padding:12px 15px;width:100%}.forgot-container button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.forgot-container button:hover{background-color:#357dc0}.forgot-container .error{color:red;font-size:13px;margin-bottom:10px}.forgot-container .success{color:green;font-size:13px;margin-bottom:10px}.reset-container{background:#fdfdfd;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:100px auto;max-width:400px;padding:30px;text-align:center}.reset-container h2{margin-bottom:10px}.reset-container p{color:#444;font-size:14px;margin-bottom:20px}.reset-container input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-bottom:15px;padding:12px 15px;width:100%}.reset-container .show-password{display:flex;font-size:13px;justify-content:flex-end;margin-bottom:10px}.reset-container .show-password label{color:#444;display:flex;gap:6px}.reset-container .show-password input{width:auto}.reset-container .error{color:red;font-size:13px;margin-bottom:10px}.reset-container .success{color:green;font-size:13px;margin-bottom:10px}.reset-container button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.reset-container button:hover{background-color:#357dc0}
/*# sourceMappingURL=main.363d828c.css.map*/