:root{--b:#1689ff;--b2:#49c5ff;--nav:#102f6a;--ink:#1b345c;--muted:#7084a4;--bg:#f5f9ff;--line:#dde9f5;--red:#ef4455;--green:#17b983;--shadow:0 12px 35px rgba(26,80,140,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"Bai Jamjuree",Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.cms-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.cms-side{background:linear-gradient(180deg,#0f2d66,#123978);color:#d9e7f7;padding:22px 16px;position:sticky;top:0;height:100vh}.cms-logo{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.cms-logo-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--b2),var(--b));display:grid;place-items:center;color:#fff;font-weight:900}.cms-logo strong{display:block;color:#fff;font-size:20px}.cms-logo small{display:block;font-size:9px;color:#9fb9db;margin-top:3px}
.cms-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;margin:3px 0;font-size:12px;font-weight:700}.cms-nav a:hover,.cms-nav a.active{background:rgba(255,255,255,.10);color:#fff}.cms-foot{position:absolute;left:16px;right:16px;bottom:18px}.cms-foot a{display:block;padding:10px 12px;background:rgba(255,255,255,.08);border-radius:10px;font-size:11px}
.cms-main{padding:24px 28px}.cms-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.cms-title h1{margin:0;font-size:28px;color:var(--nav)}.cms-title p{margin:5px 0 0;color:var(--muted);font-size:12px}.cms-top-actions{display:flex;gap:8px}.cms-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:10px;background:var(--b);color:#fff;border:0;font-weight:800;font-size:11px;cursor:pointer}.cms-btn.gray{background:#6f8099}.cms-btn.red{background:var(--red)}.cms-btn.green{background:var(--green)}
.cms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cms-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.cms-stat .label{font-size:10px;color:var(--muted);font-weight:700}.cms-stat b{display:block;font-size:28px;color:var(--nav);margin-top:6px}.cms-stat small{font-size:10px;color:#7890b0}
.cms-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.cms-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.cms-panel h2{margin:0 0 14px;font-size:17px;color:var(--nav)}.cms-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cms-quick a{display:flex;align-items:center;gap:10px;padding:14px;background:#f3f8ff;border-radius:12px;font-weight:700;font-size:11px}.cms-quick a:hover{background:#e9f4ff;color:var(--b)}
.cms-table-wrap{overflow:auto}.cms-table{width:100%;border-collapse:collapse}.cms-table th,.cms-table td{padding:11px 10px;border-bottom:1px solid #edf2f7;text-align:left;font-size:11px;white-space:nowrap}.cms-table th{color:#6b7d9a;font-weight:800}.cms-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800}.cms-pill.green{background:#e5faf2;color:#10956a}.cms-pill.gray{background:#eef2f6;color:#6f8099}.cms-pill.red{background:#ffe9ed;color:#d93b4d}
.cms-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cms-field{margin-bottom:13px}.cms-field label{display:block;font-size:11px;font-weight:800;margin-bottom:6px}.cms-field input,.cms-field select,.cms-field textarea{width:100%;border:1px solid #ccdaea;border-radius:10px;padding:10px 11px;background:#fff;outline:0}.cms-field input:focus,.cms-field select:focus,.cms-field textarea:focus{border-color:#6fc2ff;box-shadow:0 0 0 3px rgba(22,137,255,.08)}
.cms-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7fbff,#eaf6ff)}.cms-login-card{width:min(440px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 20px 55px rgba(25,84,145,.12)}.cms-login-card h1{margin:10px 0 6px;color:var(--nav)}.cms-login-card p{font-size:12px;color:var(--muted)}
.cms-notice{padding:11px 13px;border-radius:10px;background:#e8faf3;color:#118b64;font-size:11px;margin-bottom:14px}.cms-danger{background:#ffe9ed;color:#cb3447}
@media(max-width:980px){.cms-shell{grid-template-columns:1fr}.cms-side{position:static;height:auto}.cms-foot{position:static;margin-top:20px}.cms-stats{grid-template-columns:repeat(2,1fr)}.cms-grid{grid-template-columns:1fr}.cms-form-grid{grid-template-columns:1fr}.cms-main{padding:18px}}

.cms-code{font-family:monospace;background:#f3f7fb;border:1px solid #dfe8f1;border-radius:9px;padding:10px;font-size:11px;word-break:break-all}
.cms-help{font-size:10px;color:#7084a4;line-height:1.55}

.cms-secret{font-family:monospace}
.cms-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cms-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#edf7ff;color:#087bc0;font-size:9px;font-weight:800}
@media(max-width:800px){.cms-two{grid-template-columns:1fr}}

/* ===== V11.2 PAYMENT READINESS ===== */
.cms-ready-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.cms-ready{border:1px solid #dfe8f2;border-radius:12px;padding:12px;background:#fff}
.cms-ready .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}
.cms-ready.ok .dot{background:#15b77b}.cms-ready.warn .dot{background:#f4a62a}.cms-ready.bad .dot{background:#e74b5c}
.cms-ready b{font-size:11px;color:#17345f}.cms-ready small{display:block;color:#7183a0;font-size:9px;margin-top:4px;line-height:1.4}
.cms-bank-box{border:1px solid #dfe8f2;border-radius:14px;padding:14px;margin-bottom:12px;background:#fbfdff}
.cms-bank-select{width:100%;height:40px;border:1px solid #cfdceb;border-radius:10px;padding:0 10px}
.cms-inline-note{font-size:9px;color:#7285a2;margin-top:5px}
.cms-warning{padding:11px 13px;border-radius:10px;background:#fff5dd;color:#946600;font-size:10px;margin:10px 0}
.cms-success{padding:11px 13px;border-radius:10px;background:#e9faf3;color:#0e8f64;font-size:10px;margin:10px 0}
@media(max-width:1000px){.cms-ready-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cms-ready-grid{grid-template-columns:1fr}}

/* ===== V11.3 SEPARATE SECRETS ===== */
.cms-secret-help{font-size:9px;color:#6d809e;line-height:1.5;margin-top:5px}
.cms-secret-card{background:#f8fbff;border:1px solid #dde8f3;border-radius:12px;padding:12px}
.cms-secret-card strong{display:block;color:#17345f;font-size:11px;margin-bottom:4px}
.cms-secrets-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
@media(max-width:800px){.cms-secrets-grid{grid-template-columns:1fr}}

/* ===== V11.4 RECONCILIATION ===== */
.cms-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.cms-tab{display:inline-flex;align-items:center;padding:8px 11px;border-radius:10px;background:#eef5fc;color:#47617f;font-size:10px;font-weight:800}
.cms-tab.active{background:#173f7c;color:#fff}
.cms-reconcile{width:100%;border-collapse:collapse}
.cms-reconcile th,.cms-reconcile td{padding:10px;border-bottom:1px solid #edf2f7;text-align:left;font-size:10px;vertical-align:top}
.cms-reconcile th{color:#687c9a}
.cms-result{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8.5px;font-weight:800}
.cms-result.ok{background:#e8faf3;color:#0d9366}
.cms-result.warn{background:#fff3d9;color:#986500}
.cms-result.bad{background:#ffe7eb;color:#c93448}
.cms-payload{font-family:monospace;font-size:9px;background:#f5f8fb;border:1px solid #e1e9f2;border-radius:8px;padding:8px;max-width:420px;max-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.cms-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.cms-kpi{background:#fff;border:1px solid #dfe8f2;border-radius:12px;padding:12px}
.cms-kpi small{display:block;color:#7183a0;font-size:8.5px}.cms-kpi b{display:block;color:#17345f;font-size:19px;margin-top:4px}
@media(max-width:900px){.cms-kpi-row{grid-template-columns:repeat(2,1fr)}}

/* ===== V12 DIRECT BANK API ===== */
.cms-provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}
.cms-provider{border:1px solid #dfe8f2;border-radius:13px;padding:12px;background:#fff}
.cms-provider.active{border-color:#73bdf2;background:#f5fbff}
.cms-provider b{display:block;color:#17345f;font-size:11px}.cms-provider small{display:block;color:#7183a0;font-size:9px;line-height:1.45;margin-top:4px}
.cms-endpoint{font-family:monospace;background:#f5f8fb;border:1px solid #e1e9f2;border-radius:9px;padding:9px;font-size:9.5px;word-break:break-all}
.cms-statusline{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.cms-status-pill{padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:800;background:#eef5fc;color:#55708e}.cms-status-pill.ok{background:#e8faf3;color:#0d9366}.cms-status-pill.warn{background:#fff3d9;color:#986500}
@media(max-width:1000px){.cms-provider-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.cms-provider-grid{grid-template-columns:1fr}}