.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-spinner{width:50px;height:50px;border:8px solid #3498db;border-top:8px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:18px}.button{width:auto;cursor:pointer;border:2px dotted}.button:hover{color:#c70606;border-bottom:.5rem solid}.toolbar_detail{display:none!important}.toolbar{min-width:375px;height:64px;left:0px;background:linear-gradient(135deg,#1e2a3a,#2c3e50)!important;border:none!important;position:fixed;width:100%;top:0;z-index:99;box-shadow:0 1px 8px #0000001a}.toolbar .pointer{cursor:pointer}.toolbar .logo{position:fixed;top:4px;height:52px}.admin-sidebar.p-sidebar{background:linear-gradient(180deg,#1e2a3a,#263545)!important;border:none!important;box-shadow:4px 0 20px #0000001f!important}.admin-sidebar.p-sidebar .p-sidebar-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidebar.p-sidebar .p-sidebar-header .p-sidebar-close{color:#ffffffb3!important}.admin-sidebar .p-panelmenu .p-panelmenu-header>a{background:transparent!important;color:#fff!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important;font-weight:600;font-size:14px}.admin-sidebar .p-panelmenu .p-panelmenu-header>a:hover{background:rgba(255,255,255,.06)!important}.admin-sidebar .p-panelmenu .p-panelmenu-header-content{background:transparent!important;border:none!important}.admin-sidebar .p-panelmenu .p-panelmenu-content{background:rgba(0,0,0,.1)!important;border:none!important}.admin-sidebar .p-panelmenu .p-menuitem-link{color:#fff!important;font-size:13.5px}.admin-sidebar .p-panelmenu .p-menuitem-link:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.admin-sidebar .p-panelmenu .p-menuitem-text{color:#fff!important}.admin-sidebar .p-panelmenu .p-menuitem-icon{color:#ffffffe6!important}.admin-sidebar .p-panelmenu .p-submenu-icon{color:#ffffffb3!important}.toolbar .p-button-danger{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;color:#ffffffd9!important;border-radius:8px!important;transition:all .2s ease}.toolbar .p-button-danger:hover{background:rgba(255,255,255,.14)!important}.toolbar .p-button-info{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:8px!important}.toolbar .p-button-info:hover{background:rgba(255,255,255,.14)!important}.show_dialog{width:50vw}.text-white{color:#fff!important}.d-phone{display:flex}.d-phone-show{display:none}@media screen and (max-width: 600px){.show_dialog{width:90vw}.d-phone{display:none}.d-phone-show{display:flex}}.font-join{font-size:.5rem;cursor:pointer}.divide-white{width:1px;background-color:#fff}.login-img{max-width:95%;height:auto}.login-main{height:100vh;background-image:url(/static/jpg/login_background-d75a368d.jpg);background-repeat:no-repeat;background-size:cover;color:var(--text-color)}.login{text-align:left}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.main-container{padding:24px;background:#f5f6f8}.p-datatable{border-radius:12px;overflow:hidden;box-shadow:0 1px 6px #0000000f;border:1px solid #e8eaed;background:#fff}.p-datatable .p-datatable-header{background:linear-gradient(135deg,#1e2a3a,#2c3e50);border:none;padding:16px 20px}.p-datatable .p-datatable-thead>tr>th{background:#fafbfc;color:#1e293b;font-weight:600;font-size:13px;letter-spacing:.2px;border-bottom:2px solid #e8eaed;padding:14px 16px}.p-datatable .p-datatable-tbody>tr{transition:all .2s ease}.p-datatable .p-datatable-tbody>tr:hover{background:#f5f8ff!important}.p-datatable .p-datatable-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f0f1f3;color:#334155;font-size:13.5px}.p-datatable .p-datatable-tbody>tr:nth-child(even){background:#fafbfc}.p-paginator{background:#fafbfc;border-top:1px solid #e8eaed;padding:10px 16px}.p-paginator .p-paginator-page.p-highlight{background:#4a90d9;border-color:transparent;color:#fff;border-radius:8px;box-shadow:0 1px 4px #4a90d940}.accordion-custom{border:none!important}.accordion-custom .p-accordion-tab{border:none}.accordion-custom .p-accordion-header .p-accordion-header-link{background:transparent!important;color:#ffffffeb!important;border:none;font-weight:600;padding:8px 4px}.accordion-custom .p-accordion-content{background:transparent;border:none;padding:8px 0 4px}.accordion-custom .p-accordion-content .p-inputtext,.accordion-custom .p-accordion-content .p-dropdown,.accordion-custom .p-accordion-content .p-calendar{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;transition:all .2s ease}.accordion-custom .p-accordion-content .p-inputtext:focus,.accordion-custom .p-accordion-content .p-dropdown:hover{border-color:#fff6;box-shadow:0 0 0 2px #ffffff1a}.accordion-custom .p-accordion-content .p-dropdown-label,.accordion-custom .p-accordion-content .p-inputtext::placeholder{color:#ffffffa6}.accordion-custom .p-accordion-content .p-dropdown-trigger{color:#ffffff8c}.accordion-custom .p-accordion-content .p-datepicker-trigger{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:0 8px 8px 0}.accordion-custom .p-accordion-content .p-calendar .p-inputtext{border-radius:8px 0 0 8px}.p-col-12.p-d-flex.p-jc-end .p-button{border-radius:10px;font-weight:600;font-size:13px;padding:8px 18px;transition:all .25s ease;border:none}.p-button-info{background:#4a90d9!important;border-color:#4a90d9!important;box-shadow:0 1px 4px #4a90d940}.p-button-info:hover{background:#3d7fc5!important;box-shadow:0 2px 8px #4a90d959;transform:translateY(-1px)}.p-col-12.p-d-flex.p-jc-end .p-button-success{background:#5b9e6f!important;border-color:#5b9e6f!important;box-shadow:0 1px 4px #5b9e6f40}.p-col-12.p-d-flex.p-jc-end .p-button-success:hover{background:#4e8c60!important;box-shadow:0 2px 8px #5b9e6f59;transform:translateY(-1px)}.p-button-danger.p-button-rounded.p-button-sm{background:#4a90d9!important;border-color:#4a90d9!important;box-shadow:0 1px 4px #4a90d933;transition:all .2s ease}.p-button-danger.p-button-rounded.p-button-sm:hover{transform:scale(1.08);box-shadow:0 2px 8px #4a90d959}.p-dialog{border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000026}.p-dialog .p-dialog-header,.p-sidebar .p-sidebar-header{background:linear-gradient(135deg,#1e2a3a,#2c3e50)!important;color:#fff!important;padding:16px 24px}.p-dialog .p-dialog-header .p-dialog-title,.p-sidebar .p-sidebar-header .p-sidebar-title{font-weight:700;color:#fff}.p-dialog .p-dialog-header .p-dialog-header-icon,.p-sidebar .p-sidebar-header .p-sidebar-close{color:#fff9!important}.p-dialog .p-dialog-content{padding:20px 24px}.p-dialog .p-dialog-footer{padding:12px 24px;border-top:1px solid #e2e8f0}.print-settings-panel{background:#f5f6f8;border:1px solid #e2e5ea;border-radius:12px;padding:20px}.print-settings-section h4{font-size:13px;font-weight:600;letter-spacing:.2px;color:#334155}.qr-print-page{width:100%;min-height:400px;padding:30px 40px;display:flex;flex-direction:column;align-items:center;background:#fff}.qr-print-qrcode{margin-top:20px;text-align:center}.qr-print-json{margin-top:8px;font-size:9px;color:#94a3b8;word-break:break-all;text-align:center;max-width:100%}.qr-print-info{margin-top:24px;width:100%;border-top:2px dashed #cbd5e1;padding-top:20px}.qr-print-info-row{display:flex;align-items:baseline;margin-bottom:16px;font-size:16px}.qr-print-info-label{font-weight:700;min-width:70px;color:#334155}.qr-print-info-value{flex:1;font-size:20px;font-weight:700;color:#1e293b;border-bottom:1px solid #d1d5db;padding-bottom:4px;min-height:28px;margin-left:12px}.button-up{background:#4a90d9;border:none;border-radius:8px;color:#fff;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.button-up:hover{background:#3d7fc5;transform:translateY(-1px);box-shadow:0 2px 8px #4a90d94d}