.customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 15px}.customer-toolbar>div{display:flex;gap:8px}.customer-manage{border:0;border-radius:4px;padding:11px 15px;background:#05a95b;color:#fff;font-weight:900;cursor:pointer}.customer-manage span{margin-left:10px}.customer-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:16px}.customer-kpis section{display:grid;grid-template-columns:82px 1fr;min-height:88px;border:1px solid #d8e1e5;border-radius:5px;overflow:hidden;background:#fff}.customer-kpis section>b{display:grid;place-items:center;color:#fff;font-size:38px}.customer-kpis section>div{display:flex;flex-direction:column;justify-content:center;padding:11px 14px}.customer-kpis small{color:#53636b;font-weight:800}.customer-kpis strong{margin-top:7px;color:#33464f;font-size:25px}.customer-kpis .cyan>b{background:#14b8da}.customer-kpis .green>b{background:#06a95c}.customer-kpis .orange>b{background:#f4a20c}.customer-kpis .red>b{background:#e94b3b}.customer-list-card{border-top-color:#12cbd0}.customer-table td{vertical-align:middle}.customer-table td:nth-child(2),.customer-table td:nth-child(3){white-space:normal;min-width:160px}.customer-table td:nth-child(2) small{display:block;margin-top:5px;color:#607985}.customer-table td:nth-child(3) .status{margin-left:8px}.customer-id,.due-date{color:#169ecb}.service-chip{display:inline-flex;padding:4px 7px;border-radius:3px;background:#05aa60;color:#fff;font-size:10px;font-weight:900}.customer-actions{display:flex;gap:5px}.mini-action.orange{background:#f2a00c;color:#fff}.mini-action.green{background:#08a95e;color:#fff}.customer-form{max-width:1180px;margin:0 auto}.customer-form-tabs{display:flex;gap:3px;margin:-16px -16px 18px;padding:12px 15px 0;border-bottom:1px solid #dce4e8}.customer-form-tabs>*{padding:10px 14px;color:#258dac}.customer-form-tabs b{border:1px solid #dce4e8;border-bottom-color:#fff;border-radius:4px 4px 0 0;color:#334e5c}.customer-form fieldset{margin:0 0 18px;padding:18px;border:1px solid #dce4e8;border-radius:5px}.customer-form legend{padding:0 8px;color:#1b8baa;font-size:12px;font-weight:900;text-transform:uppercase}.customer-form .field.wide{grid-column:1/-1}.customer-form textarea{width:100%;min-height:80px;padding:10px;border:1px solid #cdd9de;border-radius:5px;resize:vertical}.switch-field{display:flex;align-items:center;gap:9px;min-height:40px;padding:9px 11px;border:1px solid #d4dfe3;border-radius:5px;background:#f7fafb;color:#405a65;font-weight:800}.switch-field input{width:17px;height:17px}.customer-form .login-error{margin-top:12px;padding:11px;border-left:3px solid #d84c43;background:#ffebe9;color:#913b34}.customer-form .form-actions{padding-top:14px;border-top:1px solid #e0e7ea}
@media(max-width:1050px){.customer-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.customer-kpis{grid-template-columns:1fr}.customer-toolbar{align-items:stretch;flex-direction:column}.customer-toolbar>div{display:grid;grid-template-columns:1fr 1fr}}

.customer-manage-wrap{position:relative;display:block!important}
.customer-manage.open{filter:brightness(.96)}
.customer-manage-menu{position:absolute;z-index:12;top:calc(100% + 2px);left:0;width:min(390px,calc(100vw - 40px));max-height:min(620px,calc(100vh - 180px));overflow-y:auto;border:1px solid #aeb9bd;background:#fff;box-shadow:0 10px 24px #173f4a2b}
.customer-manage-menu[hidden]{display:none}
.customer-manage-menu button{display:flex;align-items:center;gap:13px;width:100%;min-height:47px;padding:10px 16px;border:0;border-bottom:1px solid #d5dcdf;background:#fff;color:#30383c;text-align:left;font:inherit;font-weight:650;cursor:pointer}
.customer-manage-menu button:hover,.customer-manage-menu button:focus{background:#eff9f6;color:#087948;outline:0}
.customer-manage-menu button>span{width:20px;color:#3e4a4f;text-align:center}
.customer-manage-menu button.danger:hover,.customer-manage-menu button.danger:focus{background:#fff1ef;color:#b12d28}
.customer-menu-caption{padding:14px 15px 10px;color:#e02f27;font-weight:900}
.menu-badge{margin-left:auto;padding:4px 8px;border-radius:5px;color:#fff;font-size:10px;font-style:normal;font-weight:900}
.menu-badge.old{background:#ff851b}.menu-badge.new{background:#08a95e}
@media(max-width:520px){.customer-toolbar>.customer-manage-wrap{display:block!important}.customer-manage{width:100%}.customer-manage-menu{width:100%}}
.voucher-guidance{display:grid;gap:7px;margin:0 0 14px;padding:13px 16px;border:1px solid #d8e2e6;border-left:4px solid #12b7c7;border-radius:4px;background:#fff;color:#40545c;font-size:12px}
.voucher-list-card{margin-top:0;border-top-color:#11c9d0}
.voucher-table{min-width:1380px}
.voucher-table td{vertical-align:middle}.voucher-table .voucher-login{color:#238eba}.voucher-table td:nth-child(9){font-weight:700;white-space:nowrap}
.voucher-modal-backdrop{align-items:start;overflow-y:auto;padding:22px}
.voucher-create-modal{display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 44px);margin:auto;overflow:hidden}
.voucher-create-modal .modal-head{flex:0 0 auto;background:#fff}
.voucher-create-body{overflow-y:auto;padding:22px}
.voucher-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 3px}
.voucher-create-grid>.field,.voucher-create-grid>fieldset{margin:0;padding:0 10px;border:0}
.voucher-create-grid .field label,.voucher-type legend{margin-bottom:7px;color:#384b53;font-size:13px;font-weight:800}
.voucher-type label{display:flex;align-items:center;gap:8px;min-height:42px;font-weight:750}.voucher-type input{width:18px;height:18px}
.voucher-create-grid .field input,.voucher-create-grid .field select{min-height:48px;border-radius:0;background:#fff}
.voucher-create-grid .field small{display:block;margin-top:7px;color:#6f7477;font-size:10px;font-weight:700;line-height:1.45}
.voucher-create-grid .voucher-wide{grid-column:1/-1}
.voucher-inline-link{margin-top:8px;padding:0;border:0;background:transparent;color:#258dc0;font-weight:850;cursor:pointer}
.voucher-create-actions{flex:0 0 auto;justify-content:flex-start;background:#fff}
@media(min-width:1051px){
  #page[data-page="voucher-hotspot"] .customer-toolbar,#page[data-page="voucher-ppp"] .customer-toolbar{margin:0 0 10px}
  #page[data-page="voucher-hotspot"] .customer-toolbar .button,#page[data-page="voucher-ppp"] .customer-toolbar .button,#page[data-page="voucher-hotspot"] .customer-manage,#page[data-page="voucher-ppp"] .customer-manage{padding:7px 10px;font-size:11px}
  #page[data-page="voucher-hotspot"] .customer-manage span,#page[data-page="voucher-ppp"] .customer-manage span{margin-left:6px}
  #page[data-page="voucher-hotspot"] .voucher-guidance,#page[data-page="voucher-ppp"] .voucher-guidance{gap:4px;margin-bottom:9px;padding:8px 11px;font-size:10px}
  #page[data-page="voucher-hotspot"] .voucher-list-card,#page[data-page="voucher-ppp"] .voucher-list-card{padding:10px}
  #page[data-page="voucher-hotspot"] .filters,#page[data-page="voucher-ppp"] .filters{grid-template-columns:minmax(240px,1fr) 130px 96px;gap:8px;margin-bottom:8px}
  #page[data-page="voucher-hotspot"] .filters .field label,#page[data-page="voucher-ppp"] .filters .field label{margin-bottom:4px;font-size:10px}
  #page[data-page="voucher-hotspot"] .filters .field input,#page[data-page="voucher-hotspot"] .filters .field select,#page[data-page="voucher-ppp"] .filters .field input,#page[data-page="voucher-ppp"] .filters .field select{min-height:34px;padding:7px 8px;font-size:11px}
  #page[data-page="voucher-hotspot"] .voucher-table,#page[data-page="voucher-ppp"] .voucher-table{width:100%;min-width:1050px;table-layout:fixed;font-size:10px}
  #page[data-page="voucher-hotspot"] .voucher-table th,#page[data-page="voucher-ppp"] .voucher-table th{padding:7px 5px;font-size:8px}
  #page[data-page="voucher-hotspot"] .voucher-table td,#page[data-page="voucher-ppp"] .voucher-table td{overflow:hidden;padding:7px 5px;text-overflow:ellipsis}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(1){width:28px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(2){width:62px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(3){width:78px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(4){width:68px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(5){width:118px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(6){width:82px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(7){width:138px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(8){width:88px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(9){width:90px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(10){width:82px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(11){width:72px}
  #page[data-page^="voucher-"] .voucher-table th:nth-child(12){width:54px}
  #page[data-page^="voucher-"] .voucher-table .status{padding:3px 6px;font-size:8px}
  #page[data-page^="voucher-"] .voucher-table .row-action{padding:5px 7px;font-size:9px}
  #page[data-page="voucher-hotspot"] .table-foot,#page[data-page="voucher-ppp"] .table-foot{margin-top:8px;font-size:9px}
}
@media(max-width:620px){.voucher-modal-backdrop{padding:8px}.voucher-create-grid{grid-template-columns:1fr}.voucher-create-grid .voucher-wide{grid-column:auto}}
.evoucher-guidance{display:grid;gap:5px;margin-bottom:10px;padding:10px 13px;border:1px solid #efdfb7;border-left:4px solid #ed9b0b;border-radius:4px;background:#fffaf0;color:#5f543b;font-size:11px}.evoucher-card{margin-top:0;padding:12px}.evoucher-filters{display:grid;grid-template-columns:minmax(250px,1fr) 130px 140px 96px;gap:9px}.evoucher-table{width:100%;min-width:1130px;margin-top:9px;table-layout:fixed;font-size:10px}.evoucher-table th{padding:7px 5px;border-top:3px solid #11c4cc;font-size:8px}.evoucher-table td{overflow:hidden;padding:8px 5px;vertical-align:middle;text-overflow:ellipsis}.evoucher-table th:nth-child(1){width:27px}.evoucher-table th:nth-child(2){width:145px}.evoucher-table th:nth-child(3){width:78px}.evoucher-table th:nth-child(4){width:88px}.evoucher-table th:nth-child(5){width:98px}.evoucher-table th:nth-child(6){width:78px}.evoucher-table th:nth-child(7){width:72px}.evoucher-table th:nth-child(8){width:85px}.evoucher-table th:nth-child(9){width:110px}.evoucher-table th:nth-child(10){width:72px}.evoucher-table th:nth-child(11){width:100px}.evoucher-table th:nth-child(12){width:72px}.evoucher-table th:nth-child(13){width:62px}.evoucher-order{color:#1a829f}.evoucher-table .service-chip{margin-right:5px;padding:3px 5px;font-size:7px}.evoucher-table .status{padding:3px 6px;font-size:8px}.evoucher-code-link{display:block;margin-top:4px;padding:2px 5px;border:0;border-radius:3px;background:#dfe5e8;color:#40535b;font-size:8px;font-weight:800;cursor:pointer}.evoucher-payment{font-size:9px}.evoucher-purchase-modal{width:min(680px,100%)}.evoucher-purchase-body{padding:20px}.evoucher-detail-modal{width:min(700px,100%)}.evoucher-detail-body{padding:20px}.evoucher-detail-body dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #d7e2e6;border-left:1px solid #d7e2e6}.evoucher-detail-body dl>div{padding:11px;border-right:1px solid #d7e2e6;border-bottom:1px solid #d7e2e6}.evoucher-detail-body dt{margin-bottom:3px;color:#71848b;font-size:9px;font-weight:850}.evoucher-detail-body dd{margin:0;overflow-wrap:anywhere;font-size:11px}.evoucher-code-box{display:grid;justify-items:center;gap:9px;padding:22px;border:1px dashed #73b9c9;border-radius:6px;background:#f1fafc;text-align:center}.evoucher-code-box small{color:#627981;font-size:9px;font-weight:850}.evoucher-code-box strong{padding:10px 16px;border-radius:4px;background:#173f4a;color:#fff;font:800 20px ui-monospace,monospace;letter-spacing:.08em}.evoucher-code-box span{color:#58717a;font-size:10px}
@media(min-width:1051px){#page[data-page="voucher-evoucher"] .customer-toolbar{margin:0 0 9px}#page[data-page="voucher-evoucher"] .customer-toolbar .button,#page[data-page="voucher-evoucher"] .customer-manage{padding:7px 10px;font-size:11px}#page[data-page="voucher-evoucher"] .evoucher-filters .field label{margin-bottom:4px;font-size:10px}#page[data-page="voucher-evoucher"] .evoucher-filters .field input,#page[data-page="voucher-evoucher"] .evoucher-filters .field select{min-height:34px;padding:7px 8px;font-size:11px}#page[data-page="voucher-evoucher"] .table-foot{margin-top:8px;font-size:9px}}
@media(max-width:900px){.evoucher-filters{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.evoucher-filters,.evoucher-detail-body dl{grid-template-columns:1fr}.evoucher-toolbar{align-items:stretch;flex-direction:column}.evoucher-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr}}