@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-dark:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--border:#334155;--glass:#1e293bb3;--sidebar-width:260px}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{background-color:#0f172a;background-color:var(--bg-dark);color:#f8fafc;color:var(--text-main);overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617;border-bottom:1px solid #334155;border-bottom:1px solid var(--border);height:72px;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:100}.header,.logo-section{align-items:center;display:flex}.logo-section{gap:.75rem}.nav-links{gap:1.5rem}.nav-item,.nav-links{align-items:center;display:flex}.nav-item{border-radius:.5rem;color:#94a3b8;color:var(--text-muted);font-size:.9375rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s}.nav-item.active,.nav-item:hover{color:#f8fafc;color:var(--text-main)}.nav-item.active{background:#6366f11a;color:#6366f1;color:var(--primary)}.header-actions{align-items:center;display:flex;gap:1rem}.main-content{flex:1 1;margin:0 auto;max-width:800px;padding:3rem 1.5rem;width:100%}.card{background:#1e293b;background:var(--bg-card);border:1px solid #334155;border:1px solid var(--border);border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;padding:1.5rem}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;background:var(--glass);border:1px solid #ffffff1a}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem}h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}p{color:#94a3b8;color:var(--text-muted);line-height:1.6}.dial-container{margin:0 auto;max-width:400px}.phone-display{align-items:center;background:#0f172a;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;min-height:120px;padding:1.5rem 1rem;text-align:center}.number-input{color:#f8fafc;color:var(--text-main);font-size:2.25rem;font-weight:700;letter-spacing:.02em;transition:font-size .2s ease;width:100%}.rate-badge{background:#22c55e1a;border-radius:2rem;color:#22c55e;color:var(--success);display:inline-block;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.dial-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.dial-btn{align-items:center;background:#1e293b;background:var(--bg-card);border:1px solid #334155;border:1px solid var(--border);border-radius:1rem;color:#f8fafc;color:var(--text-main);cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;height:4.5rem;justify-content:center;transition:all .2s}.dial-btn:hover{background:#334155;border-color:#475569;transform:translateY(-2px)}.dial-btn span{color:#94a3b8;color:var(--text-muted);font-size:.75rem;font-weight:400}.call-btn{align-items:center;background:#22c55e;background:var(--success);border:none;border-radius:1rem;box-shadow:0 4px 15px #22c55e66;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;grid-column:span 3;height:4rem;justify-content:center;margin-top:1rem;transition:all .2s}.call-btn:hover{background:#16a34a;transform:translateY(-2px)}input,select{background:#0f172a;border:1px solid #334155;border:1px solid var(--border);border-radius:.5rem;color:#f8fafc;color:var(--text-main);margin-bottom:1rem;outline:none;padding:.75rem 1rem;width:100%}input:focus{border-color:#6366f1;border-color:var(--primary)}button.primary{background:#6366f1;background:var(--primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}button.primary:hover{background:#4f46e5;background:var(--primary-hover)}.wallet-card{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:1.5rem;color:#fff;overflow:hidden;padding:2rem;position:relative}.wallet-card:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-10%;top:-20%;width:200px}.balance-amount{font-size:3rem;font-weight:800;margin:.5rem 0}.topup-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.5rem}.topup-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:1rem;transition:all .2s}.topup-btn:hover{background:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .4s ease forwards}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:0}.main-content{margin-left:0;padding:1.5rem}}.toast{align-items:center;animation:slideIn .3s cubic-bezier(.175,.885,.32,1.275);background:#1e293b;background:var(--bg-card);border:1px solid #334155;border:1px solid var(--border);border-radius:.75rem;bottom:2rem;box-shadow:0 10px 25px #0003;display:flex;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:100}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
/*# sourceMappingURL=main.a8b2b89f.css.map*/