*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;background:#1e1e1e;min-height:100vh;padding-top:75px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh}a{color:inherit;text-decoration:none}.btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-table{min-height:36px;margin-left:1px;padding:6px 10px;font-size:12px}.btn-sm{cursor:pointer;border-style:solid;border-width:1px;border-radius:6px;justify-content:center;align-items:center;padding:7px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-sm:disabled{opacity:.5;cursor:default}.form-actions{gap:10px;margin-top:8px;display:flex}.popup-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}input:focus,select:focus,textarea:focus{border-color:#0a84ff;outline:none}.card{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:20px;padding:15px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.content-header{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:20px;display:flex}.flash.warning{color:#0a84ff;background:#0a84ff33;border:1px solid #0a84ff66}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (width<=1024px){body{padding-top:75px}.form-row{flex-direction:column;gap:0}}@media (width<=768px){body{padding-top:70px}.flash-messages{min-width:auto;max-width:calc(100% - 40px);left:20px;right:20px}.btn-group{flex-direction:column}.btn{justify-content:center}table{font-size:.85em}table th,table td{padding:8px}.content-header h2{font-size:1.2em}}@media print{.site-header,nav,.btn,.widget-sidebar{display:none!important}body{color:#000;background:#fff;padding:0}table th,table td{color:#000;border:1px solid #000}}*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;background:#1e1e1e;min-height:100vh;padding:75px 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.site-title{color:#fff;text-shadow:none;font-size:20px;font-weight:600;line-height:1.2}nav{z-index:999;background:#2d2d2d;border-right:1px solid #3a3a3a;flex-direction:column;align-items:flex-start;gap:0;width:320px;height:calc(100vh - 75px);padding:20px 0;transition:left .3s;display:flex;position:fixed;top:75px;left:-320px;overflow-y:auto;box-shadow:2px 0 10px #00000080}nav a:hover{color:#fff;background:#0a84ff4d}.nav-dropdown{width:100%;display:block}.nav-dropdown-toggle{text-align:left;color:#e8e8e8;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:15px 20px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.nav-dropdown-menu{width:100%;box-shadow:none;background:#1e1e1e;border:none;border-radius:0;max-height:0;margin:0;transition:max-height .3s;overflow:hidden}.nav-dropdown-menu a{border-bottom:1px solid #2a2a2a;align-items:center;gap:10px;padding:12px 20px 12px 40px;display:flex}.user-info-box{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:56px;height:56px;padding:8px;text-decoration:none;transition:background .3s;display:flex}.user-role svg{width:14px;height:14px}.logout-button-full{color:#ff453a;cursor:pointer;background:#dc354533;border:1px solid #dc354566;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.logout-button-full svg{width:18px;height:18px}.container{background:#252525;align-items:flex-start;gap:30px;max-width:100%;min-height:calc(100vh - 140px);margin:0 auto;padding:40px;display:flex;position:relative}.main-content{z-index:1;flex:1;min-width:0;position:relative}.widget-sidebar{z-index:0;contain:layout style;flex-shrink:0;align-self:flex-start;width:350px;min-width:300px;max-width:30%;position:relative;overflow:visible}.widget{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;margin-bottom:20px;padding:20px;display:flex}.widget-title{color:#0a84ff;border-bottom:1px solid #3a3a3a;flex-shrink:0;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:10px;font-size:1.1em;font-weight:600;display:flex}.widget-content{flex:1;max-height:400px;overflow:auto}.widget>table,.widget>.chart-container,.widget>.widget-empty{max-height:400px;overflow:auto}.widget-details-link{text-align:center;border-top:1px solid #3a3a3a;margin-top:15px;padding-top:10px}.widget-details-link a{color:#0a84ff;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:.9em;text-decoration:none;transition:background .2s;display:inline-flex}.widget-details-link a:hover{background:#0a84ff1a}.widget-empty{color:#98989d;text-align:center;padding:20px;font-style:italic}.content-header{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex}.content-header h2{color:#0a84ff;align-items:center;gap:10px;margin:0;font-size:1.5em;display:flex}.card{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000004d}.card-header{background:#353535;border-bottom:1px solid #3a3a3a;padding:15px 20px}.card-header h3{color:#0a84ff;margin:0;font-size:1.2em}.card-body{padding:20px}.card-box-flex{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;min-width:49%;padding:20px}.card-box-flex .section-header{margin-bottom:15px}.detail-field{margin-bottom:15px;line-height:1.6}.detail-label{color:#0a84ff;min-width:150px;font-weight:600;display:inline-block}.detail-value{color:#e8e8e8}.section-header{color:#0a84ff;border-bottom:1px solid #3a3a3a;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1.2em;font-weight:600;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{color:#0a84ff;background:#0a84ff33;border-color:#0a84ff66}.btn-primary:hover{background:#0a84ff4d;border-color:#0a84ff99;transform:translateY(-2px)}.btn-secondary{color:#98989d;background:#98989d33;border-color:#98989d66}.btn-secondary:hover{background:#98989d4d;border-color:#98989d99}.btn-success{color:#4caf50;background:#4caf5033;border-color:#4caf5066}.btn-success:hover{background:#4caf504d;border-color:#4caf5099;transform:translateY(-2px)}.btn-danger{color:#dc3545;background:#dc354533;border-color:#dc354566}.btn-danger:hover{background:#dc35454d;border-color:#dc354599;transform:translateY(-2px)}.btn-third{color:#fff;background:0 0;border-color:#0000}.btn-third:hover{background:0 0;border-color:#0000}.btn-table{min-height:36px;padding:6px 10px;font-size:12px}.btn-group{flex-wrap:wrap;gap:10px;display:flex}.btn-area{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;padding:10px;display:flex}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:20px;overflow-x:auto}table{border-collapse:collapse;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;width:100%;overflow:hidden}thead{background:#353535}thead th{text-align:left;color:#0a84ff;white-space:nowrap;border-bottom:2px solid #3a3a3a;padding:12px 15px;font-weight:600}tbody tr{border-bottom:1px solid #3a3a3a;transition:background .2s}tbody tr:hover{background:#0a84ff0d}tbody td{color:#e8e8e8;padding:12px 15px}.table-actions{flex-wrap:nowrap;align-items:center;gap:5px;display:flex}.text-center{text-align:center}.text-muted{color:#98989d}.form-group{margin-bottom:20px}.form-group label{color:#e8e8e8;margin-bottom:8px;font-weight:500;display:block}.form-row{gap:20px;margin-bottom:20px;display:flex}.form-row .form-group{flex:1;margin-bottom:0}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=tel],select,textarea{color:#e8e8e8;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;width:100%;min-height:44px;padding:10px 15px;font-size:14px;transition:border-color .3s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,input[type=tel]:focus,select:focus,textarea:focus{border-color:#0a84ff;outline:none}textarea{resize:vertical;min-height:100px}input[type=checkbox],input[type=radio]{cursor:pointer;width:18px;height:18px}.filter-section{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:20px;padding:20px}.filter-form{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.filter-group{flex-direction:column;gap:8px;min-width:200px;display:flex}.filter-label{color:#98989d;font-size:13px}.filter-label-block{color:#98989d;margin-bottom:8px;font-size:14px;display:block}.filter-select{color:#e8e8e8;cursor:pointer;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;min-height:44px;padding:8px 12px;font-size:14px}.search-input{flex:1;min-width:200px}.filter-container{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:10px;padding:20px}.filter-form-inline{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.filter-group-inline{align-items:center;gap:10px;display:flex}.checkbox-input{cursor:pointer;width:18px;height:18px}.checkbox-label{color:#e8e8e8;cursor:pointer;font-size:14px}.search-container{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:20px;padding:20px}.search-form{flex-wrap:wrap;gap:10px;display:flex}.search-btn{white-space:nowrap}.clear-search-btn{padding:8px 12px}.letter-filter-container{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:20px;padding:20px}.letter-filter{flex-direction:column;gap:10px;display:flex}.letter-filter-title{color:#98989d;font-size:14px;font-weight:500}.letter-boxes{flex-wrap:wrap;gap:8px;display:flex}.letter-box{color:#e8e8e8;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px 15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.letter-box-clear{justify-content:center;width:44px;height:44px}.letter-box:hover,.letter-box.active{color:#0a84ff;background:#0a84ff33;border-color:#0a84ff}.letter-filter-remove{color:#dc3545;background:#dc354533;border-color:#dc354566}.letter-filter-remove:hover{background:#dc35454d}.pagination-container{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;display:flex}.pagination-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagination-info{color:#e8e8e8;font-size:14px}.pagination-nav{flex-wrap:wrap;gap:5px;display:flex}.pagination-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;display:inline-flex}.pagination-page{min-width:44px}.pagination-ellipsis{color:#98989d;align-items:center;padding:8px 5px;display:inline-flex}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex}.pagination a,.pagination span{color:#e8e8e8;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:6px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;text-decoration:none;transition:all .3s;display:inline-flex}.pagination a:hover{background:#0a84ff33;border-color:#0a84ff}.pagination .active{color:#0a84ff;background:#0a84ff33;border-color:#0a84ff}.stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:5px;margin:10px 0 5px;display:grid}.stat-card{text-align:center;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;padding:5px}.stat-card h3{color:#0a84ff;margin-bottom:5px;font-size:.8em;font-weight:500}.stat-card .number{color:#fff;font-size:1em;font-weight:700}.flash-messages{z-index:9999;min-width:300px;max-width:400px;position:fixed;top:90px;right:20px}.flash{border-radius:8px;margin-bottom:10px;padding:15px 20px;animation:.3s ease-out slideIn;box-shadow:0 4px 12px #0000004d}.flash.success{color:#4caf50;background:#4caf5033;border:1px solid #4caf5066}.flash.error{color:#ff453a;background:#dc354533;border:1px solid #dc354566}.flash.info{color:#0a84ff;background:#0a84ff33;border:1px solid #0a84ff66}.popup-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popup-content{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;width:100%;max-width:500px;max-height:90vh;padding:30px;overflow-y:auto}.popup-title{color:#0a84ff;margin-bottom:15px}.popup-text{color:#e8e8e8;margin-bottom:20px}.popup-form-buttons{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal{z-index:10001;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;width:90%;max-width:600px;max-height:80vh;padding:30px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000080}.payment-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.payment-header h2{color:#0a84ff;align-items:center;gap:10px;margin:0;font-size:1.5em;display:flex}.payment-row-missing{background:#ff95001a}.payment-row-missing:hover{background:#ff950026}.payment-status{border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;display:inline-flex}.payment-status.paid{color:#4caf50;background:#4caf5033}.payment-status.missing{color:#ff9500;background:#ff950033}.empty-state{text-align:center;color:#98989d;padding:40px 20px;font-style:italic}.icon-box{justify-content:center;align-items:center;width:30px;max-width:30px;display:flex}.icon-20{width:20px;height:20px}.email-link{color:#0a84ff}.inline-display{display:inline}.cursor-pointer{cursor:pointer}.v-align-middle{vertical-align:middle}.w-100{width:100%}.min-h-100{min-height:100px}.form-two-columns{align-items:stretch;gap:10px;margin-top:10px;display:flex}.warning-box{background:#3a3a1e;border:1px solid #5a5a2d;border-radius:8px;margin-top:20px;padding:15px}.warning-box h4{color:#ffd60a;margin-bottom:10px}.warning-box p{color:#ffd60a;margin:0}.settings-section{background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-top:20px;padding:30px}.settings-two-columns{align-items:stretch;gap:20px;display:flex}.settings-column{flex-direction:column;flex:1;display:flex}.selection-box{background:#1e1e1e;border-radius:4px;flex-direction:column;gap:8px;display:flex}.selection-item{cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:8px;transition:background .2s;display:flex}.selection-item.selected{background:#2a3a4a}.selection-item:hover{background:#2a3a4a80}.selection-item-input{float:left;justify-content:center;align-items:center;width:30px;max-width:30px;display:flex}.selection-item input[type=radio],.selection-item input[type=checkbox]{cursor:pointer;margin:0}.selection-item-label{text-align:left;flex:1}.selection-item-label.selected{font-weight:600}.selection-item-label .price{color:#0a84ff;margin-left:5px}.selection-item-label .description{color:#98989d;margin-left:30px;font-size:.9em}.dashboard-welcome{text-align:center;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;margin-bottom:30px;padding:40px 20px}.dashboard-welcome h2{color:#0a84ff;margin-bottom:15px;font-size:2em}.dashboard-welcome p{color:#98989d;font-size:1.1em}body.dashboard-page .container>.widget-sidebar{flex-wrap:wrap;gap:30px;width:100%!important;max-width:none!important;display:flex!important}body.dashboard-page .container>.widget-sidebar>.dashboard-welcome{flex:0 0 100%!important;width:100%!important}body.dashboard-page .container>.widget-sidebar>.widget-sidebar{flex:300px;min-width:300px;max-width:calc(33.333% - 20px);display:block!important}@media (width<=990px){body.dashboard-page .container>.widget-sidebar>.widget-sidebar{max-width:calc(50% - 15px)}}@media (width<=660px){body.dashboard-page .container>.widget-sidebar>.widget-sidebar{width:100%;max-width:100%}}.widget-sidebar .widget{margin-bottom:30px}.chart-container{height:380px;max-height:400px;padding:10px;position:relative}.chart-container canvas{max-height:360px}@media (width<=1024px){.container{flex-direction:column;padding:20px}.widget-sidebar{width:100%;max-width:100%}.site-header{padding:10px 20px}.stats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (width<=768px){body{padding-top:70px}.site-header{padding:10px 15px}.site-header-content{gap:15px}.site-logo img{height:40px}.site-title{font-size:16px}.site-subtitle{font-size:10px}.site-logo{position:absolute;left:50%;transform:translate(-50%)}nav{width:280px;height:calc(100vh - 70px);top:70px;left:-280px}.flash-messages{min-width:auto;max-width:calc(100% - 40px);max-height:none;left:20px;right:20px}.container{gap:20px;padding:15px}.content-header{padding:15px}.content-header h2{font-size:1.2em}.table-wrapper{border:1px solid #3a3a3a;border-radius:8px;overflow:hidden}table{font-size:.85em}table th,table td{padding:8px;font-size:.9em}.table-actions{gap:3px}.btn-table{min-height:32px;padding:5px 8px}.form-row{flex-direction:column;gap:0}.form-two-columns,.settings-two-columns{flex-direction:column;gap:20px}.btn-group{flex-direction:column;gap:10px}.btn{justify-content:center}.filter-form,.filter-form-inline{flex-direction:column;gap:15px}.filter-group,.filter-group-inline{width:100%;min-width:100%}.search-form{flex-direction:column}.search-input,.search-btn,.clear-search-btn{width:100%}.letter-boxes{justify-content:center}.letter-box{width:40px;height:40px;padding:8px 12px}.letter-box-clear{width:40px;height:40px}.pagination-container{flex-direction:column;gap:15px;padding:15px}.pagination-form{flex-direction:column;align-items:stretch;width:100%}.pagination-nav{justify-content:center}.pagination-btn{min-width:40px;min-height:40px;padding:6px 10px}.pagination{gap:5px}.pagination a,.pagination span{min-width:40px;min-height:40px;padding:6px 10px;font-size:.9em}.stats{grid-template-columns:1fr;gap:15px}.stat-card{padding:15px}body.members-list-page .widget-sidebar{display:none!important}.modal,.popup-content{width:95%;max-height:90vh;padding:20px}.popup-form-buttons{flex-direction:column}.popup-form-buttons .btn{width:100%}h1{font-size:1.5em}h2{font-size:1.2em}h3{font-size:1em}.user-dropdown{min-width:220px;right:-10px}.widget-title{font-size:1em}.card-body{padding:15px}.detail-label{margin-bottom:5px;display:block}.detail-field{justify-content:left;margin-bottom:12px;line-height:1;display:flex}}@media (width<=480px){.site-title{font-size:14px}.site-logo img{height:35px}.site-logo{gap:10px}table{font-size:.8em}table th,table td{padding:6px 4px;font-size:1.2em}.btn{padding:8px 15px;font-size:13px}.btn-table{min-height:28px;padding:4px 6px}.stat-card{padding:12px}.stat-card .number{font-size:1.5em}.letter-box{width:36px;height:36px;padding:6px 10px;font-size:.9em}.letter-box-clear{width:36px;height:36px;min-height:36px}.pagination-btn,.pagination a,.pagination span{min-width:36px;min-height:36px;padding:5px 8px;font-size:.85em}.container{padding:2px}.content-header{border-radius:4px;margin-top:10px;padding:8px 5px}.widget{padding:15px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=tel],select,textarea{font-size:16px}.main-content{width:100%}.session-timer{display:none}.btn-area{border-radius:4px;gap:5px;padding:10px}.btn-area .btn,.btn-area form{width:100%}.detail-label{margin-bottom:5px;display:block}.detail-field{justify-content:left;margin-bottom:12px;line-height:1;display:flex}}@media (height<=500px) and (orientation:landscape){.user-dropdown{max-height:80vh;overflow-y:auto}.popup-content,.modal{max-height:85vh}nav{max-height:calc(100vh - 60px)}}@media print{.site-header,.hamburger-menu,.user-header-actions,nav,.btn,.filter-section,.filter-container,.search-container,.letter-filter-container,.pagination-container,.pagination,.table-actions{display:none!important}body{color:#000;background:#fff;padding:0}.container{background:#fff;padding:20px}table{border:1px solid #000}table th,table td{color:#000;border:1px solid #000}}.members-icon{vertical-align:middle;width:15px;height:15px;display:inline-block}.members-icon-20{vertical-align:middle;width:20px;height:20px;display:inline-block}.members-icon-24{vertical-align:middle;width:24px;height:24px;display:inline-block}.members-icon-18{vertical-align:middle;width:18px;height:18px;display:inline-block}.members-icon-list:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='3.5' cy='4.5' r='2'%3E%3C/circle%3E%3Cpath d='M1.5 9.5v-.5a2 2 0 0 1 2-2h0a2 2 0 0 1 2 2v.5'%3E%3C/path%3E%3Cline x1='8.5' y1='4.5' x2='13.5' y2='4.5'%3E%3C/line%3E%3Cline x1='8.5' y1='8.5' x2='13.5' y2='8.5'%3E%3C/line%3E%3Cline x1='1.5' y1='12.5' x2='13.5' y2='12.5'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:15px;height:15px;margin-right:8px;display:inline-block}.members-icon-add:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 13.5v-1a2.5 2.5 0 0 0-2.5-2.5h-3A2.5 2.5 0 0 0 1 12.5v1'%3E%3C/path%3E%3Ccircle cx='5' cy='5.5' r='2.5'%3E%3C/circle%3E%3Cline x1='11' y1='9' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8.5' y1='11.5' x2='13.5' y2='11.5'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:15px;height:15px;display:inline-block}.members-icon-search:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6.5' cy='6.5' r='4.5'%3E%3C/circle%3E%3Cline x1='10' y1='10' x2='13.5' y2='13.5'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:15px;height:15px;margin-right:8px;display:inline-block}.members-icon-menu:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:inline-block}.members-icon-print:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'%3E%3C/polyline%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'%3E%3C/path%3E%3Crect x='6' y='14' width='12' height='8'%3E%3C/rect%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:inline-block}.members-icon-print-24:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'%3E%3C/polyline%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'%3E%3C/path%3E%3Crect x='6' y='14' width='12' height='8'%3E%3C/rect%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:24px;height:24px;margin-right:10px;display:inline-block}.members-icon-print-18:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 6 2 18 2 18 9'%3E%3C/polyline%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2'%3E%3C/path%3E%3Crect x='6' y='14' width='12' height='8'%3E%3C/rect%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:18px;height:18px;margin-right:8px;display:inline-block}.members-icon-edit-small:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 2.5H3A1.5 1.5 0 0 0 1.5 4v8A1.5 1.5 0 0 0 3 13.5h8a1.5 1.5 0 0 0 1.5-1.5V8'%3E%3C/path%3E%3Cpath d='M11.5 1.5a1.414 1.414 0 1 1 2 2L8 9.5l-2.5.5.5-2.5 5.5-6z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:15px;height:15px;display:inline-block}.members-icon-edit:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3H3a1.5 1.5 0 0 0-1.5 1.5v12A1.5 1.5 0 0 0 3 18h12a1.5 1.5 0 0 0 1.5-1.5v-6'%3E%3C/path%3E%3Cpath d='M14.5 1.5a1.886 1.886 0 1 1 2.667 2.667L10 11.333 6.5 12l.667-3.5L14.5 1.5z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:inline-block}.members-icon-view:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10s3-5.5 8-5.5 8 5.5 8 5.5-3 5.5-8 5.5-8-5.5-8-5.5z'%3E%3C/path%3E%3Ccircle cx='10' cy='10' r='2.5'%3E%3C/circle%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:inline-block}.btn .members-icon-search:before,.btn .members-icon-menu:before,.btn .members-icon-print:before,.btn .members-icon-edit:before,.btn .members-icon-view:before,.btn .members-icon-edit-small:before,.btn .members-icon-print-18:before{margin-right:0}h2 .members-icon-list:before,h3 .members-icon-print-24:before{margin-right:8px}.btn-icon .members-icon-edit-small:before,.btn-table .members-icon-view:before,.btn-table .members-icon-edit:before{margin-right:0}.members-icon-list,.members-icon-add,.members-icon-search,.members-icon-menu,.members-icon-print,.members-icon-print-24,.members-icon-print-18,.members-icon-edit,.members-icon-edit-small,.members-icon-view{justify-content:center;align-items:center;display:inline-flex}:is(.btn:has(.members-icon-search),.btn:has(.members-icon-print-18)){align-items:center;gap:8px;display:inline-flex}.members-search-box{background:#2d2d2d;border-radius:8px;flex-wrap:wrap;gap:15px;width:100%;margin:5px 0;padding:15px;display:flex}.members-search-container{width:100%}.members-search-title{margin-bottom:8px}.members-search-row{flex-wrap:wrap;gap:10px;display:flex}.members-search-input-wrapper{flex:1;min-width:200px}.members-search-button{white-space:nowrap;padding:8px 16px}.members-clear-button{padding:8px 12px;display:none}.members-filter-container{width:100%}.members-filter-row{flex-wrap:wrap;gap:10px;display:flex}.members-filter-group{flex:1;min-width:200px}.members-filter-select-wrapper{gap:5px;display:flex}.members-filter-select-full{flex:1}.members-filter-clear-button{padding:8px 12px;display:none}.members-letter-filter{background:#2d2d2d;border-radius:8px;flex-wrap:wrap;gap:20px;margin:5px 0;padding:15px}.members-letter-filter-inner{flex:1}.members-table-container{background:#2d2d2d;border-radius:8px;margin:5px 0;padding:15px;overflow-x:auto}.members-table-container-inner{background:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px;padding:10px 0;display:block}.members-table-header-bg{background:#1e1e1e;border-bottom:0}.members-table-container-menu-row-1{background:#1e1e1e;justify-content:flex-end;align-items:center;padding:10px 15px;display:flex;position:relative}.members-menu-button{align-items:center;gap:8px;padding:6px 12px;display:flex}.members-print-button{align-items:center;gap:8px;margin-left:10px;padding:6px 12px;display:flex}.members-column-menu{z-index:1000;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px;min-width:220px;padding:12px;display:none;position:absolute;top:55px;right:15px;box-shadow:0 4px 12px #0000004d}.members-column-menu-inner{flex-direction:column;gap:10px;display:flex}.members-column-label{color:#e8e8e8;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;transition:background .2s;display:flex}.members-column-label:hover{background:#2d2d2d}.members-column-checkbox{cursor:pointer}.members-table-scroll{background:#1e1e1e;max-height:480px;overflow-y:auto}.members-table{table-layout:fixed;background:#ffffff26;border:0;border-radius:0;width:100%}.members-loading-scroll{text-align:center;padding:20px;display:none}.members-loading-scroll-text{color:#98989d;font-size:14px}.member-blue-box{color:#0a84ff;text-align:center;cursor:pointer;width:80%;min-height:36px;vertical-align:center;background:#0a84ff33;border:1px solid #0a84ff66;border-radius:4px;padding:2px 8px;font-size:.85em;font-weight:bolder;display:inline-block}.members-table-footer{color:#e8e8e8;text-align:center;background:#1e1e1e;border-top:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:12px 15px;font-weight:700}.members-loading-indicator{text-align:center;padding:20px;display:none}.members-loading-text{color:#98989d;font-size:14px}#table_scroll_container::-webkit-scrollbar{width:12px}.col-last-name.hidden,.col-birth-date.hidden,.col-member-type.hidden,.col-tariff.hidden,.col-actions.hidden{display:none!important}#toggle_column_menu:hover svg{transform:translateY(1px)}.members-print-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.members-print-popup{background:#2d2d2d;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;height:90vh;display:flex;box-shadow:0 10px 40px #00000080}.members-print-header{background:#1e1e1e;border-bottom:1px solid #3a3a3a;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.members-print-title{color:#e8e8e8;margin:0;font-size:20px;font-weight:600}.members-print-buttons{gap:10px;display:flex}.members-print-content-wrapper{background:#252525;flex:1;padding:30px;overflow:auto}.members-print-content{background:#fff;min-height:100%;padding:40px;box-shadow:0 0 10px #0000004d}.members-print-document{color:#000;font-family:Arial,sans-serif}.members-print-doc-header{text-align:center;border-bottom:2px solid #0a84ff;margin-bottom:30px;padding-bottom:20px}.members-print-doc-title{color:#0a84ff;margin:0 0 10px;font-size:28px}.members-print-doc-date{color:#666;margin:0;font-size:14px}.members-print-doc-count{color:#666;margin:5px 0 0;font-size:14px}.members-print-table{border-collapse:collapse;width:100%;margin-top:20px}.members-print-table-header{color:#0a84ff;background:#fff}.members-print-table-th{text-align:left;border:1px solid #ddd;padding:12px 8px;font-weight:700}.members-print-table-row-even{background:#f9f9f9}.members-print-table-row-odd{background:#fff}.members-print-table-td{border:1px solid #ddd;padding:10px 8px}.members-print-table-td-text{color:#1e1e1e}.members-print-table-td-empty{color:#98989d}@media (width<=768px){.members-search-box{border-radius:4px;padding:5px}.members-letter-filter{border-radius:4px;margin:5px 0;padding:5px}.members-table-container{border-radius:4px;padding:5px}.members-table-container-inner{border-width:0;border-radius:4px}.members-table-container-menu-row-1{padding:0}}@media (width<=480px){.members-search-box{padding:4px}.members-table-container{border-radius:4px;padding:4px}.members-print-popup{width:98%;height:95vh}.members-print-content{padding:15px}}.site-header{z-index:1000;background:#2d2d2d;border-bottom:1px solid #3a3a3a;padding:10px 40px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000080}.site-header-content{justify-content:space-between;align-items:center;gap:30px;display:flex;position:relative}.site-logo{flex-shrink:0;align-items:center;gap:15px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.site-logo img{width:auto;height:50px}.site-title{color:#fff;font-size:20px;font-weight:600;line-height:1.2}.site-subtitle{color:#0a84ff;font-size:11px;font-weight:400}.hamburger-menu{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0;transition:transform .3s;display:flex;position:relative}.hamburger-menu:hover{transform:scale(1.1)}.hamburger-menu span{transform-origin:50%;background:#fff;border-radius:2px;width:30px;height:3px;transition:all .3s}.hamburger-menu.active span:first-child{transform:translateY(11px)rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-11px)rotate(-45deg)}nav{z-index:999;background:#2d2d2d;border-right:1px solid #3a3a3a;flex-direction:column;align-items:flex-start;width:320px;height:calc(100vh - 75px);padding:20px 0;transition:left .3s;display:flex;position:fixed;top:75px;left:-320px;overflow-y:auto;box-shadow:2px 0 10px #00000080}nav.active{left:0}nav a{color:#e8e8e8;white-space:nowrap;background:0 0;border-bottom:1px solid #3a3a3a;align-items:center;gap:10px;width:100%;padding:15px 20px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}nav a:hover,nav a.router-link-active{color:#fff;background:#0a84ff33}.nav-dropdown{width:100%}.nav-dropdown-toggle{color:#e8e8e8;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #3a3a3a;align-items:center;gap:10px;width:100%;padding:15px 20px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.nav-dropdown-toggle:hover{color:#fff;background:#0a84ff33}.nav-dropdown-menu{background:#1e1e1e;max-height:0;transition:max-height .3s;overflow:hidden}.nav-dropdown.active .nav-dropdown-menu{max-height:500px}.nav-dropdown-menu a{border-bottom:1px solid #2a2a2a;padding:12px 20px 12px 40px}.user-header-actions{z-index:1001;flex-shrink:0;align-items:center;gap:15px;display:flex;position:relative}.session-timer{font-variant-numeric:tabular-nums;color:#98989d;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:color .3s,border-color .3s,background .3s;display:flex}.session-timer.urgent{color:#ff9f0a;background:#ff9f0a1a;border-color:#ff9f0a66}.user-info-container{position:relative}.user-info-box{color:#fff;cursor:pointer;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;padding:8px;transition:background .3s;display:flex}.user-info-box:hover{background:#ffffff26}.user-avatar{justify-content:center;align-items:center;font-size:24px;display:flex}.user-dropdown{opacity:0;visibility:hidden;z-index:1100;background:#2d2d2d;border:1px solid #3a3a3a;border-radius:8px;min-width:250px;transition:all .3s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-10px);box-shadow:0 4px 12px #00000080}.user-info-container.active .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{border-bottom:1px solid #3a3a3a;padding:20px}.user-name{color:#fff;margin-bottom:5px;font-size:16px;font-weight:700}.user-role{color:#98989d;align-items:center;gap:5px;font-size:13px;display:flex}.user-last-login{color:#6e6e73;margin-top:6px;font-size:11px}.profile-link{color:#0a84ff;text-align:center;padding:12px 20px;font-size:13px;text-decoration:none;transition:background .2s;display:block}.profile-link:hover{background:#0a84ff1a}.user-dropdown-footer{padding:10px}.logout-button-full{color:#ff453a;cursor:pointer;background:#dc354533;border:1px solid #dc354566;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.logout-button-full:hover{background:#dc35454d;border-color:#dc354599;transform:translateY(-2px)}.container{background:#252525;max-width:100%;min-height:calc(100vh - 75px);margin:0 auto;padding:40px}.main-content{width:100%}@media (width<=1024px){.container{padding:20px}.site-header{padding:10px 20px}}@media (width<=768px){.site-header{padding:10px 15px}.site-logo{position:absolute;left:50%;transform:translate(-50%)}.site-logo img{height:40px}.site-title{font-size:16px}.site-subtitle{font-size:10px}nav{width:280px;height:calc(100vh - 70px);top:70px;left:-280px}.user-dropdown{min-width:220px;right:-10px}.container{padding:15px}}@media (width<=480px){.site-title{font-size:14px}.site-logo img{height:35px}.container{padding:10px}}