.cm-module{font-size:12px;line-height:1.6}.cm-module .card{margin:15px 0;min-width:0}.cm-module h3{margin:0 0 8px}.cm-module h4{font-size:13px;margin:18px 0 10px}.cm-module p{overflow-wrap:anywhere}.cm-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.cm-heading>div{min-width:0}.cm-heading>button{flex:none}.cm-context{margin:12px 0}.cm-nav{flex-wrap:wrap}.cm-nav .button.primary,.cm-module .button.primary{background:var(--cyan,#75f4e9);color:#141b2b;border-color:var(--cyan,#75f4e9)}.cm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.cm-field{display:flex;flex-direction:column;gap:6px;min-width:0}.cm-module input:not([type=checkbox]):not([type=file]),.cm-module select,.cm-module textarea{font:inherit;width:100%;min-height:38px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#211b35);color:var(--text,#eeeafa)}.cm-module textarea{min-height:90px;resize:vertical}.cm-module option{background:#211b35;color:#eeeafa}.cm-module input[type=checkbox]{width:17px;height:17px;accent-color:var(--cyan,#75f4e9);flex:none}.cm-module input[type=file]{max-width:100%;font-size:11px}.cm-help{font-size:11px;color:var(--dim)}.cm-error,.cm-caution{border-left:3px solid currentColor;padding:10px 12px;border-radius:5px}.cm-error{color:var(--pink,#ff91be)}.cm-caution,.cm-pending{color:var(--amber,#ffc76a)}.cm-pending{border-left:3px solid currentColor}.cm-pending code{overflow-wrap:anywhere}.cm-loading{color:var(--cyan)}.cm-switch{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;margin:15px 0}.cm-switch small{display:block;color:var(--dim);font-size:11px;margin-top:5px}.cm-qr-editor{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:22px;align-items:start;border:1px solid var(--line);padding:16px;border-radius:8px;margin:16px 0}.cm-qr{width:180px;max-width:100%;height:auto;max-height:240px;object-fit:contain;background:white;padding:8px;border-radius:8px}.cm-qr-empty{border:1px dashed var(--line);border-radius:8px;padding:30px 14px;color:var(--dim);text-align:center}.cm-lookup{display:flex;gap:12px;align-items:flex-end;margin:14px 0}.cm-lookup>.cm-field{flex:1}.cm-lookup>button{flex:none;margin-bottom:1px}.cm-table{overflow:auto;border:1px solid var(--line);border-radius:8px}.cm-table table{width:100%;border-collapse:collapse;font-size:11px}.cm-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--dim)}.cm-table td{padding:12px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;min-width:100px}.cm-table tr:last-child td{border-bottom:0}.cm-table td small{display:block;margin-top:5px;color:var(--dim);font-size:10px}.cm-pages{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px}.cm-pages>span{margin-right:auto;color:var(--dim)}.cm-credit{color:var(--cyan,#75f4e9)}.cm-debit{color:var(--pink,#ff91be)}.cm-balance{font-size:28px;font-weight:800;color:var(--cyan,#75f4e9);margin:16px 0}.cm-adjust{border-top:1px solid var(--line);margin-top:20px;padding-top:5px}.cm-status{display:inline-block;padding:5px 9px;border:1px solid currentColor;border-radius:6px;font-size:10px;color:var(--amber,#ffc76a)}.cm-approved{color:var(--cyan,#75f4e9)}.cm-rejected,.cm-cancelled,.cm-expired{color:var(--dim)}.cm-payment{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:start;margin:18px 0}.cm-payment dl,.cm-detail{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:10px 14px;margin:0}.cm-payment dt,.cm-detail dt{color:var(--dim)}.cm-payment dd,.cm-detail dd{margin:0;overflow-wrap:anywhere}.cm-payment dd button{margin-left:9px;font-size:10px;padding:5px 8px}.cm-instructions{white-space:pre-wrap;border:1px solid var(--line);border-radius:8px;padding:12px}.cm-bank-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--amber,#ffc76a);border-radius:8px;padding:12px;margin:18px 0}.cm-quote{font-size:14px;padding:12px 0}.cm-quote strong{color:var(--cyan,#75f4e9)}.cm-quick{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cm-player-heading{padding:20px 0 8px}.cm-player-heading h1{font-size:27px;margin:8px 0}.cm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cm-stats>.card{margin:0;padding:16px}.cm-stats span{display:block;font-size:11px;color:var(--dim)}.cm-stats strong{display:block;margin-top:10px;color:var(--cyan,#75f4e9);font-size:18px;overflow-wrap:anywhere}.cm-module button:focus-visible,.cm-module input:focus-visible,.cm-module select:focus-visible,.cm-module textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:1100px){.cm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-heading{flex-wrap:wrap}}@media(max-width:800px){.cm-form-grid{grid-template-columns:1fr}.cm-payment,.cm-qr-editor{grid-template-columns:1fr}.cm-lookup{flex-wrap:wrap}.cm-lookup>.cm-field{flex-basis:100%}.cm-payment dl,.cm-detail{grid-template-columns:1fr}.cm-payment dd,.cm-detail dd{margin-bottom:9px}.cm-heading{display:block}.cm-heading>button{margin-top:10px}}
.cm-player{padding:24px 28px 36px}@media(max-width:800px){.cm-player{padding:18px 16px 28px}}
.cm-player .cm-compact-heading{padding:0 0 5px}.cm-player-titlebar{display:flex;align-items:center;gap:16px}.cm-player .cm-player-titlebar h1{font-size:24px;margin:0}.cm-player-titlebar>.button{flex:none}.cm-player-context{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;margin:10px 0 8px;font-size:11px;color:var(--dim)}.cm-player-context strong{font-weight:600;color:var(--muted);overflow-wrap:anywhere}.cm-player .cm-nav{margin-top:8px}.cm-player .cm-compact-heading+.cm-notice{margin:5px 0 10px}@media(max-width:650px){.cm-player-titlebar{gap:12px}.cm-player .cm-player-titlebar h1{font-size:20px}.cm-player-context{gap:5px 14px}}
.cm-submit-help{font-size:11px;color:var(--amber,#ffc76a);margin:10px 0 0;max-width:620px}
.cm-module .cm-notice{margin:10px 0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:var(--cyan)}.cm-row-actions{display:flex;gap:8px;flex-wrap:wrap}.cm-row-actions .button{white-space:nowrap}.cm-module .cm-more{margin:16px 0}.cm-more>summary{cursor:pointer;color:var(--muted);font-size:12px;padding:8px 0}.cm-more[open]>summary{margin-bottom:10px}.cm-topup-start .cm-field{max-width:440px}.cm-topup-start>.button.primary{min-width:180px}.cm-request-tools .cm-lookup{margin-bottom:0}.cm-topup-cards{display:grid;gap:12px;margin:14px 0}.cm-topup-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:10px}.cm-topup-card strong,.cm-topup-card small{display:block;margin-top:8px}.cm-topup-card small{color:var(--dim);overflow-wrap:anywhere}.cm-review-summary{display:grid;gap:12px;margin:16px 0}.cm-review-summary>div{display:flex;flex-direction:column;gap:3px}.cm-review-summary span,.cm-dialog-context,.cm-review-summary small{color:var(--dim);font-size:11px}.cm-review-summary strong{color:var(--text);font-size:14px;overflow-wrap:anywhere}.cm-payment-total{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.cm-payment-total>strong{font-size:25px;color:var(--cyan)}.cm-payment-total>span:not(.cm-status){font-size:18px}.cm-success{color:var(--cyan);padding:10px 12px;border:1px solid var(--line);border-radius:8px}.cm-dialog .cm-field textarea{min-height:62px}.cm-dialog .cm-qr{width:220px;max-height:260px}.cm-dialog .cm-payment{grid-template-columns:225px minmax(0,1fr);gap:24px}.cm-dialog .cm-payment dl{grid-template-columns:110px minmax(0,1fr);gap:10px}.cm-dialog .cm-payment dd .button{display:block;margin:5px 0 0}.cm-dialog .cm-error[hidden]{display:none}
#app-dialog:has(.cm-dialog){width:min(740px,calc(100vw - 32px));max-height:calc(100dvh - 48px)}#app-dialog:has(.cm-dialog) #dialog-content{padding:0;display:flex;flex-direction:column;max-height:calc(100dvh - 50px)}#app-dialog:has(.cm-dialog) .dialog-head{padding:20px 24px 15px;margin:0;flex:none;border-bottom:1px solid var(--line)}#app-dialog:has(.cm-dialog) .dialog-body{padding:14px 24px 20px;overflow:auto;min-height:0}#app-dialog:has(.cm-dialog) .dialog-actions{margin:0;padding:15px 24px;flex:none;flex-wrap:wrap;border-top:1px solid var(--line);background:var(--surface,#211b35)}#app-dialog:has(.cm-dialog) .dialog-actions .button{white-space:normal;min-height:40px}
@media(max-width:650px){.cm-topup-card{align-items:flex-start;flex-direction:column}.cm-dialog .cm-payment{grid-template-columns:1fr}.cm-dialog .cm-qr{justify-self:center}.cm-dialog .cm-payment dl{grid-template-columns:105px minmax(0,1fr)}#app-dialog:has(.cm-dialog) .dialog-actions{padding:12px 16px}#app-dialog:has(.cm-dialog) .dialog-actions .button{flex:1;min-width:120px}}
