@charset "UTF-8";*{margin:0;padding:0;line-height:100%;box-sizing:border-box;border:none;outline:none}body{-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}html{font-size:20px}@media(max-width:992px){html{font-size:18px}}@media(max-width:768px){html{font-size:16px}}body{font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f9fafb;color:#1e293b}.app{height:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.header{color:#f9fafb;height:100px;display:flex;flex-direction:column}.header>.container{height:100%;border-bottom:1px solid #0f172a;display:flex;justify-content:space-between;align-items:center}.header__logo{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;text-decoration:none}.header__logo .top{display:flex;gap:10px;align-items:center}.header__logo .top .header__icon{font-size:2rem}@media(max-width:370px){.header__logo .top .header__icon{font-size:1.5rem}}.header__logo .top .header__title{font-size:2rem;color:#0f172a;font-weight:600}@media(max-width:370px){.header__logo .top .header__title{font-size:1.5rem}}.header__logo--centered{margin:0 auto;text-align:center;justify-content:center}.header__slogan{font-size:1.1rem;color:#0f172a;font-weight:400}@media(max-width:370px){.header__slogan{font-size:.9rem}}.header__user>.user__info{display:flex;flex-direction:column;gap:.2rem}.header__user>.user__info>.user-role-badge{font-size:.8em;background-color:#007bff;color:#fff;padding:2px;border-radius:.4rem;display:flex;justify-content:center}.header__user>.user__info>.subscription{font-size:.8em;color:#0f172a}.header__user>.user__info>.balance{font-size:.8em;color:#0f172a;display:flex;justify-content:center}.header__username{font-weight:500;color:#1e293b}.nav-link{color:#334155;text-decoration:none;padding:.5rem;border-radius:4px;transition:.2s;font-size:1rem}@media(hover:hover){.nav-link:hover{background-color:#007bff;color:#fff}}.nav-link.router-link-exact-active{color:#f9fafb;background-color:#1e293b}@media(max-width:576px){.nav-link{font-size:.8rem}}@media(max-width:450px){.nav-link{font-size:.7rem}}@media(max-width:400px){.nav-link{font-size:.6rem}}@media(max-width:350px){.nav-link{font-size:.5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;border:2px solid transparent}.btn--outline{background:transparent;border-color:#1e293b;color:#1e293b}.btn--outline:hover{background:#1e293b;color:#f9fafb}.btn--sm{padding:.375rem .75rem;font-size:.875rem}.main{display:flex;flex-grow:1;padding:1rem 0}.footer .container{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid #0f172a}.footer__top{width:100%;padding:0 0 1rem;border-bottom:1px solid silver;display:flex}@media(max-width:576px){.footer__top{flex-direction:column;gap:1rem}}.footer__top>.link{width:50%}@media(max-width:576px){.footer__top>.link{width:100%;text-align:center}}.footer__top>.link>a{color:#0f172a;text-decoration:underline}@media(hover:hover){.footer__top>.link>a:hover{color:#007bff}}.footer__top>.about{width:50%;display:flex;flex-direction:column;gap:1rem}@media(max-width:576px){.footer__top>.about{width:100%}}.footer__top>.about>.block-info{display:flex;gap:1rem}@media(max-width:576px){.footer__top>.about>.block-info{justify-content:center}.footer__top>.about>.block-info>div{width:50%}.footer__top>.about>.block-info>.title{text-align:right}}.footer__top>.about>.block-info a{color:#0f172a;text-decoration:underline}@media(hover:hover){.footer__top>.about>.block-info a:hover{color:#007bff}}.footer__bottom{width:100%;display:flex;justify-content:center;align-items:center;font-size:1rem}@media(max-width:400px){.footer__bottom>p{text-align:center}}.navigation{display:flex;flex-direction:column;gap:10px}.navigation>.container>.user{padding:.5rem 0;display:flex;justify-content:center;align-items:center;gap:1rem}@media(max-width:576px){.navigation>.container>.user{gap:.5rem}}.navigation>.container>.admin{display:flex;justify-content:center;align-items:center}@media(max-width:576px){.navigation>.container>.admin{flex-wrap:wrap}}.nav-link--admin{background-color:#f9fafb;border:1px solid #e2e8f0;border-radius:4px;padding:5px 10px;margin-left:5px;font-size:.9em}.nav-link--admin:hover{background-color:#e2e8f0}.nav-link--active{background-color:#1e293b;color:#fff!important;border-color:#1e293b}@media(hover:hover){.nav-link--active:hover{background-color:#007bff}}.nav-link--admin.nav-link--active{background-color:#dc3545;color:#fff!important;border-color:#dc3545}.nav-link--admin.nav-link--active:hover{background-color:#c82333;color:#fff!important}.page_home,.page_settings,.page_subscriptions,.page_users,.page_broadcasts,.page_statistics{padding:20px 0}.table{width:100%;border-collapse:collapse;margin:20px 0}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.table th{background-color:#f1f5f9;font-weight:600}.form-control{display:block;width:100%;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.375rem;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 .2rem #3b82f640}.card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;margin:.5rem 0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:1rem;overflow:auto;box-shadow:0 4px 6px #0000001a;padding:1rem}@media (max-width: calc(1200px + 2rem)){.modal-overlay .modal-content{max-width:calc(100% - 2rem)}}.modal-overlay .modal-header{position:relative}.modal-overlay .modal-header h3{text-align:center}.modal-overlay .modal-header .modal-close{font-size:2rem;position:absolute;top:-.4rem;right:0;background:none}.modal-overlay .modal-header .modal-close:hover{cursor:pointer}.modal-overlay .text-align-center{text-align:center}@media(max-width:576px){.modal-overlay .text-align-center{max-width:210px;margin:0 auto}}.modal-overlay .modal-body{padding:1rem}.modal-overlay .modal-body p{margin:0 0 1rem}.modal-overlay .modal-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:1rem}.modal-overlay .modal-footer .btn{padding:8px 16px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.modal-overlay .modal-footer .btn-secondary{background-color:#e5e7eb;color:#374151}.modal-overlay .modal-footer .btn-secondary:hover{background-color:#d1d5db}.modal-overlay .modal-footer .btn-primary{background-color:#007bff;color:#fff}.modal-overlay .modal-footer .btn-primary:hover{background-color:#0056b3}.modal-overlay .modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#3b82f6;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.header__user{display:flex;align-items:center;gap:.5rem}@media(max-width:576px){.header__username--mobile-hidden,.header__user>.user__info--mobile-hidden,.header__logout--mobile-hidden{display:none!important}}.mobile-user-menu{position:absolute;top:80px;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:10000;min-width:250px;padding:15px;background-color:#fff;display:block}.mobile-user-menu .mobile-user-info{margin-bottom:15px}.mobile-user-menu .mobile-user-info .mobile-user-name{font-weight:700;margin-bottom:10px;font-size:1.1em;color:#1e293b}.mobile-user-menu .mobile-user-info .mobile-user-details{display:flex;flex-direction:column;gap:8px}.mobile-user-menu .mobile-user-info .mobile-user-details .mobile-user-role,.mobile-user-menu .mobile-user-info .mobile-user-details .mobile-subscription,.mobile-user-menu .mobile-user-info .mobile-user-details .mobile-balance{font-size:.9em;color:#475569;padding:5px 0;border-bottom:1px solid #f9fafb}.mobile-user-menu .mobile-user-info .mobile-user-details .mobile-user-role:last-child,.mobile-user-menu .mobile-user-info .mobile-user-details .mobile-subscription:last-child,.mobile-user-menu .mobile-user-info .mobile-user-details .mobile-balance:last-child{border-bottom:none}.mobile-user-menu .mobile-logout-btn{width:100%;margin-top:10px}.header__avatar{cursor:pointer;border-radius:50%;overflow:hidden;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid silver}.header__avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:576px){.header__avatar{margin-left:auto}}.support-section .support-form{margin-top:1rem;display:flex;flex-direction:column}.support-section .form-group{margin-bottom:1rem}.support-section .support-section label{display:block;margin-bottom:5px;font-weight:500;color:#495057}.support-section .input,.support-section .textarea{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;font-size:14px}.support-section .textarea{resize:vertical}.support-section .char-count{text-align:right;font-size:.8em;color:#6c757d;margin-top:5px}.support-section .error-message{color:#dc3545;font-size:.875em;margin-top:5px}.support-section .success-message{margin:2rem auto;font-size:1em}.support-section .image-preview{margin-top:10px;display:flex;flex-direction:column;align-items:flex-start}.support-section .preview-image{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #ddd;border-radius:4px;margin-bottom:10px}.support-section .btn{display:inline-block;padding:6px 12px;margin:0 auto;font-size:14px;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.support-section .btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.support-section .btn-primary:hover{background-color:#0069d9;border-color:#0062cc}.support-section .btn-primary:disabled{cursor:not-allowed}.support-section .btn-small{padding:4px 8px;font-size:12px;margin-left:0}.support-section .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.support-section .btn-danger:hover{background-color:#c82333;border-color:#bd2130}.support-section .text-align-center{text-align:center}.support-section .support-requests-list{margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.support-section .support-request-item{border:1px solid #e9ecef;border-radius:4px;padding:15px;margin-bottom:10px;background-color:#fff}.support-section .request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:10px}.support-section .request-topic{font-weight:700;color:#495057}.support-section .request-status{padding:2px 8px;border-radius:12px;font-size:.8em;font-weight:500}.support-section .status-pending{background-color:#fff3cd;color:#856404}.support-section .status-in_progress{background-color:#cce5ff;color:#004085}.support-section .status-resolved{background-color:#d4edda;color:#155724}.support-section .status-closed{background-color:#f8d7da;color:#721c24}.support-section .request-date{color:#6c757d;font-size:.9em}.support-section .request-message{margin-bottom:10px;color:#495057;line-height:1.5}.support-section .admin-response{padding:10px;background-color:#f8f9fa;border-left:3px solid #007bff;border-radius:0 4px 4px 0}.support-section .response-date{display:block;text-align:right;font-size:.85em;color:#6c757d;margin-top:5px}.support-section .success-message{margin-bottom:15px;padding:10px;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;text-align:center}.support-section .image-previews-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.support-section .image-preview{position:relative;display:inline-block;border:1px solid #ddd;border-radius:4px;padding:5px;background-color:#f9f9f9}.support-section .preview-image{max-width:100px;max-height:100px;object-fit:cover;display:block}.support-section .btn-danger{background-color:#dc3545;border:none;color:#fff;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;margin:4px 2px;cursor:pointer;border-radius:4px}.support-section .btn-small{padding:3px 6px;font-size:12px}