*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #667eea;--primary-dark: #5568d3;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--bg: #f5f7fa;--surface: #ffffff;--border: #e2e8f0;--text: #1e293b;--text-light: #64748b;--shadow: 0 2px 8px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);line-height:1.6}.loading{text-align:center;padding:40px;color:var(--text-light)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#1e293b;margin:0 0 10px;font-size:2rem}.login-header p{color:#64748b;margin:0}.login-form,.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-weight:600;margin-bottom:8px;color:#334155}.login-form input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s}.login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-form .alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.login-form .alert-error{background:#fee2e2;color:#991b1b;border-left:4px solid #dc2626}.phone-number-form{background:var(--surface);padding:30px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:30px}.phone-number-form h2{margin:0 0 25px;color:var(--text);font-size:1.5rem}.alert{padding:14px 18px;border-radius:8px;margin-bottom:20px;font-weight:500}.alert-error{background:#fee2e2;color:#991b1b;border-left:4px solid var(--danger)}.alert-success{background:#d1fae5;color:#065f46;border-left:4px solid var(--success)}.numbers-container{margin-bottom:20px}.number-row{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;margin-bottom:15px;align-items:end}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:var(--text);font-size:.9rem}.form-group input{padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.btn-remove{padding:12px 16px;background:var(--danger);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s;height:48px}.btn-remove:hover{background:#dc2626;transform:scale(1.05)}.form-actions{display:flex;gap:15px;padding-top:20px;border-top:2px solid #f1f5f9}.btn{padding:14px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#f1f5f9;color:#475569}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.number-row{grid-template-columns:1fr}.btn-remove{width:100%}.form-actions{flex-direction:column}}.phone-number-list{background:var(--surface);padding:30px;border-radius:12px;box-shadow:var(--shadow)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.list-header h2{margin:0;color:var(--text);font-size:1.5rem}.badges{display:flex;gap:10px}.badge{padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-inactive{background:#f1f5f9;color:#475569}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:var(--text);margin-bottom:10px}.empty-state p{color:var(--text-light)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:#f8fafc}th{padding:14px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid var(--border);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}td{padding:16px 12px;border-bottom:1px solid #f1f5f9}tr.row-inactive{opacity:.5}tr:hover{background:#f8fafc}.label-text{color:var(--text-light);font-style:italic}.status{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.status.active{background:#d1fae5;color:#065f46}.status.inactive{background:#fee2e2;color:#991b1b}.date-cell{color:var(--text-light);font-size:.875rem}.actions{display:flex;gap:8px}.btn-action{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s;background:#f1f5f9}.btn-action:hover{transform:scale(1.1)}.btn-edit:hover{background:#dbeafe}.btn-save:hover{background:#d1fae5}.btn-pause:hover{background:#fed7aa}.btn-play:hover{background:#d1fae5}.btn-delete:hover{background:#fee2e2}.btn-cancel:hover{background:#e2e8f0}td input{padding:8px 12px;border:2px solid var(--border);border-radius:6px;font-size:.9rem;width:100%}td input:focus{outline:none;border-color:var(--primary)}@media(max-width:768px){table{font-size:.875rem}th,td{padding:10px 8px}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--surface);padding:25px;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.stat-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1}.stat-label{font-size:.875rem;color:var(--text-light);font-weight:500;margin-top:5px}.app{min-height:100vh}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;box-shadow:0 4px 12px #00000026}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.app-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:700}.app-header p{font-size:1.1rem;opacity:.95;margin:0}.btn-logout{padding:10px 20px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-logout:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.container{max-width:1200px;margin:-20px auto 0;padding:0 20px 40px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.header-content{flex-direction:column;text-align:center}.app-header h1{font-size:2rem}}