.number-option-tabs{background:#e5e5e5;border-radius:50px;display:flex;justify-content:space-between;margin:50px auto;max-width:fit-content;overflow:hidden;padding:4px}.tab-button{background:transparent;border:none;border-radius:30px;color:#333;cursor:pointer;font-family:Open Sans,sans-serif;font-size:14px;padding:10px 20px;transition:all .2s ease-in-out}.tab-button.active{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);color:#0056a8;font-weight:600}.number-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:10px}.number-btn{background-color:#f4f4f4;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-weight:600;padding:12px;text-align:center;transition:all .2s ease;user-select:none}.number-btn:hover{background-color:#007bff;border-color:#007bff;color:#fff}.number-btn.selected{background-color:#004baf;border-color:#004baf;color:#fff}.port-existing-row,.smartnumber-activation-row{display:flex;flex-wrap:wrap;gap:20px;margin:auto;max-width:1150px}.form-group{display:flex;flex:1;flex-direction:column;min-width:250px}label{color:#333;font-size:14px;margin-bottom:6px}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:10px}