:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#0c0c0e}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page{min-height:100vh;display:flex;flex-direction:column;background-color:#0c0c0e;color:#fff;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main{flex:1;padding:100px 24px 80px;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto}.glow1{position:absolute;top:-10%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#6366f126,#6366f100 70%);filter:blur(80px);z-index:0}.glow2{position:absolute;bottom:-10%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,#a855f726,#a855f700 70%);filter:blur(80px);z-index:0}.header{margin-bottom:48px;display:flex;justify-content:space-between;align-items:flex-end}.welcomeText h1{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.welcomeText p{color:#a1a1aa;font-size:1.1rem}.btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 20px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn:hover{background:#ffffff1a;border-color:#fff3}.logoutBtn:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px}.statCard{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px;border-radius:24px;transition:transform .3s ease,border-color .3s ease}.statCard:hover{transform:translateY(-4px);border-color:#6366f14d}.statHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.statIcon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.walletIcon{background:#22c55e1a;color:#22c55e}.linesIcon{background:#6366f11a;color:#6366f1}.statValue{font-size:2rem;font-weight:700;margin-bottom:4px}.statLabel{color:#a1a1aa;font-size:.95rem}.sectionCard{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden}.sectionHeader{padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.sectionTitle{font-size:1.25rem;font-weight:600}.tableWrapper{overflow-x:auto}.table{width:100%;border-collapse:collapse}.th{text-align:left;padding:16px 32px;color:#71717a;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.td{padding:20px 32px;border-top:1px solid rgba(255,255,255,.05)}.phoneNumber{font-weight:600;font-family:inherit}.country{display:flex;align-items:center;gap:8px;color:#a1a1aa}.status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.statusActive{background:#22c55e1a;color:#22c55e}.statusExpired{background:#ef44441a;color:#ef4444}.actions{display:flex;gap:12px}.actionBtn{padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#a1a1aa;cursor:pointer;transition:all .2s ease}.actionBtn:hover{background:#ffffff0d;color:#fff;border-color:#fff3}.nav{position:fixed;top:0;left:0;right:0;height:80px;background:#0c0c0ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);z-index:100;display:flex;align-items:center}.navContainer{max-width:1200px;margin:0 auto;width:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none}.loadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px;color:#a1a1aa}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{display:flex;min-height:100vh;background-color:#0c0c0e;color:#fff}.sidebar{width:280px;background:#ffffff05;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebarContent{padding:32px 24px;display:flex;flex-direction:column;height:100%}.sidebarLogo{font-size:1.5rem;font-weight:800;margin-bottom:48px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;display:block}.navMenu{display:flex;flex-direction:column;gap:8px;flex:1}.navItem{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#a1a1aa;text-decoration:none;font-weight:500;transition:all .2s ease}.navItem:hover{background:#ffffff0d;color:#fff}.navActive{background:#6366f11a!important;color:#6366f1!important;border:1px solid rgba(99,102,241,.2)}.sidebarFooter{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.05)}.content{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column}.pageHeader{padding:32px 48px;display:flex;justify-content:space-between;align-items:center}.pageTitle h1{font-size:2rem;font-weight:700;margin:0}.pageTitle p{color:#a1a1aa;margin:4px 0 0}.pageContent{padding:0 48px 48px;flex:1}.mobileHeader{display:none}.hamburger{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.hamburger:hover{background:#ffffff14}.sidebarOverlay{display:none}@media(max-width:768px){.mobileHeader{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;background:#0c0c0ef2;border-bottom:1px solid rgba(255,255,255,.08);position:fixed;top:0;left:0;right:0;z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:150}.sidebar.sidebarOpen{transform:translate(0)}.sidebarOverlay{display:block;position:fixed;inset:0;background:#0009;z-index:140;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.content{margin-left:0;padding-top:64px}.pageHeader{padding:24px 20px}.pageContent{padding:0 20px 40px}.tableWrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.th,.td{padding:14px 16px}.statsGrid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.header{flex-direction:column;align-items:flex-start;gap:16px}.welcomeText h1{font-size:1.75rem}.modalContent{width:95%;padding:24px 20px;max-height:90vh;overflow-y:auto}}.modalOverlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modalContent{background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;width:90%;max-width:500px}.input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;transition:all .2s ease;margin-top:4px}.input:focus{outline:none;border-color:#6366f1;background:#6366f10d}.loader{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-radius:50%;border-top-color:#6366f1;animation:spin 1s linear infinite}.statusBadge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.statusSuccess{background:#10b9811a;color:#10b981}.statusPending{background:#f59e0b1a;color:#f59e0b}.textTruncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toastContainer{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{pointer-events:auto;background:#18181b;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px 20px;min-width:300px;max-width:450px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 25px -5px #00000080;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toastIcon{flex-shrink:0}.toast-success .toastIcon{color:#10b981}.toast-error .toastIcon{color:#ef4444}.toast-warning .toastIcon{color:#f59e0b}.toast-info .toastIcon{color:#6366f1}.toastMessage{flex:1;font-size:14px;font-weight:500;color:#fff}.toastClose{flex-shrink:0;background:transparent;border:none;color:#71717a;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.toastClose:hover{background:#ffffff0d;color:#fff}