.page-container{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:24px;font-weight:600;margin:0}.header-left{display:flex;flex-direction:column;gap:8px}.limit-info{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;padding:6px 12px;background:#f0f7ff;border:1px solid #d0e7ff;border-radius:6px}.limit-info.limit-reached{background:#fff3cd;border-color:#ffc107;color:#856404}.limit-info i{font-size:16px;color:#667eea}.limit-info.limit-reached i{color:#ffc107}.limit-text{font-weight:500}.remaining{color:#28a745;font-weight:600}.remaining.limit-reached{color:#dc3545}.page-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;align-items:flex-end}.filter-group{flex:0 0 auto;width:160px;display:block;margin-bottom:0}.filter-label{display:block;font-size:12px;color:#6c757d;margin-bottom:4px;white-space:nowrap}.filter-group--action{min-width:auto}.page-toolbar .form-control{padding:6px 12px;height:auto;line-height:1.4}.search-box{position:relative;flex:1;max-width:400px}.search-box input{padding-right:40px}.search-box i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.table-wrapper{background:#fff;border-radius:8px;overflow-x:auto;overflow-y:visible;box-shadow:0 2px 4px rgba(0,0,0,.05);-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;min-width:600px;border-collapse:collapse}@media (max-width:768px){.page-container{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:20px}.page-toolbar{flex-direction:column;gap:8px;align-items:stretch}.filter-group{min-width:100%;width:100%}.search-box{max-width:100%;width:100%}}.tabs-bar[data-v-0b05207b]{display:flex;gap:4px;border-bottom:2px solid #e0e0e0;margin-bottom:24px}.tab-btn[data-v-0b05207b]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;background:none;font-size:15px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:4px 4px 0 0;transition:color .15s,border-color .15s,background .15s}.tab-btn[data-v-0b05207b]:hover{color:#1976d2;background:#f0f6ff}.tab-btn.active[data-v-0b05207b]{color:#1976d2;border-bottom-color:#1976d2;background:#f0f6ff}.settings-container[data-v-0b05207b]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.form-section[data-v-0b05207b]{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e0e0e0}.form-section[data-v-0b05207b]:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2[data-v-0b05207b]{font-size:20px;font-weight:600;margin-bottom:8px;color:#333}.section-description[data-v-0b05207b]{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.form-group[data-v-0b05207b]{margin-bottom:20px}.form-group label[data-v-0b05207b]{display:block;margin-bottom:8px;font-weight:600;color:#333}.required[data-v-0b05207b]{color:#e74c3c}.form-hint[data-v-0b05207b]{display:block;margin-top:4px;font-size:14px;color:#666;line-height:1.6}.form-hint strong[data-v-0b05207b]{color:#333;font-weight:600}.form-hint ul[data-v-0b05207b]{margin:8px 0 0 20px;padding:0;list-style-type:disc}.form-hint ul li[data-v-0b05207b]{margin:4px 0;line-height:1.5}.form-group-compact[data-v-0b05207b]{margin-top:4px}.form-hint.block-hint[data-v-0b05207b]{margin-top:8px}.rate-input-row[data-v-0b05207b]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rate-input-row .form-control[data-v-0b05207b]{flex:1;min-width:120px}.btn-fetch-cbc[data-v-0b05207b]{white-space:nowrap}.url-input-row[data-v-0b05207b]{display:flex;gap:8px;align-items:center}.url-input-row .form-control[data-v-0b05207b]{flex:1}.btn-auto-gen[data-v-0b05207b]{white-space:nowrap;padding:8px 14px;font-size:13px;border:1px solid #aaa;border-radius:4px;background:#fff;color:#555;cursor:pointer;transition:background .15s,color .15s}.btn-auto-gen[data-v-0b05207b]:hover{background:#f0f0f0;color:#333}.input-with-toggle[data-v-0b05207b]{position:relative;display:flex;align-items:center}.input-with-toggle .form-control[data-v-0b05207b]{padding-right:40px}.btn-toggle-visibility[data-v-0b05207b]{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#888;font-size:18px;padding:0;display:flex;align-items:center;line-height:1}.btn-toggle-visibility[data-v-0b05207b]:hover{color:#333}.radio-group[data-v-0b05207b]{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:8px}.radio-label[data-v-0b05207b]{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400;color:#333}.radio-label input[type=radio][data-v-0b05207b]{width:16px;height:16px;cursor:pointer}.form-group code[data-v-0b05207b]{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-size:13px;color:#e74c3c}.form-actions[data-v-0b05207b]{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.invoice-section[data-v-0b05207b]{margin-top:32px;padding-top:24px;border-top:2px dashed #e0e0e0}.invoice-section h2[data-v-0b05207b]{font-size:18px}.toggle-label[data-v-0b05207b]{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:500;color:#333}.switch[data-v-0b05207b]{position:relative;display:inline-block;width:46px;height:24px}.switch input[data-v-0b05207b]{opacity:0;width:0;height:0}.slider[data-v-0b05207b]{position:absolute;cursor:pointer;inset:0;background:#ccc;border-radius:24px;transition:background .2s}.slider[data-v-0b05207b]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.slider[data-v-0b05207b]{background:#1976d2}.switch input:checked+.slider[data-v-0b05207b]:before{transform:translateX(22px)}.info-box[data-v-0b05207b]{background:#e3f2fd;border-left:4px solid #1976d2;border-radius:4px;padding:12px 16px;font-size:13px;color:#1565c0;margin-bottom:20px;line-height:1.6}.info-box code[data-v-0b05207b]{background:rgba(25,118,210,.1);padding:1px 6px;border-radius:3px;font-size:12px}.ecpay-webhook-info .ecpay-webhook-info-title[data-v-0b05207b]{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px 0;font-weight:600;font-size:14px;color:#0d47a1}.ecpay-webhook-info ul[data-v-0b05207b]{margin:0;padding-left:20px;list-style:disc}.ecpay-webhook-info li[data-v-0b05207b]{margin:8px 0;line-height:1.55}.sandbox-autofill[data-v-0b05207b]{margin-top:10px}