body,html{background:radial-gradient(circle,#280056,#000);color:#fff;margin:0;padding:0;height:100%;overflow-x:hidden}.loginDiv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:50px;box-shadow:0 4px 10px #0000001a;border-radius:10px;text-align:center;width:300px}.login-page-top{margin-bottom:20px}.inputGroup{display:flex;flex-direction:column;margin-bottom:15px}.inputGroup label{margin-bottom:5px;font-weight:700}.inputGroup input{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:16px;text-align:center}.errorMessage{color:red;font-size:14px;margin-bottom:10px}.loginButton{background-color:#0069d9;color:#fff;border:none;padding:12px 0;font-size:16px;border-radius:8px;width:100%;cursor:pointer;transition:background-color .3s ease}.loginButton:hover{background-color:#0056b3}.user-layout{display:flex;margin:0 auto;justify-content:space-between}.menu{min-width:300px;padding:20px;display:flex;flex-direction:column;gap:15px;min-height:100vh;box-sizing:border-box}.menu a,.logout-button{font-size:18px;display:block;background-color:transparent;padding:12px;text-decoration:none;color:#fff;text-align:left;border-radius:5px;cursor:pointer;border:none}.menu a:hover,.logout-button:hover{background-color:#ffffff4d}.menu-logo{max-width:150px}.active-link{color:#fff;background-color:#6e009a!important;font-weight:700}.logout-button{margin-top:50px}.right-side{width:300px;display:flex;flex-direction:column;justify-content:space-between;max-height:100vh}.username{display:flex;align-items:center;font-size:22px;margin:40px;justify-content:flex-end}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-left:12px}.community{display:none;background:#333;border-radius:15px;text-align:center;padding:20px;margin:10px}.communityPicture{width:240px}.content{flex-grow:1;padding:0 30px;box-sizing:border-box;max-width:1000px}.header{display:flex;justify-content:space-between;align-items:center;background-color:#2f2f2f;padding:15px 20px;border-bottom:2px solid #444;border-radius:5px}.portfolio-summary{display:flex;justify-content:space-between;background-color:#333;padding:15px;border-radius:15px;text-align:center;margin-top:15px}.portfolio-summary p{flex:1}.portfolio-dashboard{display:flex;width:100%;flex-direction:column;gap:10px}.portfolio-dashboard div{flex:1}.actions{display:flex;justify-content:center;gap:20px;margin:20px 0;background-color:#333;border-radius:15px}.actions button{background-color:#000;border:none;color:#fff;padding:13px 0;width:150px;border-radius:15px;cursor:pointer;font-size:18px;margin:15px;text-align:center;font-weight:500}.actions button:hover{background-color:#4a4a4a}.portfolio-details,.trade-details{background-color:#333;padding:15px;border-radius:15px}.portfolio-items{display:flex;flex-wrap:wrap;gap:10px}.portfolio-item,.trade-item{background-color:#4a4a4a;padding:15px;border-radius:15px;border:1px solid #444;min-width:180px;max-width:180px}.negative{color:red}.positive{color:green}.table-display{text-align:center}.trader-list{display:flex;flex-direction:column}.trader-item{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #ccc}.trader-name{flex-grow:1;min-width:150px}.input-value{width:80px;border-radius:8px;padding:5px;text-align:center}.dashboard-button{background-color:#000;color:#fff;border-radius:8px;padding:5px 15px}.dashboard-button:hover{background-color:#4a4a4a;cursor:pointer}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(14px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{width:500px;background:#444;padding:30px;border-radius:8px;text-align:center}.modal-input{width:100px;border-radius:8px;padding:5px;text-align:center}.modal-actions{display:flex;justify-content:center;margin-top:10px}.modal-actions button{padding:10px 15px;margin:10px;border-radius:10px;cursor:pointer;font-size:18px;width:110px}.modal-actions button:hover{background-color:#4a4a4a;color:#fff}.modal-inputs{display:flex;flex-direction:column;align-items:center}.modal-inputs input,.modal-inputs select{width:200px;padding:8px;border-radius:10px;margin:15px}.support-div{margin-top:20px;display:flex;flex-direction:column;align-items:flex-start}.support-div input,.support-div textarea{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:16px;margin-bottom:10px}.support-div input{width:50%;max-width:400px}.support-div textarea{width:80%;max-width:800px;resize:none}.support-button{background-color:#3a3a3a;border:none;color:#fff;padding:15px 10px;border-radius:10px;cursor:pointer;font-size:18px;width:150px}.support-button:hover{background-color:#4a4a4a;color:#fff}.trades-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:20px}.trades-table th{background-color:#444;color:#fff;padding:12px;text-align:left;font-weight:700}.trades-table td{padding:12px;text-align:left;border-bottom:1px solid #444}.trades-table tbody tr:nth-child(odd){background-color:#333}.trades-table tbody tr:nth-child(2n){background-color:#444}.table-user-active th:nth-child(1),.table-user-active td:nth-child(1){width:22%}.table-user-active th:nth-child(2),.table-user-active td:nth-child(2){width:15%}.table-user-active th:nth-child(3),.table-user-active td:nth-child(3){width:24%}.table-user-active th:nth-child(4),.table-user-active td:nth-child(4){width:24%}.table-user-active th:nth-child(5),.table-user-active td:nth-child(5){width:15%}.table-user-notification th:nth-child(1),.table-user-notification td:nth-child(1){width:20%}.table-user-notification th:nth-child(2),.table-user-notification td:nth-child(2){width:40%}.table-user-notification th:nth-child(3),.table-user-notification td:nth-child(3){word-wrap:break-word;white-space:normal;overflow-wrap:break-word;width:40%}.table-user-history th:nth-child(1),.table-user-history td:nth-child(1){width:20%}.table-user-history th:nth-child(2),.table-user-history td:nth-child(2){width:15%}.table-user-history th:nth-child(3),.table-user-history td:nth-child(3){width:12%}.table-user-history th:nth-child(4),.table-user-history td:nth-child(4){width:12%}.table-user-history th:nth-child(5),.table-user-history td:nth-child(5){width:15%}.table-user-history th:nth-child(6),.table-user-history td:nth-child(6){width:26%}.table-admin-active th:nth-child(1),.table-admin-active td:nth-child(1){width:20%}.table-admin-active th:nth-child(2),.table-admin-active td:nth-child(2){width:20%}.table-admin-active th:nth-child(3),.table-admin-active td:nth-child(3){width:14%}.table-admin-active th:nth-child(4),.table-admin-active td:nth-child(4){width:18%}.table-admin-active th:nth-child(5),.table-admin-active td:nth-child(5){width:18%}.table-admin-active th:nth-child(6),.table-admin-active td:nth-child(6){width:10%}.table-admin-history th:nth-child(1),.table-admin-history td:nth-child(1){width:20%}.table-admin-history th:nth-child(2),.table-admin-history td:nth-child(2){width:20%}.table-admin-history th:nth-child(3),.table-admin-history td:nth-child(3){width:20%}.table-admin-history th:nth-child(4),.table-admin-history td:nth-child(4){width:15%}.table-admin-history th:nth-child(5),.table-admin-history td:nth-child(5){width:25%}.table-admin-notifications th:nth-child(1),.table-admin-notifications td:nth-child(1){width:12%}.table-admin-notifications th:nth-child(2),.table-admin-notifications td:nth-child(2){width:15%}.table-admin-notifications th:nth-child(3),.table-admin-notifications td:nth-child(3){width:30%}.table-admin-notifications th:nth-child(4),.table-admin-notifications td:nth-child(4){width:43%;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.table-admin-support th:nth-child(1),.table-admin-support td:nth-child(1){width:18%}.table-admin-support th:nth-child(2),.table-admin-support td:nth-child(2){width:24%}.table-admin-support th:nth-child(3),.table-admin-support td:nth-child(3){width:40%;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.table-admin-support th:nth-child(4),.table-admin-support td:nth-child(4){width:18%}.table-admin-traders th:nth-child(1),.table-admin-traders td:nth-child(1){width:25%}.table-admin-traders th:nth-child(2),.table-admin-traders td:nth-child(2){width:40%}.table-admin-traders th:nth-child(3),.table-admin-traders td:nth-child(3){width:15%}.table-admin-traders th:nth-child(4),.table-admin-traders td:nth-child(4){width:10%}.table-admin-traders th:nth-child(5),.table-admin-traders td:nth-child(5){width:10%}.table-admin-copiers th:nth-child(1),.table-admin-copiers td:nth-child(1){width:22%}.table-admin-copiers th:nth-child(2),.table-admin-copiers td:nth-child(2){width:22%}.table-admin-copiers th:nth-child(3),.table-admin-copiers td:nth-child(3){width:16%}.table-admin-copiers th:nth-child(4),.table-admin-copiers td:nth-child(4){width:10%}.table-admin-copiers th:nth-child(5),.table-admin-copiers td:nth-child(5){width:10%}.table-admin-copiers th:nth-child(6),.table-admin-copiers td:nth-child(6){width:10%}.table-admin-copiers th:nth-child(7),.table-admin-copiers td:nth-child(7){width:10%}.copier-details-table th:nth-child(1),.copier-details-table td:nth-child(1){width:10%}.copier-details-table th:nth-child(2),.copier-details-table td:nth-child(2){width:10%}.copier-details-table th:nth-child(3),.copier-details-table td:nth-child(3){width:30%}.copier-details-table th:nth-child(4),.copier-details-table td:nth-child(4){width:50%;word-wrap:break-word;white-space:normal;overflow-wrap:break-word}.filters{margin-top:20px}.filters input{border-radius:10px}.filters label{margin-right:20px}.filters label input,.filters label select{margin-left:8px;padding:3px;border-radius:10px}.filters button{background-color:#3a3a3a;border:none;color:#fff;padding:15px 10px;border-radius:10px;cursor:pointer;font-size:14px;width:140px;transition:background-color .3s ease;margin-right:20px}.filters button:hover{background-color:#4a4a4a;color:#fff}.page-buttons{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.page-buttons button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.page-buttons button:hover{background-color:#0056b3}.page-buttons button:disabled{background-color:#444;cursor:not-allowed}.page-buttons span{color:#fff;font-size:16px;font-weight:700}.profile-buttons{margin-top:15px;display:flex;flex-direction:column;gap:20px}.profile-buttons .btn{background-color:#3a3a3a;border:none;color:#fff;padding:15px 10px;border-radius:10px;cursor:pointer;font-size:14px;width:200px;transition:background-color .3s ease}.profile-buttons .btn:hover{background-color:#4a4a4a;color:#fff}.profile-buttons .bg-red-500{background-color:#e53e3e}.profile-buttons .bg-red-500:hover{background-color:#c53030}.profile-div{display:flex;justify-content:space-between}.editButton{background-color:#007bff;border:none;color:#fff;padding:5px 10px;border-radius:10px;cursor:pointer;width:70px;transition:background-color .3s ease}.editButton:hover{background-color:#4a4a4a;color:#fff}.hamburger-icon,.mobile-page-title{display:none}.modal-avatars{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:10px;margin-bottom:20px;justify-items:center}.avatar-choice{position:relative;cursor:pointer;border:2px solid transparent;border-radius:50%;padding:5px;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.avatar-choice img{border-radius:50%;object-fit:cover;width:100%;height:100%}.avatar-choice.selected{border-color:#007bff}.checkmark{position:absolute;bottom:-5px;right:-5px;background-color:#007bff;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px}.direction-red{color:red;background-color:#ff00001a}.direction-green{color:green;background-color:#00ff001a}.date-color{color:#008b8b}.stats-container{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:10px}.stats-column{width:48%}.stat-item{margin:18px}.stat-label{font-weight:700;margin-bottom:4px}.modal-btn-link{text-decoration:none;color:#000;background:#fff;padding:12px;border-radius:10px}.modal-btn-link:hover{background:#ffffff4d;color:#fff}.trader-name{display:flex;align-items:center}.disabled-icon-container{position:relative;display:inline-flex;align-items:center;margin-left:6px;cursor:help}.disabled-icon{width:16px;height:16px;fill:orange;vertical-align:middle}.disabled-icon-container .tooltip-text{visibility:hidden;opacity:0;width:max-content;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:6px 10px;position:absolute;z-index:10;bottom:130%;left:50%;transform:translate(-50%);transition:opacity .2s ease-in-out,visibility .2s ease-in-out;font-size:.85rem;white-space:nowrap}.disabled-icon-container .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.disabled-icon-container:hover .tooltip-text{visibility:visible;opacity:1}.active-row{color:#ff0;font-weight:700}.inputPageButtons{width:60px;text-align:center;margin:0 5px;-moz-appearance:textfield}.inputPageButtons::-webkit-outer-spin-button,.inputPageButtons::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tutorial-button-profile{background-color:#17a2b8;color:#fff}.tutorial-button-profile:hover{background-color:#138496}.tutorial-modal{width:90vw;max-width:1000px;padding:20px}.tutorial-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tutorial-slide-image{max-width:calc(100% - 120px);max-height:70vh;object-fit:contain;border:1px solid #ddd;border-radius:5px}.tutorial-nav-btn{background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;-webkit-user-select:none;user-select:none}.tutorial-nav-btn:hover{background:#000c}.tutorial-nav-btn:disabled{background:#0003;cursor:not-allowed;opacity:.5}@media (max-width: 768px){body{font-size:14px}.loginDiv{width:80%;padding:30px}.user-layout{flex-direction:column}.menu{min-width:100%;padding:10px;order:1;display:none;position:fixed;top:0;left:0;width:100%;background-color:#000c;z-index:1000;transition:transform .3s ease;overflow-y:auto;height:100vh;-webkit-overflow-scrolling:touch}.menu.open{display:flex}.menu a,.logout-button{font-size:16px;padding:10px;text-align:center}.logout-button{margin-top:20px}.hamburger-icon{position:fixed;top:20px;right:20px;z-index:1001;cursor:pointer;display:block}.bar{width:30px;height:3px;background-color:#fff;margin:6px 0;display:block;transition:all .3s ease-in-out}.content{padding:10px;order:2;max-width:100%}.right-side{display:none;order:3;width:100%;max-height:none;margin-top:20px}.username{margin:20px;font-size:18px;justify-content:center}.avatar{width:40px;height:40px;margin-left:10px}.community{margin:5px;padding:10px}.communityPicture{width:100%}.portfolio-summary{flex-direction:column;text-align:left}.portfolio-summary p{margin-bottom:10px}.actions{flex-direction:column;align-items:center;gap:10px}.actions button{width:80%;margin:5px 0}.portfolio-items,.trade-details{flex-direction:column}.portfolio-item,.trade-item{min-width:90%;max-width:90%;margin-bottom:10px}.trader-list{margin-bottom:20px}.trades-table,.table-user-active,.table-user-notification,.table-user-history,.table-admin-active,.table-admin-history,.table-admin-notifications,.table-admin-support,.table-admin-traders,.table-admin-copiers{display:block;overflow-x:auto;width:100%}.trades-table th,.trades-table td,.table-user-active th,.table-user-active td,.table-user-notification th,.table-user-notification td,.table-user-history th,.table-user-history td,.table-admin-active th,.table-admin-active td,.table-admin-history th,.table-admin-history td,.table-admin-notifications th,.table-admin-notifications td,.table-admin-support th,.table-admin-support td,.table-admin-traders th,.table-admin-traders td,.table-admin-copiers th,.table-admin-copiers td{padding:8px;font-size:12px;white-space:nowrap}*,*:before,*:after{box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;overflow-y:auto;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:999}.modal{width:90%;max-width:90%;margin:20px auto;background:#444;padding:30px;border-radius:8px;text-align:center;box-sizing:border-box}.profile-div{flex-direction:column}.support-div input,.support-div textarea{width:90%;max-width:90%}.filters{text-align:left}.filters label{display:block;margin-bottom:10px}.filters button{margin-top:10px;margin-bottom:10px;width:80%}.mobile-page-title{display:block;font-size:20px;font-weight:700;padding:15px 0;text-align:center;border-bottom:1px solid #555;margin-bottom:15px}.modal-avatars{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px;margin-bottom:15px}.avatar-choice{width:50px;height:50px;padding:3px}.checkmark{width:16px;height:16px;font-size:10px;bottom:-3px;right:-3px}}