*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#181824;--bg-card-hover:#1e1e2e;--bg-input:#1a1a28;--border-color:#2a2a3d;--border-glow:#6c5ce7;--text-primary:#e8e8f0;--text-secondary:#8888a0;--text-muted:#55556a;--accent-primary:#6c5ce7;--accent-secondary:#a29bfe;--accent-green:#00e676;--accent-green-dim:#00c85320;--accent-red:#ff5252;--accent-red-dim:#ff525220;--accent-orange:#ffab40;--accent-orange-dim:#ffab4020;--accent-blue:#448aff;--accent-blue-dim:#448aff20;--gradient-primary:linear-gradient(135deg, #6c5ce7, #a29bfe);--gradient-green:linear-gradient(135deg, #00e676, #69f0ae);--gradient-card:linear-gradient(145deg, #181824, #1e1e30);--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 20px #6c5ce726;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body{background-image:radial-gradient(80% 50% at 50% -20%,#6c5ce714,#0000),radial-gradient(60% 40% at 80% 100%,#a29bfe0d,#0000)}.app-container{max-width:900px;margin:0 auto;padding:24px 20px 60px}.header{text-align:center;padding:32px 0 24px;position:relative}.header-badge{color:var(--accent-secondary);letter-spacing:.5px;text-transform:uppercase;background:#6c5ce71f;border:1px solid #6c5ce740;border-radius:100px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.header h1{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:32px;font-weight:800}.header p{color:var(--text-secondary);font-size:14px;font-weight:400}.header-balance{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:6px;margin-top:12px;padding:8px 16px;font-size:13px;display:inline-flex}.header-balance span{color:var(--accent-green);font-weight:700}.actions-bar{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:12px 24px;font-weight:700}.btn-primary:hover{border-color:#0000;box-shadow:0 4px 20px #6c5ce766}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-danger{color:var(--accent-red);border-color:#ff52524d}.btn-danger:hover{background:var(--accent-red-dim);border-color:var(--accent-red);box-shadow:0 0 15px #ff52521a}.btn-sm{border-radius:var(--radius-sm);padding:7px 12px;font-size:12px}.btn-icon{min-width:36px;min-height:36px;padding:8px}.btn-icon svg{width:16px;height:16px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:520px;padding:28px;animation:.3s modalSlideIn;box-shadow:0 24px 64px #00000080,0 0 40px #6c5ce71a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff14}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-grid .field{flex-direction:column;gap:5px;display:flex}.settings-grid .field.full-width{grid-column:1/-1}.settings-grid label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.settings-grid input,.settings-grid select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-family);outline:none;padding:10px 12px;font-size:13px;transition:all .2s}.settings-grid input:focus,.settings-grid select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c5ce726}.settings-grid input::placeholder{color:var(--text-muted)}.settings-actions{gap:10px;margin-top:16px;display:flex}.numbers-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.numbers-header h2{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.numbers-count{background:var(--accent-primary);color:#fff;border-radius:100px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.numbers-list{flex-direction:column;gap:10px;display:flex}.number-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px 20px;transition:all .25s;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.number-card:hover{box-shadow:var(--shadow-glow);border-color:#6c5ce74d}.number-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.number-phone{font-variant-numeric:tabular-nums;letter-spacing:.5px;color:var(--text-primary);font-size:20px;font-weight:700}.number-phone-clean{color:var(--text-muted);margin-left:8px;font-size:13px;font-weight:400}.number-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.number-card-meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-waiting{background:var(--accent-orange-dim);color:var(--accent-orange);border:1px solid #ffab4033}.status-received{background:var(--accent-green-dim);color:var(--accent-green);border:1px solid #00e67633}.status-error{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ff525233}.status-released{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid #448aff33}.status-blacklisted{background:var(--accent-red-dim);color:var(--accent-red);border:1px solid #ff525233}.sms-content{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--accent-green);word-break:break-all;font-variant-numeric:tabular-nums;margin-top:8px;padding:12px 14px;font-size:14px;font-weight:500}.sms-content.sms-error{color:var(--accent-red)}.sms-none{color:var(--text-muted);margin-top:4px;font-size:13px;font-style:italic}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;right:20px}.toast{border-radius:var(--radius-md);max-width:360px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s toastIn,.3s 2.7s forwards toastOut;box-shadow:0 8px 32px #0006}.toast-success{color:#e8f5e9;background:linear-gradient(135deg,#1b5e20,#2e7d32);border:1px solid #00e6764d}.toast-error{color:#ffcdd2;background:linear-gradient(135deg,#b71c1c,#c62828);border:1px solid #ff52524d}.toast-info{color:#c5cae9;background:linear-gradient(135deg,#1a237e,#283593);border:1px solid #448aff4d}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.spinner-sm{border-width:2px;border-color:#6c5ce733;border-top-color:var(--accent-primary);width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px;font-size:18px}.empty-state p{font-size:14px}.copy-tooltip{position:relative}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:16px 0;display:flex}.pagination-info{color:var(--text-secondary);padding:0 12px;font-size:13px;font-weight:500}.pagination-info strong{color:var(--accent-secondary)}.pagination .btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.pagination .btn:disabled:hover{background:var(--bg-card);border-color:var(--border-color)}@media (width<=640px){.app-container{padding:16px 14px 40px}.header h1{font-size:24px}.settings-grid{grid-template-columns:1fr}.number-card-top{flex-direction:column;align-items:flex-start}.number-phone{font-size:16px}.actions-bar{flex-direction:column}.btn-primary{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refreshing svg{animation:.8s linear infinite rotate}