:root{--navy:#102b38;--mint:#16a881;--line:#e1e9e8;--fog:#f5f8f8;--gray:#6e8189}
.console-body{background:var(--fog);color:#223942}.console-layout{display:flex;min-height:100vh}.console-sidebar{width:254px;background:#102c39;color:#dee9ec;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:19}.console-logo{padding:25px 19px 23px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:850;border-bottom:1px solid #ffffff1a;line-height:1.1}.console-logo b{color:#43d6aa}.console-logo small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:650;color:#8ba9b3;margin-top:6px}.console-logo .brand-symbol{background:#1f4851}.console-nav{padding:12px 12px 24px;flex:1}.nav-section{padding:20px 14px 9px;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#73939f}.console-nav button{width:100%;display:flex;align-items:center;gap:13px;padding:11px 13px;margin:2px 0;border:0;border-radius:9px;background:none;color:#b4c9d0;text-align:left;cursor:pointer;font-size:15px;font-weight:650;font-family:inherit;transition:background .2s}.console-nav button span{font-size:12px;font-weight:650}.console-nav button:hover{background:#ffffff0d;color:white}.console-nav button.active{background:#1d514d;color:#7fecc2;border-left:2px solid #59d3a2}.sidebar-footer{display:flex;align-items:center;gap:11px;padding:18px;border-top:1px solid #ffffff16;background:#14343f}.sidebar-footer strong{display:block;font-size:11px;color:#e6f1f2}.sidebar-footer small{font-size:10px;color:#91b0b3}.offline-dot{height:9px;width:9px;border-radius:50%;background:#fac56e;box-shadow:0 0 0 5px #fac56e20}.console-main{min-width:0;flex:1;display:flex;flex-direction:column}.console-top{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:white;border-bottom:1px solid var(--line);gap:18px;position:sticky;top:0;z-index:12}.breadcrumb{font-size:13px;color:#82929b}.breadcrumb span{margin:0 11px;color:#afbdc1}.breadcrumb strong{color:#1a3745}.top-actions{display:flex;align-items:center;gap:13px}.secure-chip{background:#eaf9f0;color:#19836b;padding:7px 12px;border-radius:15px;font-size:11px;font-weight:750}.user-chip{border:1px solid var(--line);border-radius:20px;font-size:12px;padding:7px 12px;max-width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-logout{border:0;background:#edf4f2;color:#284c4b;border-radius:9px;padding:10px 13px;font-size:12px;cursor:pointer;font-weight:800}.menu-toggle{display:none;background:none;border:0;font-size:23px}.console-page{max-width:1460px;width:100%;padding:35px 35px 65px;flex:1;margin:0 auto}.console-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.console-heading h1{font-size:28px;margin:11px 0 5px;letter-spacing:-1.3px}.console-heading p{color:var(--gray);margin:0;font-size:13px}.console-heading-action{display:flex;gap:8px}.console-btn{border:0;background:var(--mint);color:white;padding:10px 16px;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.console-btn.alt{background:#e5f3ef;color:#117e62}.console-btn:disabled{opacity:.5;cursor:not-allowed}.global-note{display:flex;gap:12px;align-items:flex-start;padding:14px 17px;background:#fff9ed;border:1px solid #f1dfb9;color:#785e32;font-size:12px;line-height:1.65;border-radius:12px;margin-bottom:25px}.global-note>span{font-size:20px;color:#c3923a}.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card,.panel-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 5px 18px #14354108}.stat-card small{font-size:12px;color:#84969d}.stat-card h2{font-size:27px;letter-spacing:-1.5px;margin:11px 0 8px}.stat-card p{font-size:11px;color:#8a9a9f;margin:0}.panel-card{margin-top:18px}.panel-card h2{font-size:16px;letter-spacing:-.5px;margin:0 0 16px}.panel-card p,.section-copy{color:#6d8087;font-size:13px;line-height:1.8}.panel-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.mini-table{width:100%;border-collapse:collapse;font-size:12px}.mini-table th{background:#f5f9f7;color:#667b7d;font-weight:800;text-align:left;white-space:nowrap}.mini-table th,.mini-table td{border-bottom:1px solid #e8efed;padding:12px 13px;vertical-align:middle}.mini-table td{overflow-wrap:anywhere}.table-scroll{width:100%;overflow-x:auto}.tag{display:inline-flex;border-radius:20px;padding:5px 9px;background:#f1f5f4;color:#60747b;font-size:10px;font-weight:750}.tag.pending{background:#fff4dc;color:#ab7f24}.tag.active{background:#e8f8ef;color:#168063}.tag.danger{background:#fceaea;color:#ad5953}.console-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.console-form label{font-size:12px;font-weight:800;color:#53686e}.console-form input,.console-form select,.console-form textarea{width:100%;display:block;margin-top:7px;border:1px solid #d1dfde;border-radius:9px;background:white;font-size:13px;font-family:inherit;padding:11px;min-height:43px;color:#223942;outline-color:var(--mint)}.console-form textarea{min-height:85px;resize:vertical}.console-form .wide{grid-column:1/-1}.console-form button{justify-self:start}.notice-muted{padding:12px 14px;border-radius:9px;background:#f0f7f5;font-size:12px;color:#486f68;margin:15px 0}.empty{text-align:center;padding:45px 15px;color:#899ca0;font-size:13px}.empty strong{display:block;color:#425f68;font-size:14px;margin:8px}.btn-sm{border:1px solid #cbdcda;background:white;color:#145f58;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.btn-sm:disabled{opacity:.6;cursor:not-allowed}.key-once{background:#f0f8f6;padding:12px;border-radius:9px;overflow-wrap:anywhere;font-family:monospace;font-size:13px;color:#114d42;margin-top:12px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.info-grid .panel-card{margin:0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-box{background:white;border-radius:14px;border:1px solid #ddeae5;padding:24px}.plan-box h2{margin:12px 0;font-size:18px}.plan-box strong{color:#098c71;font-size:20px}.plan-box p{font-size:12px;line-height:1.8;color:#73858b}.loading-card{padding:50px;background:white;text-align:center;border:1px solid #e1ebeb;border-radius:14px;color:#70858c}.toast{position:fixed;bottom:24px;right:24px;background:#143b3d;color:white;border-radius:10px;padding:13px 18px;max-width:420px;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.code-snippet{background:#112d37;color:#b2f0d8;overflow-x:auto;border-radius:10px;padding:15px;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.console-footer{padding:20px 35px;color:#91a3a8;font-size:11px;border-top:1px solid var(--line)}.console-footer a{float:right;color:#358d79}
@media(max-width:1150px){.panel-grid{grid-template-columns:repeat(2,1fr)}.console-sidebar{width:218px}.console-page{padding:26px 22px}.console-top{padding:0 22px}}@media(max-width:780px){.console-sidebar{position:fixed;left:0;transform:translateX(-100%);transition:transform .2s;width:265px}.console-sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.secure-chip{display:none}.console-top{height:65px;padding:0 14px}.console-page{padding:23px 16px 40px}.console-heading h1{font-size:23px}.console-heading{align-items:start}.breadcrumb{flex:1}.user-chip{max-width:120px}.top-actions{gap:5px}.panel-grid,.info-grid,.plan-grid{grid-template-columns:1fr 1fr}.console-footer{padding:18px}.console-form{grid-template-columns:1fr}}@media(max-width:530px){.panel-grid,.info-grid,.plan-grid{grid-template-columns:1fr}.stat-card{padding:18px}.console-heading{display:block}.console-heading-action{margin-top:13px}.user-chip{display:none}.console-footer a{float:none;display:block;margin-top:6px}.console-form{gap:14px}}

.console-form input[type=checkbox]{width:auto;min-height:0;margin-right:6px;accent-color:#16a881}

/* Merchant web login directory: retains existing merchant palette */
.merchant-page-tools{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:15px;margin-bottom:14px}
.merchant-search-label{display:block;flex:1;max-width:390px;color:#53686e;font-size:12px;font-weight:800}
.merchant-search-label input{display:block;box-sizing:border-box;width:100%;min-height:43px;margin-top:7px;padding:10px 12px;background:white;border:1px solid #cbdcda;border-radius:9px;color:#223942;font-size:13px;outline-color:var(--mint)}
.merchant-count{background:#edf8f3;border-radius:9px;color:#117b60;font-size:11px;font-weight:800;padding:12px}
.merchant-open-btn{min-width:100px;color:#117b60;background:#eaf7f2;border-color:#cce9da}
.merchant-login-status{font-size:12px;color:#567079;white-space:normal}
.merchant-row-no{font-weight:800;color:#779296;font-variant-numeric:tabular-nums}
.merchant-web-dialog{box-sizing:border-box;width:min(490px,calc(100% - 24px));max-height:calc(100dvh - 28px);padding:0;margin:auto;border:1px solid #d0e3dc;border-radius:17px;box-shadow:0 20px 80px #06202c40;background:#fff;color:#243c46;overflow:auto}
.merchant-web-dialog::backdrop{background:rgba(7,20,27,.72);backdrop-filter:blur(3px)}
.merchant-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:23px 24px 17px;border-bottom:1px solid #e2eeea;background:#f7fbf9}
.merchant-modal-head h2{font-size:21px;line-height:1.25;margin:8px 0 0;letter-spacing:-.5px;overflow-wrap:anywhere}
.merchant-modal-eyebrow{font-size:10px;font-weight:800;color:#168068;letter-spacing:1.4px}
.merchant-modal-close{cursor:pointer;background:white;color:#1e6058;border:1px solid #cfe1d9;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.merchant-modal-body{padding:18px 24px 25px}
.merchant-modal-body>p{margin:0 0 12px;color:#59727b;font-size:13px;line-height:1.65}
.merchant-modal-domain{font-size:12px;color:#215e51;background:#edf8f3;padding:10px 12px;border-radius:8px;overflow-wrap:anywhere;margin:8px 0 17px}
.merchant-modal-body label{font-size:13px;font-weight:800;color:#314a53;display:block;margin-bottom:8px}
.merchant-modal-body input{box-sizing:border-box;width:100%;border:1px solid #bfcec9;outline-color:#16a881;min-height:48px;border-radius:10px;font-size:16px;padding:12px 14px;letter-spacing:.3px}
.merchant-mobile-error{color:#bd3838;font-size:12px;min-height:16px;margin:7px 0}
.merchant-mobile-privacy{font-size:12px;line-height:1.6;color:#688087;margin:12px 0 21px}
.merchant-modal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.merchant-modal-actions button{min-height:42px}
@media(max-width:530px){.merchant-page-tools{display:block}.merchant-search-label{max-width:none}.merchant-count{display:inline-block;margin-top:10px}.merchant-web-dialog{width:calc(100% - 18px)}.merchant-modal-head{padding:17px 14px}.merchant-modal-body{padding:17px 14px 21px}.merchant-modal-actions .console-btn:first-child{flex:1}.merchant-open-btn{min-width:76px}}

/* AKQR merchant data management / Freecharge provider setup */
.freecharge-intro{padding:22px 24px;border-radius:14px;background:linear-gradient(125deg,#133843,#116e63);color:#fff;box-shadow:0 12px 30px #102e351b}
.freecharge-intro h2{font-size:23px;line-height:1.3;color:#fff;margin:9px 0 7px}
.freecharge-intro p{font-size:13px;line-height:1.65;color:#d8f4ec;margin:0}
.freecharge-kicker{font-size:10px;font-weight:800;letter-spacing:1.65px;color:#b2ffdb}
.freecharge-consent{display:flex;align-items:start;gap:9px;font-size:12px;font-weight:600!important;line-height:1.6}
.freecharge-consent input{flex:none;width:18px!important;height:18px;min-height:0!important;margin:0!important;accent-color:#13946c}
.freecharge-account-status{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;flex-wrap:wrap}
.freecharge-account-status strong{display:block;font-size:17px;color:#17443a}
.freecharge-account-status p{margin:8px 0 10px}
.freecharge-qr-preview{padding:19px 14px;margin-top:17px;display:grid;justify-items:center;text-align:center;background:#f8fcfa;border:1px dashed #b1d5c7;border-radius:14px;gap:12px}
.freecharge-qr-preview img{width:280px;max-width:100%;aspect-ratio:1;background:white;border-radius:9px}
.freecharge-qr-preview p{font-size:12px;font-weight:700;color:#a05832;margin:0}
@media(max-width:600px){.freecharge-intro{padding:19px}.freecharge-intro h2{font-size:21px}.freecharge-account-status{flex-direction:column}.freecharge-account-status>.btn-sm{width:100%}}