/* Structural compatibility for existing server-rendered workflows. */
html[data-theme] body{min-height: 100vh;}
body::before,
body::after,
.glass-card::before,
.nav-link.active::before{display: none ;}
.nav-link{min-height: 36px ;margin: 1px 0 ;padding: 7px 10px ;gap: 10px ;}
.nav-link i,
.nav-link:hover i,
.nav-link.active i{width: 18px ;}
.theme-toggle{min-width: 74px ;height: 34px ;padding: 0 10px ;}
.container.mx-auto.p-6{width: 100% ;max-width: none ;padding: 16px ;}
.btn-gradient,
.btn-glow,
.client-primary-btn,
.client-apply-btn,
button[type="submit"].btn-gradient,
a.btn-gradient{min-height: 36px ;padding: 7px 14px ;}
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
select,
.modern-filter-trigger{min-height: 36px ;}
textarea{padding: 9px 12px ;}
.modern-filter-option,
.dropdown-item{min-height: 34px ;}
.modern-table,
.client-table{border-collapse: collapse ;}
.modern-table th,
.client-table th{height: 41px ;padding: 10px 12px ;}
.modern-table td,
.client-table td{height: 61px ;padding: 9px 12px ;}
.client-summary-grid{gap: 10px ;}
.client-summary-item{min-height: 86px ;padding: 14px ;}
.notification-card{max-width: 420px ;padding: 22px ;text-align: right ;}
.notification-card::before{height: 2px ;}
.notification-icon{width: 44px ;height: 44px ;margin: 0 0 14px ;}
.notification-btn{min-height: 36px ;padding: 7px 12px ;}
::-webkit-scrollbar{width: 7px;height: 7px;}
@media  (max-width: 768px) {.container.mx-auto.p-6{padding: 10px ;}
#mobileMenuBtn{top: 9px ;right: 10px ;left: auto ;width: 36px ;height: 36px ;padding: 0 ;}}
body.auth-page{min-height: 100vh ;margin: 0 ;padding: 24px ;display: flex ;align-items: center ;justify-content: center ;overflow-x: hidden ;}
.auth-page .blob{display: none ;}
.auth-page .glass-card{width: 100% ;max-width: 410px ;padding: 28px ;}
.auth-page .glass-card > .text-center:first-child > div:first-child{width: 48px ;height: 48px ;margin-bottom: 14px ;}
.auth-page .tab-switcher{min-height: 42px ;margin-bottom: 22px ;padding: 3px ;}
.auth-page .tab-btn{min-height: 34px ;padding: 8px 10px ;display: flex ;align-items: center ;justify-content: center ;}
.auth-page .tab-slider{top: 3px ;bottom: 3px ;}
.auth-page .input-modern,
.auth-page .modern-input{min-height: 42px ;padding: 9px 42px 9px 12px ;}
.auth-page .btn-gradient{min-height: 40px ;padding: 9px 14px ;}
.auth-page .error-message,
.auth-page .success-message{padding: 10px 12px ;}
.dashboard-page > .glass-card:first-child{padding: 18px ;margin-bottom: 16px ;}
.dashboard-page > .glass-card:first-child [class*="w-20"][class*="h-20"]{width: 48px ;height: 48px ;}
@media  (max-width: 520px) {body.auth-page{padding: 12px ;}
.auth-page .glass-card{padding: 22px 18px ;}}
@media  (min-width: 1180px) {.client-table{width: 100% ;min-width: 1100px ;}
.client-table th,
    .client-table td{padding-right: 8px ;padding-left: 8px ;}
.client-table th:nth-child(1){width: 175px ;}
.client-table th:nth-child(2){width: 75px ;}
.client-table th:nth-child(3){width: 115px ;}
.client-table th:nth-child(4){width: 90px ;}
.client-table th:nth-child(5){width: 55px ;}
.client-table th:nth-child(6){width: 120px ;}
.client-table th:nth-child(7){width: 110px ;}
.client-table th:nth-child(8){width: 55px ;}
.client-table th:nth-child(9){width: 135px ;}
.client-table th:nth-child(10){width: 125px ;}
.client-name{max-width: 105px ;}
.client-owner strong{max-width: 78px ;}}
.nav-group{margin-bottom: 2px;}
.nav-group-toggle,
.nav-submenu-link{width: 100%;min-height: 36px;display: flex;align-items: center;}
.nav-group-toggle{justify-content: space-between;padding: 7px 10px;}
.nav-group-label{display: flex;align-items: center;gap: 10px;min-width: 0;}
.nav-group-toggle svg,
.nav-submenu-link svg{width: 16px;height: 16px;flex: 0 0 16px;}
.nav-group-toggle .nav-chevron{width: 14px;height: 14px;}
.nav-submenu{display: block;max-height: 0;overflow: hidden;margin: 0 12px 0 0;padding-right: 10px;}
.nav-group.is-open > .nav-submenu{max-height: 440px;margin-top: 4px;margin-bottom: 6px;}
.nav-submenu-link{justify-content: flex-start;gap: 9px;padding: 7px 9px;}
.header-context{align-items: center;gap: 7px;}
.header-context svg{width: 16px;height: 16px;}
#mobileMenuBtn{z-index: 80 ;}
#mobileMenuBtn svg{width: 18px;height: 18px;}
.client-table th:first-child,
.client-table td:first-child{text-align: right ;}
.client-table .client-identity{justify-content: flex-start ;}
.client-page svg.lucide{width: 15px;height: 15px;}
.client-page-icon svg,
.client-summary-item .summary-icon svg{width: 18px ;height: 18px ;}
.source-pill svg,
.department-pill svg,
.vip-pill svg,
.balance-chip svg{width: 11px ;height: 11px ;}
.row-action svg,
.social-btn svg,
.client-icon-btn svg{width: 14px ;height: 14px ;}
.client-search-field svg{position: absolute;right: 13px;top: 50%;width: 15px;height: 15px;}
@media  (max-width: 900px) {#mobileMenuBtn{display: flex ;top: 10px ;right: 10px ;left: auto ;width: 36px ;height: 36px ;align-items: center ;justify-content: center ;}}
.dashboard-section-heading{min-height: 52px;margin-bottom: 10px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.dashboard-section-heading h2{margin: 0;display: flex;align-items: center;gap: 8px;}
.dashboard-section-heading h2 svg{width: 17px;height: 17px;}
.dashboard-section-heading p{margin: 5px 0 0;}
.dashboard-live-badge{min-height: 28px;padding: 5px 9px;display: inline-flex;align-items: center;gap: 6px;}
.dashboard-live-badge svg{width: 13px;height: 13px;}
.dashboard-analytics-grid{display: grid;grid-template-columns: minmax(0, 1.75fr) minmax(260px, .75fr);gap: 10px;}
.dashboard-chart-card,
.dashboard-composition-card{min-width: 0;}
.dashboard-chart-card{padding: 12px 16px 10px;}
.dashboard-chart-canvas{position: relative;width: 100%;height: 270px;}
.dashboard-composition-card{padding: 16px;}
.dashboard-composition-head{margin-bottom: 17px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.dashboard-composition-head strong{display: block;}
.dashboard-composition-head span{display: block;margin-top: 3px;}
.dashboard-composition-head > svg{width: 34px;height: 34px;padding: 8px;}
.dashboard-meter-row{margin-top: 14px;}
.dashboard-meter-row > div:first-child{margin-bottom: 6px;display: flex;justify-content: space-between;gap: 8px;}
.pasarguard-meter{width: 100%;height: 5px;overflow: hidden;}
.pasarguard-meter > span{display: block;height: 100%;min-width: 2px;}
.dashboard-meter-row small{display: block;margin-top: 5px;}
.dashboard-composition-footer{min-height: 36px;margin-top: 17px;padding-top: 11px;display: flex;align-items: center;gap: 7px;}
.dashboard-composition-footer svg{width: 14px;height: 14px;}
.dashboard-composition-footer strong{margin-right: auto;}
.dashboard-page svg.lucide{width: 17px;height: 17px;}
.dashboard-page [class*="w-12"][class*="h-12"] svg,
.dashboard-page [class*="w-10"][class*="h-10"] svg{width: 18px;height: 18px;}
.dashboard-page > .glass-card:first-child [class*="w-20"][class*="h-20"] svg{width: 22px;height: 22px;}
.dashboard-status-dot{width: 8px;height: 8px;display: inline-block;margin-left: 6px;}
.overflow-x-auto,
.client-table-scroll{max-width: 100%;}
@media  (max-width: 1050px) {.dashboard-analytics-grid{grid-template-columns: 1fr;}
.dashboard-chart-canvas{height: 240px;}}
@media  (max-width: 560px) {.dashboard-section-heading{align-items: flex-start;flex-direction: column;}
.dashboard-chart-card{padding: 8px 6px;}
.dashboard-chart-canvas{height: 220px;}
.dashboard-composition-card{padding: 13px;}
.client-table{min-width: 1050px ;}
.client-table th:first-child,
    .client-table td:first-child{position: sticky;right: 0;z-index: 3;}
.client-table th:first-child{z-index: 4;}
.client-page-header{margin-bottom: 12px ;}
.client-summary-grid{grid-template-columns: repeat(2, minmax(0, 1fr)) ;}
.client-summary-item{min-height: 72px ;padding: 10px ;}}
.panel-page-header{min-height: 76px;margin-bottom: 14px;padding: 14px 16px;display: flex;align-items: center;justify-content: space-between;gap: 16px;}
.panel-page-heading{min-width: 0;display: flex;align-items: center;gap: 12px;}
.panel-page-heading h1{margin: 0;}
.panel-page-heading p{margin: 4px 0 0;}
.panel-page-icon{flex: 0 0 38px;width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;}
.panel-page-icon svg{width: 19px;height: 19px;}
.panel-count-badge,
.panel-status-badge{min-height: 28px;padding: 5px 10px;display: inline-flex;align-items: center;gap: 6px;white-space: nowrap;}
.panel-status-badge svg{width: 13px;height: 13px;}
.panel-info-strip{min-height: 42px;margin-bottom: 10px;padding: 9px 12px;display: flex;align-items: flex-start;gap: 8px;}
.panel-info-strip svg{flex: 0 0 auto;width: 15px;height: 15px;margin-top: 2px;}
.panel-table-card,
.panel-form-card,
.balance-client-summary,
.balance-update-form-panel,
.profile-activity-panel,
.security-guidance-panel{min-width: 0;}
.panel-table-card{overflow: hidden;}
.panel-table-card-head,
.panel-form-card-head,
.balance-form-head,
.profile-activity-head,
.security-guidance-head{min-height: 58px;padding: 12px 14px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.panel-table-card-head h2,
.panel-form-card-head h2,
.balance-form-head h2,
.profile-activity-head h2,
.security-guidance-head h2{margin: 0;}
.panel-table-card-head p,
.panel-form-card-head p,
.balance-form-head p,
.profile-activity-head p,
.security-guidance-head p{margin: 3px 0 0;}
.panel-form-card-head > svg,
.balance-form-head > svg,
.profile-activity-head > svg,
.security-guidance-head > svg{width: 18px;height: 18px;}
.panel-primary-action,
.panel-secondary-action,
.panel-danger-action{min-height: 34px;padding: 7px 12px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;}
.panel-primary-action svg,
.panel-secondary-action svg,
.panel-danger-action svg{width: 15px;height: 15px;}
.panel-ltr-value{display: inline-block;}
.panel-empty-state{min-height: 180px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px;text-align: center;}
.panel-empty-state svg{width: 32px;height: 32px;}
.panel-pagination{min-height: 48px;padding: 8px 12px;display: flex;align-items: center;justify-content: center;gap: 12px;}
.panel-pagination a{min-height: 36px;padding: 7px 11px;display: inline-flex;align-items: center;gap: 5px;}
.panel-pagination svg{width: 13px;height: 13px;}
.settings-nav-wrapper{min-height: 50px;margin-bottom: 10px ;padding: 6px ;display: flex;align-items: center;gap: 4px;overflow-x: auto;white-space: nowrap;}
.settings-tab{min-height: 36px;padding: 7px 10px ;display: inline-flex;align-items: center;gap: 7px;}
.settings-tab svg{width: 15px;height: 15px;}
.settings-inner-tabs{margin-bottom: 10px;padding: 5px;overflow-x: auto;}
.settings-inner-tabs nav{display: flex;align-items: center;gap: 4px;min-width: max-content;}
.settings-inner-tabs .tab-btn{min-height: 34px;padding: 6px 10px ;display: inline-flex;align-items: center;gap: 7px;}
.settings-inner-tabs .tab-btn svg{width: 15px;height: 15px;}
.settings-page .tab-content > .glass-card{margin-bottom: 10px;}
.settings-page .tab-content pre{max-width: 100%;overflow-x: auto;}
.panel-form-card > form,
.balance-update-form-panel > form{padding: 14px;}
.panel-form-grid,
.balance-form-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.panel-form-full,
.balance-form-full{grid-column: 1 / -1;}
.panel-field{min-width: 0;}
.panel-field label{display: block;margin-bottom: 6px;}
.panel-field input,
.panel-field textarea,
.panel-field select,
.panel-money-input{width: 100%;}
.panel-field input,
.panel-field select{min-height: 38px;padding: 8px 10px;}
.panel-field textarea{padding: 9px 10px;}
.panel-field small{display: block;margin-top: 5px;}
.panel-form-actions{margin-top: 14px;padding-top: 12px;display: flex;align-items: center;gap: 8px;}
.panel-password-input,
.panel-money-input{display: flex;align-items: stretch;overflow: hidden;}
.panel-password-input input,
.panel-money-input input{min-width: 0;flex: 1;}
.panel-password-input button,
.panel-money-input span{flex: 0 0 38px;display: inline-flex;align-items: center;justify-content: center;}
.panel-password-input svg{width: 15px;height: 15px;}
.panel-switch-row{min-height: 58px;padding: 10px 12px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.panel-switch-row strong{display: block;}
.panel-switch-row small{display: block;margin-top: 3px;}
.panel-switch-row input{width: 34px ;height: 18px ;}
.course-stats-grid{margin-bottom: 10px;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}
.course-stats-grid .stat-card{min-height: 108px;padding: 12px ;text-align: center;}
.course-stats-grid .stat-card .icon{width: 36px;height: 36px;margin-bottom: 7px;}
.course-stats-grid .stat-card .icon svg{width: 18px;height: 18px;}
.course-main-grid{display: grid;grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);gap: 10px;}
.course-form-column,
.course-list-column{min-width: 0;}
.course-list-column.is-full{grid-column: 1 / -1;}
.course-list-head{min-height: 58px;padding: 10px 12px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.course-list-head h2{margin: 0;display: flex;align-items: center;gap: 7px;}
.course-list-filters{display: flex;align-items: center;gap: 6px;}
.course-list-filters select{width: 125px ;min-height: 32px ;padding: 5px 8px ;}
.course-applicants-table{min-width: 760px;}
.course-applicants-page svg.lucide{width: 16px;height: 16px;}
.course-applicants-page .action-btn svg{width: 14px;height: 14px;}
.course-applicants-page .btn-gradient{display: inline-flex;align-items: center;justify-content: center;gap: 7px;}
.settings-page svg.lucide{width: 15px;height: 15px;}
.pending-balance-table th,
.pending-balance-table td{text-align: center ;vertical-align: middle ;}
.pending-balance-table th:first-child,
.pending-balance-table td:first-child{text-align: right ;}
.pending-client-cell{display: flex;align-items: center;gap: 9px;}
.pending-client-cell > span{flex: 0 0 34px;width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;}
.pending-client-cell strong{display: block;}
.pending-client-cell small{display: block;margin-top: 2px;}
.balance-update-grid{display: grid;grid-template-columns: minmax(230px, .68fr) minmax(0, 1.32fr);gap: 10px;}
.balance-client-summary{align-self: start;padding: 18px;text-align: center;}
.balance-client-avatar{width: 54px;height: 54px;margin: 0 auto 10px;display: flex;align-items: center;justify-content: center;}
.balance-client-summary h2{margin: 0 0 3px;}
.balance-client-summary dl{margin-top: 16px;}
.balance-client-summary dl > div{min-height: 40px;padding: 8px 0;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.balance-client-summary dd{margin: 0;text-align: left;}
.profile-main-avatar{flex: 0 0 42px;width: 42px;height: 42px;display: inline-flex;align-items: center;justify-content: center;}
.profile-membership{display: inline-flex;align-items: center;gap: 6px;}
.profile-membership svg{width: 14px;height: 14px;}
.profile-stats{margin-bottom: 10px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;}
.profile-stats article{min-height: 74px;padding: 12px 14px;display: flex;align-items: center;gap: 11px;}
.profile-stats article > span{flex: 0 0 34px;width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;}
.profile-stats svg{width: 17px;height: 17px;}
.profile-stats small{display: block;}
.profile-stats strong{display: block;margin-top: 3px;}
.profile-layout{display: grid;grid-template-columns: minmax(0, 1.4fr) minmax(300px, .6fr);gap: 10px;}
.profile-forms{min-width: 0;display: grid;gap: 10px;}
.profile-activity-panel{align-self: start;overflow: hidden;}
.profile-activity-list{max-height: 620px;overflow-y: auto;}
.profile-activity-list article{min-height: 58px;padding: 9px 12px;display: grid;grid-template-columns: 30px minmax(0, 1fr) auto;align-items: center;gap: 9px;}
.profile-activity-list article > div{min-width: 0;}
.profile-activity-list article strong{display: block;overflow: hidden;white-space: nowrap;}
.profile-activity-list article small{display: block;margin-top: 3px;}
.profile-activity-icon{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;}
.profile-activity-icon svg{width: 13px;height: 13px;}
.profile-action-badge{padding: 3px 6px;white-space: nowrap;}
.profile-all-activity{min-height: 40px;padding: 8px 12px;display: flex;align-items: center;justify-content: center;gap: 6px;}
.profile-all-activity svg{width: 13px;height: 13px;}
.security-overview-grid{display: grid;gap: 10px;}
.security-overview-item{min-height: 86px;padding: 14px;display: grid;grid-template-columns: 38px minmax(0, 1fr) auto;align-items: center;gap: 12px;}
.security-overview-item > span:first-child{width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;}
.security-overview-item svg{width: 18px;height: 18px;}
.security-overview-item h2{margin: 0;}
.security-overview-item p{margin: 4px 0 0;}
.security-guidance-panel{margin-top: 10px;overflow: hidden;}
.security-guidance-panel ul{padding: 12px 14px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px 16px;}
.security-guidance-panel li{display: flex;align-items: flex-start;gap: 7px;}
.security-guidance-panel li svg{flex: 0 0 auto;width: 14px;height: 14px;margin-top: 2px;}
.security-guidance-panel .panel-form-actions{margin: 0 14px 14px;}
.panel-header-actions{display: flex;align-items: center;gap: 7px;}
.panel-alert{min-height: 48px;margin-bottom: 10px;padding: 10px 12px;display: flex;align-items: flex-start;gap: 9px;}
.panel-alert > svg{flex: 0 0 auto;width: 16px;height: 16px;margin-top: 2px;}
.panel-alert strong,
.panel-alert span{display: block;}
.client-form-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: start;gap: 10px;}
.client-form-column{min-width: 0;display: grid;gap: 10px;}
.client-form-section,
.client-detail-panel{min-width: 0;overflow: hidden;}
.client-section-head{min-height: 58px;padding: 11px 13px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.client-section-head h2{margin: 0;}
.client-section-head p{margin: 3px 0 0;}
.client-section-head > svg{flex: 0 0 auto;width: 18px;height: 18px;}
.client-form-section > .panel-form-grid,
.client-form-section > .panel-field,
.client-form-section > .client-department-options,
.client-form-section > .client-switch-stack{margin: 13px;}
.client-form-section > .client-department-options + .panel-field{margin-top: 0;}
.client-form-section .panel-form-grid{gap: 11px;}
.client-form-actions{margin: 10px 0 0;padding: 11px 13px;}
.client-form-actions .panel-primary-action{min-width: 140px;}
.panel-prefix-input{width: 100%;min-height: 38px;display: flex;align-items: stretch;overflow: hidden;}
.panel-prefix-input span{flex: 0 0 auto;padding: 0 9px;display: inline-flex;align-items: center;}
.panel-prefix-input input{min-width: 0;min-height: 36px ;flex: 1;}
.client-department-options{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
.client-department-option{position: relative;min-width: 0;}
.client-department-option input{position: absolute;pointer-events: none;}
.client-department-option > span{min-height: 82px;padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;}
.client-department-option svg{width: 18px;height: 18px;}
.client-switch-stack{display: grid;gap: 8px;}
.panel-primary-action.is-loading{pointer-events: none;}
.client-detail-grid{display: grid;grid-template-columns: minmax(245px, .68fr) minmax(0, 1.32fr);align-items: start;gap: 10px;}
.client-detail-main{min-width: 0;display: grid;gap: 10px;}
.client-profile-summary{padding: 16px;}
.client-summary-badges{min-height: 26px;margin: 8px 0 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 5px;}
.client-status-pill{min-height: 24px;padding: 4px 7px;display: inline-flex;align-items: center;justify-content: center;gap: 4px;white-space: nowrap;}
.client-status-pill svg{width: 11px;height: 11px;}
.client-detail-panel > :not(.client-section-head){margin-right: 13px;margin-left: 13px;}
.client-financial-stats{margin-top: 13px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;}
.client-financial-stats > div{min-height: 68px;padding: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.client-financial-stats strong{margin-top: 4px;}
.client-deposit-row{min-height: 54px;margin-top: 9px;padding: 9px 10px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.client-deposit-row > div{display: flex;align-items: center;flex-wrap: wrap;gap: 7px;}
.client-note-block{margin-top: 9px;padding: 10px;}
.client-note-block strong{display: block;}
.client-note-block p{margin: 4px 0 0;}
.client-detail-actions{margin-bottom: 13px;}
.client-detail-list{margin-top: 13px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0 18px;}
.client-detail-list > div{min-height: 38px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.client-detail-list dd{margin: 0;text-align: left;}
.client-detail-panel > .client-detail-list + .client-note-block,
.client-detail-panel > .client-contact-grid{margin-top: 13px;}
.client-detail-panel > .client-note-block:last-child,
.client-detail-panel > .client-quick-actions:last-child{margin-bottom: 13px;}
.client-contact-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
.client-contact-grid > div{min-height: 42px;padding: 8px 10px;display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.client-contact-grid span{display: inline-flex;align-items: center;gap: 5px;}
.client-contact-grid svg{width: 13px;height: 13px;}
.client-quick-actions{margin-top: 9px;padding-top: 10px;display: flex;align-items: center;flex-wrap: wrap;gap: 6px;}
.client-quick-actions button{min-height: 31px;padding: 6px 8px;display: inline-flex;align-items: center;gap: 5px;}
.client-quick-actions svg{width: 12px;height: 12px;}
.client-portal-access{margin-top: 13px;margin-bottom: 13px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.client-portal-access-status{min-width: 0;display: flex;align-items: center;gap: 10px;}
.client-portal-access-icon{flex: 0 0 36px;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;}
.client-portal-access-icon svg{width: 17px;height: 17px;}
.client-portal-access-status > div{min-width: 0;}
.client-portal-access-status strong,
.client-portal-access-status small{display: block;}
.client-portal-access-status small{margin-top: 3px;}
.portal-password-modal-body{padding: 14px;}
.portal-password-modal-body .panel-alert{margin-bottom: 12px;}
#portalPasswordGenerateForm{display: flex;align-items: center;justify-content: flex-end;gap: 7px;}
.portal-password-result{text-align: center;}
.portal-password-result-icon{width: 42px;height: 42px;margin: 0 auto 9px;display: flex;align-items: center;justify-content: center;}
.portal-password-result-icon svg{width: 20px;height: 20px;}
.portal-password-result > strong{display: block;}
.portal-password-result > p{margin: 5px auto 12px;max-width: 340px;}
.portal-password-result code{min-height: 48px;padding: 10px 12px;display: flex;align-items: center;justify-content: center;}
.portal-password-result > small{display: block;margin: 7px 0 12px;}
.portal-password-result .panel-primary-action{width: 100%;}
.panel-modal-backdrop{position: fixed;inset: 0;z-index: 1200;padding: 18px;display: none;align-items: center;justify-content: center;}
.panel-modal-backdrop.is-open{display: flex;}
.panel-modal{width: min(430px, 100%);overflow: hidden;}
.panel-modal-head{min-height: 64px;padding: 12px 14px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.panel-modal-head h2{margin: 0;}
.panel-modal-head p{margin: 3px 0 0;}
.panel-modal > form{padding: 14px;display: grid;gap: 11px;}
.panel-modal .panel-form-actions{margin-top: 2px;}
.panel-icon-button{width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;}
.panel-icon-button svg{width: 15px;height: 15px;}
@media  (max-width: 900px) {.profile-layout,
    .balance-update-grid,
    .course-main-grid,
    .client-form-grid,
    .client-detail-grid{grid-template-columns: 1fr;}
.balance-client-summary{display: grid;grid-template-columns: 54px minmax(0, 1fr);column-gap: 12px;text-align: right;}
.balance-client-avatar{grid-row: 1 / 3;margin: 0;}
.balance-client-summary dl{grid-column: 1 / -1;}}
@media  (max-width: 680px) {.panel-page-header{align-items: flex-start;flex-direction: column;}
.panel-header-actions{width: 100%;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.panel-page-header > .panel-secondary-action,
    .panel-page-header > .panel-count-badge,
    .panel-page-header > .panel-status-badge{align-self: stretch;}
.panel-form-grid,
    .balance-form-grid,
    .profile-stats,
    .security-guidance-panel ul{grid-template-columns: 1fr;}
.course-stats-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 7px;}
.course-list-head{align-items: stretch;flex-direction: column;}
.course-list-filters select{width: 100% ;}
.course-list-filters{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.profile-stats{gap: 7px;}
.profile-stats article{min-height: 62px;}
.security-overview-item{grid-template-columns: 34px minmax(0, 1fr);}
.security-overview-item > .panel-status-badge{grid-column: 2;}
.panel-form-actions{align-items: stretch;flex-direction: column;}
.panel-form-actions > *{width: 100%;}
.client-detail-list,
    .client-contact-grid{grid-template-columns: 1fr;}
.client-deposit-row{align-items: stretch;flex-direction: column;}
.client-deposit-row form,
    .client-deposit-row .panel-secondary-action{width: 100%;}
.client-quick-actions{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.client-quick-actions button{justify-content: center;}
.client-portal-access{align-items: stretch;flex-direction: column;}
.client-portal-access > .panel-primary-action{width: 100%;}
#portalPasswordGenerateForm{align-items: stretch;flex-direction: column;}
#portalPasswordGenerateForm > *{width: 100%;}
.settings-page .glass-card.p-8{padding: 14px ;}
.pending-balance-table thead{display: none;}
.pending-balance-table,
    .pending-balance-table tbody,
    .pending-balance-table tr,
    .pending-balance-table td{display: block;width: 100%;}
.pending-balance-table tr{padding: 10px 12px;}
.pending-balance-table td{min-height: 38px;padding: 7px 0 ;display: flex;align-items: center;justify-content: space-between;gap: 12px;text-align: left ;}
.pending-balance-table td:first-child{justify-content: flex-start;text-align: right ;}
.pending-balance-table td:first-child::before,
    .pending-balance-table td[colspan]::before{display: none;}
.pending-balance-table td[colspan]{display: block;}}
.live-admin-page{padding-bottom: 30px;}
.live-admin-state{min-width: 160px;min-height: 42px;padding: 7px 10px;display: flex;align-items: center;gap: 9px;}
.live-admin-state > span{width: 8px;height: 8px;flex: 0 0 8px;}
.live-admin-state strong, .live-admin-state small{display: block;}
.live-admin-state small{margin-top: 2px;}
.live-room-controls, .live-session-settings{margin-bottom: 10px;overflow: hidden;}
.live-control-switches{padding: 12px 14px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;}
.live-control-switches button{min-width: 0;min-height: 58px;padding: 9px 10px;display: grid;grid-template-columns: 30px minmax(0, 1fr) 24px;align-items: center;gap: 8px;text-align: right;}
.live-control-switches button > svg{width: 18px;height: 18px;}
.live-control-switches button [data-control-icon]{width: 22px;height: 22px;}
.live-control-switches button span{min-width: 0;display: grid;gap: 2px;}
.live-control-switches small{overflow: hidden;white-space: nowrap;}
.panel-section-header{min-height: 62px;padding: 12px 14px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.panel-section-header h2{margin: 0;display: flex;align-items: center;gap: 7px;}
.panel-section-header h2 svg{width: 16px;height: 16px;}
.panel-section-header p{margin: 3px 0 0;}
.panel-header-tools{display: flex;align-items: center;gap: 7px;}
.panel-collapse-button{width: 30px;height: 30px;padding: 0;flex: 0 0 30px;display: inline-flex;align-items: center;justify-content: center;}
.panel-collapse-button svg{width: 15px;height: 15px;}
.collapsible-panel.is-collapsed{min-height: 0 ;height: auto ;}
.collapsible-panel.is-collapsed > :not(header){display: none ;}
.live-session-form, .live-signal-composer form{padding: 14px;}
.live-session-fields{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.live-session-fields label, .live-signal-form-grid label{min-width: 0;display: grid;gap: 5px;}
.live-session-fields .is-wide, .live-signal-form-grid .is-wide{grid-column: 1 / -1;}
.live-schedule-fields{min-height: 68px;padding: 9px 10px;display: grid;grid-template-columns: minmax(150px, 1fr) 110px 110px;align-items: end;gap: 8px;}
.live-schedule-fields > span{align-self: center;display: inline-flex;align-items: center;gap: 6px;}
.live-schedule-fields > span svg{width: 15px;height: 15px;}
.live-schedule-fields label{position: relative;display: block;}
.live-schedule-fields label small{position: absolute;left: 8px;top: 50%;}
.live-schedule-fields input{padding-left: 45px;text-align: left;}
#liveStreamUrlField[hidden]{display: none ;}
.live-session-fields .live-chat-toggle{min-height: 42px;padding: 9px 10px;display: flex;align-items: center;gap: 8px;}
.live-chat-toggle input{width: 17px;height: 17px;}
.live-chat-toggle span{display: inline-flex;align-items: center;gap: 6px;}
.live-chat-toggle svg{width: 14px;height: 14px;}
.live-session-actions{margin-top: 12px;padding-top: 12px;display: flex;justify-content: flex-end;gap: 8px;}
.live-screen-share{margin-bottom: 10px;overflow: hidden;}
.live-screen-state{min-height: 30px;padding: 5px 9px;display: inline-flex;align-items: center;gap: 7px;}
.live-screen-state > span{width: 7px;height: 7px;}
.live-screen-share-grid{padding: 14px;display: grid;grid-template-columns: minmax(360px, 1.4fr) minmax(260px, .6fr);gap: 14px;}
.live-screen-preview{min-width: 0;aspect-ratio: 16 / 9;position: relative;display: grid;overflow: hidden;}
.live-screen-preview video{width: 100%;height: 100%;display: block;object-fit: contain;}
.live-screen-preview-empty{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px;text-align: center;}
.live-screen-preview-empty svg{width: 34px;height: 34px;}
.live-screen-actions{min-width: 0;display: flex;flex-direction: column;justify-content: space-between;gap: 12px;}
.live-screen-publish-settings{display: grid;gap: 8px;}
.live-screen-publish-settings > label{display: grid;gap: 5px;}
.live-screen-publish-settings > label > span{display: inline-flex;align-items: center;gap: 6px;}
.live-screen-publish-settings > label svg{width: 14px;height: 14px;}
.live-audio-source-options{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 7px;}
.live-audio-source-options label{min-width: 0;min-height: 58px;padding: 8px;display: grid;grid-template-columns: 17px minmax(0, 1fr);align-items: center;gap: 7px;}
.live-audio-source-options input{width: 17px;height: 17px;}
.live-audio-source-options label > span{min-width: 0;display: grid;grid-template-columns: 15px minmax(0, 1fr);align-items: center;gap: 2px 6px;}
.live-audio-source-options svg{width: 15px;height: 15px;}
.live-audio-source-options small{grid-column: 1 / -1;}
.live-audio-meter{padding: 8px 9px;}
.live-audio-meter > div, .live-audio-meter > div > span{display: flex;align-items: center;justify-content: space-between;gap: 6px;}
.live-audio-meter > div > span{justify-content: flex-start;}
.live-audio-meter svg{width: 14px;height: 14px;}
.live-audio-meter-track{height: 7px;margin-top: 7px;display: block;overflow: hidden;}
.live-audio-meter-track i{width: 0;height: 100%;display: block;}
.live-screen-details{display: grid;gap: 7px;}
.live-screen-details > span{min-height: 40px;padding: 8px 10px;display: flex;align-items: center;gap: 8px;}
.live-screen-details svg{width: 15px;height: 15px;}
.live-screen-feedback{min-height: 40px;padding: 8px 10px;}
.live-screen-buttons{display: flex;flex-wrap: wrap;gap: 8px;}
.live-screen-buttons button{flex: 1 1 150px;}
.live-admin-grid{display: grid;grid-template-columns: minmax(0, 1.55fr) minmax(290px, .62fr);gap: 10px;align-items: start;}
.live-admin-main{min-width: 0;display: grid;gap: 10px;}
.live-admin-side{min-width: 0;display: grid;gap: 10px;position: sticky;top: 10px;}
.live-online-users-panel{overflow: hidden;}
.live-online-users-panel .panel-section-header > strong, .live-online-users-panel .panel-header-tools > strong{min-width: 30px;height: 28px;display: inline-flex;align-items: center;justify-content: center;}
.live-online-users{max-height: 178px;padding: 8px;display: grid;gap: 6px;overflow-y: auto;}
.live-online-user{min-height: 42px;padding: 6px 8px;display: grid;grid-template-columns: 30px minmax(0, 1fr) auto;align-items: center;gap: 8px;}
.live-online-user > i{width: 30px;height: 30px;display: grid;}
.live-online-user b{overflow: hidden;white-space: nowrap;}
.live-online-user small{display: inline-flex;align-items: center;gap: 4px;}
.live-online-user small::before{width: 6px;height: 6px;}
.live-online-empty{min-height: 76px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;}
.live-online-empty svg{width: 20px;height: 20px;}
.live-signal-composer{overflow: hidden;}
.live-symbol-presets{margin-bottom: 11px;padding-bottom: 11px;display: flex;flex-wrap: wrap;align-items: center;gap: 6px;}
.live-symbol-presets > span{margin-left: auto;display: inline-flex;align-items: center;gap: 5px;}
.live-symbol-presets > span svg{width: 13px;height: 13px;}
.live-symbol-presets button{min-height: 30px;padding: 5px 9px;}
.live-admin-latency{min-height: 30px;padding: 5px 9px;display: inline-flex;align-items: center;gap: 5px;}
.live-admin-latency svg{width: 13px;height: 13px;}
.live-signal-form-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 9px;}
.live-signal-form-grid textarea{min-height: 58px;}
.live-signal-submit-row{margin-top: 12px;padding-top: 12px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.live-admin-feedback{min-height: 20px;}
.live-admin-signals{overflow: hidden;}
.live-admin-signals .panel-section-header > strong, .live-admin-signals .panel-header-tools > strong{min-width: 30px;height: 28px;display: inline-flex;align-items: center;justify-content: center;}
.live-admin-signal-list{max-height: 500px;padding: 9px;display: grid;gap: 7px;overflow-y: auto;}
.live-admin-signal{min-height: 66px;padding: 9px;display: grid;grid-template-columns: 150px minmax(0, 1fr) auto;align-items: center;gap: 10px;}
.live-admin-signal-identity{min-width: 0;display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: center;gap: 4px 7px;}
.live-admin-signal-identity span{min-width: 48px;padding: 4px 6px;text-align: center;}
.live-admin-signal-identity strong{overflow: hidden;white-space: nowrap;}
.live-admin-signal-identity small{grid-column: 2;}
.live-admin-signal-numbers{min-width: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 5px;}
.live-admin-signal-numbers span{min-width: 0;padding: 6px;overflow: hidden;white-space: nowrap;}
.live-admin-signal-numbers bdi{margin-right: 4px;}
.live-admin-signal-actions{display: flex;gap: 5px;}
.live-admin-signal-actions button, .live-admin-message header button{width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;}
.live-admin-signal-actions svg, .live-admin-message header button svg{width: 13px;height: 13px;}
.live-admin-chat{height: min(570px, calc(100dvh - 330px));min-height: 410px;display: grid;grid-template-rows: auto minmax(0, 1fr) auto;overflow: hidden;}
.live-admin-chat-messages{min-height: 0;padding: 9px;display: flex;flex-direction: column;gap: 7px;overflow-y: auto;}
.live-admin-message{max-width: 90%;padding: 8px 9px;align-self: flex-start;}
.live-admin-message.is-admin{align-self: flex-end;}
.live-admin-message.is-system{max-width: 100%;align-self: stretch;text-align: center;}
.live-admin-message header{display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.live-admin-message header > div{display: flex;align-items: center;gap: 5px;}
.live-admin-message header button{width: 24px;height: 24px;}
.live-admin-message p{margin: 5px 0 0;white-space: pre-wrap;}
.live-admin-chat-form{padding: 9px;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 7px;}
.live-admin-chat-form textarea{min-height: 52px;}
.live-admin-chat-form .panel-primary-action{min-width: 72px;}
@media  (max-width: 980px) {.live-admin-grid{grid-template-columns: 1fr;}
.live-admin-side{position: static;}
.live-admin-chat{height: 520px;min-height: 0;position: static;}
.live-screen-share-grid{grid-template-columns: 1fr;}}
@media  (max-width: 680px) {.live-admin-state{width: 100%;}
.live-session-fields, .live-signal-form-grid{grid-template-columns: 1fr;}
.live-session-fields .is-wide, .live-signal-form-grid .is-wide{grid-column: auto;}
.live-session-actions, .live-signal-submit-row{align-items: stretch;flex-direction: column;}
.live-session-actions button, .live-signal-submit-row button{width: 100%;}
.live-control-switches{grid-template-columns: 1fr;padding: 10px;}
.live-schedule-fields{grid-template-columns: repeat(2, minmax(0, 1fr));}
.live-schedule-fields > span{grid-column: 1 / -1;}
.panel-section-header{padding: 10px;}
.panel-header-tools{flex-shrink: 0;}
.live-admin-signal{grid-template-columns: 1fr;}
.live-admin-signal-numbers{grid-template-columns: 1fr;}
.live-admin-signal-actions{justify-content: flex-end;}
.live-admin-chat{height: 480px;}
.live-admin-chat-form{grid-template-columns: minmax(0, 1fr) 48px;}
.live-admin-chat-form .panel-primary-action{min-width: 48px;}
.live-admin-chat-form .panel-primary-action span{display: none;}
.live-screen-share-grid{padding: 10px;}
.live-audio-source-options{grid-template-columns: 1fr;}
.live-screen-buttons{flex-direction: column;}
.live-screen-buttons button{width: 100%;flex-basis: auto;}}
.panel-modal-body{padding: 14px;}
.panel-modal-body .panel-form-actions{margin-bottom: 0;}
.panel-row-actions{display: flex;align-items: center;justify-content: center;gap: 5px;}
.panel-row-actions form{display: inline-flex;margin: 0;}
.action-btn{width: 31px;height: 31px;padding: 0 ;display: inline-flex;align-items: center;justify-content: center;}
.action-btn svg{width: 14px;height: 14px;}
.panel-tag{min-height: 25px;padding: 4px 8px;display: inline-flex;align-items: center;justify-content: center;gap: 5px;white-space: nowrap;}
.panel-tag svg{width: 12px;height: 12px;}
.panel-stat-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;margin-bottom: 10px;}
.panel-stat-card{min-height: 82px;padding: 13px;display: flex;align-items: center;gap: 11px;}
.panel-stat-card > span{flex: 0 0 36px;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;}
.panel-stat-card svg{width: 17px;height: 17px;}
.panel-stat-card small{display: block;margin-bottom: 4px;}
.panel-stat-card strong{display: block;}
.dashboard-page-header{margin-bottom: 10px;}
.dashboard-stat-grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));gap: 10px;}
.dashboard-stat-card{grid-column: span 3;min-height: 126px;padding: 15px;}
.dashboard-stat-card:nth-last-child(-n + 3){grid-column: span 4;}
.dashboard-stat-icon{flex: 0 0 36px;width: 36px;height: 36px;display: inline-flex;align-items: center;justify-content: center;}
.dashboard-stat-icon svg{width: 17px;height: 17px;}
.dashboard-page .dashboard-progress{height: 5px;}
.dashboard-page > .grid:last-of-type > a > div{margin-bottom: 8px ;}
.system-overview-grid{display: grid;grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr);gap: 10px;margin-bottom: 10px;}
.system-health-card,
.system-panel{min-width: 0;}
.system-health-card{min-height: 220px;padding: 18px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;text-align: center;}
.system-health-score{width: 104px;height: 104px;display: flex;align-items: center;justify-content: center;}
.system-health-card h2{margin: 0;}
.system-health-card p{margin: 4px 0 0;}
.system-alerts-card{min-height: 220px;}
.system-alert-list{padding: 10px;display: grid;gap: 7px;}
.system-alert-item{min-height: 52px;padding: 9px 10px;display: grid;grid-template-columns: 30px minmax(0, 1fr);align-items: center;gap: 9px;}
.system-alert-item > svg{width: 16px;height: 16px;}
.system-alert-item p{margin: 2px 0 0;}
.system-alert-empty{min-height: 128px;}
.system-detail-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;}
.system-panel{padding: 14px;}
.system-panel-head{min-height: 48px;margin: -14px -14px 13px;padding: 10px 12px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.system-panel-head h2{margin: 0;}
.system-panel-head p{margin: 3px 0 0;}
.system-panel-head > svg{width: 17px;height: 17px;}
.system-service-list,
.system-resource-list{display: grid;gap: 9px;}
.system-service-row{min-height: 42px;padding: 8px 9px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.system-service-row span{display: inline-flex;align-items: center;gap: 7px;}
.system-service-row svg{width: 14px;height: 14px;}
.system-resource-row > div:first-child{margin-bottom: 6px;display: flex;justify-content: space-between;gap: 8px;}
.system-backup-summary{min-height: 88px;padding: 13px;display: flex;flex-direction: column;justify-content: center;}
.system-backup-summary strong{margin-top: 6px;}
.system-actions{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));}
.system-actions form,
.system-actions button{width: 100%;}
.system-check-result{display: grid;gap: 6px;}
.system-check-result > div{padding: 7px 0;display: flex;justify-content: space-between;gap: 10px;}
.course-main-grid{grid-template-columns: minmax(265px, .72fr) minmax(0, 1.28fr);}
.course-applicants-page .panel-form-card,
.course-applicants-page .panel-table-card{height: fit-content;}
.course-applicants-table th,
.course-applicants-table td{text-align: center ;vertical-align: middle;}
.course-applicant-name strong{display: block;}
.course-applicant-name small{display: block;margin-top: 3px;}
.security-question-grid{display: grid;grid-template-columns: minmax(0, 1.2fr) minmax(290px, .8fr);gap: 10px;}
.security-question-side{display: grid;gap: 10px;}
.security-answer-result{margin-bottom: 12px;padding: 11px;}
.security-answer-result span{display: block;}
.security-answer-result strong{display: block;margin-top: 4px;text-align: left;}
.panel-file-drop{width: 100%;min-height: 150px;padding: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;}
.panel-file-drop > svg{width: 26px;height: 26px;}
.panel-file-drop img{max-width: min(260px, 100%);max-height: 180px;margin-top: 7px;object-fit: contain;}
.settings-page .settings-table th,
.settings-page .settings-table td{text-align: center ;}
.settings-filter-card{margin-bottom: 10px;}
.settings-filter-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.settings-user-cell{display: flex;align-items: center;justify-content: center;gap: 8px;}
.settings-user-cell > span{width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;}
.settings-user-cell strong{display: block;}
.settings-user-cell small{display: block;}
.admin-management-page #editAdminModal,
.admin-management-page #permissionModal{padding: 12px ;}
.admin-management-page #editAdminModalContent,
.admin-management-page #permissionModalContent{max-height: calc(100dvh - 24px);overflow-y: auto;}
.backup-layout{display: grid;grid-template-columns: minmax(230px, .55fr) minmax(0, 1.45fr);gap: 10px;}
.backup-summary-list{display: grid;gap: 7px;margin-bottom: 12px;}
.backup-summary-list > div{min-height: 38px;padding: 7px 9px;display: flex;align-items: center;justify-content: space-between;}
.backup-path{margin-top: 10px;}
.bug-thumbnail{width: 38px;height: 38px;padding: 0;overflow: hidden;}
.bug-thumbnail img{width: 100%;height: 100%;object-fit: cover;}
.bug-detail-modal{width: min(580px, 100%);}
.bug-detail-body{display: grid;gap: 10px;}
.bug-detail-body > section{padding: 10px;}
.bug-detail-body section > span,
.bug-detail-grid dt{display: block;margin-bottom: 4px;}
.bug-detail-body p,
.bug-detail-grid dd{margin: 0;}
.bug-detail-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
.bug-detail-grid > div{padding: 9px;}
.bug-detail-body img{display: block;max-width: 100%;max-height: 230px;margin: 6px auto 0;object-fit: contain;}
.notification-overlay{padding: 18px;align-items: center;justify-content: center;}
.notification-card{width: min(420px, 100%) ;max-width: 420px ;max-height: calc(100dvh - 36px);padding: 18px ;display: flex;flex-direction: column;overflow: hidden ;}
.notification-card::before{display: none ;}
.notification-close{position: absolute;top: 10px;left: 10px;z-index: 2;width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;}
.notification-close svg{width: 14px;height: 14px;}
.notification-icon{flex: 0 0 40px;width: 40px ;height: 40px ;margin: 0 0 11px ;}
.notification-icon svg{width: 19px;height: 19px;}
.notification-title{flex: 0 0 auto;margin: 0 0 7px ;}
.notification-message{min-height: 0;margin: 0 0 13px ;overflow-y: auto;}
.notification-btn{flex: 0 0 auto;width: 100%;margin-top: auto;}
.notification-list{max-height: min(42vh, 330px);overflow-y: auto;}
.notification-list-item{padding: 10px 0;display: flex;align-items: center;gap: 9px;}
.notification-list-copy{min-width: 0;flex: 1;}
.notification-list-copy strong{display: block;}
.notification-list-copy p{margin: 3px 0;}
.notification-list-copy time{display: flex;align-items: center;gap: 4px;}
.notification-list-copy time svg{width: 11px;height: 11px;}
.notification-read-button{min-height: 29px;padding: 5px 8px;white-space: nowrap;}
.notification-manage-link{padding: 9px 0;text-align: center;}
.notification-countdown{margin-top: 10px;padding: 9px;display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 7px;}
.notification-countdown > span{display: flex;align-items: center;gap: 5px;}
.notification-countdown > span svg{width: 12px;height: 12px;}
.notification-countdown-track{grid-column: 1 / -1;height: 3px;overflow: hidden;}
.notification-countdown-track > span{display: block;width: 100%;height: 100%;}
body.session-idle-open{overflow: hidden ;}
.session-idle-overlay{position: fixed;inset: 0;z-index: 100000;padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));display: grid;}
.session-idle-overlay[hidden]{display: none ;}
.session-idle-dialog{width: min(440px, 100%);max-height: calc(100dvh - 32px);padding: 18px;overflow-y: auto;}
.session-idle-header{display: flex;align-items: center;gap: 11px;}
.session-idle-icon{width: 42px;height: 42px;flex: 0 0 42px;display: grid;}
.session-idle-icon svg{width: 20px;height: 20px;}
.session-idle-heading{min-width: 0;display: grid;gap: 2px;}
.session-idle-description{margin: 15px 0 13px;}
.session-idle-countdown{min-height: 66px;padding: 10px;display: grid;grid-template-columns: 48px minmax(0, 1fr);align-items: center;gap: 10px;}
.session-idle-countdown-value{width: 48px;height: 44px;display: grid;}
.session-idle-countdown-copy{min-width: 0;display: grid;gap: 3px;}
.session-idle-progress{height: 3px;margin: 9px 1px 15px;overflow: hidden;}
.session-idle-progress > span{display: block;width: 100%;height: 100%;}
.session-idle-actions{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);gap: 8px;}
.session-idle-actions button{min-width: 0;min-height: 42px;padding: 8px 12px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;}
.session-idle-actions button svg{width: 15px;height: 15px;}
@media  (max-width: 980px) {.dashboard-stat-grid,
    .system-detail-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.dashboard-stat-card,
    .dashboard-stat-card:nth-last-child(-n + 3){grid-column: auto;}
.system-overview-grid,
    .security-question-grid,
    .backup-layout,
    .course-main-grid{grid-template-columns: 1fr;}}
@media  (max-width: 680px) {.panel-stat-grid,
    .dashboard-stat-grid,
    .system-detail-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.dashboard-stat-card{min-height: 106px;padding: 11px;}
.system-health-card{min-height: 170px;}
.system-actions,
    .settings-filter-grid{grid-template-columns: 1fr;}
.course-applicants-table{min-width: 790px;}
.bug-detail-grid{grid-template-columns: 1fr;}
.settings-page .panel-page-header form,
    .settings-page .panel-page-header form button{width: 100%;}
.notification-overlay{padding: 9px;align-items: flex-start;}
.notification-card{width: 100% ;max-height: calc(100dvh - 18px);margin-top: 0;padding: 14px ;}
.notification-icon{width: 35px ;height: 35px ;margin-bottom: 8px ;}
.notification-title{padding-left: 32px;}
.notification-message{max-height: calc(100dvh - 160px);}
.notification-list{max-height: 43vh;}
.notification-list-item{align-items: flex-start;flex-direction: column;}
.notification-read-button{align-self: stretch;}
.session-idle-overlay{padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));align-items: end;}
.session-idle-dialog{width: 100%;max-height: calc(100dvh - 20px);padding: 15px;}
.session-idle-description{margin: 13px 0 11px;}}
@media  (max-width: 420px) {.system-detail-grid{grid-template-columns: 1fr;}
.dashboard-stat-card{min-height: 96px;}
.panel-header-actions{grid-template-columns: 1fr;}
.session-idle-actions{grid-template-columns: 1fr;}}
.sms-center{width: min(100%, 1280px);display: grid;gap: 14px;}
.sms-center-header{min-height: 104px;padding: 16px;display: grid;grid-template-columns: minmax(250px, .8fr) minmax(560px, 1.7fr);align-items: center;gap: 22px;}
.sms-center-heading{min-width: 0;display: flex;align-items: center;gap: 11px;}
.sms-center-heading h2{margin: 0;}
.sms-center-heading p{margin: 4px 0 0;}
.sms-center-summary{min-width: 0;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;}
.sms-summary-item{min-width: 0;min-height: 62px;padding: 9px 10px;display: grid;grid-template-columns: 32px minmax(0, 1fr);align-items: center;gap: 9px;}
.sms-summary-item > svg{width: 18px;height: 18px;}
.sms-summary-item > span{min-width: 0;display: grid;gap: 2px;}
.sms-summary-item strong{overflow: hidden;white-space: nowrap;}
.sms-workspace-tabs{padding: 6px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 5px;}
.sms-workspace-tabs button{min-width: 0;min-height: 57px;padding: 8px 11px;display: grid;grid-template-columns: 28px minmax(0, 1fr);align-items: center;gap: 8px;text-align: right;}
.sms-workspace-tabs button > svg{width: 18px;height: 18px;}
.sms-workspace-tabs button > span{min-width: 0;display: grid;gap: 2px;}
.sms-workspace-tabs small{overflow: hidden;white-space: nowrap;}
[data-sms-panel][hidden]{display: none ;}
.sms-settings-panel,
.sms-tool-group{overflow: hidden;}
.sms-settings-form{display: grid;}
.sms-settings-section{padding: 16px;display: grid;grid-template-columns: minmax(190px, .42fr) minmax(0, 1.58fr);gap: 20px;}
.sms-settings-section-title{min-width: 0;display: grid;grid-template-columns: 24px minmax(0, 1fr);gap: 8px;}
.sms-settings-section-title > svg{width: 17px;height: 17px;margin-top: 2px;}
.sms-settings-section-title > span{min-width: 0;display: grid;gap: 4px;}
.sms-settings-fields,
.sms-automation-grid,
.sms-template-grid{min-width: 0;display: grid;gap: 10px;}
.sms-connection-fields{grid-template-columns: repeat(3, minmax(0, 1fr));}
.sms-connection-fields.is-legacy{grid-template-columns: repeat(2, minmax(0, 1fr));}
.sms-automation-grid{grid-template-columns: repeat(2, minmax(210px, 1fr)) minmax(180px, .72fr);align-items: stretch;}
.sms-template-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.sms-switch-row,
.sms-check-row{min-width: 0;min-height: 62px;padding: 10px;display: flex;align-items: center;gap: 9px;}
.sms-switch-row > input{position: absolute;pointer-events: none;}
.sms-switch-control{position: relative;width: 38px;height: 21px;flex: 0 0 38px;}
.sms-switch-control::after{position: absolute;top: 3px;right: 3px;width: 13px;height: 13px;}
.sms-switch-row > span:last-child,
.sms-check-row > span{min-width: 0;display: grid;gap: 2px;}
.sms-check-row > input{width: 17px;height: 17px;flex: 0 0 17px;}
.sms-field{min-width: 0;display: grid;gap: 5px;}
[data-sms-panel-username][hidden]{display: none ;}
.sms-field > span{min-height: 16px;}
.sms-field-wide{grid-column: 1 / -1;}
.sms-field .modern-input{width: 100%;}
.sms-field textarea.modern-input{min-height: 92px;}
.sms-threshold-field .modern-input{min-height: 62px;text-align: center;}
.sms-settings-actions{min-height: 76px;padding: 12px 16px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.sms-settings-actions > button{min-width: 210px;}
.sms-clear-token{min-width: 0;}
.sms-clear-token > input{position: absolute;pointer-events: none;}
.sms-clear-token > span{min-height: 44px;padding: 7px 9px;display: grid;grid-template-columns: 25px minmax(0, 1fr);align-items: center;gap: 7px;}
.sms-clear-token > span > svg{width: 15px;height: 15px;}
.sms-clear-token > span > span{display: grid;gap: 1px;}
.sms-connection-test{min-height: 62px;padding: 11px 16px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.sms-connection-test-copy{min-width: 0;flex: 1 1 auto;display: grid;gap: 3px;}
.sms-connection-test-copy strong{display: inline-flex;align-items: center;gap: 6px;}
.sms-connection-test-copy strong svg{width: 14px;height: 14px;}
.sms-connection-test form{flex: 0 0 auto;margin: 0;}
.sms-connection-test .panel-secondary-action{min-width: 150px;}
@media  (max-width: 720px) {.sms-connection-test{flex-direction: column;align-items: stretch;}
.sms-connection-test .panel-secondary-action{width: 100%;}}
.sms-result{position: sticky;top: 10px;z-index: 20;padding: 12px;}
.sms-result[hidden]{display: none;}
.sms-result-head{display: grid;grid-template-columns: 34px minmax(0, 1fr) 30px;align-items: center;gap: 9px;}
.sms-result-icon{width: 34px;height: 34px;display: grid;}
.sms-result-icon svg{width: 17px;height: 17px;}
.sms-result-head p{margin: 2px 0 0;}
.sms-result-head > button{width: 30px;height: 30px;display: grid;}
.sms-result-head > button svg{width: 14px;height: 14px;}
.sms-result-fields{margin-top: 10px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 7px;}
.sms-result-fields:empty,
.sms-result-items:empty{display: none;}
.sms-result-fields > span{min-width: 0;padding: 8px;display: grid;gap: 3px;}
.sms-result-items{max-height: 310px;margin-top: 9px;overflow: auto;}
.sms-result-item{padding: 8px;display: grid;grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));gap: 7px;}
.sms-result-item > span{min-width: 0;display: grid;gap: 2px;}
.sms-tool-groups{display: grid;gap: 14px;}
.sms-tool-group > header{min-height: 70px;padding: 12px 15px;display: flex;align-items: center;gap: 9px;}
.sms-tool-group > header > span{width: 36px;height: 36px;flex: 0 0 36px;display: grid;}
.sms-tool-group > header svg{width: 17px;height: 17px;}
.sms-tool-group > header h3{margin: 0;}
.sms-tool-group > header p{margin: 3px 0 0;}
.sms-tools-grid{padding: 12px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));align-items: start;gap: 8px;}
.sms-tool{min-width: 0;overflow: hidden;}
.sms-tool[open]{grid-column: 1 / -1;}
.sms-tool-wide{grid-column: 1 / -1;}
.sms-tool > summary{min-height: 66px;padding: 10px 11px;display: flex;align-items: center;justify-content: space-between;gap: 9px;}
.sms-tool > summary::-webkit-details-marker{display: none;}
.sms-tool > summary > span{min-width: 0;display: grid;grid-template-columns: 20px minmax(0, 1fr);align-items: center;gap: 2px 8px;}
.sms-tool > summary > span > svg{width: 17px;height: 17px;grid-row: 1 / 3;}
.sms-tool > summary small{overflow: hidden;white-space: nowrap;}
.sms-tool > summary > svg{width: 15px;height: 15px;flex: 0 0 15px;}
.sms-action-form{width: min(100%, 980px);padding: 16px;display: grid;gap: 11px;}
.sms-action-form > button{width: max-content;min-width: 155px;}
.sms-quick-action p{margin: 0;}
.sms-form-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.sms-form-grid-three{grid-template-columns: repeat(3, minmax(0, 1fr));}
.sms-action-form button.is-loading{pointer-events: none;}
@media  (max-width: 1100px) {.sms-center-header{grid-template-columns: 1fr;}
.sms-tools-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.sms-automation-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.sms-threshold-field{grid-column: 1 / -1;}}
@media  (max-width: 820px) {.sms-settings-section{grid-template-columns: 1fr;gap: 12px;}
.sms-connection-fields,
    .sms-template-grid{grid-template-columns: 1fr;}
.sms-result-fields{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media  (max-width: 680px) {.sms-center{gap: 10px;}
.sms-center-header{min-height: 0;padding: 12px;gap: 12px;}
.sms-center-summary{grid-template-columns: 1fr;}
.sms-summary-item{min-height: 52px;}
.sms-workspace-tabs{gap: 3px;}
.sms-workspace-tabs button{min-height: 52px;padding: 7px 5px;grid-template-columns: 20px minmax(0, 1fr);gap: 4px;}
.sms-workspace-tabs button > svg{width: 16px;height: 16px;}
.sms-workspace-tabs small{display: none;}
.sms-settings-section{padding: 12px;}
.sms-automation-grid,
    .sms-form-grid,
    .sms-form-grid-three,
    .sms-tools-grid{grid-template-columns: 1fr;}
.sms-threshold-field,
    .sms-tool,
    .sms-tool-wide,
    .sms-tool[open]{grid-column: auto;}
.sms-settings-actions{align-items: stretch;flex-direction: column-reverse;}
.sms-settings-actions > button,
    .sms-action-form > button{width: 100%;min-width: 0;}
.sms-action-form{padding: 12px;}
.sms-result{top: 6px;}
.sms-result-fields,
    .sms-result-item{grid-template-columns: 1fr;}}
.live-invite-manager{overflow: hidden;}
.live-invite-form{padding: 11px;display: grid;grid-template-columns: minmax(180px, 1.3fr) repeat(2, minmax(120px, .65fr)) minmax(190px, 1fr) auto;align-items: end;gap: 9px;}
.live-invite-form > label{min-width: 0;display: grid;gap: 5px;}
.live-invite-guest-toggle{min-height: 40px;padding: 6px 8px;grid-template-columns: 17px minmax(0, 1fr) ;align-items: center;}
.live-invite-guest-toggle input{width: 17px;height: 17px;}
.live-invite-guest-toggle span{min-width: 0;display: grid;gap: 1px;}
.live-invite-result{margin: 0 11px 11px;padding: 9px;display: grid;grid-template-columns: minmax(180px, .8fr) minmax(260px, 1.4fr) auto;align-items: center;gap: 8px;}
.live-invite-result[hidden]{display: none;}
.live-invite-result > div{display: flex;align-items: center;gap: 8px;}
.live-invite-result > div svg{width: 17px;}
.live-invite-result > div span{display: grid;}
.live-invite-list{padding: 0 11px 11px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 7px;}
.live-invite-list article{min-width: 0;min-height: 48px;padding: 7px 8px;display: grid;grid-template-columns: minmax(0, 1fr) 30px;align-items: center;gap: 7px;}
.live-invite-list article > span{min-width: 0;display: grid;grid-template-columns: 16px minmax(0, 1fr);align-items: center;gap: 1px 6px;}
.live-invite-list article > span svg{width: 15px;height: 15px;grid-row: 1 / 3;}
.live-invite-list article b{overflow: hidden;white-space: nowrap;}
.live-invite-list article > button{width: 30px;height: 30px;display: grid;}
.live-invite-list article > button svg{width: 13px;height: 13px;}
.live-admin-message blockquote, .live-chat-message blockquote{margin: 6px 0 0;padding: 5px 7px;display: grid;gap: 1px;}
.live-admin-message footer{min-height: 13px;margin-top: 4px;}
.live-pinned-messages{max-height: 86px;padding: 6px;display: flex;gap: 5px;overflow: auto;}
.live-pinned-messages:empty{display: none;}
.live-pinned-messages button{min-width: min(220px, 85%);padding: 5px 7px;display: grid;grid-template-columns: 14px minmax(0, 1fr);align-items: center;gap: 6px;text-align: right;}
.live-pinned-messages svg{width: 13px;height: 13px;}
.live-pinned-messages span{display: grid;overflow: hidden;white-space: nowrap;}
.live-chat-context{grid-column: 1 / -1;min-width: 0;padding: 5px 7px;display: grid;grid-template-columns: 15px minmax(0, 1fr) 26px;align-items: center;gap: 6px;}
.live-chat-context[hidden]{display: none;}
.live-chat-context > svg{width: 14px;height: 14px;}
.live-chat-context span{min-width: 0;display: grid;}
.live-chat-context small{overflow: hidden;white-space: nowrap;}
.live-chat-context button{width: 26px;height: 26px;display: grid;}
.live-chat-context button svg{width: 13px;height: 13px;}
.live-admin-chat{grid-template-rows: auto auto minmax(0, 1fr) auto;}
@media  (max-width: 980px) {.live-invite-form{grid-template-columns: repeat(2, minmax(0, 1fr));}
.live-invite-form .panel-primary-action{width: 100%;}
.live-invite-result{grid-template-columns: 1fr;}
.live-invite-list{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media  (max-width: 640px) {.live-invite-form, .live-invite-list{grid-template-columns: 1fr;}}
.crm-footer-status{width: 7px;height: 7px;}
.crm-is-loading{position: relative ;pointer-events: none ;}
button.crm-is-loading::after,
a.crm-is-loading::after{width: 17px;height: 17px;position: absolute;inset: 50% auto auto 50%;margin: -8.5px 0 0 -8.5px;}
#crmRequestProgress{height: 3px;position: fixed;inset: 0 0 auto;z-index: 5000;overflow: hidden;pointer-events: none;}
#crmRequestProgress span{width: 100%;height: 100%;display: block;}
.client-email-profile-value{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 6px;}
.client-email-profile-value .panel-ltr-value{min-width: 0;}
.client-portal-email-state{min-height: 62px;margin-top: 12px;padding: 11px 13px;display: grid;grid-template-columns: 34px minmax(0, 1fr) auto;align-items: center;gap: 10px;}
.client-portal-email-state > svg{width: 34px;height: 34px;padding: 8px;}
.client-portal-email-state div{min-width: 0;display: grid;gap: 3px;}
.client-portal-email-state time{white-space: nowrap;}
@media  (max-width: 560px) {.client-portal-email-state{grid-template-columns: 32px minmax(0, 1fr);}
.client-portal-email-state time{grid-column: 2;}}
.notification-close,
.notification-panel-close{width: 34px ;height: 34px ;min-width: 34px ;min-height: 34px ;display: inline-flex ;align-items: center;justify-content: center;}
.admin-management-page .modern-table tbody button{width: 36px ;height: 36px ;min-width: 36px ;min-height: 36px ;padding: 0 ;display: inline-flex ;align-items: center;justify-content: center;}
@media  (max-width: 560px) {.panel-row-actions{gap: 7px;}}
[hidden]{display: none ;}
svg{width: 18px;height: 18px;}
.portal-icon-button{width: 38px;height: 38px;flex: 0 0 38px;display: inline-flex;align-items: center;justify-content: center;}
.portal-alert{min-height: 42px;padding: 10px 12px;display: flex;align-items: flex-start;gap: 9px;}
.portal-alert svg{flex: 0 0 16px;width: 16px;height: 16px;margin-top: 2px;}
.portal-auth-page{min-height: 100dvh;padding: 58px 18px 28px;display: grid;}
.portal-auth-theme{position: fixed;top: 18px;left: 18px;z-index: 5;}
.portal-auth-shell{width: min(500px, 100%);}
.portal-auth-messages{margin-bottom: 10px;display: grid;gap: 7px;}
.portal-auth-card{width: 100%;padding: 24px;}
.portal-auth-header{margin-bottom: 20px;display: flex;align-items: center;gap: 12px;}
.portal-brand-mark,
.customer-brand-mark{width: 46px;height: 46px;flex: 0 0 46px;display: inline-flex;align-items: center;justify-content: center;}
.portal-brand-mark svg{width: 22px;height: 22px;}
.portal-auth-header h1{margin: 0;}
.portal-auth-header p{margin: 4px 0 0;}
.portal-segmented{padding: 3px;display: grid;gap: 3px;}
.portal-role-switch{grid-template-columns: repeat(2, minmax(0, 1fr));margin: 16px 0;}
.portal-method-switch{grid-template-columns: repeat(2, minmax(0, 1fr));margin-bottom: 16px;}
.portal-customer-method-switch{grid-template-columns: repeat(4, minmax(0, 1fr));margin-bottom: 16px;}
.portal-segmented button{min-width: 0;min-height: 38px;padding: 7px 9px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;}
.portal-segmented button svg{width: 15px;height: 15px;}
.portal-auth-panel{min-height: 252px;}
.portal-customer-login-panel{min-height: 300px;}
.portal-auth-copy{margin-bottom: 15px;}
.portal-auth-copy strong{display: block;}
.portal-auth-copy span{display: block;margin-top: 4px;}
.portal-form{display: grid;gap: 9px;}
.portal-form-columns{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 9px;}
.portal-form-columns > div{min-width: 0;display: grid;gap: 7px;}
.portal-form-note{min-height: 42px;padding: 9px 10px;display: flex;align-items: flex-start;gap: 8px;}
.portal-form-note svg{width: 15px;height: 15px;flex: 0 0 15px;margin-top: 1px;}
.portal-input-wrap{position: relative;}
.portal-input-wrap > svg{position: absolute;top: 50%;right: 12px;width: 16px;height: 16px;pointer-events: none;}
.portal-input-wrap input,
.portal-otp-input{width: 100%;height: 45px;padding: 9px 38px 9px 12px;}
.portal-primary-button,
.portal-secondary-button{min-height: 42px;padding: 9px 14px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;}
.portal-primary-button{margin-top: 5px;}
.portal-primary-button svg,
.portal-secondary-button svg{width: 15px;height: 15px;}
.portal-text-link{padding: 5px;}
.portal-auth-footer{margin-top: 16px;padding-top: 13px;display: flex;align-items: flex-start;justify-content: center;gap: 6px;text-align: center;}
.portal-auth-footer svg{flex: 0 0 13px;width: 13px;height: 13px;margin-top: 1px;}
.portal-verify-card{max-width: 430px;}
.portal-otp-input{height: 56px;padding: 8px 12px;text-align: center;}
.portal-otp-actions{margin-top: 17px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.portal-otp-actions a,
.portal-otp-actions button{min-height: 34px;padding: 7px 8px;display: inline-flex;align-items: center;gap: 5px;}
.portal-otp-actions svg{width: 13px;height: 13px;}
.portal-inline-status{min-height: 18px;margin: 5px 0 0;text-align: center;}
.portal-password-card{max-width: 470px;}
.portal-verified-identity{margin-bottom: 15px;padding: 11px;display: flex;align-items: center;gap: 10px;}
.portal-verified-identity > svg{width: 18px;height: 18px;}
.portal-verified-identity span,
.portal-verified-identity strong{display: block;}
.portal-verified-identity strong{margin-top: 3px;}
.portal-password-rules{padding: 10px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 7px;}
.portal-password-rules span{min-width: 0;display: flex;align-items: center;gap: 4px;}
.portal-password-rules svg{width: 12px;height: 12px;flex: 0 0 12px;}
.customer-portal-page{min-height: 100dvh;}
.customer-header{position: sticky;top: 0;z-index: 20;}
.customer-header-inner{width: min(1180px, calc(100% - 32px));min-height: 70px;margin: 0 auto;display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 28px;}
.customer-brand{display: inline-flex;align-items: center;gap: 10px;}
.customer-brand-mark{width: 38px;height: 38px;flex-basis: 38px;}
.customer-brand-mark svg{width: 18px;height: 18px;}
.customer-brand strong,
.customer-brand small{display: block;white-space: nowrap;}
.customer-brand small{margin-top: 2px;}
.customer-nav{display: flex;align-items: center;justify-content: center;gap: 5px;}
.customer-nav a{min-height: 36px;padding: 7px 11px;display: inline-flex;align-items: center;gap: 7px;}
.customer-nav a svg{width: 15px;height: 15px;}
.customer-header-actions{display: flex;align-items: center;justify-content: flex-end;gap: 7px;}
.customer-header-actions form{display: flex;}
.customer-profile-chip{min-width: 170px;display: flex;align-items: center;gap: 8px;}
.customer-profile-chip > span{width: 36px;height: 36px;flex: 0 0 36px;display: inline-flex;align-items: center;justify-content: center;}
.customer-profile-chip strong,
.customer-profile-chip small{display: block;}
.customer-profile-chip strong{max-width: 125px;overflow: hidden;white-space: nowrap;}
.customer-profile-chip small{margin-top: 2px;}
.customer-main{width: min(1180px, calc(100% - 32px));margin: 0 auto;padding: 28px 0 50px;}
.customer-messages{margin-bottom: 12px;display: grid;gap: 7px;}
.customer-page-heading{min-height: 92px;margin-bottom: 14px;padding: 18px;display: flex;align-items: center;justify-content: space-between;gap: 18px;}
.customer-eyebrow{display: block;margin-bottom: 4px;}
.customer-page-heading h1{margin: 0;}
.customer-page-heading p{margin: 4px 0 0;}
.customer-stat-grid{margin-bottom: 14px;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}
.customer-stat-card{min-width: 0;min-height: 104px;padding: 15px;display: flex;align-items: center;gap: 12px;}
.customer-stat-icon{width: 40px;height: 40px;flex: 0 0 40px;display: inline-flex;align-items: center;justify-content: center;}
.customer-stat-icon svg{width: 18px;height: 18px;}
.customer-stat-card div{min-width: 0;}
.customer-stat-card small{display: block;}
.customer-stat-card strong{display: block;margin-top: 5px;overflow: hidden;white-space: nowrap;}
.customer-dashboard-grid{display: grid;grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);gap: 10px;}
.customer-panel{min-width: 0;}
.customer-panel-head{min-height: 66px;padding: 13px 15px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.customer-panel-head h2{margin: 0;}
.customer-panel-head p{margin: 3px 0 0;}
.customer-panel-head > svg{width: 17px;height: 17px;}
.customer-service-row{margin: 12px;padding: 12px;display: grid;grid-template-columns: 38px minmax(0, 1fr) auto 16px;align-items: center;gap: 10px;}
.customer-service-icon{width: 38px;height: 38px;display: inline-flex;align-items: center;justify-content: center;}
.customer-service-icon svg{width: 17px;height: 17px;}
.customer-service-row strong,
.customer-service-row small{display: block;}
.customer-service-row small{margin-top: 3px;}
.customer-service-row > svg{width: 14px;height: 14px;}
.customer-live-badge{padding: 5px 7px;display: inline-flex;align-items: center;gap: 5px;white-space: nowrap;}
.customer-live-badge i,
.customer-live-state > i{width: 6px;height: 6px;}
.customer-account-meta{padding: 0 12px 12px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 7px;}
.customer-account-meta > div{min-width: 0;padding: 9px;}
.customer-account-meta span,
.customer-account-meta strong{display: block;}
.customer-account-meta strong{margin-top: 4px;overflow: hidden;white-space: nowrap;}
.customer-compact-trades{padding: 5px 12px 12px;}
.customer-compact-trades > div{min-height: 48px;display: grid;grid-template-columns: 56px minmax(60px, 1fr) minmax(70px, .8fr) 76px;align-items: center;gap: 8px;text-align: center;}
.customer-trade-side,
.customer-status{min-width: 52px;padding: 4px 7px;display: inline-flex;align-items: center;justify-content: center;white-space: nowrap;}
.customer-empty-state{min-height: 180px;padding: 24px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.customer-empty-state svg{width: 26px;height: 26px;margin-bottom: 10px;}
.customer-empty-state p{margin: 5px 0 0;}
.customer-live-state{min-width: 190px;padding: 9px 11px;display: grid;grid-template-columns: 7px 1fr;align-items: center;gap: 3px 7px;}
.customer-live-state small{grid-column: 1 / -1;}
.customer-trades-panel{overflow: hidden;}
.customer-table-wrap{overflow-x: auto;}
.customer-trades-table{width: 100%;border-collapse: collapse;table-layout: fixed;}
.customer-trades-table th,
.customer-trades-table td{height: 52px;padding: 9px 7px;text-align: center;vertical-align: middle;}
.customer-trades-table th{height: 44px;}
.customer-empty-row td{height: 210px;}
.customer-security-state{min-height: 36px;padding: 7px 10px;display: inline-flex;align-items: center;gap: 7px;}
.customer-security-state svg{width: 15px;height: 15px;}
.customer-security-grid{display: grid;grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);gap: 10px;align-items: start;}
.customer-security-form{padding: 15px;display: grid;gap: 9px;}
.customer-form-actions{padding-top: 13px;display: flex;justify-content: flex-end;}
.customer-form-actions .portal-primary-button{min-width: 170px;}
.customer-security-summary dl{margin: 0;padding: 6px 15px 10px;}
.customer-security-summary dl > div{min-height: 48px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.customer-security-summary dd{margin: 0;text-align: left;}
.customer-security-summary > .portal-form-note{margin: 0 15px 15px;}
.sr-only{position: absolute ;width: 1px ;height: 1px ;padding: 0 ;margin: -1px ;overflow: hidden ;white-space: nowrap ;}
.live-room-heading{min-height: 82px;}
.live-room-status{min-width: 210px;min-height: 46px;padding: 7px 8px 7px 11px;display: grid;grid-template-columns: 8px minmax(0, 1fr) 38px;align-items: center;gap: 8px;}
.live-room-status-dot{width: 8px;height: 8px;}
.live-room-status strong, .live-room-status small{display: block;}
.live-room-status small{margin-top: 2px;}
.live-room-status .portal-icon-button{width: 34px;height: 34px;flex-basis: 34px;}
.live-trade-room{margin-bottom: 14px;display: grid;grid-template-columns: minmax(0, 1.65fr) minmax(300px, .72fr);gap: 10px;align-items: start;}
.live-trade-main-column{min-width: 0;display: grid;gap: 10px;}
.live-stage-panel, .live-signal-panel, .live-chat-panel, .live-online-users-panel{overflow: hidden;}
.live-stage-badge{min-height: 30px;padding: 5px 9px;display: inline-flex;align-items: center;gap: 6px;}
.live-stage-badge svg{width: 13px;height: 13px;}
.customer-panel-tools{display: flex;align-items: center;gap: 7px;}
.customer-panel-tools > svg{width: 17px;height: 17px;}
.panel-collapse-button{width: 30px;height: 30px;padding: 0;flex: 0 0 30px;display: inline-flex;align-items: center;justify-content: center;}
.panel-collapse-button svg{width: 15px;height: 15px;}
.collapsible-panel.is-collapsed{min-height: 0 ;height: auto ;}
.collapsible-panel.is-collapsed > :not(header){display: none ;}
.live-media-toolbar{min-height: 58px;padding: 9px 12px;display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.live-media-quality{min-width: 0;display: grid;grid-template-columns: 9px minmax(0, 1fr);align-items: center;gap: 9px;}
.live-media-quality-dot{width: 9px;height: 9px;}
.live-media-quality strong, .live-media-quality small{display: block;}
.live-media-quality small{margin-top: 2px;}
.live-media-controls{flex: 0 0 auto;display: flex;align-items: center;gap: 6px;}
.live-media-controls .portal-icon-button{width: 36px;height: 36px;flex-basis: 36px;}
.live-stage{width: 100%;aspect-ratio: 16 / 9;min-height: 300px;display: grid;overflow: hidden;}
.live-stage iframe, .live-stage video{width: 100%;height: 100%;display: block;object-fit: contain;}
.live-stage:fullscreen{width: 100vw;height: 100vh;min-height: 100vh;aspect-ratio: auto;}
.live-stage-empty{min-height: 240px;padding: 28px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.live-stage-empty svg{width: 34px;height: 34px;margin-bottom: 12px;}
.live-stage-empty span{margin-top: 5px;}
.live-countdown{min-height: 240px;padding: 26px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.live-countdown > svg{width: 30px;height: 30px;margin-bottom: 10px;}
.live-countdown > strong{margin: 10px 0 5px;}
.live-signal-count{min-width: 74px;padding: 6px 8px;text-align: center;}
.live-signal-feed{max-height: 470px;padding: 10px;display: grid;gap: 8px;overflow-y: auto;}
.live-signal-card{padding: 11px;}
.live-signal-card header, .live-signal-card header > div, .live-signal-card footer{display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.live-signal-side, .live-signal-status{min-width: 50px;padding: 4px 7px;display: inline-flex;align-items: center;justify-content: center;}
.live-signal-values{margin-top: 9px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 6px;}
.live-signal-values > div{min-width: 0;padding: 7px;}
.live-signal-values span, .live-signal-values bdi{display: block;overflow: hidden;white-space: nowrap;}
.live-signal-values bdi{margin-top: 3px;}
.live-signal-card > p{margin: 8px 0 0;}
.live-signal-card footer{margin-top: 9px;padding-top: 8px;}
.live-feed-empty{min-height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 7px;}
.live-feed-empty svg{width: 24px;height: 24px;}
.live-room-side-column{min-width: 0;display: grid;gap: 10px;position: sticky;top: 82px;}
.live-online-users{max-height: 178px;padding: 8px;display: grid;gap: 6px;overflow-y: auto;}
.live-online-user{min-height: 42px;padding: 6px 8px;display: grid;grid-template-columns: 30px minmax(0, 1fr) auto;align-items: center;gap: 8px;}
.live-online-user > i{width: 30px;height: 30px;display: grid;}
.live-online-user b{overflow: hidden;white-space: nowrap;}
.live-online-user small{display: inline-flex;align-items: center;gap: 4px;}
.live-online-user small::before{width: 6px;height: 6px;}
.live-online-empty{min-height: 76px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;}
.live-online-empty svg{width: 20px;height: 20px;}
.live-chat-panel{height: min(570px, calc(100dvh - 350px));min-height: 410px;display: grid;grid-template-rows: auto minmax(0, 1fr) auto auto;}
.live-chat-head p{display: flex;align-items: center;gap: 5px;}
.live-online-dot{width: 6px;height: 6px;}
.live-chat-messages{min-height: 0;padding: 10px;display: flex;flex-direction: column;gap: 7px;overflow-y: auto;}
.live-chat-message{max-width: 88%;padding: 8px 9px;align-self: flex-start;}
.live-chat-message.is-admin{align-self: flex-end;}
.live-chat-message.is-system{max-width: 100%;align-self: stretch;text-align: center;}
.live-chat-message header{display: flex;align-items: center;justify-content: space-between;gap: 14px;}
.live-chat-message p{margin: 5px 0 0;white-space: pre-wrap;}
.live-chat-empty{min-height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;}
.live-chat-empty svg{width: 24px;height: 24px;}
.live-chat-composer{padding: 9px;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 7px;}
.live-chat-composer textarea{width: 100%;height: 56px;min-height: 56px;max-height: 110px;padding: 8px 10px;}
.live-chat-composer .portal-primary-button{width: 72px;margin: 0;}
.live-chat-closed{min-height: 42px;padding: 8px 10px;display: flex;align-items: center;justify-content: center;gap: 7px;}
.live-chat-closed svg{width: 14px;height: 14px;}
.customer-personal-trades{margin-top: 14px;}
.live-signal-alert{width: min(390px, calc(100% - 24px));min-height: 64px;padding: 10px 11px;position: fixed;left: 18px;bottom: 18px;z-index: 60;display: grid;grid-template-columns: 34px minmax(0, 1fr) 32px;align-items: center;gap: 9px;}
.live-signal-alert > svg{width: 20px;height: 20px;}
.live-signal-alert strong, .live-signal-alert span{display: block;}
.live-signal-alert span{margin-top: 3px;}
.live-signal-alert button{width: 32px;height: 32px;display: inline-flex;align-items: center;justify-content: center;}
.live-signal-alert button svg{width: 14px;height: 14px;}
@media  (max-width: 900px) {.customer-header-inner{grid-template-columns: auto 1fr;gap: 12px;padding: 9px 0;}
.customer-nav{grid-column: 1 / -1;grid-row: 2;justify-content: stretch;}
.customer-nav a{flex: 1;justify-content: center;}
.customer-profile-chip{min-width: 0;}
.customer-profile-chip div{display: none;}
.customer-stat-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.customer-dashboard-grid{grid-template-columns: 1fr;}
.customer-security-grid{grid-template-columns: 1fr;}
.live-trade-room{grid-template-columns: 1fr;}
.live-room-side-column{position: static;}
.live-chat-panel{height: 520px;min-height: 0;position: static;}}
@media  (max-width: 620px) {.portal-auth-page{padding: 54px 10px 18px;align-items: start;}
.portal-auth-theme{top: 10px;left: 10px;}
.portal-auth-card{padding: 17px;}
.portal-auth-panel{min-height: 240px;}
.portal-customer-login-panel{min-height: 300px;}
.portal-customer-method-switch{grid-template-columns: repeat(2, minmax(0, 1fr));}
.portal-form-columns{grid-template-columns: 1fr;}
.portal-password-rules{grid-template-columns: 1fr;}
.customer-header-inner,
    .customer-main{width: min(100% - 20px, 1180px);}
.customer-brand small{display: none;}
.customer-header-actions{gap: 5px;}
.customer-profile-chip{display: none;}
.customer-main{padding-top: 10px;}
.customer-page-heading{min-height: 0;padding: 14px;align-items: flex-start;flex-direction: column;}
.customer-page-heading .portal-secondary-button,
    .customer-live-state,
    .customer-security-state{width: 100%;}
.customer-stat-grid{gap: 7px;}
.customer-stat-card{min-height: 88px;padding: 11px;gap: 9px;}
.customer-stat-icon{width: 34px;height: 34px;flex-basis: 34px;}
.customer-service-row{grid-template-columns: 36px minmax(0, 1fr) auto;}
.customer-service-row > svg{display: none;}
.customer-account-meta{grid-template-columns: 1fr;}
.customer-compact-trades > div{grid-template-columns: 48px minmax(54px, 1fr) 70px 66px;gap: 4px;}
.customer-table-wrap{overflow: visible;}
.customer-trades-table,
    .customer-trades-table tbody{display: block;}
.customer-trades-table thead{display: none;}
.customer-trades-table tr{margin: 10px;padding: 6px 11px;display: grid;}
.customer-trades-table td{height: auto;min-height: 38px;padding: 8px 0;display: flex;align-items: center;justify-content: space-between;gap: 12px;text-align: left;}
.customer-trades-table .customer-empty-row{padding: 0;}
.customer-trades-table .customer-empty-row td{height: auto;display: block;}
.customer-trades-table .customer-empty-row td::before{display: none;}
.customer-form-actions .portal-primary-button{width: 100%;}
.live-room-status{width: 100%;}
.live-media-toolbar{align-items: stretch;flex-direction: column;}
.live-media-controls{width: 100%;justify-content: flex-end;}
.live-stage{min-height: 190px;}
.live-countdown{min-height: 190px;padding: 18px 10px;}
.live-signal-feed{max-height: 520px;}
.live-signal-values{grid-template-columns: 1fr;}
.live-chat-panel{height: 480px;}
.live-chat-composer{grid-template-columns: minmax(0, 1fr) 48px;}
.live-chat-composer .portal-primary-button{width: 48px;}
.live-chat-composer .portal-primary-button span{display: none;}
.live-signal-alert{left: 10px;bottom: 10px;}}
@media  (max-width: 380px) {.portal-auth-header{align-items: flex-start;}
.portal-brand-mark{width: 40px;height: 40px;flex-basis: 40px;}
.customer-compact-trades > div{grid-template-columns: 44px 1fr 60px;}
.customer-compact-trades .customer-status{display: none;}}
.live-pin-label{min-height: 22px;padding: 3px 6px;display: inline-flex;align-items: center;gap: 4px;}
.live-pin-label svg{width: 11px;height: 11px;}
.live-pinned-messages{max-height: 92px;padding: 7px;display: flex;gap: 6px;overflow-x: auto;}
.live-pinned-messages:empty{display: none;}
.live-pinned-messages button{min-width: min(240px, 88%);padding: 6px 8px;display: grid;grid-template-columns: 15px minmax(0, 1fr);align-items: center;gap: 7px;text-align: right;}
.live-pinned-messages button svg{width: 14px;height: 14px;}
.live-pinned-messages button span{min-width: 0;display: grid;overflow: hidden;white-space: nowrap;}
.live-chat-message blockquote{margin: 6px 0 0;padding: 6px 8px;display: grid;gap: 1px;}
.live-chat-message footer{min-height: 22px;margin-top: 4px;display: flex;align-items: center;justify-content: space-between;gap: 6px;}
.live-chat-message footer span{margin-right: auto;display: flex;gap: 4px;}
.live-chat-message footer button{width: 26px;height: 26px;display: grid;}
.live-chat-message footer svg{width: 12px;height: 12px;}
.live-chat-context{grid-column: 1 / -1;min-width: 0;padding: 6px 8px;display: grid;grid-template-columns: 15px minmax(0, 1fr) 27px;align-items: center;gap: 7px;}
.live-chat-context[hidden]{display: none;}
.live-chat-context > svg{width: 14px;height: 14px;}
.live-chat-context span{min-width: 0;display: grid;}
.live-chat-context small{overflow: hidden;white-space: nowrap;}
.live-chat-context button{width: 27px;height: 27px;display: grid;}
.live-chat-context button svg{width: 13px;height: 13px;}
.live-invite-meta{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
.live-invite-meta > span{min-height: 52px;padding: 8px;display: grid;grid-template-columns: 18px minmax(0, 1fr);align-items: center;gap: 2px 7px;}
.live-invite-meta svg{width: 16px;height: 16px;grid-row: 1 / 3;}
.live-invite-choice{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
.live-invite-choice a, .live-invite-choice button{width: 100%;}
.live-invite-browser-form[hidden]{display: none;}
@media  (max-width: 560px) {.live-invite-meta, .live-invite-choice{grid-template-columns: 1fr;}}
.customer-portal-page{min-height: 100dvh;display: flex;flex-direction: column;}
.customer-header{flex: 0 0 auto;}
.customer-header-inner{width: 100%;max-width: none;}
.customer-main{width: 100%;max-width: none;min-width: 0;flex: 1 0 auto;margin: 0;padding: clamp(18px, 2vw, 30px);}
.customer-nav a{min-height: 40px;}
.customer-app-footer{min-height: 58px;padding: 12px clamp(16px, 2vw, 30px);display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px 22px;}
.customer-app-footer span{display: inline-flex;align-items: center;gap: 6px;}
.customer-app-footer svg{width: 14px;height: 14px;}
.customer-footer-status{width: 7px;height: 7px;}
.crm-is-loading{position: relative ;pointer-events: none ;}
button.crm-is-loading::after,
a.crm-is-loading::after{width: 17px;height: 17px;position: absolute;inset: 50% auto auto 50%;margin: -8.5px 0 0 -8.5px;}
#crmRequestProgress{height: 3px;position: fixed;inset: 0 0 auto;z-index: 5000;overflow: hidden;pointer-events: none;}
#crmRequestProgress span{width: 100%;height: 100%;display: block;}
@media  (max-width: 620px) {.customer-main{width: 100%;padding: 12px 10px 20px;}
.customer-app-footer{min-height: 52px;padding: 10px;}}
.customer-email-verification-grid{display: grid;grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);gap: 12px;align-items: start;}
.customer-email-verification-panel{min-width: 0;}
.customer-email-steps{margin: 0;padding: 14px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.customer-email-steps li{min-width: 0;display: grid;grid-template-columns: 34px minmax(0, 1fr);align-items: center;gap: 9px;}
.customer-email-steps li > span{width: 34px;height: 34px;display: grid;}
.customer-email-steps li > span svg{width: 15px;height: 15px;}
.customer-email-steps li div{min-width: 0;display: grid;gap: 2px;}
.customer-email-destination,
.customer-current-email{margin: 16px 16px 0;padding: 12px 14px;display: grid;gap: 5px;}
.customer-email-destination span,
.customer-current-email span{display: inline-flex;align-items: center;gap: 6px;}
.customer-email-destination svg,
.customer-current-email svg{width: 15px;height: 15px;}
.customer-email-code-form,
.customer-email-address-form{padding: 16px;display: grid;gap: 10px;}
.customer-email-code-input{position: relative;}
.customer-email-code-input > svg{width: 18px;height: 18px;position: absolute;top: 50%;right: 14px;pointer-events: none;}
.customer-email-code-input input{width: 100%;height: 58px;padding: 0 44px 0 16px;text-align: center;}
.customer-email-attempts{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 7px 14px;}
.customer-email-attempts span{display: inline-flex;align-items: center;gap: 5px;}
.customer-email-attempts svg{width: 13px;height: 13px;}
.customer-email-secondary-actions{padding: 0 16px 16px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 8px;}
.customer-email-secondary-actions form{margin: 0;}
.customer-email-secondary-actions .portal-secondary-button{margin: 0;}
.portal-text-button{min-height: 38px;padding: 7px 4px;display: inline-flex;align-items: center;justify-content: center;gap: 7px;}
.portal-text-button svg{width: 15px;height: 15px;}
.customer-email-security-note ul{margin: 0;padding: 8px 14px;display: grid;}
.customer-email-security-note li{min-height: 62px;padding: 10px 0;display: grid;grid-template-columns: 36px minmax(0, 1fr);align-items: center;gap: 10px;}
.customer-email-security-note li > svg{width: 34px;height: 34px;padding: 8px;}
.customer-email-security-note li div{display: grid;gap: 3px;}
.customer-email-security-note > .portal-form-note{margin: 0 14px 14px;}
.customer-security-email{display: inline-flex;align-items: center;justify-content: flex-end;gap: 6px;}
.customer-security-email svg{width: 14px;height: 14px;flex: 0 0 auto;}
.customer-email-change-link{width: calc(100% - 28px);margin: 2px 14px 14px;}
@media  (max-width: 900px) {.customer-email-verification-grid{grid-template-columns: 1fr;}}
@media  (max-width: 620px) {.customer-email-steps{padding: 11px;gap: 6px;}
.customer-email-steps li{grid-template-columns: 30px minmax(0, 1fr);gap: 7px;}
.customer-email-steps li > span{width: 30px;height: 30px;}
.customer-email-steps small{display: none;}
.customer-email-destination,
    .customer-current-email{margin: 12px 12px 0;}
.customer-email-code-form,
    .customer-email-address-form{padding: 12px;}
.customer-email-secondary-actions{padding: 0 12px 12px;align-items: stretch;flex-direction: column;}
.customer-email-secondary-actions form,
    .customer-email-secondary-actions button{width: 100%;}}
.customer-portal-page{min-height: 100dvh;display: block;overflow-x: hidden;}
.customer-sidebar{width: 255px;height: 100dvh;position: fixed;inset: 0 0 0 auto;z-index: 80;display: flex;flex-direction: column;}
.customer-sidebar-brand{min-height: 76px;padding: 12px 14px;display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.customer-sidebar-brand .customer-brand{min-width: 0;}
.customer-sidebar-brand .customer-brand-mark{width: 42px;height: 42px;flex-basis: 42px;}
.customer-sidebar-close{display: none;}
.customer-sidebar-nav{min-height: 0;padding: 17px 10px;display: grid;gap: 4px;overflow-y: auto;}
.customer-nav-label{padding: 0 11px 7px;}
.customer-sidebar-nav a{min-height: 44px;padding: 9px 11px;position: relative;display: grid;grid-template-columns: 20px minmax(0, 1fr) auto;align-items: center;gap: 10px;}
.customer-sidebar-nav a > svg{width: 18px;height: 18px;}
.customer-sidebar-nav a small{padding: 2px 6px;}
.customer-nav-live-dot{width: 7px;height: 7px;}
.customer-sidebar-bottom{margin-top: auto;padding: 10px;display: grid;gap: 8px;}
.customer-theme-switch{padding: 3px;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 3px;}
.customer-theme-switch button{min-height: 34px;padding: 6px 8px;display: inline-flex;align-items: center;justify-content: center;gap: 6px;}
.customer-theme-switch button svg{width: 14px;height: 14px;}
.customer-account-menu{position: relative;}
.customer-account-trigger{width: 100%;min-height: 56px;padding: 7px 8px;display: grid;grid-template-columns: 36px minmax(0, 1fr) 16px;align-items: center;gap: 8px;text-align: right;}
.customer-account-trigger > span:nth-child(2){min-width: 0;display: grid;gap: 2px;}
.customer-account-trigger strong{overflow: hidden;white-space: nowrap;}
.customer-account-trigger > svg{width: 15px;height: 15px;}
.customer-account-avatar{width: 36px;height: 36px;display: grid;}
.customer-account-popover{width: 100%;padding: 9px;position: absolute;inset: auto 0 calc(100% + 8px);z-index: 4;}
.customer-account-popover-head{padding: 4px;display: grid;grid-template-columns: 36px minmax(0, 1fr);align-items: center;gap: 8px;}
.customer-account-popover-head div{min-width: 0;display: grid;gap: 2px;}
.customer-account-popover-head strong{overflow: hidden;white-space: nowrap;}
.customer-account-popover dl{margin: 8px 0;padding: 5px 0;}
.customer-account-popover dl div{min-height: 34px;display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.customer-account-popover dd{margin: 0;overflow: hidden;white-space: nowrap;}
.customer-account-popover form button{width: 100%;min-height: 36px;padding: 7px 8px;display: flex;align-items: center;gap: 7px;}
.customer-account-popover form button svg{width: 15px;height: 15px;}
.customer-app-shell{min-width: 0;min-height: 100dvh;margin-right: 255px;display: flex;flex-direction: column;}
.customer-topbar{min-height: 64px;padding: 9px clamp(16px, 2vw, 28px);position: sticky;top: 0;z-index: 40;display: flex;align-items: center;justify-content: space-between;gap: 16px;}
.customer-topbar-title{min-width: 0;display: flex;align-items: center;gap: 10px;}
.customer-topbar-title > div{min-width: 0;display: grid;gap: 2px;}
.customer-topbar-title strong{overflow: hidden;white-space: nowrap;}
.customer-mobile-menu{display: none;}
.customer-topbar-meta{display: flex;align-items: center;gap: 8px;}
.customer-topbar-meta > span,
.customer-topbar-meta > time{min-height: 34px;padding: 6px 9px;display: inline-flex;align-items: center;gap: 6px;}
.customer-topbar-meta svg{width: 14px;height: 14px;}
.customer-app-shell .customer-main{width: 100%;max-width: none;min-width: 0;flex: 1 0 auto;margin: 0;padding: clamp(14px, 1.5vw, 24px);}
.customer-app-shell .customer-app-footer{margin: 0;}
.customer-sidebar-overlay{position: fixed;inset: 0;z-index: 70;}
.live-trade-room{grid-template-columns: minmax(0, 1fr) clamp(248px, 18.5vw, 292px);gap: 12px;}
.live-room-side-column{gap: 8px;top: 78px;}
.live-online-users-panel .customer-panel-head{min-height: 56px;}
.live-online-users{max-height: 132px;padding: 6px;gap: 5px;}
.live-online-user{min-height: 36px;padding: 4px 6px;grid-template-columns: 27px minmax(0, 1fr) auto;gap: 6px;}
.live-online-user > i{width: 27px;height: 27px;}
.live-chat-panel{height: min(590px, calc(100dvh - 300px));min-height: 430px;}
.live-chat-messages{padding: 9px 8px 12px;gap: 8px;}
.live-chat-message{max-width: 92%;padding: 8px 9px 6px;position: relative;}
.live-chat-message header strong{max-width: 72%;overflow: hidden;white-space: nowrap;}
.live-chat-composer{padding: 8px;gap: 6px;}
.live-chat-composer textarea{height: 50px;min-height: 50px;padding: 7px 9px;}
.live-chat-composer .portal-primary-button{width: 44px;min-height: 44px;}
.live-chat-composer .portal-primary-button span{display: none;}
@media  (max-width: 1180px) and (min-width: 901px) {.live-trade-room{grid-template-columns: minmax(0, 1fr) 250px;}
.customer-topbar-meta .customer-secure-state{display: none;}}
@media  (max-width: 900px) {.customer-sidebar-close,
    .customer-mobile-menu{display: inline-flex;}
.customer-app-shell{margin-right: 0;}
.customer-menu-open{overflow: hidden;}
.customer-topbar{min-height: 60px;}
.customer-topbar-meta .customer-secure-state{display: none;}
.live-trade-room{grid-template-columns: 1fr;}
.live-room-side-column{position: static;grid-template-columns: minmax(210px, .42fr) minmax(0, 1fr);align-items: stretch;}
.live-online-users-panel{min-height: 420px;}
.live-online-users{max-height: 346px;}
.live-chat-panel{height: 520px;}}
@media  (max-width: 620px) {.customer-sidebar{width: min(286px, calc(100vw - 46px));}
.customer-topbar-meta > span:first-child{display: none;}
.customer-topbar-title small{display: none;}
.customer-topbar-meta > time{min-height: 32px;}
.customer-app-shell .customer-main{padding: 10px 8px 18px;}
.live-room-side-column{grid-template-columns: 1fr;}
.live-online-users-panel{min-height: 0;}
.live-online-users{max-height: 132px;}
.live-chat-panel{height: min(520px, calc(100dvh - 90px));}
.live-chat-message{max-width: 94%;}}
.settings-stack{display: grid;gap: 10px;}
.admin-management-grid{display: grid;grid-template-columns: minmax(250px, .62fr) minmax(0, 1.38fr);gap: 10px;align-items: start;}
.admin-add-grid{gap: 10px;}
.admin-management-page .panel-info-strip{margin: 12px 0 0;}
.admin-management-page .panel-modal > form > .panel-info-strip{margin: 0;}
.admin-table td,
.permission-table td{vertical-align: middle;}
.permission-chip-grid{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 5px;}
.permission-chip-grid.is-wide{padding: 2px;}
.permission-modal{width: min(480px, 100%);max-height: calc(100dvh - 36px);overflow-y: auto;}
.permission-group{display: grid;gap: 6px;}
.permission-group-title{display: inline-flex;align-items: center;gap: 6px;margin-top: 4px;}
.permission-group-title svg{width: 13px;height: 13px;}
.permission-row{min-height: 40px;padding: 7px 10px;display: flex;align-items: center;justify-content: space-between;gap: 10px;}
.permission-row > span{display: inline-flex;align-items: center;gap: 8px;}
.permission-row svg{width: 14px;height: 14px;}
.permission-row input{flex: 0 0 17px;width: 17px;height: 17px;}
@media  (max-width: 1024px) {.admin-management-grid{grid-template-columns: 1fr;}}
.applicant-checks-grid{display:grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);gap:16px;align-items:start;}
@media  (max-width: 900px) {.applicant-checks-grid{grid-template-columns: 1fr;}}

.client-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px;}
.client-summary-item{min-height:82px;display:flex;align-items:center;gap:12px;padding:14px;}
.client-summary-item .summary-icon{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;}
.client-summary-item .summary-icon svg{width:18px;height:18px;}
.client-summary-item div{min-width:0;display:flex;flex-direction:column;gap:4px;}
.client-summary-item div span{white-space:nowrap;}
.client-filter-panel{position:relative;z-index:20;padding:14px;margin-bottom:16px;overflow:visible;}
.client-filter-form{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(130px,.75fr)) auto;gap:10px;align-items:end;}
.client-search-field{position:relative;display:block;}
.client-search-field i{position:absolute;right:13px;top:50%;}
.client-search-field input, .client-select-field select{width:100%;height:42px;}
.client-search-field input{padding:0 38px 0 12px;}
.client-select-field{display:flex;flex-direction:column;gap:6px;}
.client-select-field select{padding:0 10px;}
.client-select-field select.enhanced-native-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;pointer-events:none;}
.modern-filter-select{position:relative;min-width:0;}
.modern-filter-trigger{width:100%;height:42px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:9px;}
.modern-filter-trigger-label{min-width:0;overflow:hidden;white-space:nowrap;}
.modern-filter-trigger-icon{flex:0 0 auto;}
.modern-filter-menu{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:1000;display:none;min-width:190px;max-height:260px;overflow-y:auto;padding:6px;}
.modern-filter-select.open .modern-filter-menu{display:block;}
.modern-filter-option{width:100%;min-height:38px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;}
.modern-filter-option-check{flex:0 0 auto;}
.client-filter-actions{display:flex;align-items:center;gap:7px;}
.client-apply-btn, .client-icon-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;}
.client-apply-btn{gap:7px;padding:0 15px;}
.client-icon-btn{width:42px;}
.client-table-heading{min-height:68px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.client-table-heading h2{margin:0 0 4px;}
.client-table-scroll{position:relative;overflow-x:auto;}
.client-table{width:100%;min-width:1420px;border-collapse:collapse;table-layout:fixed;}
.client-table th{padding:13px 14px;text-align:center;}
.client-table th:nth-child(1){width:220px;}
.client-table th:nth-child(2){width:105px;}
.client-table th:nth-child(3){width:135px;}
.client-table th:nth-child(4){width:115px;}
.client-table th:nth-child(5){width:80px;}
.client-table th:nth-child(6){width:175px;}
.client-table th:nth-child(7){width:155px;}
.client-table th:nth-child(8){width:85px;}
.client-table th:nth-child(9){width:190px;}
.client-table th:nth-child(10){width:145px;}
.client-table td{height:60px;padding:9px 14px;vertical-align:middle;text-align:center;}
.client-table th:first-child,
.client-table td:first-child{position:sticky;right:0;z-index:3;}
.client-table th:first-child{z-index:5;}
.client-table th:last-child,
.client-table td:last-child{position:sticky;left:0;z-index:3;}
.client-table th:last-child{z-index:5;}
.client-identity{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;}
.client-avatar{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;}
.client-identity-copy{min-width:0;display:flex;align-items:center;gap:7px;}
.client-name{display:block;max-width:135px;overflow:hidden;white-space:nowrap;}
.client-crm-id{flex:0 0 auto;}
.source-pill, .department-pill, .vip-pill{width:max-content;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;white-space:nowrap;}
.client-phone{display:block;width:max-content;margin:0 auto;}
.client-cell-note{display:block;margin-top:5px;}
.client-owner{display:flex;align-items:center;justify-content:center;gap:9px;}
.owner-avatar{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;}
.client-owner strong{display:block;max-width:118px;overflow:hidden;white-space:nowrap;}
.balance-chip{width:max-content;min-height:30px;padding:5px 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;}
.client-socials, .client-row-actions{display:flex;align-items:center;justify-content:center;gap:6px;}
.social-btn{width:34px;height:34px;}
.row-action{width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;}
.social-btn, .row-action{padding:0;display:inline-flex;align-items:center;justify-content:center;}
.social-btn i, .row-action i{width:16px;height:16px;}
.client-date{display:block;width:max-content;margin:0 auto;text-align:center;white-space:nowrap;}
.empty-cell{height:260px;text-align:center;}
.empty-cell i,.empty-cell strong,.empty-cell a{display:block;margin:8px auto;}
.client-pagination{margin-top:14px;min-height:52px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;}
.client-pagination div{display:flex;align-items:center;gap:6px;}
.client-pagination a,.client-pagination strong{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;}
@media  (max-width:1280px){.client-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.client-filter-form{grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(150px,1fr));}
.client-filter-actions{grid-column:auto;}}
@media  (max-width:768px){.client-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.client-filter-form{grid-template-columns:1fr;}
.client-filter-actions{justify-content:flex-start;flex-wrap:wrap;}
.client-apply-btn{flex:1;}
.client-table-heading{align-items:flex-start;flex-direction:column;}
.client-pagination{gap:10px;flex-direction:column;}
.client-summary-item{padding:11px;}}
.dashboard-progress{width: 100%;height: 6px;overflow: hidden;}
.dashboard-progress-fill{display: block;height: 100%;min-width: 0;}
.dashboard-progress-total{width: 100%;}
.dashboard-progress-money{width: 100%;}
.dashboard-progress-work{width: 100%;}
.dashboard-work-badge{display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 6px 12px;white-space: nowrap;}
.bot-report-card{padding: 18px;}
.bot-report-chip{display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 5px 10px;white-space: nowrap;}
.bot-source-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;white-space: nowrap;}
.bot-api-id{text-align: left;display: inline-block;}
.otp-code-input{text-align: center;}