:root{--credit-bg:#03131e;--credit-card:#082332;--credit-cyan:#39d7c7;--credit-gold:#f1c76d;--credit-line:rgba(142,220,213,.18)}
*{box-sizing:border-box}.ai-billing-page{margin:0;background:#f4f8f9;color:#092231;font-family:"Cairo",sans-serif}.credits-shell{width:min(1180px,calc(100% - 32px));margin:auto}.credits-hero{position:relative;overflow:hidden;padding:150px 0 82px;color:#fff;background:radial-gradient(circle at 18% 25%,rgba(43,209,192,.18),transparent 38%),linear-gradient(135deg,#020c13,#052233 58%,#062a38)}.credits-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--credit-line) 1px,transparent 1px),linear-gradient(90deg,var(--credit-line) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 90%);opacity:.25}.credits-orb{position:absolute;border-radius:50%;filter:blur(4px);border:1px solid rgba(76,227,211,.35);animation:creditFloat 7s ease-in-out infinite}.orb-one{width:260px;height:260px;left:5%;top:15%}.orb-two{width:120px;height:120px;right:39%;bottom:8%;animation-delay:-3s}@keyframes creditFloat{50%{transform:translateY(-18px) scale(1.04)}}.credits-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);align-items:center;gap:48px}.credits-kicker{display:inline-flex;align-items:center;gap:9px;color:#7ff3e7;font-weight:900;font-size:.86rem;letter-spacing:.1em}.credits-hero h1{font-size:clamp(2.5rem,5vw,5.25rem);line-height:1.08;margin:22px 0 20px;letter-spacing:-.045em}.credits-hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#74ebdf,#f6d480);background-clip:text;color:transparent}.credits-hero p{max-width:740px;color:#c5dce4;font-size:1.08rem;line-height:2}.cost-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.cost-pills span{border:1px solid rgba(122,232,221,.28);background:rgba(7,36,50,.6);border-radius:999px;padding:8px 13px;font-size:.85rem;font-weight:800;color:#dafaf7}.wallet-card{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(116,235,223,.28);border-radius:28px;background:linear-gradient(145deg,rgba(13,50,66,.92),rgba(4,24,35,.92));box-shadow:0 35px 80px rgba(0,0,0,.28)}.wallet-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(52,218,201,.12);left:-60px;bottom:-80px}.wallet-card>span{color:#8daeb9;font-weight:700}.wallet-card strong{display:block;font-size:4rem;line-height:1;margin:18px 0 12px;color:#fff}.wallet-card strong:after{content:" كريديت";font-size:.9rem;color:#76ddd2;margin-right:8px}.wallet-card small{display:block;color:#a9c4cd;line-height:1.8}.wallet-card a{display:inline-flex;margin-top:22px;color:#071922;background:linear-gradient(90deg,#51ded0,#f0d17c);padding:10px 18px;border-radius:12px;font-weight:900;text-decoration:none}.billing-content{padding:76px 0 90px}.section-copy>span{color:#0ca798;font-weight:900}.section-copy h2{font-size:clamp(1.8rem,3vw,3rem);margin:5px 0}.section-copy p{color:#647981;max-width:680px;line-height:1.9}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0 50px}.plan-card{position:relative;display:flex;flex-direction:column;min-height:310px;padding:24px;border:1px solid #dce9ec;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(15,54,67,.06);transition:.25s}.plan-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(15,54,67,.12);border-color:#9eddd7}.plan-card.featured{color:#fff;background:linear-gradient(150deg,#062231,#0a3b48);border-color:#1e756f}.plan-badge{align-self:flex-start;border-radius:999px;padding:6px 10px;background:#e9faf7;color:#098e82;font-size:.76rem;font-weight:900}.featured .plan-badge{background:rgba(84,226,211,.15);color:#77eee1}.plan-card h3{margin:20px 0 2px;font-size:1.18rem}.plan-price{display:flex;align-items:end;gap:5px;margin:16px 0}.plan-price strong{font-size:3rem;line-height:1}.plan-price span{color:#71858d}.featured .plan-price span,.featured p{color:#b9d3da}.plan-card p{color:#647981;line-height:1.8;flex:1}.plan-card button{border:0;border-radius:13px;padding:13px;background:#eaf7f6;color:#067e73;font:800 1rem "Cairo";cursor:pointer}.featured button{background:linear-gradient(90deg,#43d8c9,#f0cc72);color:#05202b}.payment-workspace{margin:25px 0 56px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 22px 70px rgba(8,45,59,.12);border:1px solid #d7e7ea}.payment-head{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;color:#fff;background:linear-gradient(120deg,#062331,#0d4c55)}.payment-head span{color:#8feee5;font-size:.8rem;font-weight:900}.payment-head h2{margin:2px 0}.payment-head button{border:0;color:#fff;background:rgba(255,255,255,.1);width:38px;height:38px;border-radius:12px;cursor:pointer}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.network-step,.proof-step{padding:28px}.proof-step{background:#f8fbfc;border-right:1px solid #e2ecee}.payment-grid h3{margin:0 0 20px}.payment-grid h3 b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e3f8f5;color:#078b7f;margin-left:7px}.network-options{display:flex;gap:10px}.network-option{flex:1;border:1px solid #d7e5e8;border-radius:14px;padding:14px;background:#fff;cursor:pointer;font-weight:900}.network-option.active{border-color:#12ad9d;box-shadow:0 0 0 3px rgba(18,173,157,.1);color:#087c71}.wallet-address-box{margin:18px 0;padding:16px;border-radius:16px;background:#071e2a;color:#fff}.wallet-address-box span{display:block;color:#86aab6;font-size:.78rem}.wallet-address-box code{display:block;word-break:break-all;margin:9px 0;font:700 .9rem monospace;color:#7ee8dd}.wallet-address-box button{border:0;border-radius:9px;padding:8px 12px;background:#153947;color:#fff;cursor:pointer}.payment-warning{display:flex;gap:9px;align-items:flex-start;padding:12px;border-radius:12px;background:#fff7df;color:#73530b;font-size:.84rem;line-height:1.7}.proof-upload{display:grid;place-items:center;text-align:center;min-height:180px;border:2px dashed #bad4d8;border-radius:18px;background:#fff;cursor:pointer;padding:18px}.proof-upload input{display:none}.proof-upload i{font-size:2.2rem;color:#15a99a}.proof-upload strong{margin:8px 0}.proof-upload small{color:#7b8e94}.proof-upload.has-file{border-color:#0ca798;background:#edfbf8}.tx-field{display:block;margin-top:16px;font-weight:800}.tx-field small{font-weight:500;color:#71848b}.tx-field input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #ccdcdf;border-radius:12px}.proof-step>button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:18px;border:0;border-radius:13px;padding:14px 17px;background:linear-gradient(90deg,#0b9589,#0b5866);color:#fff;font:900 1rem "Cairo";cursor:pointer}.proof-step>button:disabled{opacity:.55;cursor:wait}.form-feedback{min-height:26px;color:#087e73;font-weight:800}.activation-strip{padding:24px;border:1px solid #d6e6e9;border-radius:22px;background:#fff}.activation-strip>div{display:flex;align-items:center;gap:13px}.activation-strip>div>i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e8f8f6;color:#079286}.activation-strip span small{display:block;color:#71858c}.activation-strip form{display:flex;gap:10px;margin-top:18px}.activation-strip input{flex:1;padding:13px;border:1px solid #cbdcdf;border-radius:12px}.activation-strip button{border:0;border-radius:12px;padding:0 24px;background:#092d3b;color:#fff;font:900 .95rem "Cairo"}.activation-strip>p{margin-bottom:0;font-weight:800}.payment-history{margin-top:60px}.payment-history-item{display:grid;grid-template-columns:1.3fr repeat(4,.7fr);gap:12px;align-items:center;padding:16px 18px;margin-top:10px;border:1px solid #dbe8ea;border-radius:16px;background:#fff}.payment-status{display:inline-flex;justify-self:start;padding:6px 10px;border-radius:999px;font-weight:900;font-size:.78rem}.payment-status.pending{background:#fff3cd;color:#775800}.payment-status.approved{background:#ddf7eb;color:#08734d}.payment-status.rejected{background:#ffe3e3;color:#a62525}.billing-loading{grid-column:1/-1;text-align:center;padding:40px;color:#71848b}@media(max-width:900px){.credits-hero-grid,.payment-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:repeat(2,1fr)}.proof-step{border-right:0;border-top:1px solid #e2ecee}.payment-history-item{grid-template-columns:1fr 1fr}.credits-hero{padding-top:120px}}@media(max-width:580px){.credits-shell{width:min(100% - 22px,1180px)}.credits-hero h1{font-size:2.35rem}.plans-grid{grid-template-columns:1fr}.network-options,.activation-strip form{flex-direction:column}.activation-strip button{padding:12px}.payment-history-item{grid-template-columns:1fr}.wallet-card strong{font-size:3.2rem}}