:root{font-family:Tahoma,Arial,sans-serif;color:#1b3034;background:#f4f7f7;font-size:15px;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:#007c75;text-decoration:none}button,input,select{font:inherit}button,.button{display:inline-block;border:0;border-radius:10px;background:#087f75;color:white;padding:11px 20px;cursor:pointer;font-weight:700}button:hover,.button:hover{background:#07685f}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}aside{background:#fff;border-left:1px solid #e1e9e7;padding:35px 24px;display:flex;flex-direction:column}.brand{font-size:42px;font-weight:900;color:#133b3a;line-height:1.1;display:block;margin-bottom:44px}.brand span{color:#0c9e8e}.brand small{display:block;font-size:12px;color:#7a8c8b;margin-top:10px;font-weight:400}nav a{display:block;padding:12px 15px;border-radius:9px;color:#526a6a;margin-bottom:6px}nav a:hover,nav a.current{background:#e9f6f2;color:#007c75}.ghost{background:transparent;color:#718280;font-weight:400}.side-note{margin-top:auto;padding-top:50px;font-size:12px;color:#92a29f}main{max-width:1400px;width:100%;padding:35px 48px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:18px}h1{font-size:27px;margin:3px 0}h2{font-size:22px;line-height:1.6;margin:0 0 12px}h3{margin:8px 0}p{color:#637977;margin:8px 0 18px}.eyebrow{color:#809590;font-size:12px}.pill,.badge{display:inline-block;padding:4px 11px;border-radius:30px;background:#edf2f1;font-size:12px;color:#5a7470;overflow-wrap:anywhere}.hero{background:#103f3b;color:white;border-radius:20px;padding:34px 38px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:25px;overflow:hidden}.hero h2{font-size:31px}.hero p,.hero .eyebrow{color:#a8c7bc}.hero strong{font-size:58px}.hero small{font-size:14px;display:block}.hero-mark{font-size:150px;font-weight:900;color:#b9efae;line-height:1}.light{background:#c0ecb0;color:#123f36;margin-top:10px}.card{background:white;border:1px solid #e2eae7;border-radius:16px;padding:25px;margin-bottom:22px;min-width:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats strong{font-size:31px}.stats small{font-size:13px;color:#80928d;margin-right:5px}.stats p{font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps a{padding:18px;border:1px solid #e7eeeb;border-radius:12px;color:#193f39}.steps b{color:#0e9e82;font-size:13px}.steps p{font-size:13px;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;align-items:end}.form-grid button{justify-self:start}label{display:flex;flex-direction:column;font-size:13px;gap:7px;color:#526c66}input,select{width:100%;border:1px solid #d7e2de;border-radius:9px;padding:10px 12px;background:#fff;color:#193d35;min-width:0}input:focus,select:focus{outline:2px solid #87c9b3;outline-offset:2px}.narrow{max-width:500px;margin:45px auto}.narrow .form-grid,.checkout .form-grid{grid-template-columns:1fr}.narrow button,.checkout button{width:100%}.wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.provider{font-size:12px;border-radius:7px;padding:5px 10px;display:inline-block;background:#ecf6f3;margin-bottom:16px}.vodafone{color:#c74049;background:#fff0f0}.orange{color:#b76700;background:#fff3df}.etisalat{color:#5b782b;background:#f1f7e9}.instapay{color:#743d98;background:#f5edff}.number{font-size:25px;text-align:right;color:#1c3e35}.card .form-grid{margin-top:15px}.notice{background:#e0f3e9;border:1px solid #b6dac6;color:#245943;border-radius:12px;padding:20px;margin-bottom:20px;overflow-wrap:anywhere}.merchant{border-bottom:1px solid #e5eeea;padding:20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{text-align:right;background:#f6f9f8;color:#738780;font-weight:400}th,td{padding:16px;border-bottom:1px solid #ecf1ee}td small{display:block;color:#82938d;font-size:11px}td details{max-width:290px;white-space:normal}summary{cursor:pointer;color:#078572;padding:8px 0}.paid,.matched{background:#e4f5e9;color:#267b44}.pending,.review{background:#fff3d9;color:#957016}.expired,.failed{background:#ffebea;color:#a85858}.empty{text-align:center;padding:30px;color:#95a49f}pre{background:#112e2c;color:#c7e8da;border-radius:12px;padding:22px;overflow:auto;text-align:left;font-size:13px}code{overflow-wrap:anywhere}.actions{display:flex;gap:18px;flex-wrap:wrap}.checkout{max-width:580px;margin:25px auto;text-align:center;padding:35px}.amount{font-size:48px;color:#124b3c;font-weight:700;margin:15px 0}.amount small{display:block;font-size:14px;font-weight:400}.transfer-box{background:#f3f8f5;border:1px dashed #b9d5c6;border-radius:12px;padding:20px;margin:25px 0}.transfer-box strong{font-size:27px;overflow-wrap:anywhere}.checkout label{text-align:right}.muted{font-size:12px;color:#8a9e96}footer{text-align:center;padding:35px 0 10px;color:#99aaa4;font-size:11px}@media(max-width:1000px){main{padding:25px}.shell{grid-template-columns:195px minmax(0,1fr)}.stats{gap:10px}.steps{gap:10px}.hero h2{font-size:25px}}@media(max-width:700px){.shell{display:block}aside{padding:15px 20px;border-bottom:1px solid #e2eae7}.brand{font-size:28px;margin:0 0 12px}.brand small,.side-note{display:none}nav{display:flex;overflow:auto;gap:8px;align-items:center}nav a{white-space:nowrap;padding:7px 10px;font-size:12px;margin:0}nav form{flex-shrink:0}main{padding:20px 15px}header{align-items:start;flex-direction:column;margin-bottom:20px}h1{font-size:23px}.hero{padding:25px}.hero-mark{display:none}.hero h2{font-size:23px}.stats{grid-template-columns:1fr}.stats .card{margin-bottom:0}.stats{margin-bottom:20px}.steps,.wallet-grid{grid-template-columns:1fr}.card{padding:20px}.amount{font-size:40px}}