code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#2a2a4a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#5a5a7a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b6b8b}.custom-scrollbar{scrollbar-color:#5a5a7a #2a2a4a;scrollbar-width:thin}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a2e;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;text-align:center}body.modal-open{overflow:hidden!important /* !important для гарантированного переопределения */}.text-center{text-align:center}.text-right{text-align:right}.App{background-color:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.App-header.top-header{align-items:center;background-color:#0f0f1a;border-bottom:1px solid #3a3f45;display:flex;justify-content:center;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-title-container{align-items:baseline;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.app-title-container h1{color:#61dafb;font-size:1.5em;margin:0}.app-version{color:#aaa;font-size:.8em;margin:0}.App-main{align-items:center;background-color:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-y:auto;padding:20px 20px 80px}.App-footer.fixed-bottom-nav{background-color:#0f0f1a;border-top:1px solid #3a3f45;bottom:0;box-shadow:0 -2px 10px #0000004d;left:0;padding:10px 0;position:fixed;right:0;width:100%;z-index:100}.main-nav ul{align-items:center;display:flex;gap:10px;justify-content:space-around;list-style:none;margin:0 auto;padding:0}.main-nav li{margin:0}.nav-icon-link{align-items:center;border-radius:8px;color:#bbb;display:flex;flex-direction:column;font-size:1.2em;justify-content:center;min-width:50px;padding:8px;text-align:center;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .2s ease}.nav-icon-link i{font-size:1.5em;margin-bottom:4px}.nav-icon-link:focus,.nav-icon-link:hover{background-color:#3a3f45;color:#61dafb;transform:translateY(-2px)}.main-nav .active .nav-icon-link{background-color:#3a3f45;box-shadow:0 0 8px #61dafb66;color:#61dafb}form{background-color:#2a2a4a;border-radius:10px;box-shadow:0 4px 8px #0000004d;box-sizing:border-box;max-width:400px;padding:25px;text-align:left;width:100%}form label{color:silver;display:block;margin-bottom:5px;text-align:left}form input{background-color:#3b3b5b;border:1px solid #5a5a7a;border-radius:5px;color:#e0e0e0;margin-bottom:15px;padding:10px}form button,form input{box-sizing:border-box;width:100%}form button{background-color:#a81e43;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;text-align:center;transition:background-color .3s ease}form button:hover{background-color:#8f1334}p{color:#e0e0e0}p[style*="color: red"]{color:#8f1334!important;font-weight:700}p[style*="color: green"]{color:#6bff6b!important;font-weight:700}#telegram-login-button-container{margin-top:20px}@media (max-width:767px){.App-header.top-header{padding:8px 10px}.app-title-container h1{font-size:1.5em}.app-version{font-size:.7em}.main-nav ul{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:15px;justify-content:center;overflow-x:auto;padding:0 20px}.main-nav ul::-webkit-scrollbar{display:none}.main-nav ul{-ms-overflow-style:none;scrollbar-width:none}.nav-icon-link{font-size:1em;min-width:40px;padding:6px}.nav-icon-link i{font-size:1.3em}.App-main{padding-bottom:70px;padding-left:10px;padding-right:10px}form{padding:20px}}@media (min-width:768px){.App{border-radius:10px;box-shadow:0 0 20px #00000080;margin:0 auto;max-width:600px;overflow:hidden}.App-header.top-header{font-size:1em;padding:10px}.app-title-container h1{font-size:2em}.app-version{font-size:.9em}.App-footer.fixed-bottom-nav{border-radius:0 0 10px 10px;left:50%;max-width:600px;transform:translateX(-50%)}.main-nav ul{gap:20px;justify-content:center;margin:0 auto;padding:0 20px;width:100%}.nav-icon-link{font-size:1.1em;min-width:60px;padding:10px}.nav-icon-link i{font-size:1.8em}.App-main{padding:30px 30px 90px}}.profile-page-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:500px;min-height:400px;overflow-y:auto;padding-bottom:20px;position:relative;width:100%}.profile-content{padding-bottom:60px;text-align:center;width:100%}.profile-actions-container{align-items:flex-end;bottom:100px;display:flex;flex-direction:column;gap:15px;position:fixed;right:20px;z-index:500}.profile-action-button{align-items:center;background:none;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;height:56px;justify-content:center;padding:0;transition:background-color .2s ease,color .2s ease,transform .2s ease;width:56px}.profile-action-button i{color:#61dafb;font-size:1.8em;margin:0}.profile-action-button.logout-button-profile i{color:#ff6b6b}.profile-action-button:hover{background-color:#61dafb33;transform:scale(1.1)}.profile-action-button.logout-button-profile:hover{background-color:#ff6b6b33}@media (max-width:767px){.profile-actions-container{align-items:flex-end;bottom:90px;flex-direction:column;margin-top:0;padding:0;position:fixed;right:20px;width:auto}.profile-action-button{background:none;border:none;height:48px;width:48px}.profile-action-button i{color:#61dafb;font-size:1.5em;margin:0}.profile-action-button.logout-button-profile i{color:#ff6b6b}}@media (min-width:768px){.profile-page-container{align-items:flex-start;flex-direction:row;gap:30px;justify-content:center;position:relative}.profile-content{flex-shrink:0;max-width:400px;text-align:center}.profile-actions-container{align-items:flex-end;bottom:110px;flex-direction:column;padding:0;position:fixed;right:calc(50% - 280px);width:auto;z-index:500}.App[style*=max-width] .profile-actions-container{right:calc(50% - 280px);right:calc(50% - var(--app-max-width, 600px)/2 + 20px)}.profile-action-button{align-items:center;background:none;border:none;border-radius:50%;height:56px;justify-content:center;padding:0;width:56px}.profile-action-button i{color:#61dafb;font-size:1.6em;margin:0}.profile-action-button.logout-button-profile i{color:#ff6b6b}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.modal-content-container{background-color:#1f1f3a;border-radius:12px;box-shadow:0 8px 24px #0006;box-sizing:border-box;color:#e0e0e0;display:flex;flex-direction:column;font-family:inherit;max-height:90vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:100%}.modal-content-container h2{border-bottom:1px solid #3a3f45;color:#61dafb;font-size:2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.modal-content-container p{color:silver;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.modal-checkbox-section{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;text-align:left}.modal-checkbox-section input[type=checkbox]{accent-color:#61dafb;background-color:#3b3b5b;border:1px solid #5a5a7a;border-radius:4px;cursor:pointer;height:20px;margin-right:.75rem;width:20px}.modal-checkbox-section label{color:#e0e0e0;cursor:pointer;font-size:1.1rem}.modal-checkbox-section .agreement-link{color:#61dafb;cursor:pointer;margin-left:.25rem;text-decoration:underline}.modal-checkbox-section .agreement-link:hover{color:#50b3e6}.modal-action-button{background-color:#a81e43;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s ease,opacity .3s ease;width:100%}.modal-action-button:hover:not(:disabled){background-color:#8f1334}.modal-action-button:disabled{background-color:#3b3b5b;cursor:not-allowed;opacity:.6}.modal-text-scroll-area{color:silver;flex-grow:1;line-height:1.5;margin-bottom:1rem;overflow-y:auto;padding-right:10px;text-align:left}@media (min-width:640px){.modal-content-container{padding:2rem}.modal-content-container h2{font-size:2.5rem}}@media (max-width:400px){.modal-content-container{max-width:95vw;padding:1rem}.modal-content-container h2{font-size:1.8rem}.modal-checkbox-section label{font-size:1rem}.modal-action-button{font-size:1.1rem;padding:.6rem 1rem}}
/*# sourceMappingURL=main.a6701237.css.map*/