:root{--bg-color:#f5f6fa;--card-bg:#fff;--text-color:#111827;--secondary-text:#6b7280;--border-color:#e5e7eb;--topbar-bg:#fff}body[data-theme=dark]{--bg-color:#0f172a;--card-bg:#1e293b;--text-color:#f8fafc;--secondary-text:#94a3b8;--border-color:#334155;--topbar-bg:#111827}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6fa;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding-top:65px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background:var(--card-bg);border-right:1px solid var(--border-color);box-shadow:0 2px 10px #0000000d;color:var(--text-color);display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;transition:background .3s ease,border-color .3s ease,color .3s ease;width:250px;z-index:1100}.sidebar-logo{display:flex;justify-content:center;margin-top:-25px;padding:10px 0 20px}.sidebar-logo img{height:auto;width:200px}@media (max-width:768px){.sidebar-logo{margin-top:0;padding:12px 0}}@media (max-width:480px){.sidebar-logo{padding:10px 0}}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{align-items:center;border-radius:10px;color:var(--secondary-text);display:flex;font-weight:500;gap:12px;padding:11px 12px;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar nav a:hover{background:#ffffff0f;color:var(--text-color)}.sidebar nav a.active{background:#367e3a;color:#fff}.sidebar-icon{font-size:18px;transition:transform .2s ease}.sidebar nav a:hover .sidebar-icon{transform:scale(1.08)}.main-content{margin-left:250px;min-height:100vh}.nav-with-badge{gap:12px}.badge,.nav-with-badge{align-items:center;display:flex}.badge{background:#ef4444;border-radius:999px;color:#fff;font-size:10px;font-weight:500;height:18px;justify-content:center;margin-left:auto;margin-top:6px;min-width:18px;padding:0 6px;position:static}@media (max-width:768px){.sidebar{height:100%;left:-250px;top:0;transition:left .3s ease,background .3s ease;z-index:1200}.sidebar.open{left:0}.main-content{margin-left:0}.sidebar-logo img{width:150px}}.sidebar-overlay{display:none}.sidebar-user-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;margin:-14px 0 10px;padding:14px}.sidebar-user-card .user-name{color:var(--text-color);font-size:14px;font-weight:600}.sidebar-user-card .user-balance{color:var(--secondary-text);font-size:13px}.sidebar-user-card .user-balance span{color:var(--success-color);font-weight:600}@media (max-width:768px){.sidebar-user-card{border-radius:10px;box-shadow:0 2px 8px #0000000f;gap:4px;margin:10px 0 20px;padding:12px}.sidebar-user-card .user-name{font-size:13px}.sidebar-user-card .user-balance{font-size:12px}}@media (max-width:480px){.sidebar-user-card{padding:10px}.sidebar-user-card .user-name{font-size:12.5px}.sidebar-user-card .user-balance{font-size:11.5px}}@media (max-width:768px){.sidebar-overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000059;display:block;inset:0;position:fixed;z-index:1100}}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000000d;box-sizing:border-box;color:var(--text-color);justify-content:space-between;left:0;padding:14px 20px;position:fixed;right:0;top:0;transition:background .3s ease,color .3s ease,border-color .3s ease;z-index:1000}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px}.topbar-left h3{color:var(--text-color);margin:0}.topbar-right{gap:14px}.theme-toggle,.topbar-right{align-items:center;display:flex}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;height:38px;justify-content:center;transition:background .3s ease,color .3s ease,transform .2s ease,border-color .3s ease;width:38px}.theme-toggle:hover{transform:scale(1.05)}.notification-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff14;border-radius:14px;color:var(--text-color);cursor:pointer;display:flex;height:38px;justify-content:center;overflow:visible;position:relative;transition:all .3s ease;width:38px}.notification-icon:before{background:radial-gradient(circle at top left,#3b82f629,#0000 65%);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.notification-icon:hover:before{opacity:1}.notification-icon:hover{border-color:#3b82f638;box-shadow:0 8px 18px #3b82f61f,0 3px 8px #0000000f;transform:translateY(-2px)}.notification-icon svg{font-size:17px;position:relative;transition:transform .25s ease;z-index:2}.notification-icon:hover svg{transform:rotate(-8deg)}.notification-badge{align-items:center;animation:pulseBadge 2s infinite;background:linear-gradient(135deg,#ff4d6d,#ef4444);border:2px solid var(--card-bg);border-radius:999px;box-shadow:0 3px 8px #ef444447;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-3px;top:-3px;z-index:3}@keyframes pulseBadge{0%{box-shadow:0 0 0 0 #ef444473;transform:scale(1)}70%{box-shadow:0 0 0 6px #ef444400;transform:scale(1.06)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(1)}}.notification-wrapper{position:relative}.notification-dropdown{animation:dropdownFade .2s ease;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 15px 40px #0000002e;color:var(--text-color);max-height:420px;overflow-y:auto;padding:12px;position:absolute;right:0;top:48px;width:320px;z-index:1100}.notification-dropdown h4{font-size:14px;font-weight:600;margin:0 0 10px}.notif-section{margin-bottom:12px}.notif-title{color:var(--secondary-text);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.notif-item{align-items:flex-start;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:10px;transition:background .2s ease}.notif-item:hover{background:#ffffff0f}.notif-item span{font-size:13px;line-height:1.3}.notif-item small{color:var(--secondary-text);font-size:11px;white-space:nowrap}.notif-item.unread{background:#007bff14;border-left:3px solid #007bff}.notif-item{cursor:pointer;transition:.2s}.notif-item:hover{background:#0000000d}.notif-empty{color:gray;padding:20px;text-align:center}@media (max-width:768px){.notification-dropdown{animation:slideUp .25s ease;border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -10px 30px #00000040;left:0;max-height:75vh;padding:14px;position:fixed;right:0;top:auto;width:100%}.notif-item{gap:12px;padding:12px}.notif-item span{font-size:14px}.notif-title{font-size:12px}.notification-dropdown{-webkit-overflow-scrolling:touch}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.topbar-right{gap:10px}.theme-toggle{border-radius:50%;height:34px;width:34px}.theme-toggle svg{font-size:15px}.notification-icon{border-radius:12px;height:34px;width:34px}.notification-icon svg{font-size:15px}.notification-badge{border-width:1.5px;font-size:8px;height:14px;min-width:14px;padding:0 3px;right:-2px;top:-2px}.notification-icon:hover,.theme-toggle:hover{box-shadow:none;transform:none}.notification-icon:hover svg{transform:none}}@media (max-width:480px){.topbar-right{gap:8px}.notification-icon,.theme-toggle{height:32px;width:32px}.notification-icon svg,.theme-toggle svg{font-size:14px}.notification-badge{font-size:7px;height:13px;min-width:13px}}.profile{align-items:center;cursor:pointer;display:flex;gap:6px;position:relative}.profile img{border:2px solid var(--border-color);border-radius:50%;height:38px;transition:border-color .3s ease;width:38px}.username-container{align-items:center;display:inline-flex;margin:0}.username-text{color:var(--text-color);font-size:13px;font-weight:500}.username-arrow{color:var(--secondary-text);margin-left:5px;margin-top:2px}.dropdown-menu{animation:dropdownFade .18s ease forwards;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px #00000026;color:var(--text-color);overflow:hidden;padding:6px 0;position:absolute;right:0;top:48px;transition:background .3s ease,border-color .3s ease;width:160px;z-index:1010}.dropdown-menu p{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin:0;padding:12px 14px;transition:background .2s ease,color .2s ease}.dropdown-menu p:hover{background:#ffffff0f}.dropdown-menu .logout{color:#ef4444}.dropdown-menu .logout:hover{background:#ef44441f}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hamburger{align-items:center;color:var(--text-color);cursor:pointer;display:none;justify-content:center;transition:color .3s ease}@media (max-width:768px){.hamburger{display:flex}.topbar{padding:12px 15px}.topbar-right{gap:10px}.username-text{display:none}.dropdown-menu{right:0;width:150px}.profile{gap:4px}.profile img{height:32px;margin-right:4px!important;width:32px}.username-arrow{margin-left:2px!important}}@media (max-width:480px){.topbar{padding:10px 12px}.topbar-right{gap:8px}.theme-toggle{height:33px;width:33px}}body{background:var(--bg-color);color:var(--text-color);margin:0;padding-top:50px;transition:background .3s ease,color .3s ease}.layout{min-height:100vh}.layout,.main-content{background:var(--bg-color);display:flex;transition:background .3s ease}.main-content{flex:1 1;flex-direction:column}.page-content{background:var(--bg-color);color:var(--text-color);flex:1 1;padding:20px;transition:background .3s ease,color .3s ease}@media (max-width:768px){.page-content{margin-top:20px;padding:12px}}.dashboard{background:var(--bg-color);color:var(--text-color);padding:20px;transition:background .3s ease,color .3s ease}.welcome-card{align-items:center;background:linear-gradient(90deg,#4f46e5,#3b82f6);border-radius:12px;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:25px}.welcome-card h2{font-size:22px;margin:0}.welcome-card p{font-size:14px;margin:5px 0 0;opacity:.9}.welcome-card button{background-color:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:transform .2s ease,opacity .2s ease}.welcome-card button:hover{opacity:.95;transform:scale(1.04)}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 4px 15px #0000000d;color:var(--text-color);display:flex;flex-direction:column;gap:10px;padding:20px;transition:transform .2s ease,background .3s ease,color .3s ease,border-color .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card-header{gap:10px}.stat-card-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;color:#fff;font-size:18px;height:40px;justify-content:center;width:40px}.stat-value{color:var(--text-color);font-size:18px;font-weight:700}.notice-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.notice-modal{animation:noticeFadeIn .25s ease-in-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 20px 40px #0003;color:var(--text-color);max-width:520px;padding:28px 24px;position:relative;text-align:center;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.notice-modal h2{color:var(--text-color);font-size:20px;font-weight:600;margin-bottom:16px}.notice-modal p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin-bottom:14px}.notice-highlight{color:#ef4444;font-weight:600}.notice-close{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:14px;top:14px;transition:transform .2s ease,opacity .2s ease;width:32px}.notice-close:hover{opacity:.9;transform:scale(1.05)}.notice-link{color:#2563eb;font-weight:500;text-decoration:none;word-break:break-word}.notice-link:hover{text-decoration:underline}.loading-spinner{padding:100px 0}@media (max-width:640px){.dashboard{padding:10px}.welcome-card{gap:14px;padding:18px;text-align:left}.welcome-card h2{font-size:18px}.welcome-card p{font-size:13px}.welcome-card button{font-size:14px;padding:12px;width:100%}.stats-container{gap:14px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-card-header{gap:8px}.stat-icon{height:34px;width:34px}.stat-icon,.stat-value{font-size:16px}}@keyframes noticeFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.marketplace{background:var(--bg-color);transition:background .3s ease,color .3s ease}.buy-number-card,.marketplace{color:var(--text-color);padding:20px}.buy-number-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #0000000f;transition:background .3s ease,color .3s ease,border-color .3s ease}.buy-number-card h2{color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:20px}.server-select{-webkit-appearance:none;appearance:none;background-color:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='gray'%3E%3Cpath d='M5.5 7.5 10 12l4.5-4.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:15px;padding:12px 40px 12px 14px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.server-select option{background:var(--card-bg);color:var(--text-color)}.server-select:focus{border-color:#367e3a;box-shadow:0 0 0 2px #367e3a26;outline:none}.search-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:15px;margin:16px 0;padding:12px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.search-input::placeholder{color:var(--secondary-text)}.search-input:focus{border-color:#367e3a;box-shadow:0 0 0 2px #367e3a26;outline:none}.search-container{display:inline-block;margin:15px 0;position:relative;width:100%}.search-icon{color:var(--secondary-text);font-size:18px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.services-grid{grid-gap:14px;display:grid;gap:14px}.services-container{margin-top:20px;min-height:200px}.loading-spinner{padding:50px 0}.spinner{margin-bottom:10px}.button-spinner{vertical-align:middle}.service-card{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);display:flex;justify-content:space-between;padding:14px;transition:transform .15s ease,box-shadow .15s ease,background .3s ease,border-color .3s ease,color .3s ease}.service-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.service-card:active{transform:scale(.98)}.service-card.disabled{opacity:.6}.service-right button.disabled-btn{background:#9ca3af;cursor:not-allowed}.service-right button:disabled{opacity:.7}.service-left{align-items:center;display:flex;gap:12px}.service-left img{height:42px;width:42px}.service-left h4{color:var(--text-color);font-size:15px;margin:0}.service-right{text-align:right}.price{color:var(--text-color);display:block;font-weight:700;margin-bottom:6px}.quantity-selector{align-items:center;background:#0000000a;border-radius:12px;display:flex;gap:8px;margin-top:10px;padding:4px;width:-webkit-fit-content;width:fit-content}body[data-theme=dark] .quantity-selector{background:#ffffff0f}.quantity-selector button{background:var(--card-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;font-size:16px;font-weight:600;height:32px;transition:all .2s ease,background .3s ease,color .3s ease;width:32px}.quantity-selector button:hover:not(:disabled){background:#0000000f;transform:scale(1.05)}body[data-theme=dark] .quantity-selector button:hover:not(:disabled){background:#ffffff14}.quantity-selector button:disabled{cursor:not-allowed;opacity:.4}.quantity-selector input{background:#0000;border:none;color:var(--text-color);font-size:14px;font-weight:600;height:32px;outline:none;text-align:center;width:45px}.quantity-selector input::-webkit-inner-spin-button,.quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-selector input[type=number]{-moz-appearance:textfield}.copy-btn,.copy-btn.copied:disabled,.service-card button{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:transform .2s ease,opacity .2s ease}.copy-btn:hover,.service-card button:hover{transform:scale(1.03)}.otp-box button:disabled,.service-card button:disabled{background:#9ca3af;cursor:not-allowed}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.type{background:#eef2ff;color:#4f46e5}.stock,.type{border-radius:6px;font-size:11px;font-weight:500;padding:3px 8px}.stock{background:#ecfdf5;color:#059669}.empty{color:var(--secondary-text);padding:20px 0;text-align:center}.otp-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;bottom:20px;box-shadow:0 10px 25px #00000026;color:var(--text-color);overflow:hidden;padding:16px;position:fixed;right:20px;transition:background .3s ease,border-color .3s ease,color .3s ease;width:260px;z-index:999}.close-btn,.otp-close{color:var(--secondary-text)}.close-btn:hover,.otp-close:hover{color:#dc2626}.timer{color:#f97316}.error,.timer{font-weight:500}.error{color:#dc2626}.details-block{background:#0000000d;border-radius:6px;max-width:100%;overflow-wrap:break-word;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}body[data-theme=dark] .details-block{background:#ffffff0d}@media (max-width:600px){.quantity-selector{border-radius:14px;gap:6px;padding:6px}.quantity-selector button{border-radius:10px;font-size:18px;height:38px;width:38px}.quantity-selector input{font-size:15px;height:38px;width:50px}}@media (max-width:768px){.marketplace{padding:1px}.buy-number-card{border-radius:8px;box-shadow:0 2px 6px #0000000a}.search-input,.server-select{font-size:14px;padding:10px}.services-grid{gap:12px}.service-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.service-left img{height:36px;width:36px}.service-right{align-items:center;display:flex;justify-content:space-between;width:100%}.price{font-size:15px;margin-bottom:0}.otp-box{border-radius:10px;bottom:auto;box-shadow:none;left:auto;margin-top:20px;position:relative;right:auto;width:100%}}.order-history-page{background:var(--bg-color);color:var(--text-color);padding:20px;transition:background .3s ease,color .3s ease}.order-history-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);max-width:100%;padding:20px;transition:background .3s ease,color .3s ease,border-color .3s ease}.order-history-title{color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:20px}.no-orders{color:var(--secondary-text);font-size:14px;text-align:center}.order-table-scroll{overflow-x:auto;width:100%}.order-history-table{border-collapse:collapse;font-size:14px;width:100%}.order-history-table th{background:#0000000a;border-bottom:1px solid var(--border-color);color:var(--secondary-text);font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}body[data-theme=dark] .order-history-table th{background:#ffffff0d}.order-history-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:12px;transition:color .3s ease,border-color .3s ease}.order-history-table tbody tr{transition:background .2s ease}.order-history-table tbody tr:hover{background:#00000008}body[data-theme=dark] .order-history-table tbody tr:hover{background:#ffffff0a}.otp-success{color:#16a34a;font-weight:600}.otp-waiting{color:#f59e0b;font-weight:500}.refund-btn,.resend-btn{border:none;color:#fff;cursor:pointer;transition:all .2s ease,transform .2s ease}.resend-btn{background:#2563eb;border-radius:8px;font-size:13px;padding:6px 12px}.resend-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.resend-btn:disabled{background:#9ca3af;cursor:not-allowed}.refund-btn{background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:8px;box-shadow:0 3px 6px #00000026;font-size:14px;font-weight:600;padding:8px 16px}.refund-btn:hover:not(:disabled){background:linear-gradient(90deg,#f87171,#b91c1c);box-shadow:0 5px 10px #0003;transform:translateY(-1px)}.refund-btn:active{transform:translateY(1px)}.refund-btn:disabled{background:#fca5a5;box-shadow:none;cursor:not-allowed}.loading-spinner{font-weight:500;justify-content:center}.spinner{margin-bottom:12px}.button-spinner{animation:spin .8s linear infinite;border-right:2px solid #0000;border-top:2px solid #0000;border-color:#fff #fff #0000 #0000;border-radius:50%;border-style:solid;border-width:2px;display:inline-block;height:16px;width:16px}.order-filter{margin-bottom:15px}.order-filter select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-bg);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 0L5 6L10 0H0Z%27 fill=%27%236B7280%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;max-width:100%;min-width:160px;outline:none;padding:8px 12px;transition:background .3s ease,color .3s ease,border-color .3s ease}.order-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.order-filter select::-ms-expand{display:none}.pagination{align-items:center}.pagination button{transition:background .2s ease,color .2s ease,border-color .2s ease}body[data-theme=dark] .pagination button:hover{background:#ffffff0f}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.status-badge.waiting{background:#fff3cd;color:#856404}.status-badge.received{background:#d4edda;color:#155724}.status-badge.refunded{background:#f8d7da;color:#721c24}.status-badge.cancelled{background:#e2e3e5;color:#383d41}@media (max-width:640px){.order-history-page{padding:0}.order-history-card{border-radius:10px;box-shadow:0 2px 6px #0000000d;max-width:100%;padding:16px;width:100%}.order-history-table thead{display:none}.order-history-table,.order-history-table tbody,.order-history-table td,.order-history-table tr{display:block;width:100%}.order-history-table tr{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #0000000a;margin-bottom:12px;padding:12px}.order-history-table td{align-items:center;border:none;display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;padding:6px 10px;position:relative;text-align:left}.order-history-table td:before{color:var(--secondary-text);content:attr(data-label);font-size:12px;font-weight:600;margin-right:10px;min-width:90px;text-transform:uppercase}.status-badge{margin-left:10px;margin-top:3px}.order-history-table td[data-label=Action]{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;padding-top:8px}.refund-btn,.resend-btn{border-radius:6px;flex:0 0 auto;font-size:12px;margin-left:auto;min-width:80px;padding:4px 10px;text-align:center;white-space:nowrap}.pagination{flex-direction:row;gap:6px;justify-content:center;overflow-x:auto;padding-bottom:5px}.pagination button{flex:0 0 auto;font-size:13px;padding:4px 8px;white-space:nowrap}.otp-success,.otp-waiting{margin-left:10px}}.transaction-page{background:var(--bg-color);transition:background .3s ease,color .3s ease}.transaction-card,.transaction-page{color:var(--text-color);padding:20px}.transaction-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #0000000f;transition:background .3s ease,color .3s ease,border-color .3s ease}.transaction-title{color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:20px}.transaction-filter{margin-bottom:15px}.transaction-filter select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--card-bg);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0 0L5 6L10 0H0Z%27 fill=%27%236B7280%27/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:background .3s ease,color .3s ease,border-color .3s ease}.transaction-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}select::-ms-expand{display:none}.transaction-table{border-collapse:collapse;font-size:14px;width:100%}.transaction-table th{background:#0000000a;border-bottom:1px solid var(--border-color);color:var(--secondary-text);font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}body[data-theme=dark] .transaction-table th{background:#ffffff0d}.transaction-table td{border-bottom:1px solid var(--border-color);color:var(--text-color);padding:12px;transition:border-color .3s ease,color .3s ease}.transaction-table tbody tr{transition:background .2s ease}.transaction-table tbody tr:hover{background:#00000008}body[data-theme=dark] .transaction-table tbody tr:hover{background:#ffffff0a}.tx-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.tx-badge.deposit{background:#d1fae5;color:#065f46}.tx-badge.purchase{background:#dbeafe;color:#1e40af}.tx-badge.refund{background:#fee2e2;color:#991b1b}.tx-badge.deduction{background:#fef3c7;color:#92400e}.tx-badge.completed{background:#d1fae5;color:#065f46}.tx-badge.success{background:#16a34a;color:#fff}.tx-badge.pending{background:#f59e0b;color:#fff}.tx-badge.failed{background:#dc2626;color:#fff}.no-transactions{color:var(--secondary-text);text-align:center}.pagination{display:flex;gap:15px;justify-content:center;margin-top:15px}.pagination button{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;padding:6px 12px;transition:background .2s ease,border-color .2s ease,color .2s ease}.pagination button:hover{background:#0000000a}body[data-theme=dark] .pagination button:hover{background:#ffffff0d}.loading-spinner{align-items:center;color:var(--secondary-text);display:flex;flex-direction:column;padding:80px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#367e3a;height:40px;width:40px}body[data-theme=dark] .spinner{border:4px solid #ffffff26;border-top-color:#fff}@media (max-width:640px){.transaction-page{padding:0}.transaction-card{border-radius:10px;box-shadow:0 2px 6px #0000000d;max-width:100%;padding:16px;width:100%}.transaction-table thead{display:none}.transaction-table,.transaction-table tbody,.transaction-table td,.transaction-table tr{display:block;width:100%}.transaction-table tr{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #0000000a;margin-bottom:12px;padding:12px}.transaction-table td{align-items:center;border:none;display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;padding:6px 10px;position:relative;text-align:left}.transaction-table td:before{color:var(--secondary-text);content:attr(data-label);font-size:12px;font-weight:600;margin-right:10px;min-width:90px;text-transform:uppercase}.tx-badge{margin-left:10px;margin-top:3px}.transaction-table td[data-label=Reference] .value{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{flex-direction:row;gap:6px;justify-content:center;overflow-x:auto;padding-bottom:5px}.pagination button{font-size:13px;padding:4px 8px;white-space:nowrap}}.fund-wallet-page{background:var(--bg-color);color:var(--text-color);padding:20px;transition:background .3s ease,color .3s ease}.fund-title{color:var(--text-color);font-size:22px;font-weight:700;margin-bottom:20px}.fund-wallet-card{border-radius:10px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);padding:20px;transition:background .3s ease,color .3s ease,border-color .3s ease}.fund-wallet-card,.payment-option{background:var(--card-bg);border:1px solid var(--border-color)}.payment-option{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 18px;transition:background .25s ease,border-color .25s ease,transform .2s ease}.payment-option:last-child{margin-bottom:0}.payment-option:hover{border-color:#367e3a}body[data-theme=dark] .payment-option:hover{background:#ffffff08}.payment-left{align-items:center;display:flex;gap:14px}.payment-icon{background:#0000000a;border-radius:50%;height:42px;object-fit:contain;padding:6px;transition:background .3s ease;width:42px}body[data-theme=dark] .payment-icon{background:#ffffff0d}.payment-text h4{color:var(--text-color);font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.payment-text span{font-size:13px}.payment-arrow,.payment-text span{color:var(--secondary-text);transition:color .3s ease}.payment-arrow{font-size:20px}.clickable{cursor:pointer}.clickable:hover{background:#00000008}body[data-theme=dark] .clickable:hover{background:#ffffff0a}.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:600px){.fund-wallet-page{padding:0}.fund-title{font-size:18px;margin-bottom:14px}.fund-wallet-card{border-radius:10px;box-shadow:0 2px 6px #0000000d;max-width:100%;padding:14px;width:100%}.payment-option{margin-bottom:12px;padding:14px}.payment-left{gap:10px}.payment-icon{height:36px;padding:5px;width:36px}.payment-text h4{font-size:14px}.payment-text span{font-size:12px}.payment-arrow{font-size:18px}}.fund-status-page{align-items:flex-start;background:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;min-height:100vh;padding:20px 10px;transition:background .3s ease,color .3s ease}.fund-status-card{animation:fadeIn .5s ease-in-out;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);margin-top:20px;max-width:420px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.fund-status-card.cancel{border-top:4px solid #ef4444}.back-btn{color:var(--text-color)}.status-icon{font-size:80px;margin-bottom:20px}.cancel-icon{color:#ef4444}.fund-status-card h2{color:var(--text-color);font-size:22px;font-weight:600;margin-bottom:10px}.fund-status-card p{color:var(--secondary-text);font-size:14px;line-height:1.5;margin-bottom:30px}.back-btn-action{background:#ef4444;border:none;border-radius:60px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;outline:none;padding:12px 22px;transition:opacity .2s ease,transform .2s ease,background .2s ease}.back-btn-action:hover{background:#dc2626;transform:translateY(-1px)}.back-btn-action:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}body[data-theme=dark] .cancel-icon{color:#ff6b6b}@media (max-width:480px){.fund-status-page{justify-content:flex-start;min-height:auto;padding:20px 5px}.fund-status-card{border-radius:8px;box-shadow:0 2px 6px #0000000a;margin:0 auto;max-width:460px;padding:30px 20px;width:100%}.status-icon{font-size:65px}.fund-status-card h2{font-size:20px}.fund-status-card p{font-size:13px}.back-btn-action{border-radius:50px;font-size:14px;padding:12px 18px}}.login-wrapper{grid-gap:40px;background:var(--bg-color);display:grid;gap:40px;grid-template-columns:1.1fr 1fr;height:100dvh;inset:0;overflow-y:auto;padding:40px;position:fixed;width:100%}.login-illustration{align-items:center;display:flex;justify-content:center}.login-illustration img{height:auto;max-width:100%}.login-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;margin-top:-10px;max-width:480px;padding:48px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.login-mobile-logo{display:none;margin-bottom:14px;text-align:center}.login-mobile-logo img{height:auto;width:140px}.login-header h2{color:var(--text-color);font-size:28px;font-weight:700;margin-bottom:20px}.login-form label{color:var(--secondary-text);display:block;font-size:14px;margin-bottom:6px}.login-form input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,color .3s ease;width:100%}.login-form input:focus{border-color:#367e3a;outline:none}.eye-icon{align-items:center;display:flex;justify-content:center;transition:color .2s ease}.forgot-password{margin-bottom:14px;margin-top:-10px;text-align:right}.forgot-password a{color:var(--text-color);font-size:14px;font-weight:600;text-decoration:none}.login-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:14px;padding:14px;transition:background .3s ease;width:100%}.login-btn:hover{background:#2f6f33}.signup-text{color:var(--secondary-text);font-size:14px;text-align:center}.signup-text a{color:var(--text-color);font-weight:600;text-decoration:none}.login-footer{color:var(--secondary-text);font-size:12px;margin-top:16px;text-align:center}.login-footer span{color:var(--text-color);font-weight:500}@media (max-width:900px){.login-wrapper{align-items:flex-start;grid-template-columns:1fr;min-height:100vh;padding:16px}.login-illustration{display:none}.login-card{border-radius:6px;margin:20px auto 0;max-height:calc(100vh - 20px);overflow-y:auto;padding:18px}.login-mobile-logo{display:block}.login-btn{border-radius:6px}.login-header h2{margin-bottom:16px}}.register-wrapper{grid-gap:40px;background:var(--bg-color);display:grid;gap:40px;grid-template-columns:1.1fr 1fr;height:100dvh;inset:0;overflow-y:auto;padding:40px;position:fixed;width:100%}.register-illustration{align-items:center;display:flex;justify-content:center}.register-illustration img{max-width:100%}.register-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;margin-top:-10px;max-width:520px;padding:48px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.register-card h2{color:var(--text-color);font-size:28px;font-weight:700;margin-bottom:20px}.register-form label{color:var(--secondary-text);display:block;font-size:14px;margin-bottom:6px}.register-form input[type=email],.register-form input[type=password],.register-form input[type=text]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,color .3s ease;width:100%}.register-form input:focus{border-color:#367e3a;outline:none}.password-wrapper input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:1rem;height:45px;padding-left:10px}.eye-icon{color:var(--secondary-text);top:50%;transform:translateY(-80%)}.name-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.recaptcha-box{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:12px;margin-bottom:14px;padding:16px}.recaptcha-logo{font-size:12px;margin-left:auto}.recaptcha-logo,.terms{color:var(--secondary-text)}.terms{display:flex;font-size:13px;gap:10px;margin-bottom:20px}.terms span{color:var(--text-color);font-weight:600}.register-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:14px;padding:14px;transition:background .3s ease;width:100%}.register-btn:hover{background:#2f6f33}.signin-text{color:var(--secondary-text);font-size:14px;text-align:center}.signin-text a{color:var(--text-color);font-weight:600;text-decoration:none}.register-mobile-logo{display:none;margin-bottom:14px;text-align:center}.register-mobile-logo img{height:auto;width:140px}@media (max-width:900px){.register-wrapper{align-items:flex-start;grid-template-columns:1fr;min-height:100vh;padding:16px}.register-illustration{display:none}.register-mobile-logo{display:block}.register-card{border-radius:6px;margin:20px auto 0;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px}.name-row{grid-template-columns:1fr}}.forgot-wrapper{grid-gap:40px;background:var(--bg-color);display:grid;gap:40px;grid-template-columns:1.1fr 1fr;height:100dvh;inset:0;overflow-y:auto;padding:40px;position:fixed;width:100%}.forgot-illustration{align-items:center;display:flex;justify-content:center}.forgot-illustration img{height:auto;max-width:100%}.forgot-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;margin-top:-10px;max-width:480px;padding:32px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.forgot-mobile-logo{display:none;margin-bottom:12px;text-align:center}.forgot-mobile-logo img{height:auto;width:140px}.forgot-header h2{color:var(--text-color);font-size:26px;font-weight:700;margin-bottom:4px}.forgot-header p{line-height:1.4;margin-bottom:14px}.forgot-form label,.forgot-header p{color:var(--secondary-text);font-size:14px}.forgot-form label{display:block;margin-bottom:6px}.forgot-form input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:16px;margin-bottom:14px;padding:14px 16px;transition:border-color .3s ease,background .3s ease,color .3s ease;width:100%}.forgot-form input:focus{border-color:#367e3a;outline:none}.forgot-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:14px;transition:background .3s ease;width:100%}.forgot-btn:hover{background:#2f6f33}.forgot-footer{color:var(--secondary-text);font-size:14px;text-align:center}.forgot-footer a{color:var(--text-color);font-weight:600;text-decoration:none}@media (max-width:900px){.forgot-wrapper{align-items:flex-start;grid-template-columns:1fr;padding:16px}.forgot-illustration{display:none}.forgot-card{border-radius:6px;margin:20px auto 0;max-height:calc(100vh - 20px);overflow-y:auto;padding:18px}.forgot-mobile-logo{display:block}.forgot-btn{border-radius:6px}.forgot-header h2{font-size:24px}}*{box-sizing:border-box}.reset-wrapper{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.1fr 1fr;min-height:100vh;padding:40px}.reset-illustration{align-items:center;display:flex;justify-content:center}.reset-illustration img{height:auto;max-width:100%}.reset-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:-40px;max-width:480px;padding:32px;width:100%}.reset-mobile-logo{display:none;margin-bottom:12px;text-align:center}.reset-mobile-logo img{height:auto;width:140px}.reset-header h2{font-size:26px;font-weight:700;margin-bottom:4px}.reset-header p{color:#666;font-size:14px;line-height:1.4;margin-bottom:14px}.reset-form label{color:#444;display:block;font-size:14px;margin-bottom:6px}.reset-form input{border:1px solid #ddd;border-radius:8px;font-size:15px;margin-bottom:14px;padding:14px 16px;width:100%}.reset-form input:focus{border-color:#ff7a00;outline:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{padding-right:40px;width:100%}.eye-icon{color:#555;cursor:pointer;font-size:1.2rem;position:absolute;right:10px}.reset-btn{background:#367e3a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;padding:14px;width:100%}.reset-btn:hover{background:#2f6f33}.reset-footer{font-size:14px;text-align:center}.reset-footer a{color:#000;font-weight:600;text-decoration:none}@media (max-width:900px){.reset-wrapper{align-items:flex-start;grid-template-columns:1fr;min-height:100vh;padding:16px}.reset-illustration{display:none}.reset-card{border-radius:6px;box-shadow:0 2px 6px #0000000a;margin:10px auto 0;max-height:calc(100vh - 20px);overflow-y:auto;padding:18px}.reset-mobile-logo{display:block}.reset-btn{border-radius:6px}.reset-header h2{font-size:24px}}.user-support-page{background:var(--bg-color);color:var(--text-color);padding:20px;transition:background .3s ease,color .3s ease}.user-support-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:100%;overflow:hidden}.user-support-container,.user-support-header{transition:background .3s ease,border-color .3s ease}.user-support-header{background:#00000008;border-bottom:1px solid var(--border-color);flex-shrink:0;padding:18px 22px}body[data-theme=dark] .user-support-header{background:#ffffff08}.user-support-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.user-support-header span{color:var(--secondary-text);font-size:13px}.user-support-body{background:#00000005;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px;transition:background .3s ease}body[data-theme=dark] .user-support-body{background:#ffffff05}.user-support-body::-webkit-scrollbar{width:6px}.user-support-body::-webkit-scrollbar-thumb{background:#0000001f;border-radius:10px}body[data-theme=dark] .user-support-body::-webkit-scrollbar-thumb{background:#ffffff1f}.chat-message{display:flex;margin-bottom:12px}.chat-message.user{justify-content:flex-end}.chat-message.support{justify-content:flex-start}.bubble{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.4;max-width:70%;padding:12px 16px;position:relative;transition:background .3s ease,color .3s ease}.chat-message.user .bubble{background:#2563eb;border-bottom-right-radius:4px;color:#fff}.chat-message.support .bubble{background:#e5e7eb;border-bottom-left-radius:4px;color:#111827}body[data-theme=dark] .chat-message.support .bubble{background:#1f2937;color:#f9fafb}.bubble span{display:block;font-size:11px;margin-top:6px;opacity:.7}.chat-date{color:var(--secondary-text);font-size:12px;margin:10px 0;text-align:center}.user-support-input{background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;padding:14px 18px;transition:background .3s ease,border-color .3s ease}.user-support-input input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:25px;color:var(--text-color);flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:background .3s ease,color .3s ease,border-color .3s ease}.user-support-input input:focus{border-color:#2563eb}.user-support-input button{background:#2563eb;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;margin-left:10px;padding:10px 20px;transition:.2s ease}.user-support-input button:hover{background:#1d4ed8}.telegram-float{align-items:center;background-color:#08c;border-radius:50%;bottom:80px;box-shadow:0 5px 15px #0003;color:#fff;display:flex;font-size:24px;height:55px;justify-content:center;position:fixed;right:20px;text-decoration:none;transition:.2s ease;width:55px;z-index:999}.telegram-float:hover{background-color:#0077b5;transform:scale(1.1)}@media (max-width:768px){.user-support-page{padding:0}.user-support-container{border-radius:8px;height:100vh;margin:0;max-width:100%;width:100%}.bubble{max-width:85%}.telegram-float{bottom:100px;right:20px}}.paystack-page{align-items:center;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;padding:20px 10px;transition:background .3s ease,color .3s ease}.paystack-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);margin-top:20px;max-width:420px;overflow:hidden;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.paystack-header{border-bottom:1px solid var(--border-color);padding:32px 20px 18px;text-align:center;transition:border-color .3s ease}.paystack-header img{margin-bottom:10px;width:72px}.paystack-header h3{color:var(--text-color);font-size:20px;font-weight:600}.paystack-header p{color:var(--secondary-text);font-size:14px}.paystack-body{padding:24px 20px 28px}.paystack-body label{color:var(--text-color);font-size:14px;font-weight:500}@media (max-width:480px){.paystack-page{justify-content:flex-start;min-height:auto;padding:20px 5px}.paystack-card{border-radius:6px;box-shadow:0 2px 6px #0000000a;margin:0 auto;max-width:460px;padding-bottom:20px;width:100%}.back-btn{font-size:16px;left:16px;padding:8px;top:16px}.paystack-header{padding:24px 16px 16px}.paystack-header img{margin-bottom:8px;width:60px}.paystack-header h3{font-size:18px}.paystack-header p{font-size:13px}.paystack-body{padding:20px 16px 24px}.amount-input{padding:0 10px}.amount-input input{font-size:15px;padding:12px 8px}.quick-amounts{gap:8px;grid-template-columns:repeat(2,1fr);margin:12px 0 6px}.quick-btn{font-size:12px;padding:8px 4px}.fund-btn{border-radius:50px;font-size:15px;padding:12px}.min-max-text{margin-bottom:20px}.error-text,.min-max-text{font-size:12px}.loader{border-width:2px;height:18px;width:18px}.secure-badge{font-size:12px;margin-top:10px}}.fund-usdt-page{align-items:flex-start;background:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;min-height:100vh;padding:20px 10px;transition:background .3s ease,color .3s ease}.fund-usdt-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000f;color:var(--text-color);margin-top:20px;max-width:420px;overflow:hidden;position:relative;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}.back-btn{background:#0000;border:none;color:#16a34a;cursor:pointer;font-size:16px;left:16px;padding:8px;position:absolute;top:16px}.fund-header{border-bottom:1px solid var(--border-color);padding:32px 20px 18px;text-align:center;transition:border-color .3s ease}.fund-header img{margin-bottom:10px;width:72px}.fund-header h3{color:var(--text-color);font-size:20px;font-weight:600}.fund-header p{color:var(--secondary-text);font-size:14px}.fund-body{padding:24px 20px 28px}.fund-body label{color:var(--text-color);font-size:14px;font-weight:500}.amount-input{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;display:flex;margin-top:6px;padding:0 12px;transition:border-color .2s ease,background .3s ease}.amount-input:focus-within{border-color:#16a34a}.amount-input.error{border-color:#dc2626}.amount-input span{color:var(--text-color);font-size:18px;font-weight:600}.amount-input input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:16px;outline:none;padding:14px 10px}.amount-input input::placeholder{color:var(--secondary-text)}.error-text{color:#dc2626}.error-text,.min-max-text{font-size:13px;margin-top:6px}.min-max-text{color:var(--secondary-text);display:flex;font-weight:500;gap:8px;justify-content:flex-start;margin-bottom:14px}.min-max-text span{color:#16a34a;font-weight:600}.quick-amounts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin:14px 0 6px}.quick-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500;padding:10px 6px;transition:background .2s ease,border-color .2s ease,color .2s ease}.quick-btn:hover{background:#16a34a14;border-color:#16a34a}.quick-btn.active{background:#e1f5ea;border-color:#e1f5ea;color:#37ac80}.fund-btn{background:#00b875;border:none;border-radius:60px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:18px;padding:14px;transition:opacity .2s ease,transform .2s ease;width:100%}.fund-btn:hover:not(:disabled){transform:translateY(-1px)}.fund-btn:disabled{background:#b9e5ce;cursor:not-allowed;opacity:.7}.loader{animation:spin .8s linear infinite;border:3px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:22px;width:22px}.secure-badge{color:var(--secondary-text)}.secure-badge,.trx-address-info{font-size:13px;margin-top:14px;text-align:center}.trx-address-info{color:var(--text-color);word-break:break-all}body[data-theme=dark] .quick-btn:hover{background:#ffffff0d}body[data-theme=dark] .loader{border:3px solid #fff3;border-top-color:#fff}@media (max-width:480px){.fund-usdt-page{justify-content:flex-start;min-height:auto;padding:20px 5px}.fund-usdt-card{border-radius:6px;box-shadow:0 2px 6px #0000000a;margin:0 auto;max-width:460px;padding-bottom:20px;width:100%}.back-btn{font-size:16px;left:16px;padding:8px;top:16px}.fund-header{padding:24px 16px 16px}.fund-header img{margin-bottom:8px;width:60px}.fund-header h3{font-size:18px}.fund-header p{font-size:13px}.fund-body{padding:20px 16px 24px}.amount-input{padding:0 10px}.amount-input input{font-size:15px;padding:12px 8px}.quick-amounts{gap:8px;grid-template-columns:repeat(2,1fr);margin:12px 0 6px}.quick-btn{font-size:12px;padding:8px 4px}.fund-btn{border-radius:50px;font-size:15px;padding:12px}.min-max-text{margin-bottom:20px}.error-text,.min-max-text{font-size:12px}.loader{border-width:2px;height:18px;width:18px}.secure-badge,.trx-address-info{font-size:12px;margin-top:10px}}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d5b3e930.css.map*/