:root{--bg:#0f0f1a;--bg2:#1a1a2e;--bg3:#16213e;--card:#1e1e35;--border:#ffffff14;--text:#e8e8f0;--text2:#9090a8;--blue:#3390ec;--blue2:#2070cc;--green:#4caf50;--red:#e53935;--yellow:#ffb300;--radius:12px;--shadow:0 4px 20px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-screen{min-height:100vh;color:var(--text2);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.spinner-large{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.admin-app{max-width:600px}.header{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.admin-header{background:var(--bg3)}.logo-text{color:var(--text);font-size:16px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.back-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px}.btn-icon{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.btn-sm{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:5px 10px;font-size:12px}.btn-sm.btn-blue{background:var(--blue);color:#fff;border-color:#0000}.btn-sm.btn-red{background:var(--red);color:#fff;border-color:#0000}.user-bar{background:var(--bg2);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.user-avatar{background:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.user-name{font-size:14px;font-weight:600}.user-balance{color:var(--text2);font-size:12px}.btn-refresh{color:var(--text2);cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:18px}.balance-chip{background:var(--green);color:#fff;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:700}.tab-bar{background:var(--bg2);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tab-btn{min-width:70px;color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:12px;transition:all .2s}.tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}.tab-content{flex:1;padding:16px;overflow-y:auto}.input{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);outline:none;margin-bottom:10px;padding:11px 14px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--blue)}.input-sm{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;outline:none;flex:1;min-width:60px;padding:7px 10px;font-size:13px}.input-sm:focus{border-color:var(--blue)}.btn-primary{border-radius:var(--radius);background:var(--blue);color:#fff;cursor:pointer;border:none;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--blue2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-block{text-align:center;text-decoration:none;display:block}.btn-logout{border-radius:var(--radius);border:1px solid var(--red);width:100%;color:var(--red);cursor:pointer;background:0 0;margin-top:16px;padding:12px;font-size:15px;font-weight:600}.search-input{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);outline:none;margin-bottom:12px;padding:10px 14px;font-size:14px}.search-input:focus{border-color:var(--blue)}.cat-scroll{gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.cat-scroll::-webkit-scrollbar{display:none}.cat-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:12px;transition:all .2s}.cat-btn.active{background:var(--blue);color:#fff;border-color:#0000}.services-grid{flex-direction:column;gap:10px;display:flex}.service-card{background:var(--card);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);padding:14px;transition:border-color .2s}.service-card:hover{border-color:var(--blue)}.svc-name{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:500}.svc-meta{justify-content:space-between;align-items:center;display:flex}.svc-rate{color:var(--green);font-size:16px;font-weight:700}.svc-rate small{opacity:.7;font-size:11px;font-weight:400}.svc-minmax{color:var(--text2);font-size:12px}.badge-refill{color:var(--yellow);margin-top:6px;font-size:10px;display:inline-block}.order-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:10px;padding:12px 14px}.order-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.order-service{flex:1;margin-right:8px;font-size:13px;font-weight:500}.order-meta{color:var(--text2);gap:12px;font-size:12px;display:flex}.order-link{color:var(--text2);word-break:break-all;opacity:.6;margin-top:4px;font-size:11px}.status-badge{background:#ffffff1a;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600}.status-completed,.status-done{color:var(--green);background:#4caf5033}.status-pending{color:var(--yellow);background:#ffb30033}.status-processing,.status-inprogress{color:var(--blue);background:#3390ec33}.status-cancelled,.status-failed{color:var(--red);background:#e5393533}.addmoney-section h3{margin-bottom:16px;font-size:16px}.amount-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.amount-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.amount-btn:hover{border-color:var(--blue);color:var(--blue)}.custom-amount{align-items:flex-start;gap:8px;display:flex}.custom-amount .input{flex:1;margin-bottom:0}.custom-amount .btn-primary{width:auto;padding:11px 20px}.account-section{flex-direction:column;gap:16px;display:flex}.account-card{background:var(--card);border-radius:var(--radius);text-align:center;border:1px solid var(--border);padding:24px}.account-avatar{background:var(--blue);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:28px;font-weight:700;display:flex}.account-name{margin-bottom:4px;font-size:18px;font-weight:700}.account-email{color:var(--text2);margin-bottom:16px;font-size:13px}.account-balance{color:var(--green);font-size:32px;font-weight:800}.account-label{color:var(--text2);margin-top:4px;font-size:12px}.account-stats{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 16px;font-size:14px;display:flex}.stat-row:last-child{border-bottom:none}.stat-row span{color:var(--text2)}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border-radius:20px 20px 16px 16px;width:100%;max-width:480px;max-height:90vh;padding:0;overflow:hidden auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header h3{font-size:16px;font-weight:700}.modal-close{color:var(--text2);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.modal-meta{color:var(--text2);background:var(--card);gap:16px;padding:10px 16px;font-size:13px;display:flex}.modal form{flex-direction:column;gap:0;padding:16px;display:flex}.cost-preview{color:var(--text2);margin-bottom:10px;font-size:14px}.cost-preview strong{color:var(--green)}.warn{color:var(--red)}.error-msg{color:var(--red);margin-bottom:10px;font-size:13px}.info-msg{color:var(--blue);margin-top:10px;font-size:13px}.payment-link-view,.upi-view{flex-direction:column;gap:12px;padding:16px;display:flex}.upi-box{background:var(--card);border-radius:var(--radius);text-align:center;border:1px solid var(--border);padding:16px}.upi-label{color:var(--text2);margin-bottom:4px;font-size:11px}.upi-id{color:var(--text);letter-spacing:.5px;font-size:18px;font-weight:700}.upi-name{color:var(--text2);margin-top:6px;font-size:12px}.upi-qr{text-align:center}.upi-qr img{border:4px solid #fff;border-radius:12px}.upi-steps{color:var(--text2);background:var(--card);border-radius:var(--radius);padding:12px;font-size:13px;line-height:2}.upi-steps code{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px}.payment-note{color:var(--text2);text-align:center;font-size:12px}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:20px;width:100%;max-width:360px;padding:32px 24px}.login-logo{text-align:center;margin-bottom:12px;font-size:48px}.login-title{text-align:center;margin-bottom:4px;font-size:22px;font-weight:800}.login-subtitle{color:var(--text2);text-align:center;margin-bottom:24px;font-size:14px}.btn-google{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:500;transition:border-color .2s;display:flex}.btn-google:hover{border-color:var(--blue)}.divider{text-align:center;margin:16px 0;position:relative}.divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.divider span{background:var(--bg2);color:var(--text2);padding:0 12px;font-size:13px;position:relative}.toggle-mode{text-align:center;color:var(--text2);margin-top:16px;font-size:13px}.toggle-mode button{color:var(--blue);cursor:pointer;background:0 0;border:none;font-size:13px}.admin-tab-bar{background:var(--bg2);border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.admin-tab-btn{min-width:80px;color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:12px;transition:all .2s}.admin-tab-btn.active{color:var(--blue);border-bottom-color:var(--blue)}.admin-content{padding:16px;overflow-y:auto}.admin-msg{border-radius:var(--radius);background:#3390ec26;justify-content:space-between;align-items:center;margin:8px 16px;padding:10px 14px;font-size:13px;display:flex}.admin-msg button{color:var(--text2);cursor:pointer;background:0 0;border:none}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{background:var(--card);border-radius:var(--radius);text-align:center;border:1px solid var(--border);padding:16px}.stat-val{color:var(--text);font-size:24px;font-weight:800}.stat-lbl{color:var(--text2);margin-top:4px;font-size:12px}.admin-panel-box{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:14px;padding:14px}.admin-panel-box h4{color:var(--text2);margin-bottom:10px;font-size:14px}.fetch-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fetch-form .btn-primary{flex-shrink:0;width:auto;padding:8px 14px;font-size:13px}.admin-cat-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.admin-cat-tab{border:1px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:5px 12px;font-size:12px}.admin-cat-tab.active{background:var(--blue);color:#fff;border-color:#0000}.cat-count{background:#ffffff26;border-radius:10px;margin-left:3px;padding:1px 5px;font-size:10px}.cat-bulk-bar{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;font-size:13px;display:flex}.bulk-row{align-items:center;gap:6px;display:flex}.admin-svc-card{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;padding:12px}.admin-svc-name{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:500}.admin-svc-meta{color:var(--text2);flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.profit-pct{color:var(--green);font-weight:700}.admin-svc-actions{gap:6px;display:flex}.user-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:8px;padding:12px 14px}.user-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.user-meta{color:var(--text2);font-size:12px}.api-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;font-size:13px;display:flex}.loading-msg,.empty-msg{text-align:center;color:var(--text2);padding:40px;font-size:14px}.input-label{color:var(--text2);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.public-notice{color:#f5a623;background:#f5a6231a;border-radius:8px;margin-top:-6px;margin-bottom:10px;padding:6px 10px;font-size:12px}.addmoney-sub{color:var(--text2);margin:-4px 0 14px;font-size:13px}.upi-divider{text-align:center;margin:20px 0 14px;position:relative}.upi-divider:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:0}.upi-divider span{background:var(--bg2);color:var(--text2);padding:0 12px;font-size:12px;position:relative}.upi-direct-box{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);gap:12px;padding:14px;display:flex}.upi-direct-left{flex:1;min-width:0}.upi-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px}.upi-id-text{color:var(--text);margin-bottom:2px;font-size:15px;font-weight:700}.upi-name-text{color:var(--text2);margin-bottom:8px;font-size:12px}.upi-step{color:var(--text2);margin-bottom:4px;font-size:12px}.uid-code{background:var(--bg);word-break:break-all;color:var(--text2);border-radius:6px;padding:4px 8px;font-size:10px;display:block}.upi-direct-right{flex-direction:column;align-items:center;gap:4px;display:flex}.upi-qr-img{background:#fff;border-radius:8px;width:120px;height:120px;padding:4px}.upi-qr-label{color:var(--text2);font-size:11px}
