*{box-sizing:border-box}:root{color-scheme:light;--green: #72b63c;--blue: #0099df;--orange: #ffb101;--ink: #17202e;--muted: #657184;--line: #dce5ee;--page: #f6f9fc;--panel: #ffffff;--danger: #a13d3d}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:0;align-items:center;background:linear-gradient(90deg,#fff 0% 55%,#f2f8fd 55%,#f8fbff);overflow:hidden;padding:0;position:relative}.auth-page:before{background:#78c84a;border-radius:0 100% 0 0;bottom:0;content:"";height:190px;left:0;position:absolute;width:330px}.auth-page:after{background:linear-gradient(100deg,#008bec,#0d9cea 58%,#ffae16 58% 100%);border-radius:0 70% 0 0;bottom:-42px;content:"";height:155px;left:0;position:absolute;width:48vw}.auth-copy,.auth-panel{min-height:100vh;position:relative;z-index:1}.auth-copy{padding:100px clamp(36px,6vw,98px);display:grid;align-content:center}.auth-copy h1{color:#07163b;font-size:clamp(34px,3.2vw,50px);line-height:1.25;letter-spacing:0;max-width:520px;margin:48px 0 20px}.auth-copy p{color:#3f4b6e;font-size:18px;line-height:1.55;max-width:475px;margin:0}.opay-logo{display:block;object-fit:contain}.hero-logo{width:min(360px,74vw);height:auto}.sidebar-logo{width:172px;max-width:100%;height:auto;background:#fff;border-radius:8px;padding:8px;margin-bottom:20px}.auth-benefits{display:grid;gap:28px;margin-top:54px;max-width:430px}.benefit{display:flex;gap:18px}.benefit>div{align-items:center;border-radius:999px;display:inline-flex;height:58px;justify-content:center;width:58px}.benefit.green>div{background:#eaf8e5;color:#25a91e}.benefit.blue>div{background:#eaf4ff;color:#087bff}.benefit.orange>div{background:#fff3df;color:#ff9400}.benefit section{display:grid;gap:7px}.benefit strong{font-size:16px}.benefit.green strong{color:#20a318}.benefit.blue strong{color:#006cff}.benefit.orange strong{color:#ff8a00}.benefit span{color:#253658;font-size:14px;line-height:1.45}.payment-visual{height:420px;position:absolute;right:18px;top:245px;width:430px}.payment-visual:before{border:1px dashed #ccd8e8;border-radius:50%;content:"";height:300px;left:55px;position:absolute;top:20px;transform:rotate(18deg);width:360px}.orbit{align-items:center;border-radius:999px;display:inline-flex;height:62px;justify-content:center;position:absolute;width:62px;z-index:2}.orbit.secure{background:#eaf8e5;color:#23a720;left:90px;top:0}.orbit.lock{background:#e8f4ff;color:#026bf3;right:70px;top:50px}.orbit.bank{background:#fff1df;color:#ff7900;right:45px;top:240px}.phone-card{background:linear-gradient(180deg,#192b55,#091637);border-radius:34px;box-shadow:0 25px 45px #1937692e;height:310px;left:120px;padding:58px 30px 26px;position:absolute;top:100px;transform:rotate(7deg);width:185px}.phone-card:before{background:#eef4fb;border-radius:8px;content:"";height:6px;left:64px;position:absolute;top:22px;width:56px}.phone-logo{background:#fff;border-radius:14px;height:66px;object-fit:contain;padding:10px;width:128px}.blue-card{background:linear-gradient(140deg,#126ef6,#2054e6);border-radius:12px;bottom:74px;box-shadow:0 16px 30px #0d5deb4d;height:92px;left:-28px;position:absolute;width:176px}.blue-card span{background:#ffd768;border-radius:4px;height:21px;left:22px;position:absolute;top:27px;width:26px}.blue-card b,.blue-card:after{background:#fff;border-radius:999px;content:"";height:5px;left:22px;opacity:.88;position:absolute;width:64px}.blue-card b{bottom:27px}.blue-card:after{bottom:15px;width:48px}.blue-card i{align-items:center;background:#5cc83f;border-radius:999px;color:#fff;display:inline-flex;height:44px;justify-content:center;position:absolute;right:22px;top:34px;width:44px}.receipt-lines{display:grid;gap:8px;margin-top:172px}.receipt-lines span{background:#dfe6f0;border-radius:999px;height:6px}.receipt-lines span:nth-child(2){width:74%}.receipt-lines span:nth-child(3){width:58%}.coin-stack{align-items:center;bottom:0;display:grid;justify-items:center;position:absolute;right:70px}.coin-stack strong{align-items:center;background:linear-gradient(180deg,#ffc74d,#ff9209);border:7px solid #ffae18;border-radius:999px;color:#fff;display:inline-flex;font-size:44px;height:88px;justify-content:center;position:relative;width:88px;z-index:2}.coin-stack span{border-radius:999px;display:block;height:26px;margin-top:-5px;width:106px}.coin-stack span:nth-child(2){background:#59c945}.coin-stack span:nth-child(3){background:#ff9709}.auth-panel{align-items:center;display:grid;justify-items:center;padding:56px clamp(28px,5vw,80px)}.auth-card,.content-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}.auth-card{display:grid;gap:18px;box-shadow:0 28px 80px #2240691f}.auth-card h2,.section-intro h2{margin:0;font-size:28px}.auth-card p{color:#53617e;margin:-8px 0 18px}.login-card{border:0;border-radius:22px;max-width:590px;padding:56px;width:min(100%,590px)}.login-card label{color:#07163b;font-size:16px;font-weight:800;gap:12px}.login-card input{border-color:#d4deeb;border-radius:9px;font-size:16px;min-height:62px;padding:0 22px}.sign-in-button,.login-card .primary{background:linear-gradient(90deg,#007ded,#1c28e7);border:0;border-radius:8px;font-size:18px;min-height:62px}.auth-divider{align-items:center;color:#53617e;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:18px 0 4px}.auth-divider span{background:#d9e1ec;height:1px}.social-button{align-items:center;background:#fff;border:1px solid #d4deeb;border-radius:8px;color:#07163b;display:inline-flex;font-weight:800;gap:18px;justify-content:center;min-height:58px}.social-button b{color:#4285f4;font-size:20px}.social-button .microsoft-mark{color:#f25022;font-size:18px}.switch-auth{align-items:center;color:#07163b;display:flex;gap:10px;justify-content:center;margin:26px 0 0}.switch-auth button,.link-button{background:transparent;border:0;color:#006cff;font-weight:800;padding:0}.secure-foot{align-items:center;color:#64708a;display:flex;gap:12px;justify-content:center;margin-top:36px}.secure-foot svg{color:#25a91e}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#edf5fb;border-radius:8px;padding:4px}.auth-tabs button{border:0;background:transparent;color:var(--muted);border-radius:6px;min-height:40px;font-weight:800}.auth-tabs button.active{background:#fff;color:var(--blue)}label{color:var(--muted);display:grid;gap:7px;font-size:13px;min-width:0}input,select{width:100%;border:1px solid #cfdbe7;background:#fff;color:var(--ink);border-radius:8px;padding:10px 11px;min-height:42px}.field-row.two,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.consent-box{display:flex;gap:10px;align-items:center;color:var(--muted);background:#f7fbf4;border:1px solid #d6ecc8;border-radius:8px;padding:12px;font-size:13px}.primary,.document-row button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;min-height:42px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800}.wide{width:100%}.notice{border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line)}.notice.success{background:#f1faec;color:#3b7f24;border-color:#cae9bb}.notice.error{background:#fff3f3;color:var(--danger);border-color:#edc1c1}.notice.info{background:#eef8ff;color:#0871a8;border-color:#bfe2f5}.onboarding-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr)}.onboarding-sidebar{background:#142335;color:#fff;padding:24px 16px}.progress-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px;margin-bottom:16px}.progress-card span{display:block;margin-bottom:10px;font-weight:800}.progress-card div{height:8px;border-radius:999px;background:#ffffff24;overflow:hidden}.progress-card i{display:block;height:100%;background:var(--green)}.onboarding-sidebar nav{display:grid;gap:7px}.onboarding-sidebar nav button{border:1px solid transparent;background:transparent;color:#dbe7f5;border-radius:8px;min-height:44px;padding:10px;display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;text-align:left}.onboarding-sidebar nav button.active{background:#243a52;color:#fff;border-color:#3c5873}.onboarding-main{padding:28px;min-width:0}.onboarding-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900;margin:0 0 6px}h1{font-size:30px;margin:0;letter-spacing:0}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #cfe6c2;background:#f2faee;color:#3f7927;border-radius:999px;min-height:40px;padding:8px 13px;font-weight:800}.onboarding-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.logout-button{border:1px solid #cfdbe7;background:#fff;color:var(--ink);border-radius:8px;min-height:40px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.content-panel{margin-top:16px}.section-intro{display:flex;gap:14px;margin-bottom:18px}.section-intro>div:first-child{width:42px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#eef8ff;color:var(--blue);flex:0 0 auto}.section-intro p{margin:7px 0 0;color:var(--muted);line-height:1.55}.business-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.business-type-grid button{min-height:104px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:14px;text-align:left;display:grid;gap:8px}.business-type-grid button span{color:var(--muted);line-height:1.35}.business-type-grid button.selected{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f4fbff}.rule-list,.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.status-box,.summary-item{border:1px solid #edf1f5;border-radius:8px;padding:13px;display:grid;gap:6px}.status-box span,.summary-item span{color:var(--muted);font-size:13px}.status-box strong,.summary-item strong{overflow-wrap:anywhere}.document-list{display:grid;gap:10px}.document-row{border:1px solid #edf1f5;border-radius:8px;padding:12px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center}.document-row div{display:grid;gap:4px}.document-row span{color:var(--muted);font-size:13px}.document-row small{color:#42516f;font-size:12px;font-weight:800}.document-row em{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-size:12px;font-style:normal;line-height:1.4;padding:8px 10px}.document-row.needs-resubmission{background:#fffaf4;border-color:#f7c58c}.document-row button{background:#fff;color:var(--blue)}.upload-control{align-items:center;background:#fff;border:1px solid rgba(0,102,255,.22);border-radius:8px;color:var(--blue);cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;justify-content:center;min-height:38px;padding:0 14px}.upload-control input{display:none}.declaration{display:flex;align-items:flex-start;gap:10px;background:#fff9ea;border:1px solid #f1daa3;border-radius:8px;padding:13px;margin-bottom:14px}.declaration input{width:18px;min-height:18px;margin-top:2px}.submit-button{min-width:220px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.merchant-workspace{margin-top:18px}.workspace-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:8px 8px 0 0;overflow:hidden;background:#fff}.workspace-tabs button{border:0;border-bottom:3px solid transparent;background:#fff;color:var(--muted);min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.workspace-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.workspace-panel{border-top:0;border-radius:0 0 8px 8px}.workspace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.workspace-title .section-intro{margin-bottom:0}.workspace-title button,.mini-actions button{border:1px solid #cfdbe7;background:#fff;color:var(--ink);border-radius:8px;min-height:38px;padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800}.developer-grid,.credential-grid{display:grid;grid-template-columns:minmax(160px,220px) auto;gap:12px;align-items:end;margin-bottom:14px}.scope-picker{border:1px solid var(--line);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:10px 12px 12px}.scope-picker legend{color:var(--muted);font-size:12px;font-weight:900;padding:0 5px}.scope-picker label{align-items:center;display:inline-flex;flex-direction:row;gap:7px;min-height:24px}.scope-picker input{min-height:16px;width:16px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secret-box{border:1px solid #cfe6c2;background:#f2faee;border-radius:8px;padding:13px;display:grid;gap:8px;margin-bottom:14px}code{background:#eef2f7;border:1px solid #dce5ee;border-radius:6px;padding:4px 6px;overflow-wrap:anywhere}.table-wrap{overflow-x:auto;border:1px solid #edf1f5;border-radius:8px}.opay-grid{font-family:inherit}.opay-data-grid{background:#fff;color:var(--ink)}.opay-grid-toolbar{background:#fbfcfe;border-bottom:1px solid #edf1f5;padding:10px}.opay-grid-toolbar input{max-width:260px;min-height:38px;width:100%}.opay-grid-scroll{overflow-x:auto}.opay-data-grid{border:1px solid var(--border, #dce5ee);border-radius:8px;overflow:hidden}.opay-data-grid table{min-width:860px}.opay-data-grid th{cursor:pointer;-webkit-user-select:none;user-select:none}.opay-grid-sort{color:var(--opay-blue, #2563eb);font-size:10px;margin-left:6px}.opay-grid-empty{color:var(--muted, #657184);padding:22px;text-align:center}.opay-grid-footer{align-items:center;background:var(--surface, #ffffff);border-top:1px solid var(--border, #dce5ee);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding:10px}.opay-grid-footer span{color:var(--text-secondary, #64748b);margin-right:auto}.opay-grid-footer button,.opay-grid-footer select{min-height:34px}.clickable-row{cursor:pointer}table{width:100%;border-collapse:collapse;min-width:860px}th,td{border-top:1px solid #edf1f5;padding:11px 10px;text-align:left;font-size:13px;vertical-align:middle}th{color:var(--muted);font-weight:900;border-top:0}td{color:var(--ink);overflow-wrap:anywhere}.mini-actions{display:flex;flex-wrap:wrap;gap:8px}.mini-actions .primary,.workspace-title .primary{background:var(--blue);border-color:var(--blue);color:#fff}.test-tool-banner{align-items:center;background:#f0f7ff;border:1px solid #cfe1f5;border-radius:8px;color:#183456;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding:12px 14px}.test-tool-banner strong{color:var(--blue)}.test-result-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.empty-state{color:var(--muted);padding:14px;border-top:1px solid #edf1f5}.merchant-dashboard-shell{min-height:100vh;display:grid;grid-template-columns:286px minmax(0,1fr);background:#f8fafc}.merchant-rail{background:#fff;border-right:1px solid var(--line);padding:18px 18px 24px;display:flex;flex-direction:column;gap:18px}.merchant-rail-logo{width:170px;height:auto;object-fit:contain}.merchant-nav{display:grid;gap:5px}.merchant-nav-button{min-height:44px;border:0;background:#fff;color:#122044;border-radius:8px;padding:10px 12px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:12px;text-align:left;font-weight:800}.merchant-nav-button.active{background:#096fe7;color:#fff;box-shadow:0 10px 24px #096fe733}.developer-group{display:grid;gap:4px}.developer-group>button:not(.merchant-nav-button){border:0;background:#fff;color:#243653;text-align:left;min-height:32px;padding:5px 12px 5px 48px;border-left:1px solid #d9e4ef;margin-left:28px}.support-box{margin-top:auto;border:1px solid #d5e5f6;background:#f1f8ff;border-radius:8px;padding:16px;display:grid;gap:8px;color:#20314a}.support-box span{color:var(--muted);font-size:13px}.support-box button{border:1px solid #bcd7f2;background:#fff;color:#0064d8;border-radius:8px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.merchant-dashboard-main{padding:24px;min-width:0}.merchant-topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:20px}.merchant-topbar h1{font-size:22px}.merchant-topbar h1 span{color:#086edc}.merchant-topbar p{margin:6px 0 0;color:var(--muted)}.icon-button,.topbar-controls button{border:1px solid #d5e0eb;background:#fff;color:#112039;border-radius:8px;min-height:44px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800}.topbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px}.bell-button{position:relative;width:44px;padding:0}.bell-button i{position:absolute;top:-7px;right:-4px;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff9500;color:#fff;font-size:12px;font-style:normal}.merchant-avatar{width:44px;height:44px;border-radius:999px;background:#18ad56;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.metric-card,.dashboard-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #1624370f}.metric-card{min-height:210px;padding:24px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:16px;overflow:hidden}.metric-icon{width:74px;height:74px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.metric-icon.blue{background:#e8f3ff;color:#0872de}.metric-icon.green{background:#e8f9ef;color:#13a64c}.metric-icon.orange{background:#fff1df;color:#ff7a00}.metric-card span{color:#122044;font-weight:800}.metric-card strong{display:block;margin:14px 0 10px;font-size:28px;letter-spacing:0}.metric-card small{color:var(--muted)}.metric-card small.positive{color:#09a847;font-weight:900}.sparkline{grid-column:1 / -1;width:100%;height:58px;align-self:end}.dashboard-middle-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.95fr);gap:18px;margin-bottom:18px}.dashboard-card{padding:20px;min-width:0}.dashboard-panel-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dashboard-panel-heading h2{font-size:18px;color:#101a2f}.dashboard-panel-heading button,.link-button{border:1px solid #d5e0eb;background:#fff;color:#096fe7;border-radius:8px;min-height:36px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:900}.legend-row{display:flex;gap:24px;color:var(--muted);font-size:13px;margin-bottom:10px}.legend-row span:before{content:"";display:inline-block;width:14px;height:3px;border-radius:999px;margin-right:8px;vertical-align:middle}.legend-row .green:before{background:#22b455}.legend-row .red:before{background:#ff3838}.legend-row .blue:before{background:#0876df}.overview-chart{width:100%;min-height:280px}.merchant-chart-wrap{position:relative;min-height:280px}.chart-label{fill:#58708f;font-size:13px;font-weight:700}.chart-empty{position:absolute;inset:48px 0 42px;display:grid;place-items:center;color:#58708f;font-weight:700}.method-list{display:grid;gap:10px}.method-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid #edf1f5;padding:10px 0}.method-row span{font-weight:800;color:#071733}.method-row strong{font-weight:900}.method-row em{color:#58708f;font-style:normal;font-size:13px}.success-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center}.donut{width:230px;aspect-ratio:1;border-radius:999px;background:conic-gradient(#25bd55 0 86%,#ff3a35 86% 91%,#ff9500 91% 96%,#0876df 96% 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:999px;background:#fff}.donut strong,.donut span{position:relative;z-index:1}.donut strong{align-self:end;font-size:36px}.donut span{align-self:start;color:#17213a}.success-list{display:grid}.success-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #edf1f5;padding:13px 0}.success-row small{display:block;color:var(--muted);margin-top:6px}.dot{width:11px;height:11px;border-radius:999px}.dot.green{background:#25bd55}.dot.red{background:#ff3a35}.dot.orange{background:#ff9500}.dot.blue{background:#0876df}.dashboard-bottom-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1.2fr 1.65fr;gap:18px}.shield-tile{background:#eefaf2;border-radius:8px;min-height:248px;padding:20px;display:grid;justify-items:center;text-align:center;gap:9px;color:#0ba64a}.shield-tile span{color:#30405a}.shield-tile button{width:100%;border:0;background:#1fbe5c;color:#fff;border-radius:8px;min-height:42px;font-weight:900}.kyc-layout{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:start}.kyc-ring{width:110px;aspect-ratio:1;border-radius:999px;border:10px solid #1fbd59;display:inline-flex;align-items:center;justify-content:center;color:#12a84d;font-weight:900;font-size:20px}.kyc-layout strong{color:#10a64c}.kyc-layout span{display:block;color:var(--muted);margin:8px 0 12px}.kyc-layout ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.kyc-layout li:before{content:"✓";color:#18ad56;margin-right:8px}.settlement-row{border:1px solid #edf1f5;border-radius:8px;padding:14px;display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.settlement-row span,.settlement-row small{display:block;color:var(--muted);margin-bottom:9px}.settlement-row small{justify-self:end;margin:8px 0 0;border-radius:999px;padding:4px 9px;text-align:center}.settlement-row small.settled{background:#e5f7eb;color:#12a84d}.settlement-row small.upcoming{background:#fff1df;color:#ff7a00}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-action{min-height:112px;border:0;border-radius:8px;display:grid;place-items:center;gap:8px;color:#122044;font-weight:900;text-align:center;padding:14px}.quick-action.blue{background:#edf6ff;color:#0872de}.quick-action.green{background:#eefaf2;color:#0aa149}.quick-action.orange{background:#fff5e8;color:#ff7a00}.quick-action.red{background:#fff0f1;color:#ef3636}.business-snapshot .profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1080px){.auth-page{background:#f8fbff;grid-template-columns:1fr}.auth-page:before,.auth-page:after,.payment-visual{display:none}.auth-copy,.auth-panel{min-height:auto}.auth-copy{padding-bottom:28px}.auth-panel{padding-top:20px}.auth-card{max-width:560px}.business-type-grid,.onboarding-shell{grid-template-columns:1fr}.onboarding-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-dashboard-shell{grid-template-columns:1fr}.merchant-rail{position:static}.merchant-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-group>button:not(.merchant-nav-button){display:none}.merchant-topbar,.dashboard-middle-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-controls{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:720px){.auth-page,.onboarding-main{padding:18px}.auth-copy,.auth-panel{padding:18px 0}.auth-copy h1{font-size:32px;margin-top:26px}.auth-benefits{gap:18px;margin-top:30px}.login-card{border-radius:14px;padding:24px}.login-card h2{font-size:24px}.switch-auth{flex-wrap:wrap}.field-row.two,.form-grid,.rule-list,.review-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.onboarding-header{align-items:flex-start;flex-direction:column}.onboarding-sidebar nav{grid-template-columns:1fr}.document-row{grid-template-columns:24px 1fr}.document-row button{grid-column:1 / -1}.workspace-tabs,.developer-grid,.credential-grid,.scope-picker,.test-result-grid{grid-template-columns:1fr}.workspace-title{flex-direction:column}.merchant-dashboard-main{padding:16px}.merchant-nav,.dashboard-kpis,.success-layout,.kyc-layout,.quick-actions,.business-snapshot .profile-grid,.metric-card{grid-template-columns:1fr}.success-layout{justify-items:center}.overview-chart{min-height:220px}}:root{--opay-blue: #2563eb;--opay-blue-dark: #123b73;--opay-green: #16a34a;--opay-orange: #f97316;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--text-primary: #111827;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #e2e8f0;--background: #f8fafc;--surface: #ffffff;--surface-hover: #f1f5f9;--blue-soft: #eff6ff;--green-soft: #f0fdf4;--orange-soft: #fff7ed;--red-soft: #fef2f2;--radius-sm: 6px;--radius-md: 8px;--radius-card: 12px;--green: var(--opay-green);--blue: var(--opay-blue);--orange: var(--opay-orange);--ink: var(--text-primary);--muted: var(--text-secondary);--line: var(--border);--page: var(--background);--panel: var(--surface)}html,body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}body{background:var(--background);color:var(--text-primary);font-weight:400}h1,h2,h3,h4,strong,b,th,.auth-copy h1,.login-card h2,.onboarding-main h1,.section-title h2,.metric-card strong,.merchant-topbar h1,.dashboard-card h3,.status-number,.quick-action,.sidebar-progress strong{color:var(--text-primary);font-weight:500}p,label,small,.muted,.auth-copy p,.login-card p,.onboarding-main p,.section-title p,.metric-card p,.metric-card small,.merchant-topbar p,.dashboard-card p,.sidebar-progress span{color:var(--text-secondary);font-weight:400}.auth-page,.onboarding-shell,.onboarding-main,.merchant-dashboard-shell,.merchant-dashboard-main{background:var(--background)}.merchant-rail,.onboarding-sidebar{background:var(--surface);border-right:1px solid var(--border);box-shadow:none;color:var(--text-secondary)}.onboarding-sidebar{padding:20px 16px}.onboarding-sidebar nav button,.merchant-nav-button{min-height:40px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:400}.onboarding-sidebar nav button:hover,.merchant-nav-button:hover{background:var(--surface-hover);color:var(--text-primary)}.onboarding-sidebar nav button.active,.merchant-nav-button.active{background:var(--blue-soft);box-shadow:none;color:var(--opay-blue);font-weight:500}.onboarding-sidebar nav button.active svg,.merchant-nav-button.active svg{color:var(--opay-blue)}.sidebar-progress,.progress-card{background:var(--blue-soft);border:1px solid #bfdbfe;border-radius:var(--radius-card);box-shadow:none}.progress-bar,.sidebar-progress-bar{background:#dbeafe}.progress-bar span,.sidebar-progress-bar span{background:var(--opay-blue)}.merchant-topbar,.onboarding-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none}.auth-card,.login-card,.onboarding-card,.onboarding-section,.document-row,.dashboard-card,.metric-card,.content-panel,.panel,.workspace-card,.credential-card,.business-snapshot,.status-card,.settlement-box,.shield-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 1px 2px #0f172a0a}.auth-copy,.auth-panel{background:transparent}.auth-page:before,.auth-page:after,.auth-brand-mark:before,.auth-brand-mark:after{opacity:.16}button,.primary,.sign-in-button,.login-card button[type=submit],.shield-tile button,.action-button{border-radius:var(--radius-md);font-weight:500;min-height:40px}.primary,.sign-in-button,.login-card button[type=submit],.shield-tile button,.action-button.primary{background:var(--opay-blue);border:1px solid var(--opay-blue);box-shadow:none;color:#fff}.primary:hover,.sign-in-button:hover,.login-card button[type=submit]:hover,.shield-tile button:hover,.action-button.primary:hover{background:#1d4ed8;border-color:#1d4ed8}.secondary,.ghost,.outline-button,.topbar-select,.date-range,.icon-button,.document-row button{background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--text-primary)}input,select,textarea,.opay-grid-toolbar input{background:var(--surface);border-color:#cbd5e1;border-radius:var(--radius-md);box-shadow:none;color:var(--text-primary);font-weight:400}input:focus,select:focus,textarea:focus{border-color:var(--opay-blue);box-shadow:0 0 0 3px #2563eb1f;outline:none}.opay-data-grid{background:var(--surface);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.opay-data-grid thead{background:var(--surface);border-color:var(--border);color:var(--text-secondary);font-weight:500}table td{border-color:var(--border);color:var(--text-primary);font-size:13px;font-weight:400;height:52px}tbody tr:hover{background:var(--surface-hover)}th,table th{color:var(--text-secondary);font-size:12px;font-weight:500}.pill,.payment-status,.status-pill,.badge,.status-chip,.settlement-badge{border:1px solid transparent;border-radius:999px;box-shadow:none;font-size:12px;font-weight:500}.success,.payment-status.success,.pill.success,.settlement-badge.success{background:var(--green-soft);color:var(--success)}.pending,.payment-status.pending,.pill.pending,.settlement-badge.pending{background:var(--orange-soft);color:var(--warning)}.danger,.payment-status.failed,.pill.danger{background:var(--red-soft);color:var(--danger)}.metric-icon,.benefit-icon,.auth-benefit-icon,.quick-action,.kyc-ring,.success-donut,.avatar{border-radius:var(--radius-card);box-shadow:none}.quick-action.blue{background:var(--blue-soft);color:var(--opay-blue)}.quick-action.green{background:var(--green-soft);color:var(--success)}.quick-action.orange{background:var(--orange-soft);color:var(--opay-orange)}.quick-action.red{background:var(--red-soft);color:var(--danger)}.dashboard-kpis{gap:16px}.dashboard-kpis .metric-card{min-height:168px;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:18px}.dashboard-kpis .metric-icon{width:56px;height:56px;border-radius:10px}.dashboard-kpis .metric-icon svg{width:24px;height:24px;stroke-width:1.8}.dashboard-kpis .metric-icon.blue{background:#eff6ff;color:#2563eb}.dashboard-kpis .metric-icon.green{background:#f0fdf4;color:#16a34a}.dashboard-kpis .metric-icon.orange{background:#fff7ed;color:#f97316}.dashboard-kpis .metric-card span{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;line-height:1.3;margin-top:1px}.dashboard-kpis .metric-card strong{color:var(--text-primary);font-size:22px;font-weight:500;line-height:1.2;margin:10px 0 6px}.dashboard-kpis .metric-card small{color:var(--text-secondary);font-size:12px;font-weight:400}.dashboard-kpis .sparkline{height:40px;margin-top:2px;opacity:.72}.dashboard-kpis .sparkline polyline{stroke:#64748b!important;stroke-width:2!important}.merchant-dashboard-shell *,.merchant-dashboard-main *,.onboarding-shell *,.auth-page *{letter-spacing:0}.merchant-dashboard-shell h1,.merchant-dashboard-shell h2,.merchant-dashboard-shell h3,.merchant-dashboard-shell h4,.merchant-dashboard-shell strong,.merchant-dashboard-shell b,.onboarding-shell h1,.onboarding-shell h2,.onboarding-shell h3,.onboarding-shell h4,.onboarding-shell strong,.onboarding-shell b{color:var(--text-primary);font-weight:500!important}.merchant-dashboard-shell p,.merchant-dashboard-shell span,.merchant-dashboard-shell small,.merchant-dashboard-shell em,.onboarding-shell p,.onboarding-shell span,.onboarding-shell small,.onboarding-shell em{font-weight:400}.merchant-topbar h1 span{color:var(--opay-blue);font-weight:500}.support-box,.dashboard-card,.workspace-card,.credential-card,.business-snapshot,.status-card,.settlement-box,.document-row,.review-card,.onboarding-section,.login-card{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:0 1px 2px #0f172a0a!important;color:var(--text-primary)!important}.support-box button,.dashboard-panel-heading button,.link-button,.document-row button,.grid-action-row button,.topbar-controls button,.icon-button{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:none!important;color:var(--text-primary)!important;font-weight:500!important}.dashboard-panel-heading button:hover,.link-button:hover,.document-row button:hover,.topbar-controls button:hover,.icon-button:hover{background:var(--surface-hover)!important}.success-row,.settlement-row,.method-row,.recent-transaction,.profile-grid>div,.rule-list>div{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:none!important;color:var(--text-primary)!important}.success-row em,.settlement-row em,.method-row em,.recent-transaction em,.support-box span,.profile-grid span,.rule-list span{color:var(--text-secondary)!important;font-style:normal}.dashboard-panel-heading h2,.success-row strong,.settlement-row strong,.recent-transaction strong,.method-row strong,.profile-grid strong{font-weight:500!important}.merchant-avatar{background:var(--green-soft)!important;color:var(--success)!important;font-weight:500!important}.bell-button i{background:var(--orange-soft)!important;border:1px solid #fed7aa;color:var(--opay-orange)!important;font-weight:500!important}.legend-row .green:before,.dot.green{background:var(--success)!important}.legend-row .red:before,.dot.red{background:var(--danger)!important}.legend-row .blue:before,.dot.blue{background:var(--opay-blue)!important}.dot.orange{background:var(--opay-orange)!important}.method-meter,.kyc-ring,.success-donut{background-color:#eaf0f7!important}.method-meter i{background:var(--opay-blue)!important}.settlement-row small.settled,.status-chip.success{background:var(--green-soft)!important;color:var(--success)!important}.settlement-row small.upcoming,.status-chip.pending{background:var(--orange-soft)!important;color:var(--warning)!important}.notice{border-radius:var(--radius-md);font-weight:400}.notice.error{background:var(--red-soft)!important;border-color:#fecaca!important;color:var(--danger)!important}.notice.info{background:var(--blue-soft)!important;border-color:#bfdbfe!important;color:var(--opay-blue)!important}.onboarding-sidebar .brand-card,.onboarding-sidebar .sidebar-progress{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:none!important;color:var(--text-primary)!important}.onboarding-sidebar .sidebar-progress{background:var(--blue-soft)!important;border-color:#bfdbfe!important}.sign-in-button,.primary,.shield-tile button{background:var(--opay-blue)!important;border-color:var(--opay-blue)!important;box-shadow:none!important}.empty-state{align-items:center;background:#fbfdff!important;border:1px dashed #cbd5e1!important;border-radius:var(--radius-card);color:var(--text-secondary)!important;display:grid;gap:8px;justify-items:center;min-height:132px;padding:22px;text-align:center}.empty-state.compact{left:50%;min-height:118px;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 32px))}.empty-state>span{align-items:center;background:var(--blue-soft);border-radius:10px;color:var(--opay-blue);display:inline-flex;height:38px;justify-content:center;width:38px}.empty-state strong{color:var(--text-primary);font-size:14px;font-weight:500!important}.empty-state p{color:var(--text-secondary);font-size:13px;line-height:1.45;margin:0;max-width:420px}.chart-empty{display:none}.table-wrap,.opay-grid{max-width:100%}.table-wrap{overflow-x:auto}.bell-button{overflow:visible}.bell-button i{min-width:22px;right:2px;top:-5px}.quick-action{min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal;width:100%}.quick-action span{display:block;max-width:100%}.developer-summary-grid,.checklist-grid,.developer-portal-grid,.developer-utility-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.developer-summary-grid .summary{background:#fbfdff;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.checklist-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.checklist-item{align-items:center;background:#fbfdff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;gap:8px;min-height:46px;padding:10px 12px}.checklist-item.done{background:var(--green-soft);border-color:#bbf7d0;color:var(--success)}.developer-portal-grid,.developer-utility-grid,.developer-summary-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-card{border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.developer-card .opay-grid{min-width:720px}.compact-title{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.doc-list{display:grid;gap:10px;margin:12px 0}.doc-list article{background:#fbfdff;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.doc-list strong{color:var(--text-primary);display:block;font-weight:500!important;margin-bottom:4px}.doc-list p{color:var(--text-secondary);line-height:1.45;margin:0}.wide-field{grid-column:1 / -1}.developer-grid textarea{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font:13px/1.5 Consolas,Courier New,monospace;min-height:120px;padding:12px;resize:vertical;width:100%}.json-panel{background:#0f172a;border-radius:var(--radius-md);color:#dbeafe;font:12px/1.5 Consolas,Courier New,monospace;max-height:320px;overflow:auto;padding:14px;white-space:pre-wrap}.download-list,.search-results{display:grid;gap:10px}.download-list button,.search-results article{background:#fbfdff;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:12px}.download-list button{align-items:center;display:grid;gap:4px 10px;grid-template-columns:auto 1fr;text-align:left}.download-list small,.search-results span,.security-note{color:var(--text-secondary);font-size:12px}.download-list small{grid-column:2}.search-results strong{display:block;font-weight:500!important}.search-results p,.security-note{line-height:1.45;margin:4px 0 0}.sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(max-width:1100px){.developer-summary-grid,.checklist-grid,.developer-portal-grid,.developer-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.merchant-dashboard-shell{display:block}.merchant-rail{border-bottom:1px solid var(--border);border-right:0;padding:12px 16px}.merchant-rail-logo{height:58px;margin-bottom:10px;max-width:150px;object-fit:contain}.merchant-nav{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible;padding-bottom:0}.merchant-nav-button{min-height:38px;padding:0 12px;white-space:normal}.support-box{display:none}.merchant-topbar{display:grid;gap:12px}.topbar-controls{display:grid;grid-template-columns:1fr;width:100%}.topbar-controls button,.icon-button{width:100%}.opay-grid{min-width:760px}.developer-summary-grid,.checklist-grid,.developer-portal-grid,.developer-utility-grid{grid-template-columns:1fr}.table-wrap .opay-grid{width:max-content}}@media(max-width:720px){.auth-benefits,.payment-visual{display:none}.auth-copy h1{font-size:26px;margin-top:18px}.auth-copy p{max-width:100%}}