@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg-color:#060b11;--bg-gradient:linear-gradient(160deg, #060b11 0%, #0a1118 40%, #0d1a15 70%, #0d1520 100%);--surface:#00ff880a;--surface-hover:#00ff8814;--border:#00ff881a;--border-strong:#00ff8838;--text-primary:#e8f5ee;--text-secondary:#7a9b8a;--primary-accent:#0f8;--primary-dark:#00cc6a;--primary-gradient:linear-gradient(135deg, #0f8 0%, #00cc6a 100%);--primary-glow:0 0 20px #00ff884d;--success:#0f8;--danger:#f46;--warning:#fa0;--card-bg:#06140ea6;--card-bg-elevated:#081a12bf}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-color);background-image:var(--bg-gradient);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:1.25rem;transition:border-color .3s,box-shadow .3s}.glass-panel-elevated{background:var(--card-bg-elevated);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-radius:1.25rem;box-shadow:0 4px 24px #0000004d,inset 0 0 0 1px #00ff880d}.card-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s,box-shadow .3s}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 8px 32px #00000059,0 0 20px #00ff8814}.btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#060b11;box-shadow:var(--primary-glow);font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #0f86,0 8px 20px #0f83}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--primary-accent);border:1px solid var(--border);background:#00ff8814}.btn-secondary:hover{border-color:var(--border-strong);background:#00ff8824;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff14}.btn-ghost:hover{color:var(--danger);background:#ff446614;border-color:#ff446640}.action-card{background:var(--card-bg);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;font-family:Outfit,sans-serif;font-size:.8125rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.action-card:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--primary-accent);transform:translateY(-2px)}.action-card .action-icon{background:#00ff880f;border-radius:.75rem;justify-content:center;align-items:center;width:44px;height:44px;transition:background .25s;display:flex}.action-card:hover .action-icon{background:#00ff881f}.action-card.action-danger:hover{color:var(--danger);background:#ff44660f;border-color:#f463}.action-card.action-danger:hover .action-icon{background:#ff44661a}.section-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-header h3{margin:0;font-size:1.25rem;font-weight:700}.section-icon{background:#00ff8814;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.input-field{border:1px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;background:#0006;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px #00ff8814}.input-field::placeholder{color:var(--text-secondary)}.status-badge{letter-spacing:.025em;text-transform:uppercase;border-radius:2rem;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.status-active{color:var(--success);background:#00ff881a;box-shadow:0 0 8px #00ff881a}.status-progress{color:#0bf;background:#00bbff1a}.status-inactive{color:var(--danger);background:#ff44661a}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00ff8826}50%{box-shadow:0 0 40px #00ff8840}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeIn}.delay-100{opacity:0;animation-delay:80ms}.delay-150{opacity:0;animation-delay:.12s}.delay-200{opacity:0;animation-delay:.16s}.delay-300{opacity:0;animation-delay:.24s}.delay-400{opacity:0;animation-delay:.32s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.dashboard-container{flex-direction:column;gap:1.5rem;max-width:960px;margin:0 auto;padding:1.5rem 1rem 5rem;display:flex}.neon-text{color:var(--primary-accent);text-shadow:0 0 10px #00ff8880,0 0 30px #0f83}@media (width<=768px){.hero-grid{text-align:center;grid-template-columns:1fr!important}.hero-logo{margin:0 auto}.feature-grid{grid-template-columns:1fr!important}.profile-section{flex-direction:column!important;align-items:stretch!important}.profile-info{justify-content:center}.balance-card{width:100%!important;min-width:unset!important}.dashboard-container{gap:1.25rem;padding:1rem .75rem 5rem}.actions-grid{grid-template-columns:repeat(3,1fr)!important}.tariff-grid{grid-template-columns:1fr!important}}@media (width<=480px){.btn{padding:.625rem 1rem;font-size:.875rem}h1{font-size:2rem!important}.dashboard-container{gap:1rem;padding:.75rem .5rem 4rem}.actions-grid{gap:.5rem!important}.action-card{padding:1rem .5rem}.action-card .action-icon{width:38px;height:38px}}.telegram-login-wrapper iframe{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}